html{height:100%}
body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; }
ul, ol { list-style-type: none;}
body { font: 14px "Microsoft Yahei",Arial,Helvetica,sans-serif; color: #515151; text-decoration:none; }
a { color: #515151; text-decoration: none;}
a:hover { color: #31a5e7;}
a:link{ text-decoration:none}

.clearfix:after { content: ""; display: table; clear: both;}

.ml-nav { position: fixed; top: 0; left: 0; z-index: 10; width: 100%; padding: 15px 0; background-color: rgba(255, 255, 255, 0.85);}
.ml-logo { float: left; width: 126px; height: 20px; margin: 8px 0; font-size: 0; background-image: url(../images/meilannote2_logo.png.html);}
.ml-link { float: right; margin: 8px 150px 0 0; font-size: 0;}
.ml-link a { display: inline-block; margin: 0 15px; font-size: 14px;}
.buy-now { position: absolute; right: 0; top: 0; width: 100px; height: 36px; line-height: 36px; text-align: center; color: #fff; background-color: #3db1fa;}
.buy-now:hover { color: #fff;}

.logo{ background:#2b0f01; margin:0 0 0 -1rem; padding:0 0rem 0 1.8%;width:9.6%; height:60px}
.logo img{ margin-top:5px}
.logo2{ background:#2b0f01; margin:0 0 0 -1.1rem; padding:0.3rem 0rem; width:15.30%; height:60px;; z-index:-1}
.logo2 img{ width:100%}
.logo2 .line{ margin:2% 8% 0 6%;}
.logo2 .pic{ margin:0; padding:0} 

.menu{ margin:0; padding:0; background:none}
.menu .current {background: url(../images/arr001.png.html) no-repeat bottom center #9b3f00;}
.menu .navtop:hover{ background: url(../images/arr001.png.html) no-repeat bottom center #9b3f00;}
.menu .navtop{display: block;padding: 1.1rem 1rem; color:#FFF; font-size:16px;}
.menu .navtop a{color:#FFF; text-decoration:none}

.menu .sub:hover{background: url(../images/arr001.png.html) no-repeat bottom center #9b3f00;}
.menu .sub{display: block;padding: 1.1rem 1rem; color:#FFF;}
.menu .sub a{color:#FFF; text-decoration:none}

.menu .sub .dropdown-menu{ background:rgba(0,0,0,0.5); border:0}
.menu .sub .dropdown-menu li{ padding:10px 20px; font-size:14px;}
.menu .sub .dropdown-menu li:hover{ background:#9b3f00;}
.menu .sub .dropdown-menu li a:hover{ background:#9b3f00;}

#main-banner img{ width:100%; height:100%}
.sub-01{min-width:96px}

.page-menu-wrapper {padding-left: 0px; list-style-type: none;}
.page-menu-wrapper li {	background: url("../img/sidebar-li.png.html") no-repeat 20px 13px; padding: 5px 0px 5px 35px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: dashed;}
.page-menu-wrapper li a {color: rgb(255, 255, 255); font-size:14px}
.page-menu-wrapper li.current-cat a {color: rgb(203, 203, 203) !important; }
.page-menu-wrapper li.current_page_item a {color: rgb(243, 97, 146) !important;}
.page-menu-wrapper li a:hover {	color: rgb(231, 231, 231) !important;}

.dropdown{ margin:0; padding:0;}

.advallbg{ background:url(../img/banner-adv-bg.jpg) no-repeat center 0; text-align:right; margin:0px 0 0 0; padding:100px 0 0 0; position:relative; overflow:hidden}
.home-about{ background:url(../img/home-aboutbg.jpg) no-repeat center 0; margin:0px 0 0 0; padding:100px 0 0 0; }
.home-service{ background:url(../img/home-servicebg.jpg) no-repeat center 0; margin:0px 0 0 0; padding:100px 0 0 0;}
.home-project{ background:url(../img/home-projectbg.jpg) no-repeat center 0; margin:0px 0 0 0; padding:100px 0 0 0;}
.home-case{ background:url(../img/home-casebg.jpg) no-repeat center 0; margin:0px 0 0 0; padding:0px 0 0 0;}
.home-team{ background:url(../img/home-teambg.jpg) no-repeat center 0; margin:0px 0 0 0; padding:100px 0 0 0;}
.home-line-news{ background: url(../img/home-line-newsbg.jpg) no-repeat center 0; margin:0px 0 0 0; padding:100px 0 0 0;}

.home-about .about-btn{padding-left:2%; padding-top:17%}
.home-about .about-btn .btn{ position:absolute; color:#e9730d; left:57px; margin-top:15px; padding-top:45px; padding-bottom:45px}
.home-about .about-btn img{width:150px; height:150px;margin:0px;border-radius:50%;-webkit-animation:circle 1s infinite linear;/*匀速 循环*/}

@-webkit-keyframes circle{0%{ transform:rotate(0deg); }100%{ transform:rotate(360deg); }}

.advallbg h2{ color:#f79041; font-weight:500; font-family:'microsoft yahei'; font-size:28px; padding:15% 0 0 0; margin:0; position:relative}
.advallbg .adv-left{ color:#f79041; font-weight:500; font-family: "Times New Roman", Times, serif; font-size:200px;padding:0px; margin:-55px 0 0 0}
.advallbg .adv-right{ color:#e67816; font-weight:500; font-family: "Times New Roman", Times, serif; font-size:140px;padding:0px; margin:-100px 0 0 0; overflow:hidden}
.advallbg .but{ background:none;  width:100%; margin:-15px 0 0 0; text-align:right}
.advallbg .but a{ width:150px; border:1px solid #e9c6aa;border-radius:25px; color:#fff5c1; padding:10px 30px; text-decoration:none}
.advallbg .but a:hover{ background:#ff8000}

.home-service .title-a1{ text-align:center; font-size:3.1em; color:#271300; padding:0; margin-top:40px;  background:url(../img/home-service-title-a.png) center top no-repeat}
.home-service .title-a2{text-align:center; font-size:1.2em;color:#695443; padding:0 0 0 15px;margin-top:30px; letter-spacing:17px; font-weight:400}
.home-service .pic{  text-align:center; padding-top:40px}.home-service .pic img{ width:80%; padding-top:35px}

.home-project .title-a1{ text-align:center; font-size:3.1em; color:#ff6a00; padding:0; margin-top:40px;  background:url(../img/home-project-title-a.png) center top no-repeat}
.home-project .title-a2{width:60%;text-align:center; font-size:16px;color:#ea730f; letter-spacing:3px;margin:30px auto 0 auto ; font-weight:500;line-height:36px; overflow:hidden; position:relative; }

.home-case .picall{ margin:50px auto 0 auto; text-align:center; width:100%}
.home-case .picall .pic{ float:left; width:20%}
.home-case .picall .pic .tit{ position:absolute; top:45%; text-align:center font-size:24px; font-weight:500}

.home-team .title-a1{ text-align:center; font-size:3.1em; color:#ff6a00; padding:0; margin-top:40px;  background: url(../img/home-team-title-a.png) center top no-repeat}
.home-team .title-a2{width:60%;text-align:center; font-size:16px;color:#ea730f; letter-spacing:3px;margin:30px auto 0 auto ; font-weight:500;line-height:36px; overflow:hidden; position:relative; }

.home-line-news .erwma{ margin:0; padding:0; color:#ff7701}
.home-line-news .erwma .pic{ margin:80px 0 0 0; padding:20px 0 0 0; background:#1c0d08}.home-line-news .erwma .pic img{ padding-bottom:10px; width:96%}
.home-line-news .erwma .pic .tel{ font-size:12p; color:#ff7701; margin:0; padding:0 0 20px 0; font-size:14px; background:#1c0d08}
.home-line-news .online{ background: #ff7701;margin:11px 0 0 32px; padding:0}.home-line-news .online h3{ text-align:center ; padding:30px 0; background:url(../img/linetitlebg.png) no-repeat center 36px;   border-bottom:1px #CCCCCC solid; color:#FFF; font-size:24px}
.home-line-news .online form{ padding:46px 0}.home-line-news .online .tit{ text-align:right; color:#FFF; font-size:16px; padding-top:5px}
.home-line-news .online .btn-default-a{ width:100%; background:#e80027; color:#FFF; display:inline; clear:both; border:0px; margin:0 0 0 0px; padding:10px 0; border-radius:5px;}
.home-line-news .client{ border:#472412 2px solid; padding:10px;  }
.home-line-news .client .list{ background:#e80027; padding-bottom:30px}
.home-line-news .client h3{ text-align:center; color:#FFF; padding:30px 0 28px; font-size:24px;  background:url(../img/contracttitle.png) no-repeat center 27px; border-bottom:1px #CCCCCC solid}
.home-line-news .client .list ul li{ padding:18px 0px 12px; margin:0 20px; background:url(../img/listtitlebg.png) no-repeat left bottom; }.home-line-news .client .list ul li a{ color:#FFF}.home-line-news .client .list ul li span{ padding-left:15px}

.home-line-news .news-all{ background:#ff7701; margin:100px 0 0 0; padding:60px 0;}
.home-line-news .news-all .newstype{ background:url(../img/newstypebg.png) no-repeat left 0px;}
.home-line-news .news-all .newstype .title-a1{ font-size:1.2em; color:#ffe0c3; margin:0 0 0 -15px; padding:10px 0 30px 0; font-family:"microsoft yahei"}
.home-line-news .news-all .newstype .title-a2{text-align: left; font-size:4em;color:#ffe0c3;margin:60px auto 0 -15px ; font-weight:900; overflow:hidden;}

.home-line-news .news-all .list h4{ color:#ffe0c3; font-size:1.2em}.home-line-news .news-all .list .more{ float:right; padding-top:5px;color:#ffe0c3; font-size:13px; margin-right:0}
.home-line-news .news-all .list .date{ float:right; color:#ffe0c3; font-size:12px;}.home-line-news .news-all .list ul{ list-style:none}
.home-line-news .news-all .list ul li{ margin:0 ; padding:10px 0; background:url(../img/listtitlebg.png) no-repeat left bottom; line-height:24px}
.home-line-news .news-all .list ul li a{color:#ffe0c3; font-size:14px}

.home-case .picall .pic:after{content: attr(data-title); position: absolute; width:100%; top:100%; left:0; padding: 0.7em 0; text-align: center; color: #fff; background-color: rgba(52,47,41,.5);  -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity: 0; }
.home-case .picall .pic:hover:after{ opacity: 1; -webkit-transform:translate(0,100%); transform:translate(0,100%);}

.scroll-pane, .scroll-pane-arrows {width: 100%;height: 220px;overflow: auto;}
.horizontal-only {height: auto;max-height: 220px;}
.scroll-pane {height: 220px; width: 88%; color:#FFF; margin:22% 5.5% 0; padding:5px 20px; color:#ea730f; line-height:30px;}
.scroll-pane::-webkit-scrollbar {width: 20px;}
.scroll-pane::-webkit-scrollbar-track {background-color:#532a00;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}
.scroll-pane::-webkit-scrollbar-thumb {background-color:#401d01;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}
#slider {  width: 620px;  margin: 0 auto;  position: relative;}

.scroll { height: 250px;  width: 620px;  overflow: auto;  overflow-x: hidden;  position: relative;  clear: left;  background: #FFFFFF url(../images/content_pane-gradient.gif.html) repeat-x scroll left bottom;}

.scrollContainer div.panel {  padding: 20px;  height: 210px;  width: 580px;}
#shade {  background: #EDEDEC url(../images/shade.jpg.html) no-repeat 0 0;  height: 50px;}

ul.navigation {  list-style: none;  margin: 0;   padding: 0;  padding-bottom: 9px;}
ul.navigation li {  display: inline;  margin-right: 10px;}
ul.navigation a {  padding: 10px;  color: #000;  text-decoration: none;}
ul.navigation a:hover {  background-color: #f6f6f6;}
ul.navigation a.selected {  background-color: #fff;}
ul.navigation a:focus {  outline: none;}

.scrollButtons {  position: absolute; top: 150px; cursor: pointer;}
.scrollButtons.left { left: -20px;}
.scrollButtons.right {  right: -20px;}
.hide {  display: none;}


/* focus_Box */
#focus_Box{position:relative;width:1060px;height:308px;margin:50px auto 0 auto; padding-top:80px}
#focus_Box ul{position:relative;width:1060px;height:308px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:50%;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(../images/loading.gif.html) no-repeat center 50%;height:100%;vertical-align:top;border-radius:50%;}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png.html) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:220px;}
#focus_Box .prev{background:url(../images/btn.png.html) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../images/btn.png.html) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png.html) no-repeat;text-indent:-999px;}


#zzsc{width:1200px}
#zzsc >li{width:600px}
.mb-wrapper{margin:0 auto 20px;position:relative; height:500px;left:0;top:0}
.mb-slider,.mb-scroll{width:100%;height:380px;overflow:hidden;margin:0 auto;padding:0;position:relative;left:0;top:0}
.mb-active-slider{border-color:#333}
.mb-slider .mb-panel{margin-top:100px;display:block;cursor:pointer;float:left;list-style:none}
.mb-panel a{outline:0}
.mb-slider .mb-panel.current{cursor:auto}
.mb-inside *{max-width:100%}
a.mb-scrollButtons{display:block;width:45px;height:58px;background:transparent url(../images/arrows.png.html) no-repeat;position:absolute;top:40%;margin-top:-29px;cursor:pointer;text-decoration:none;outline:0;border:0;_background:transparent url(../images/arrows.gif.html) no-repeat}
a.mb-scrollButtons.mb-left{background-position:left top;left:-45px}
a.mb-scrollButtons.mb-right{background-position:right top;right:-45px}
a.mb-scrollButtons.mb-left:hover{background-position:left bottom}
a.mb-scrollButtons.mb-right:hover{background-position:right bottom}
a.mb-scrollButtons.disabled{display:none}
.mb-controls{margin:0 auto;text-align:center;position:absolute; top:350px; left:560px;z-index:100}
.mb-controls a{color:#666;font:18px/2.2 Georgia, Serif;display:inline-block;text-decoration:none;padding:2px;margin:0 5px 0 0;text-align:center;outline:0}
.mb-panel{margin-top:90px}
.mb-controls a:hover{color:black}
.mb-controls a.current{color:#900}
.main-nav{display:block; text-align:center; border-bottom:2px solid #a71700;margin:0 0 20px 0;padding:0 0 10px 0}
.main-nav a{text-decoration:none;color:#3e63ec;font-size:18px;margin:0 8px}
.main-nav a:hover{color:black;border-bottom:2px solid black}
.mb-inside img{width:100%}

/* tabBar */
.tabBar{width:100%;font-family:"Microsoft YaHei";margin:30px auto;}
.tabBar .hd ul{z-index:5;position:relative;zoom:1; list-style:none; text-align:center; margin-left:16.5%}
.tabBar .hd li{float: left;margin:20px 5px 40px 5px;padding:10px 20px 10px 20px;font-size:16px;color:#fff; letter-spacing:3px; border-radius:25px;border:1px solid #ff7502;cursor:pointer; }
.tabBar .hd li.on{font-weight:500; color:#FFF;overflow:hidden;position:relative;border-top:0px solid #004ea2;background:#ff7502;}
.tabBar .hd li.on span{font-weight:bold;color:#ff7502;}
.tabBar .bd{border:0px solid #C8D1D5;padding:10px 40px 0 40px;clear:both;position:relative;height: auto;overflow:hidden;}
.tabBar .bd .conWrap{width:100%;}
.tabBar .prev,.tabBar .next{position:absolute;left:10px;top:30%;}
.tabBar .next{left:auto;right:10px;}
.tabBar .prevStop,.tabBar .nextStop{display:none;}
.tabBar .bd p{padding-bottom:10px}

.center-wrap { position: relative; z-index: 1; width: 1040px; height: 100%; margin: 0 auto;}
.desc { position: relative; z-index: 1;}

.section { overflow: hidden;}
.section h1 { margin-bottom: 20px; line-height: 1.4; font-size: 40px; font-weight: 400;}
.section p { line-height: 25px;}

.section .meizu-logo { float: left; margin: 0; padding: 30px 0;}
.meizu-logo a { float: left; width: 114px; height: 20px; font-size: 0; background-image: url(../images/logo.jpg.html);}

.login { position: absolute; right: 0; top: 31px;}
.login a { margin: 0 5px; padding-top: 31px;}

.banner { background: url(../images/bg1-s.jpg.html) 50% 0 no-repeat;}
.banner-desc { position: absolute; width: 386px; margin: 0 auto; color: #FFF; bottom: 95px; left: 50%; margin-left: -193px;}
.banner-desc h1 { text-align: center;}

.thin { background: url(../images/bg2.jpg.html) 50% 0 no-repeat;}
.thin-desc { width: 574px; margin: 0 auto; padding-top: 126px; text-align: center;}
.thin-img { position: absolute; top: 168px; left: 50%; margin-top: 100px; margin-left: -600px;}
.thin-img img { position: absolute;}
.thin-img1 { left: 230px; width: 400px;}
.thin-img2 { left: 480px; width: 500px;}

.cnc { background: #ff8fa5 url(../images/bg3-s.jpg.html) center 0 no-repeat;}
.cnc-desc { padding-top: 40%; width: 400px;}

.screen { background: url(../images/bg4-s.jpg.html) center 0 no-repeat;}
.screen-desc { position: relative; width: 540px; padding-top: 100px; z-index: 1;}
.parameters-list { margin-top: 28px; width: 230px;}
.parameters-list li { position: relative; border-top: #333 1px solid; border-bottom: #333 1px solid; margin-bottom: -1px;}
.parameters-list li h2 { font-size: 32px; font-weight: 400; height: 80px; line-height: 80px; margin-top: 0!important;}
.parameters-list li i { display: inline-block; position: absolute; top: 66px; font-size: 12px;}
.parameters-list li span { position: absolute; top: 30px; right: 0; font-size: 14px;}
.parameters-list li.ps h2 { position: relative; line-height: 90px;}
.parameters-list li.ps span { top: 26px;}
.screen-img { position: absolute; bottom: 0; right: 0; line-height: 0;}
.screen-img img { width: 900px;}

.cpu { background: url(../images/bg5-s.jpg.html) center 0 no-repeat;}
.cpu-desc { padding-top: 10%; width: 610px; margin: 0 auto;}
.cpu-img { position: absolute; bottom: -346px; left: 50%; margin-left: -500px;}
.cpu-img img { width: 1000px;}

.net-desc { position: absolute; right: 0; padding-top: 30%; width: 490px; z-index: 1;}
.net-img { position: absolute; top: 4%; left: -264px;}
.net-img img { width: 1200px;}
.net-img .cc { position: absolute; top: 384px; left: 520px; width: 378px;}
.net-img .cc2 { top: 385px;}

.camera { background: url(../images/bg7-s.jpg.html) center 0 no-repeat;}
.camera-desc { position: absolute; padding-top: 30%; left: 144px; width: 460px;}

.battery { background-color: #00b4ec;}
.battery-desc { position: absolute; right: 0; padding-top: 26%; width: 410px; text-align: right;}
.battery-img { position: absolute; bottom: -10px; left: -200px;}
.battery-img img { width: 1000px;}

.flyme { background: url(../../images/meilannote2/features/bg9-s.jpg.html) center 0 no-repeat;}
.flyme-desc { padding-top: 14%; text-align: center;}
.flyme-img { position: absolute; top: 0; left: 50%; margin-left: -600px; padding-top: 400px; width: 1200px; height: 752px; z-index: 1;}
.flyme-img { position: absolute; top: 0; left: 50%; margin-left: -400px; padding-top: 290px; width: 800px; height: 752px; z-index: 1;}
.flyme-img img { position: absolute;}
.flyme-pic1 { width: 296px; left: 0; padding-top: 60px;}
.flyme-pic2 { width: 310px; left: 236px; z-index: 1;}
.flyme-pic3 { width: 296px; left: 482px; padding-top: 60px;}

#bodybg{background:#ff7700; }
.about-home{padding:60px 15px 0 15px; position:relative; margin:0 auto; }
.about-home .about-menu-l{ padding:60px 0 0 0px; width:23%;}
.about-home .about-menu-l .current-cat a span{ color:#ffdaba;font-weight:600 ; text-decoration:none; padding-left:20px;font-size:16px;}
.about-home .about-menu-wrapper li{ border-bottom:#ff9135 1px solid; text-align:center; padding:56px 0 ; font-size:8px; margin:0px; }
.about-home .about-menu-wrapper li a{ color:#ffa351;text-decoration:none;font-size:16px;font-weight:600 ;}
.about-home .about-menu-wrapper li a:hover{ color:#ffa351;font-weight:600 ;}
.about-home .about-menu-wrapper li a span{padding-left:20px;}

.about-home .content{ background: url(../img/about-body-bg-2.jpg) repeat-y #f9f8f4 right top; width:76.98%;}
.about-home .banner{ padding-top:0px}.about-home .banner img{ width:100%}
.about-home .about-bottom-01{ margin-left:0px; overflow:hidden; padding:0 0 5% 0; position: relative; overflow:hidden}.about-home .about-bottom-01 img{ width:100%;}
.about-home .top{ padding-top:6%; padding-left:5%; position: relative; overflow:hidden}
.about-home .text{ padding-left:5%; padding-top:60px; padding-right:5%; line-height:30px; padding-bottom:5%; width:95%; position: relative; overflow:hidden}

.case-home{ background-size:;padding:60px 15px 0 15px;  position:relative; margin:0 auto; }
.case-home .case-menu-l{ background:#ff7700;padding:60px 0px 0 0; width:23%;}
.case-home .case-menu-l .current-cat a span{ color:#ffdaba; text-decoration:none; padding-left:20px;font-size:16px;font-weight:600 ;}
.case-home .case-menu-wrapper li{ border-bottom:#ff9135 1px solid; text-align:center; padding:26px 0 ; font-size:8px; margin:0px;}
.case-home .case-menu-wrapper li a{ color:#ffa351;text-decoration:none;font-size:16px;font-weight:600 ;}
.case-home .case-menu-wrapper li a:hover{ color:#ffa351;font-weight:600 ;}
.case-home .case-menu-wrapper li a span{padding-left:20px;}

.case-page-home{ background:url(../img/case-page-bg.png) repeat-y center 60px #ff7700;background-size:;padding:60px 15px 0 15px;  position:relative; margin:0 auto; }
.case-page-home .back-home{ text-align:center; margin:0 0px; padding:10px 30px;background:#f9f8f4;}
.case-page-home .but{ width:100%; text-align:center; padding:90px 0}
.case-page-home .but a{ width:150px; border:1px solid #e9c6aa;border-radius:25px; background:#ff7700; color:#fff5c1; padding:10px 30px; text-decoration:none}
.case-page-home .page-bottom-01{ margin-left:0px; overflow:hidden; padding-bottom:60px}.case-page-home .page-bottom-01 img{ width:100%;}
.case-page-home .page{ background:#f9f8f4; padding:0; margin:0 -15px}.case-page-home .page-b img{ width:100%}
.case-page-home .page-b{ padding-bottom:90px}
.case-page-home .page h3{ text-align:center; padding-top:60px; color:#f70; font-size:30px}
.case-page-home .page h4{ text-align:center; padding-bottom:40px; color:#d4d4d4; font-size:24px}

.pre-next{ margin:0; background:#f4f4f4; position:relative; overflow:hidden; padding:10px 0}

.case-home .content{ background: url(../img/about-body-bg-2.jpg) repeat-y #f9f8f4 right top; width:76.99%; padding-bottom:0;}
.case-home .content .list{ margin:-1px 0px 0 -1px; padding:0; list-style:none; border:0}
.case-home .content .list img{ border:0; width:100%}
.case-home .content .list .pic{ float:left; width:25%; position:relative}
.case-home .content .list .pic p{position: absolute;left: 0;top: 0;right: 0;line-height: 133PX;height: 133PX; text-align: center; color: #fff;  background-color: rgba(0,0,0,.5);}
.case-home .content .list .pic .img{ width:100%;display: block;}

.project-home{padding:60px 15px 0 15px; position:relative; margin:0 auto; }
.project-home .project-menu-l{ padding:60px 0 0 0px; width:23%;}
.project-home .project-menu-l .current-cat a span{ color:#ffdaba; text-decoration:none; padding-left:20px;font-size:16px;font-weight:600 ;}
.project-home .project-menu-wrapper li{ border-bottom:#ff9135 1px solid; text-align:center; padding:20px 0 ; font-size:8px; margin:0px; }
.project-home .project-menu-wrapper li a{ color:#ffa351;text-decoration:none;font-size:16px;font-weight:600 ;}
.project-home .project-menu-wrapper li a:hover{ color:#ffa351;font-weight:600 ;}
.project-home .project-menu-wrapper li a span{padding-left:20px;}

.project-home .content{ background: url(../img/about-body-bg-2.jpg) repeat-y #f9f8f4 right top; width:76.98%;}
.project-home .about-bottom-01{ margin-left:0px; overflow:hidden; padding-bottom:5%}.about-home .about-bottom-01 img{ width:90%;}
.project-home .top{ padding-top:6%; padding-left:5%; position: relative; overflow:hidden}
.project-home .text{ padding-left:5%; padding-top:3%; padding-right:5%; line-height:30px; padding-bottom:5%}

.team-home{padding:0 0 0 0; position:relative; margin:0 auto;background:#f9f8f4 }
.team-home .back-home{ text-align:center; margin:0 0px; padding:10px 30px;background:#f9f8f4;}
.team-home .but{ width:100%; text-align:center; padding:90px 0 15%}
.team-home .but a{ width:150px; border:1px solid #e9c6aa;border-radius:25px; background:#ff7700; color:#fff5c1; padding:10px 30px; text-decoration:none}
.team-home .news-bottom-01{ margin-left:0px; overflow:hidden; padding-bottom:10%}.team-home .about-bottom-01 img{ width:100%;}
.team-home .info{ margin:0; padding:4% 4% 8% 15%; background:url(../img/designer-01.png) no-repeat 6% top}
.team-home .info h2{ color:#ff7700; padding-top:5px}
.team-home .info .ent{ background: #6d2501; margin-left:10px; padding:4px 12px; color:#f9f8f4; font-size:18px; display:inline-block}
.team-home .designer-tit h2{ background:url(../img/designer-tit.png) no-repeat 35% center; margin:0 auto 8% auto; font-size:32px; font-weight:500; padding:10px 0 10px 29.5%; text-align: left}
.team-home .info .name{ border-bottom:#ff7000 2px solid; padding-bottom:45px}
.team-home .info h3{ margin-bottom:85px}

.team-home .case-designer{ margin:0 0 0 8.5%; padding: 0}
.team-home .case-designer .linebg{ border:#f19646 2px solid; width:70%; height:400px; position:absolute; z-index:1}
.team-home .case-designer .list-p{ background:url(../img/border-bg.png) no-repeat 12% top; width:100%; margin: 0 0 0; padding-bottom:50px; z-index:999}
.team-home .case-designer .list-p .pic{ float:left;width:65%; margin:0px 0 0 0; padding:30px 0 0}
.team-home .case-designer .list-p .pic img{ width:100%}
.team-home .case-designer .list-p .txt{ float:left;width:30%; padding:15% 0 0 6.5%; color:#ff7700;}
.team-home .case-designer .list-p .txt p{ color:#333; line-height:36px; padding-top:20px}

.team-page-home{ background:url(../img/case-page-bg.png) repeat-y center 60px #ff7700;background-size:;padding:60px 15px 0 15px;  position:relative; margin:0 auto; }
.team-page-home .back-home{ text-align:center; margin:0 0px; padding:10px 30px;background:#f9f8f4;}
.team-page-home .but{ width:100%; text-align:center; padding:90px 0}
.team-page-home .but a{ width:150px; border:1px solid #e9c6aa;border-radius:25px; background:#ff7700; color:#fff5c1; padding:10px 30px; text-decoration:none}
.team-page-home .team-bottom-01{ margin-left:0px; overflow:hidden; padding-bottom:60px}.team-page-home .team-bottom-01 img{ width:100%;}
.team-page-home .page{ background:#f9f8f4; padding:0; margin:0 -15px}.team-page-home .page-b img{ width:100%}
.team-page-home .page-b{ padding:0 30px 60px;; margin:0}
.team-page-home .page h3{ text-align:center; padding-top:60px; color:#f70; font-size:30px}
.team-page-home .page h4{ text-align:center; padding-bottom:40px; color:#d4d4d4; font-size:24px}

#bodybg{background:#ff7700; }
.news-home{padding:60px 15px 0 15px; position:relative; margin:0 auto; }
.news-home .news-menu-l{ padding:60px 0 0 0px; width:23%;}
.news-home .news-menu-l .current-cat a span{ color:#ffdaba; text-decoration:none; font-size:16px; margin:0; padding:0;font-weight:600 ;}
.news-home .news-menu-wrapper li{ border-bottom:#ff9135 1px solid; text-align:left; padding:26px 0 26px 25% ;  margin:0px; }
.news-home .news-menu-wrapper .current-cat .typeico{ padding-right:20px}
.news-home .news-menu-wrapper li a{ color:#ffa351;text-decoration:none;font-size:16px;font-weight:600 ;}
.news-home .news-menu-wrapper li a:hover{ color:#ffa351;font-weight:600 ;}
.news-home .news-menu-wrapper li a span{padding-left:20px;}
.news-home .news-menu-wrapper .page-menu-title{text-align:left; padding:10px 0 26px 25%;font-size:24px; color:#ffdaba}
.news-home .news-menu-wrapper .icon{text-align:left; padding:56px 0 20px 25%; }

.news-home .content{ background:#f9f8f4 right top; width:76.98%; }
.news-home .news-bottom-01{ margin-left:0px; overflow:hidden; padding-bottom:60px}.news-home .news-bottom-01 img{ width:90%;}
.news-home .top{ padding-top:6%; padding-left:5%; position: relative; overflow:hidden}
.news-home .text{ padding-left:5%; padding-top:3%; padding-right:5%; line-height:30px; padding-bottom:18%}

.news-home .bread-crumb { margin-bottom:20px;padding-top:65px;padding-bottom: 65px; padding-left:7%; font-size: 14px; color:#d4d4d4; text-align:left; border-bottom-color: rgb(217, 217, 217); border-bottom-width: 1px; border-bottom-style: solid;}
.news-home .bread-crumb i{ padding-right:10px}.news-home .bread-crumb a{color:#ccc;}.news-home .bread-crumb a:hover{color:#d9d9d9; text-decoration:none}

.news-home .arcList{ margin:0 7%; padding:20px 0 0 0; overflow:hidden}
.news-home .arcList .itemMod{ border-bottom:dashed 1px #ccc; margin-bottom:20px; max-height:190px; height:auto; padding:0 0 15px 0;}
.news-home .arcList .imgListItem{padding-left:200px;border-bottom:dashed 1px #ccc;position:relative }
.news-home .arcList .itemMod .text{padding-top:0px; margin-left:0; padding:0; display:inline-block; position:relative; overflow:hidden}
.news-home .arcList .img{ left:0; position:absolute; top:0; width:173px}
.news-home .arcList .img img{ width:100%; min-height:100px; margin:0 0 0 0; padding:0}
.news-home .arcList .img .lazy{padding-top:0px}
.news-home .arcList .arcTit{ font-family:Microsoft Yahei; font-size:16px; font-weight:700; text-align:left}
.news-home .arcList .arcTit a{ color:#ff7700}.arcList .arcTit a:hover{ color:#ff7700; text-decoration:none}
.news-home .arcList .attrs{ height:22px; line-height:22px; margin:10px 0; font-size:12px}
.news-home .arcList .click{ margin-left:50%;}
.news-home .arcList .infos{ color:#666; font-size:12px; margin:0; text-decoration:none}

.arcList-ent{ margin:0; padding:0; overflow:hidden}
.arcList-ent .list{padding: 0 20px 20px; } 
.arcList-ent .list img{ width:100%;height: auto}.arcList-ent .list p{ font-size:14px }
.arcList-ent .list h4{text-align: center;color:#ff0000}

.arcList-pic{ margin:0; papdding:0; overflow:hidden}
.arcList-pic .list{}
.arcList-pic .list img{ width:100%;height: auto }.arcList-pic .list p{ font-size:14px }
.arcList-pic .list h4{text-align: center;color:#ff0000}

.arclist-90{ margin:0 0 0 25%; padding:0 0 30px }
.arclist-90 .page-tit{ padding:40px 0 0 0; font-weight:500}
.arclist-90 .typeico-a{ margin: 0; line-height:30px; padding:0 10px 0 0;}
.arclist-90 .current-cat .name a{ color:#ffdaba; text-decoration:none; font-size:18px; margin:0; padding:0 0 0; line-height:24px}
.arclist-90 .current-cat{color:#ffdaba;}
.arclist-90 .current-cat .alist-12{ color:#ffdaba; text-decoration:none; font-size:16px; margin:0; padding:2px 0 0 0}
.arclist-90 .current-cat .ffr{ color:#ffdaba; padding:0 8px 0 0px; font-size:10px; font-weight:100}
.arclist-90 .ffr-1{ color:#333;  font-size:10px; font-weight:100}
.arclist-90 .list li .alist-11{ color:#333;text-decoration:none; font-size:16px;}
.arclist-90 .list{ margin:0 0 40px 0; padding:0; list-style:none; position:relative; overflow:hidden}
.arclist-90 .list li{ margin:0; padding:0 0 0 24px; list-style:none; line-height:30px; }
.arclist-90 .type-na a{ font-size:18px; color:#333;text-decoration:none;}

.news-home .news-menu-wrapper-a .page-menu-title{text-align:left; padding:10px 0 26px 25%;font-size:24px; color:#ffdaba}
.news-home .news-menu-wrapper-a .icon{text-align:left; padding:56px 0 20px 25%; }

.news-home .bread-crumba { margin-bottom:0px;padding-top:20px;padding-bottom: 30px; padding-left:7%; font-size: 14px; color:#d4d4d4; text-align:left; border-bottom-color: rgb(217, 217, 217); border-bottom-width: 1px; border-bottom-style: solid;}
.main-content .time {text-align: left; font-size:18px; color:#333; padding-bottom:10px}
.main-content .title {font-size: 30px; font-weight: 600; color:#ff7700;}
.main-content p {line-height: 180%;}
.main-content {	padding-top: 20px;}
.page-detail {	margin-top: 20px; margin-bottom:30px; line-height:30px; padding:30px 3%; font-size:14px; line-height:24px; position:relative; overflow:hidden; font-size:14px; }
.page-detail img {	height: auto;  max-width: 100%;}
.page-detail .com{ padding-bottom:20px; font-size:18px; font-weight:500}
.page-detail .com small{ font-size:14pxx; font-weight:500}

.news-home .news-menu-wrapper-p .page-menu-title{text-align:left; padding:10px 0 26px 25%;font-size:24px; color:#ffdaba}
.news-home .news-menu-wrapper-p .icon{text-align:left; padding:56px 0 20px 25%; }

.downtop { OVERFLOW: hidden; WIDTH: 100%; padding-bottom:20px} 
.downtop UL.text { MARGIN: 0px; padding:0px; WIDTH: 100%; PADDING-TOP: 5px ; list-style:none} 
.downtop UL.text LI { WIDTH: 100% ; margin:0; padding:0;display: inline-block} 
.downtop UL.text SPAN { DISPLAY: block; FLOAT: left } 
.downtop UL.text SPAN.num { MARGIN-TOP: 0px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 10px; WIDTH:24px; LINE-HEIGHT: 24px; HEIGHT:24px; TEXT-ALIGN: center;COLOR: #fff; BACKGROUND-COLOR: #d1d1d1 } 
.downtop UL.text LI SPAN.active { BACKGROUND-COLOR: #e40014 } 
.downtop UL.text SPAN.tit { PADDING-LEFT: 10px; OVERFLOW: hidden; WIDTH: 90%; WHITE-SPACE: nowrap; HEIGHT: 21px } .downtop UL.text SPAN.tit{ font-size:14px; color:#333 }
.viewed{ margin:6px 0 0 7%; padding:0 0 0 ;}
.viewed h2{ font-size:18px;border-bottom:#ccc 1px solid; padding-bottom:10px }.viewed h2 span{ border-bottom:#F00 2px solid; padding-bottom:8px}

.pagination{ margin:2% 0 3% 8%; padding:0 0 0 60px}
.pagination .thisclass{ float:left; padding:1px 9px;border:#ffe4cc 1px solid; margin:0 5px; font-size:14px; background:#ff7700; color:#ffe4cc; text-decoration:none}
.pagination .listdd a{ padding:1px 9px;border:#CCC 1px solid; margin:0; font-size:14px; margin:0 5px; color:#CCC; text-decoration:none}
.pagination .next-a{ font-size:14px; background:url(../img/next-a.png) no-repeat; text-decoration:none}

#designerbg{background:#ff7700; background:url(../img/designerbg.jpg) repeat-y center top }
.designer{ background:#f9f8f4}
#designerbg .team-designer{ background:#f9f8f4; padding:0; margin-bottom:0}
#designerbg .team-designer .designer-tit { text-align:center}
#designerbg .team-designer .list-pic img{ width:100%}

    .team-designer ul { margin: 0; padding:20px 15px 0; list-style:none }
        .team-designer ul li {
            position: relative;
            float: left;
            width: 31.5%;
            height: 518px;
            overflow: hidden;
            margin-left: 15px;
            margin-bottom: 20px;
            background: #fff;
            cursor: default;
        }
            .team-designer ul li .come h4 {
                width: 100%;
                height: auto;
                overflow: hidden;
            }

                .team-designer ul li .come h4 img {
                    width: 100%;
                }

            .team-designer ul li .come h5 {
                height: 56px;
                padding: 0 25px;
                border-bottom: 1px solid #e9e9e9;
                line-height: 56px;
            }

                .team-designer ul li .come h5 font {
                    font-size: 20px;
                    color: #333;
                }

                .team-designer ul li .come h5 span {
                    padding-left: 10px;
                    font-size: 14px;
                    color: #FF0000;
                }

                    .team-designer ul li .come h5 span i {
                        display: inline-block;
                        width: 18px;
                        height: 14px;
                        background: url(../images/icon_19.png.html) no-repeat right top;
                        vertical-align: middle;
                    }

            .team-designer ul li .come h6 {
                padding: 12px 25px 0 25px;
                font-size: 14px;
                color: #999;
                line-height: 24px;
            }

                .team-designer ul li .come h6 span {
                    display: block;
                }

                .team-designer ul li .come h6 font {
                    display: block;
                }

            .team-designer ul li .Eject {
                visibility: hidden;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                padding: 37px 22px;
                background: #29282d;
                box-sizing: border-box;
                opacity: 0;
                -webkit-transition: all .5s;
                transition: all .5s;
            }

                .team-designer ul li .Eject.on {
                    display: none;
                }

                .team-designer ul li .Eject .a1 div.fl {
                    width: 98px;
                    height: 98px;
                    overflow: hidden;
                    background: #fff;
					float:left;
					margin-right:20px
                }

                    .team-designer ul li .Eject .a1 div.fl img {
                        width: 100%;
                    }

                .team-designer ul li .Eject .a1 div.fr {
                    width: 130px;
					float:left;
                }

                    .team-designer ul li .Eject .a1 div.fr h4 {
                        font-size: 20px;
                        font-weight: 500;
                        color: #fff;
                        line-height: 24px;
                    }

                    .team-designer ul li .Eject .a1 div.fr h5 {
                        font-size: 14px;
                        color: #FF0000;
                        line-height: 30px;
                    }

                        .team-designer ul li .Eject .a1 div.fr h5 i {
                            display: inline-block;
                            width: 18px;
                            height: 14px;
                            background: url(../images/icon_19.png.html) no-repeat right top;
                            vertical-align: middle;
                        }

                    .team-designer ul li .Eject .a1 div.fr h6 {
                        padding-top: 5px;
                        font-size: 12px;
                        color: #999999;
                    }

                .team-designer ul li .Eject .a2 {
                    position: relative;
                    width: 100%;
                    height: 50%;
                    overflow: hidden;
                    margin: 30px 0;
					padding:0;
                }

                    .team-designer ul li .Eject .a2 img {
                        width: 100%;
                    }

                    .team-designer ul li .Eject .a2 h6 {
                        position: absolute;
                        bottom:8px;
                        left: 0;
                        width: 100%;
                        height: 36px;
                        background: rgba(51,51,51,.6);
                        font-size: 12px;
                        color: #ccc;
                        text-align: center;
                        line-height: 36px;
                    }

                .team-designer ul li .Eject .a3 a {
                    display: block;
                    width: 100%;
                    height: 50px;
                    background: #FF0000;
                    font-size: 18px;
                    color: #fff;
                    text-align: center;
                    line-height: 50px;
					margin-top:30px;
					text-decoration:none;
                }

            .team-designer ul li:hover .Eject {
                visibility: inherit;
                opacity: 1;
            }


#conbodybg{ background:#f7f8f3}
.contact{padding:60px 15px 120px 15px;  position:relative; margin:0 auto 100px auto; }
.contact .con .list{  background:#FFF; padding:30px 30px; min-height:700px;overflow:hidden}
.contact .con{position:absolute; top:15%; left:26%; width:380px;  background: #EEFF99;-webkit-box-shadow: #999 0px 0px 10px; -moz-box-shadow: #999 0px 0px 10px; box-shadow: #999 0px 0px 10px;}

.footer{ background:#240c00; padding-top:80px; margin-left:0; margin-right:0}
.footer .footlogo{ text-align:right}.footer .foot-c{ padding:0 12.5%;}.footer .foot-linea{background:url(../img/footline.png) no-repeat center top}
.footer .foot-type{ text-align:center;background:url(../img/footline.png) no-repeat left top}.footer .foot-typea{ text-align:center;background:url(../img/footline.png) no-repeat  right top}.footer .footer-contact{ padding-top:20px; font-size:14px; line-height:30px}.footer .typelist{ padding-top:15px}.footer .foot-contact ul li{ color:#ef9137;line-height:30px}
.footer .copyright{ width:100%;text-align:center; line-height:32px; color:#4d290a; font-size:14px;}
.footer h4{ color:#ef9137; font-size:18px}.footer a{ color:#ef9137;line-height:30px; font-size:14px}.footer a:hover{ color:#ef9137; text-decoration:none}
.foot-contact .addx{ padding-top:10px}.foot-contact .addx li{ line-height:30px; font-size:14px}.foot-contact .addx li i{ padding-right:15px}

.footer-link { padding: 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.footer-link dl { float: left; width: 19.9%;}
.footer-link dt { line-height: 45px; font-weight: 700;}
.footer-link dd { line-height: 28px;}
.footer-link a { color: #515151; text-decoration: none;}
.footer-link a:hover { color: #31a5e7;}

.copyright { padding: 20px 0; text-align: center;}

#fp-nav ul li:first-child, #fp-nav ul li:last-child { display: none;}
.grid {
	position: relative;
	margin: 0 auto;
	padding:0;
	max-width: 100%;
	list-style: none;
	text-align: center;
}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.6;
}

.grid figure figcaption {
	padding: 0em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***** Oscar *****/

figure.effect-oscar {
	background: -webkit-linear-gradient(45deg, #ccc 100%, #ccc 100%, #ccc 100%);
	background: linear-gradient(45deg, #ccc 100%,#ccc 100%,#ccc 100%);
	width:20%; height:100%;
}
.grids .item02{
	background: -webkit-linear-gradient(45deg, #fdeccb 100%, #fdeccb 100%, #fdeccb 100%);
	background: linear-gradient(45deg, #fdeccb 100%,#fdeccb 100%,#fdeccb 100%);}
.grids .item02 img{-moz-opacity:0.2;opacity: 0.15}
.grids .item04{
	background: -webkit-linear-gradient(45deg, #fdeccb 100%, #fdeccb 100%, #fdeccb 100%);
	background: linear-gradient(45deg, #fdeccb 100%,#fdeccb 100%,#fdeccb 100%);}
.grids .item04 img{-moz-opacity:0.2;opacity: 0.2}
figure.effect-oscar img {
	opacity:0.2;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
	padding: 3em;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 0px solid #fff;
	content: '';
}

figure.effect-oscar h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
	margin: 100% 0 60px 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,80%,0);
	transform: translate3d(0,80%,0);
}

figure.effect-oscar:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscar:hover figcaption {
	background-color: rgba(255,112,0,0.8);
}

figure.effect-oscar:hover img {
	opacity: 0.5;
}

.grids {
	position: relative;
	margin: 0 auto;
	padding:0;
	width: 100%;
	height:100%;
	list-style: none;
	text-align: center;
}
.grids figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	text-align: center;
	cursor: pointer;
}

.grids figure img {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	
}

.grids figure figcaption {
	padding: 0em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grids figure figcaption::before,
.grids figure figcaption::after {
	pointer-events: none;
}

.grids figure figcaption,
.grids figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.effect-oscares {
	background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
	background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscares img {
	opacity: 0.3;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-oscares figcaption {
	padding:0;
	background-color: rgba(58,52,42,0.7);
	-webkit-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

figure.effect-oscares figcaption::before {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	border: 0px solid #fff;
	content: '';
}

figure.effect-oscares h2 {
	margin: 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-oscares figcaption::before,
figure.effect-oscares p {
	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);
}

figure.effect-oscares:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-oscares:hover figcaption::before,
figure.effect-oscares:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-oscares:hover figcaption {
	background-color: rgba(58,52,42,0);
}

figure.effect-oscares:hover img {
	opacity: 0.99;
}

.grides {
	position: relative;
	margin: 0 auto;
	padding:0;
	max-width: 100%;
	list-style: none;
	text-align: center;
}
.grides figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grides figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.6;
}

.grides figure figcaption {
	padding: 0em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grides figure figcaption::before,
.grides figure figcaption::after {
	pointer-events: none;
}

.grides figure figcaption,
.grides figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/***** Ruby *****/
figure.effect-ruby {
	background-color: #17819c; width:20%;
}

figure.effect-ruby img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
	margin: 1em 0 0;
	padding: 3em;
	border: 1px solid #fff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 

figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

/*悬浮链接*/
.suspension{position:fixed; background:#fff;z-index:55;right:4%;bottom:40%; border-radius:0px;width:56px;height: auto;}
.suspension-box{position:relative;float:right; padding-top:10px; padding-bottom:8px; padding-right:3px}
.suspension .a{display:block;width:50px;height:50px;background-color:#fff;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background: #fff;}
.suspension .a .i{float:left;width:40px;height:40px; color:#ff7000;background-image:url(../img/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:24px;height:24px;margin-top:10px;margin-left:10px; font-size:30px;color:#ff7000;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:4px 0;}
.suspension .a-service-phone .i{width:24px;height:24px;margin-top:12px;margin-left:14px;font-size:30px;color:#ff7000;background-image:url(../img/suspension-bg.png);background-repeat:no-repeat;background-position:-23px 0;}
.suspension .a-qrcode .i{background-position:0px 0;font-size:30px; padding-left:14px; padding-top:10px}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-128px 0;}
.suspension .a-top{background: #fff;display:none;}
.suspension .a-top:hover{background:#fff;}
.suspension .d{display:none;width: auto;background:#fff;position:absolute;right:56px;min-height:70px; padding:0 10px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../img/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:50px;}
.suspension .d-qrcode{top:102px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:5px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:40px;height:40px;background:url(../img/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:40px;height:40px;background:url(../img/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left; min-width:140px;line-height:22px;font-size:16px;margin-left:12px; font-weight:600; padding-top:15px; color:#F00}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:5px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../img/side_con_icon01.png.html) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}.suspension .d-service-item a{ text-decoration:none; font-weight:600; color:#F00}

.index-entries {
    padding: 20px 0;
    background: #f5f5f5;
}
.index-entries .entries-item {
    float: left;
    box-shadow: 0 0 0 #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
}
.index-entries .entries-item a {
    display: block;
    width: 277px;
	height: 120px;
    padding: 23px 25px;
    background-color: #fff;
}
.entries-item .entries-item-info {
    float: left;
    text-align: left;
}
.entries-item .entries-item-title {
    font-size: 20px;
    line-height: 44px;
    color: #333;
    font-weight: 400;
	margin: 0px !important
}
.entries-item .entries-item-tip {
    display: block;
    font-size: 12px;
    line-height: 17px;
    color: #666;
}
.entries-item .entries-item-icon {
    display: block;
    float: right;
    background-image: url(../images/index_bg_s.png.html);
    background-image: -webkit-image-set(url(../images/index_bg_s.png.html) 1x,url(../images/index_bg_l.png.html) 2x);
    background-image: image-set(url(../images/index_bg_s.png.html) 1x,url(../images/index_bg_l.png.html) 2x);
}
.entries-item-icon-first {
    width: 101px;
    height: 72px;
    background-position: -7px -283px;
}
.index-entries .entries-item+.entries-item, .zzx-company-list+.zzx-company-list {margin-left: 20px;}
.allFloor_title_box {text-align: center;margin-top: 30px;}
.allFloor_title_box .floor-titles {height: 60px; line-height: 60px;text-align: center;}
.allFloor_title_box .floor_summery {font-size: 14px;color: #606060;}
.allFloor_title_box .floor-titles .line {
    display: inline-block;
    width: 79px;
    border-top: 1px solid #b5b5b5;
    vertical-align: 2px;
}
.index-entries .entries-item:hover {
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
    border-radius: 2px;
}
.allFloor_title_box .floor-titles .txt {
    color: #000;
    vertical-align: middle;
    font-size: 30px;
    padding: 0px 20px;
}
.allFloor_title_box .floor-titles .line {
    display: inline-block;
    width: 79px;
    border-top: 1px solid #b5b5b5;
    vertical-align: 2px;
}
.entries-item-icon-second {
    width: 75px;
    height: 72px;
    background-position: -136px -283px;
}
.entries-item-icon-third {
    width: 79px;
    height: 65px;
    background-position: -232px -287px;
}
.entries-item-icon-fourth {
    width: 60px;
    height: 71px;
    background-position: -345px -283px;
}


.xue-slider-container{margin:auto auto 80px;position:relative; padding-bottom:20px}
.xue-slider-container .item{background:url(../img/border-bg.png) no-repeat 12% top;filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1; padding:30px 0 0 0}
.xue-slider-container .desc{padding:100px 20px 40px;padding-right:60px}
.xue-slider-container .desc h3{font-size:20px;margin:0 0 20px}
.xue-slider-container .desc h3 a{color:#ff7000; text-decoration:none; font-size:24px}
.xue-slider-container .desc p{line-height36px}
.xue-slider-container .bx-controls-direction a{position:absolute;width:36px;height:36px;text-align:center;border:0px solid #ddd;line-height:30px;color:#666;background-color:#FFF;background-color:rgba(255,255,255,.3);bottom:20px; font-size:28px;}
.xue-slider-container .bx-controls-direction a.bx-prev{right:26%;border:2px solid rgba(243,164,97,.99); border-right:0;}
.xue-slider-container .bx-controls-direction a.bx-next{right:21%;border:2px solid rgba(243,164,97,.99);border-left:0;}
.xue-slider-container .item .img img{ width:95%}

.idc { position: fixed; bottom: 0; left: 0; width: 100%; height: 135px; z-index: 99999999;}
.idc.cc {  position: fixed;  top: 0;  left:;  z-index: 999;}

.banner-fork {
    visibility: hidden;
    position: absolute;
    bottom: 0;
    left: -100%;
    z-index: 999;
    width: 100%;
    height: 135px;
    background: #2b0f01;
    -webkit-transition: all 1s;
    transition: all 1s;
    opacity: 0;
}

    .banner-fork.on {
        visibility: inherit;
        left: 0;
        opacity: 1;
    }

    .banner-fork > i {
        position: absolute;
        top: 10px;
        right: 4%;
        width: 34px;
        height: 34px;
        background: url(../images/icon_26.png) no-repeat center;
        cursor: pointer;
    }

    .banner-fork form {
        height: 135px;
        padding-left: 300px;
        background: url(../images/icon_27.png) no-repeat left bottom;
        box-sizing: border-box;
    }

        .banner-fork form > div {
            float: left;
            margin-top: 20px;
            font-size: 16px;
            color: #666;
        }

            .banner-fork form > div.a1 {
                margin-right: 10px;
            }

                .banner-fork form > div.a1 select {
                    display: block;
                    width: 162px;
                    height: 40px;
                    padding: 10px 0;
                    margin-bottom: 10px;
                    padding-left: 15px;
                    border: none;
                    font-size: 14px;
                    color: #666;
                    box-shadow: 0 4px 0 0 rgba(255,255,255,.5);
                    line-height: 20px;
                }

                .banner-fork form > div.a1 input[type='text'] {
                    display: block;
                    width: 162px;
                    height: 40px;
                    padding: 0 15px;
                    border: none;
                    font-size: 14px;
                    box-shadow: 0 0px 0 0 rgba(255,255,255,.5);
                    box-sizing: border-box;
                    line-height: 40px;
                }

            .banner-fork form > div.a2 {
                margin-right: 10px;
            }

                .banner-fork form > div.a2 select {
                    display: block;
                    width: 162px;
                    height: 40px;
                    padding: 10px 0;
                    margin-bottom: 10px;
                    padding-left: 15px;
                    border: none;
                    font-size: 14px;
                    color: #666;
                    box-shadow: 0 0px 0 0 rgba(255,255,255,.5);
                    line-height: 20px;
                }

                .banner-fork form > div.a2 input[type='text'] {
                    display: block;
                    width: 162px;
                    height: 40px;
                    padding: 0 15px;
                    border: none;
                    font-size: 14px;
                    box-shadow: 0 0px 0 0 rgba(255,255,255,.5);
                    box-sizing: border-box;
                    line-height: 40px;
                }

            .banner-fork form > div.a3 {
                margin-right: 10px;
            }

                .banner-fork form > div.a3 > input {
                    display: block;
                    width: 162px;
                    height: 40px;
                    margin-bottom: 10px;
                    padding: 0 15px;
                    border: none;
                    box-shadow: 0 0px 0 0 rgba(255,255,255,.5);
                    box-sizing: border-box;
                    font-size: 14px;
                    line-height: 40px;
                }

                .banner-fork form > div.a3 select {
                    display: block;
                    width: 162px;
                    height: 40px;
                    padding: 10px 0;
                    margin-bottom: 10px;
                    padding-left: 15px;
                    border: none;
                    font-size: 14px;
                    color: #666;
                    box-shadow: 0 0px 0 0 rgba(255,255,255,.5);
                    line-height: 20px;
                }

                .banner-fork form > div.a3 span {
                    display: block;
                    width: 162px;
                    height: 40px;
                    background: #fff;
                    padding: 0 15px;
                    box-sizing: border-box;
                    box-shadow: 0 0px 0 0 rgba(255,255,255,.5);
                }

                    .banner-fork form > div.a3 span input[type='text'] {
                        float: left;
                        width: 100px;
                        height: 40px;
                        border: none;
                        background: #fff;
                        vertical-align: middle;
                        font-size: 16px;
                        color: #666;
                        text-align: left;
                        line-height: 40px;
                    }

                    .banner-fork form > div.a3 span font {
                        float: left;
                        vertical-align: middle;
                        line-height: 40px;
                    }

            .banner-fork form > div.a4 {
                width: 112px;
                height: 90px;
                padding-top:30px;
                background: #FF7000;
                box-shadow: 0 0px 0 0 rgba(255,255,255,.5);
                box-sizing: border-box;
                text-align: center;
            }

                .banner-fork form > div.a4 a {
                    font-size: 24px;
                    color: #e60021;
                    line-height: 24px;
                }

            .banner-fork form > div.a5 {
                padding: 10px 50px 0 50px;
                text-align: center;
            }

                .banner-fork form > div.a5 h6 {
                    font-size: 24px;
                    color: #710008;
                }

                .banner-fork form > div.a5 p {
                    font-size: 24px;
                    color: #ffffff;
                }

.fork-sig {
    visibility: hidden;
    position: absolute;
    left: -137px;
    bottom: 0;
    width: 137px;
    height: 135px;
    background: url(../images/icon_73.png) no-repeat center;
    cursor: default;
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
}

    .fork-sig.on {
        left: 0;
        visibility: inherit;
        opacity: 1;
    }
.submit_JxB6m6{ background:none;border:none; color:#fff; font-weight:500;font-size:18px;}
@media screen and (min-width:1920px) {
	.banner { background: url(../images/bg1.jpg.html) center 0 no-repeat;}
	.thin { background: url(../images/bg2.jpg.html) center 0 no-repeat;}
	.cnc { background: url(../images/bg3.jpg.html) center 0 no-repeat;}
	.screen { background: url(../images/bg4.jpg.html) center 0 no-repeat;}
	.cpu { background: url(../images/bg5.jpg.html) center 0 no-repeat;}
	.camera { background: url(../images/bg7.jpg.html) center 0 no-repeat;}
	.flyme { background: url(../images/bg9.jpg.html) center 0 no-repeat;}
	.cnc-desc { padding-top: 50%;}
	.thin-img { margin-top: 100px; margin-left: -720px;}
	.thin-img2 { left: 400px;}
	.thin-img1 { left: 230px; width: auto;}
	.thin-img2 { left: 480px; width: auto;}
	.screen-desc { padding-top: 200px;}
	.screen-img img { width: 1200px;}
	.cpu-img { position: absolute; bottom: -300px; left: 50%; margin-left: -666px;}
	.cpu-img img { width: 1200px;}
	.net-img { top: 16%; left: 0;}
	.battery-img img { width: 1200px;}
	.flyme-img { position: absolute; top: 0; left: 50%; margin-left: -600px; padding-top: 400px; width: 1200px; height: 752px; z-index: 1;}
	.flyme-img img { position: absolute;}
	.flyme-pic1 { left: 0; padding-top: 60px; width: auto;}
	.flyme-pic2 { left: 368px; width: auto; z-index: 1;}
	.flyme-pic3 { left: 755px; padding-top: 60px; width: auto;}
	.parameters-list li h2 { height: 100px; line-height: 100px;}
}

@media screen and (max-width:1440px) {
	.cnc { background: url(../images/bg3-xs.jpg.html) center 0 no-repeat;}
.logo{ background:#2b0f01; margin:0 0 0 -1rem; padding:0 0 0 0.4%;width:10.95%; height:60px}
.logo img{ width:100%; padding-top:2.5%}
.logo2{ background:#2b0f01; margin:0 0 0 -1.1rem; padding:0 0 0 0; width:14.30%; height:60px;; z-index:-1}
.logo2 img{ width:100%}
.logo2 .pic{ margin-top:5%}
.logo2 .line{ margin:6% 5% 0 5%;}

}
@media screen and (max-width:1200px) {
.logo{ background:#2b0f01; margin:0 0 0 -1rem; padding:0 1rem 0 1rem}
.logo2{ background:#2b0f01; margin:0 0 0 -1rem; padding:0.3rem 1.4rem 0.3rem 2rem}

.menu{ margin:0; padding:0; background:none}
.menu .current {background: url(../images/arr001.png.html) no-repeat bottom center #9b3f00;}
.menu .navtop:hover{ background: url(../images/arr001.png.html) no-repeat bottom center #9b3f00;}
.menu .navtop{display: block;padding: 1.1rem 1rem; color:#FFF; font-size:16px;}
.menu .navtop a{color:#FFF; text-decoration:none}

.menu .sub:hover{background: url(../images/arr001.png.html) no-repeat bottom center #9b3f00;}
.menu .sub{display: block;padding: 1.1rem 1rem; color:#FFF;}
.menu .sub a{color:#FFF; text-decoration:none}

.menu .sub .dropdown-menu{ background:rgba(0,0,0,0.5); border:0}
.menu .sub .dropdown-menu li{ padding:10px 20px; font-size:14px;}
.menu .sub .dropdown-menu li:hover{ background:#9b3f00;}
.menu .sub .dropdown-menu li a:hover{ background:#9b3f00;}

.dropdown{ margin:0; padding:0;}

.home-service .pic{  text-align:center; padding-top:40px}.home-service .pic img{ width:80%; padding-top:110px}

.home-line-news .news-all{ background:#ff7700; margin:100px 0 0 0; padding:60px 0 0 0;}
.home-line-news .client .list ul li a{ font-size:13px}
.footlogo img{ width:80%}
.home-about{ background:url(../img/home-aboutbg.jpg) no-repeat center 0; margin:0px 0 0 0; padding:80px 0 0 0; }
.home-about .about-btn{padding-left:4%; padding-top:32%}
.home-about .about-btn .btn{ position:absolute; color:#e9730d; left:64px; margin-top:15px; padding-top:40px; padding-bottom:40px}
.home-about .about-btn img{width:140px; height:140px;margin:0px;border-radius:50%;-webkit-animation:circle 1s infinite linear;/*匀速 循环*/}

#bodybg{background:#ff7700; }
.about-home{padding:60px 15px 0 15px; position:relative; margin:0 auto; }
.about-home .about-menu-l{ padding:40px 0 0 0px; width:22.90%;}
.about-home .about-menu-l .current-cat a span{ color:#ffdaba; text-decoration:none; padding-left:20px;font-size:16px; text-decoration:none}
.about-home .about-menu-wrapper li{ border-bottom:#ff9135 1px solid; text-align:center; padding:20px 0 ; font-size:8px; margin:0px; }
.about-home .about-menu-wrapper li a{ color:#ffa351;text-decoration:none;font-size:16px;}
.about-home .about-menu-wrapper li a:hover{ color:#ffa351;}
.about-home .about-menu-wrapper li a span{padding-left:20px;}

.about-home .content{ background: url(../img/about-body-bg-2.jpg) repeat-y #f9f8f4 right top; width:77.1%;}
.about-home .about-bottom-01{ margin-left:0px; overflow:hidden}.about-home .about-bottom-01 img{ width:100%;}
.about-home .top{ padding-top:6%; padding-left:5%; position: relative; overflow:hidden}
.about-home .text{ padding-left:5%; padding-top:3%; padding-right:5%; line-height:30px; padding-bottom:15%}

.logo{ background:#2b0f01; margin:0 0 0 -1rem; padding:0 0 0 0.4%;width:10.95%; height:60px}
.logo img{ width:100%; padding-top:5px}
.logo2{ background:#2b0f01; margin:0 0 0 -1.1rem; padding:0 0 0 0; width:14.30%; height:60px;; z-index:-1}
.logo2 img{ width:90%}
.logo2 .pic{ margin-top:9%; margin-left:10%;}
.logo2 .line{ display:none}

.case-home{ background-size:;padding:60px 15px 0 15px;  position:relative; margin:0 auto;background:#ff7700; }
.case-home .case-menu-l{ background: url(../img/about-body-bg.jpg) #ff7700 fixed; height:100%;padding:20px 0 0 0px; width:23%; }
.case-home .case-menu-l .current-cat a span{ color:#ffdaba; text-decoration:none; padding-left:20px;font-size:16px;}
.case-home .case-menu-wrapper li{ border-bottom:#ff9135 1px solid; text-align:center; padding:20px 0 ; font-size:8px; margin-right:0px; margin-left:-5px;}
.case-home .case-menu-wrapper li a{ color:#ffa351;text-decoration:none;font-size:16px;}
.case-home .case-menu-wrapper li a:hover{ color:#ffa351;}
.case-home .case-menu-wrapper li a span{padding-left:20px;}

.case-home .content{ background: url(../img/about-body-bg-2.jpg) repeat-y #f9f8f4 right top; width:76.99%; padding-bottom:20%;}
.case-home .content .list{ margin:-1px 0px 0 -1px; padding:0; list-style:none; border:0}
.case-home .content .list img{ border:0; width:100%}
.case-home .content .list .pic{ float:left; width:25%}

.home-line-news .erwma .pic .tel{ font-size:12p; color:#ff7701; margin:0; padding:0; font-size:12px}
.team-home .case-designer .list-p{ background: none; width:100%; margin: 0 0 0; padding-bottom:50px; z-index:999}

.xue-slider-container .bx-controls-direction a.bx-prev{right:25%;border:2px solid rgba(243,164,97,.99); border-right:0;}
.xue-slider-container .bx-controls-direction a.bx-next{right:20%;border:2px solid rgba(243,164,97,.99);border-left:0;}
.xue-slider-container .item{background: none}figure.effect-oscar h2{ font-size:24px;}
}

@media (max-width: 991.98px) {
.logo{ background:#2b0f01; margin:0 0 0 -1rem; padding:0 1rem 0 1rem}
.logo2{ background:#2b0f01; margin:0 0 0 -1rem; padding:0.3rem 1.4rem 0.3rem 2rem}

.menu{ margin:0; padding:0; background:none}
.menu .current {background: #9b3f00;}
.menu .navtop:hover{ background:#9b3f00; }
.menu li{padding: 1.1rem 1rem; font-size:14px;}
.menu .navtop a{color:#FFF; text-decoration:none}

.menu .sub:hover{background: #9b3f00;}
.menu .sub{display: block;padding: 1.1rem 1rem; color:#FFF;}
.menu .sub a{color:#FFF; text-decoration:none}

.menu .sub .dropdown-menu{ background:rgba(0,0,0,0.5); border:0}
.menu .sub .dropdown-menu li{ padding:10px 20px; font-size:12px;}
.menu .sub .dropdown-menu li:hover{ background:#9b3f00;}
.menu .sub .dropdown-menu li a:hover{ background:#9b3f00;}

.dropdown{ margin:0; padding:0;}

.advallbg h2{ color:#f79041; font-weight:500; font-family:'microsoft yahei'; font-size:28px; padding:15% 10px 0 0; margin:0 0 0 0;}
.advallbg .adv-left{ color:#f79041; text-align:right; font-weight:500; font-family: "Times New Roman", Times, serif; font-size:200px; margin:-55px 0 0 -50px}
.advallbg .adv-right{ color:#e67816; ftext-align:right;ont-weight:500; font-family: "Times New Roman", Times, serif; font-size:140px;padding:0px; margin:-100px 0 0 0;}
.advallbg .but{ background:none;  width:100%; margin:-15px -50px 0 0; text-align:right}
.advallbg .but a{ width:150px; border:1px solid #e9c6aa;border-radius:25px; color:#e9c6aa; padding:10px 30px;}

/* focus_Box */
#focus_Box{position:relative;width:100%;height:308px;margin:50px auto 0 auto; padding-top:80px}
#focus_Box ul{position:relative;width:790px;height:308px; margin-left:-70px; overflow:hidden}
#focus_Box li{z-index:0;position:absolute; width:0px;background: none;height:0px;top:146px;cursor:pointer;left:377px;border-radius:50%;box-shadow:0px 0px 0px rgba(200, 200, 200, 0);  padding:0px}
#focus_Box li img{width:80%;height:80%;vertical-align:top;border-radius:50%;}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../img/float-bg.png.html) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:210px;}
#focus_Box .prev{background:url(../img/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../img/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../img/share-btn.png.html) no-repeat;text-indent:-999px;}
.home-line-news .erwma{ display:none}
.home-service .pic{  text-align:center; padding-top:40px}.home-service .pic img{ width:100%; padding-top:120px}
.home-line-news .online{ width:100%;background: #ff7701;margin-left:0px; padding:0}
.home-line-news .client{ border:#472412 2px solid; padding:10px;width:100%;  }.newstype{ display:none}.news-all .list{ width:100%}
.home-about .about-btn{padding-left:4%; padding-top:46%}
.home-about .about-btn .btn{ position:absolute; color:#e9730d; font-size:13px;left:60px; margin-top:15px; padding-top:40px; padding-bottom:40px}
.home-about .about-btn img{width:136px; height:136px;margin:0px; border-radius:50%;-webkit-animation:circle 1s infinite linear;/*匀速 循环*/}

.logo{ background:#2b0f01; margin:0 0 0 -1rem; padding:0 5.5% 0 2%;width: auto; height:60px}
.logo img{ width:100%; padding-top:0.65%}
.logo2{display:none}

.about-home{padding:0px 15px 0 15px; position:relative; margin:0 auto;}
.about-home .about-menu-l{ background:#ff7700;padding:60px 0 0 0px; width:100%}
.about-home .about-menu-l .current-cat a span{ color:#ffdaba; text-decoration:none; padding-left:10px;font-size:16px; text-decoration:none}
.about-home .about-menu-wrapper li{ float:left; width:33.33%;border-bottom:#ff9135 1px solid; text-align:center; padding:26px 0 ; font-size:8px; margin-right:0px; margin-left:-5px;}
.about-home .about-menu-wrapper li a{ color:#ffa351;text-decoration:none;font-size:16px;}
.about-home .about-menu-wrapper li a:hover{ color:#ffa351;}
.about-home .about-menu-wrapper li a span{padding-left:10px;}

.about-home .content{ background:#f9f8f4; width:100%; display:inline}
.about-home .about-bottom-01{ bottom:1%; position:absolute; overflow:hidden}
.about-home .top{ padding-top:6%; padding-left:10%; position: relative; overflow:hidden}
.about-home .text{ width:100%;padding-left:15px; padding-top:3%;  padding-right:15px; line-height:30px; padding-bottom:15%; clear:both}

.case-home .content{ background:#f9f8f4; width:100%;}
.case-home .content .list{ margin:-1px -4px 0 -1px; padding:0; list-style:none; border:0}
.case-home .content .list img{ border:0; width:100%}
.case-home .content .list .pic{ float:left; width:33.33%}

.case-home{padding:0px 15px 0 15px; position:relative; margin:0 auto;}
.case-home .case-menu-l{ background:#ff7700;padding:60px 0 0 0px; width:100%; height:100%}
.case-home .case-menu-l .current-cat a span{ color:#ffdaba; text-decoration:none; padding-left:40px;font-size:18px;}
.case-home .case-menu-wrapper li{ float:left; width:33.33%;border-bottom:#ff9135 1px solid; text-align:center; padding:16px ; font-size:8px; margin-right:0px; margin-left:-5px;}
.case-home .case-menu-wrapper li a{ color:#ffa351;text-decoration:none;font-size:18px;}
.case-home .case-menu-wrapper li a:hover{ color:#ffa351;}
.case-home .case-menu-wrapper li a span{padding-left:40px;}

.case-home .content{ background: url(../img/about-body-bg-2.jpg) #f9f8f4 repeat-y; width:100%;}
.case-home .content .list{ margin:-1px 0px 0 -1px; padding:0; list-style:none; border:0}
.case-home .content .list img{ border:0; width:100%}
.case-home .content .list .pic{ float:left; width:33.33%}

.project-home{padding:60px 15px 0 15px; position:relative; margin:0 auto; }
.project-home .project-menu-l{ padding:0px 0 0 0px; width:100%;}
.project-home .project-menu-l .current-cat a span{ color:#ffdaba; text-decoration:none; padding-left:20px;font-size:16px;}
.project-home .project-menu-wrapper li{ float:left;width:33.33%; border-bottom:#ff9135 1px solid; text-align:center; padding:20px 0 ; font-size:8px; margin:0px; }
.project-home .project-menu-wrapper li a{ color:#ffa351;text-decoration:none;font-size:16px;}
.project-home .project-menu-wrapper li a:hover{ color:#ffa351;}
.project-home .project-menu-wrapper li a span{padding-left:20px;}

.project-home .content{ background: url(../img/about-body-bg-2.jpg) repeat-y #f9f8f4 right top; width:100%;}
.project-home .about-bottom-01{ margin-left:0px; overflow:hidden; padding-bottom:10%}.about-home .about-bottom-01 img{ width:90%;}
.project-home .top{ padding-top:6%; padding-left:5%; position: relative; overflow:hidden}
.project-home .text{ padding-left:5%; padding-top:3%; padding-right:5%; line-height:30px; padding-bottom:18%}

.news-home{padding:60px 15px 0 15px; position:relative; margin:0 auto; }
.news-home .news-menu-l{ padding:40px 0 0 0px; width:100%;}
.news-home .news-menu-l .current-cat a span{ color:#ffdaba; text-decoration:none; font-size:16px; margin:0; padding:0}
.news-home .news-menu-wrapper li{ float:left;border-bottom:#ff9135 1px solid; width:25%; text-align: center; padding:20px 0 20px 0 ;  margin:0px; }
.news-home .news-menu-wrapper .current-cat .typeico{ padding-right:20px}
.news-home .news-menu-wrapper li a{ color:#ffa351;text-decoration:none;font-size:16px;}
.news-home .news-menu-wrapper li a:hover{ color:#ffa351;}
.news-home .news-menu-wrapper li a span{padding-left:20px;}
.news-home .news-menu-wrapper .page-menu-title{ display:none}
.news-home .news-menu-wrapper .icon{ display:none }

.news-home .content{ background: url(../img/about-body-bg-2.jpg) repeat-y #f9f8f4 right top; width:100%;}
.news-home .news-bottom-01{ margin-left:0px; overflow:hidden; padding-bottom:10%}.news-home .about-bottom-01 img{ width:90%;}
.news-home .top{ padding-top:6%; padding-left:5%; position: relative; overflow:hidden}
.news-home .text{ padding-left:5%; padding-top:3%; padding-right:5%; line-height:30px; padding-bottom:18%}

.arclist-9{ width:100%;margin:0 0 0 1% ;}
.arclist-90 .page-tit{ padding:40px 0 0 0; font-weight:500}
.arclist-90 .typeico-a{ margin: 0; line-height:30px; padding:0 10px 0 0;}
.arclist-90 .current-cat .name a{ color:#ffdaba; text-decoration:none; font-size:16px; margin:0; padding:0 0 0; line-height:24px}
.arclist-90 .current-cat{color:#ffdaba;}
.arclist-90 .current-cat .alist-12{ color:#ffdaba; text-decoration:none; font-size:16px; margin:0; padding:2px 0 0 0}
.arclist-90 .current-cat .ffr{ color:#ffdaba; padding:0 8px 0 0px; font-size:12px}
.arclist-90 .current-cat .ffr-1{ color:#fff; padding:0 8px 0 30px;font-size:12px;}
.arclist-90 .list li .alist-11{ color:#333;text-decoration:none; font-size:14px;}
.arclist-90 .list{ margin:0 0 40px 0; padding:0; list-style:none; position:relative; overflow:hidden}
.arclist-90 .list li{ margin:0; padding:0 0 0 24px; list-style:none; line-height:30px; }
.arclist-90 .list i{ font-size:14px}
.arclist-90 .list .current-cat a{ color:#ffdaba; text-decoration:none; font-size:14px; margin:0; padding:0 0 0; line-height:24px}
.arclist-90 .type-na a{ font-size:16px; color:#333;text-decoration:none;}
.news-home .news-menu-wrapper-a{ width:100%}
.news-home .news-menu-wrapper-a .page-menu-title{ display:none}
.news-home .news-menu-wrapper-a .icon{display:none}

.news-home .arclist-30{ float:left; width:33.33%}.arclist-90{ margin:0 0 0 2%; padding:0 0 30px }
.team-designer ul li { width: 46.8%;}
.team-designer ul li .Eject .a2 h6 { bottom:26px;}

.xue-slider-container .bx-controls-direction a.bx-prev{left:0;border:2px solid rgba(243,164,97,.99); border-right:0;}
.xue-slider-container .bx-controls-direction a.bx-next{left:8%;border:2px solid rgba(243,164,97,.99);border-left:0;}

.xue-slider-container .item .img img{ width:91.5%}
.xue-slider-container .desc{padding:40px 0px 40px 0px;}
}
@media (max-width: 800px) {.home-line-news .erwma{ display:none}.news-all{ display:none}
.home-line-news .online h3{ text-align:center ; padding:25.5px 0; background:url(../img/linetitlebg.png) no-repeat center 24px;  border-bottom:1px #CCCCCC solid; color:#FFF; font-size:24px}
.home-line-news .online form{ padding:34px 0}
figure.effect-oscar {background-color: #17819c; width:100%; height:20%}figure.effect-oscar h2{ font-size:18px; margin:-7% 0 0 0; padding:0}
figure.effect-oscar p {margin: 0 0 0 0; opacity:0}.grids img{ opacity:0}
figure.effect-oscar img {opacity:0;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}.grids{ padding-top:60px}.casepic{ background:#444}.qyxb{ display:none; opacity:0}
	}
@media (max-width: 767px) {
.advallbg{ padding-right:15px}
.advallbg h2{ color:#f79041; font-weight:500; font-family:'microsoft yahei'; font-size:16px; padding:20% 0px 0 0; margin:0 0 0 0;}
.advallbg .adv-left{ color:#f79041; text-align:right; font-weight:500; font-family: "Times New Roman", Times, serif; font-size:115px; margin:-25px 0 0 -50px}
.advallbg .adv-right{ color:#e67816; ftext-align:right;ont-weight:500; font-family: "Times New Roman", Times, serif; font-size:80px;padding:0px; margin:-60px 0 0 0;}
.advallbg .but{ background:none;  width:100%; margin:0px -50px 0 0; text-align:right}
.advallbg .but a{ width:85px; border:1px solid #e9c6aa;border-radius:25px;font-size:14px; color:#e9c6aa; padding:5px 14px;}

/* focus_Box */
#focus_Box{position:relative;width:100%;height:308px;margin:50px auto 0 auto; padding-top:0px}
#focus_Box ul{position:relative;width:600px;height:308px; margin-left:-200px; overflow:hidden}
#focus_Box li{z-index:0;position:absolute; width:0px;background: none;height:0px;top:146px;cursor:border-radius:50%;box-shadow:0px 0px 0px rgba(200, 200, 200, 1);  padding:0px}
#focus_Box li img{width:80%;height:80%;vertical-align:top;border-radius:50%;}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png.html) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:100px;}
#focus_Box .prev{background:url(../images/btn.png.html) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../images/btn.png.html) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png.html) no-repeat;text-indent:-999px;}
.home-line-news{ background: url(../img/home-line-newsbg.jpg) no-repeat center 0; margin:0px 0 0 0; padding:70px 0 0 0;}
.home-line-news .online{ background: #ff7701;margin:90px 0 20px 0; padding:0}
.qyxb{ display:none; opacity:0}

.footlogo{ width:100%; padding:0; margin:10% 0 30px -90px; text-align: left}.footlogo img{ width:70%}
.footlogo .foot-type{ background:url(../img/footline.png) no-repeat -999px top; text-align:left; overflow:hidden; display:inline-block}.footlogo .foot-typea{margin:0; padding:0; background:none; text-align:left}.footlogo .foot-linea{ background:url(../img/footline.png) no-repeat -999px top}
.foot-contact{ margin:30px 0 0 15%}

.home-about{ background:url(../img/home-aboutbg.jpg) no-repeat center center; margin:0px 0 0 0; padding:25px 0 0 0; }

.home-about .about-btn{padding-left:4%; padding-top:-30px}
.home-about .about-btn .btn{ position:absolute; color:#e9730d; font-size:13px;left:50px; margin-top:0px; padding-top:10px; padding-bottom:40px}
.home-about .about-btn img{width:136px; height:136px;margin:0px; border-radius:50%;-webkit-animation:circle 1s infinite linear;/*匀速 循环*/}

.home-service .pic{  text-align:center; padding-top:40px}.home-service .pic img{ width:90%; padding-top:20px}
.home-service .title-a1{ text-align:center; font-size:2em; color:#271300; padding:0; margin-top:40px;  background:url(../img/home-service-title-a.png) center top no-repeat}
.home-project{ background:url(../img/home-projectbg.jpg) no-repeat center 0; margin:0px 0 0 0; padding:70px 0 0 0;}
.home-project .title-a1{ text-align:center; font-size:2em; color:#ff6a00; padding:0; margin-top:40px;  background:url(../img/home-project-title-a.png) center top no-repeat}
.home-project .title-a2{width:100%;text-align:center; font-size:15px;color:#ea730f; letter-spacing:0px;margin:30px auto 0 auto ; font-weight:500;line-height:36px; overflow:hidden; position:relative; }

#fp-nav { display:none}
.home-team .title-a1{ text-align:center; font-size:2em; color:#ff6a00; padding:0; margin-top:40px;  background: url(../img/home-team-title-a.png) center top no-repeat}
.home-team .title-a2{width:100%;text-align:center; font-size:15px;color:#ea730f; letter-spacing:1px;margin:30px auto 0 auto ; font-weight:500;line-height:36px; overflow:hidden; position:relative; }
.home-team{ background:url(../img/home-teambg.jpg) no-repeat center 0; margin:0px 0 0 0; padding:70px 0 0 0;}


.home-line-news .online form{ padding:12px 15px}.home-line-news .online .tit{; display:none;text-align:left; color:#FFF; font-size:15px; padding-top:5px}

.home-line-news .client .list ul{ margin:0; padding:0; list-style:none; height:145px; overflow:hidden}
.home-line-news .client .list ul li{ padding:18px 0px 12px; margin:0 15px; line-height:20px; background:url(../img/listtitlebg.png) no-repeat left bottom; }.home-line-news .client .list ul li a{ color:#FFF}.home-line-news .client .list ul li span{ padding-left:15px}
.about-home .about-bottom-01{ margin-left:5px; display:inline-block; position:absolute; overflow:hidden}.about-home .about-bottom-01 img{ width:100%;}

.about-home{padding:0px 15px 0 15px; position:relative; margin:0 auto;}
.about-home .about-menu-l{ background:#ff7700;padding:60px 0 0 0px; width:100%}
.about-home .about-menu-l .current-cat a span{ color:#ffdaba; text-decoration:none; padding-left:10px;font-size:16px;}
.about-home .about-menu-wrapper li{ float:left; width:50%;border-bottom:#ff9135 1px solid; text-align:center; padding:26px 0 ; font-size:8px; margin-right:0px; margin-left:-5px;}
.about-home .about-menu-wrapper li a{ color:#ffa351;text-decoration:none;font-size:16px;}
.about-home .about-menu-wrapper li a:hover{ color:#ffa351;}
.about-home .about-menu-wrapper li a span{padding-left:10px;}

.scroll-pane {height: 200px; width: 88%; color:#FFF; margin:22% 5.5% 0; padding:5px 20px; color:#ea730f; line-height:30px;}
.about-home .content{ background:#f9f8f4; width:100%;}
.about-home .content .list{ margin:-1px -4px 0 -1px; padding:0; list-style:none; border:0}
.about-home .content .list img{ border:0; width:100%}
.about-home .content .list .pic{ float:left; width:50%}

.case-home{padding:0px 15px 0 15px; position:relative; margin:0 auto;}
.case-home .case-menu-l{ background:#ff7700;padding:60px 0 0 0px; width:100%}
.case-home .case-menu-l .current-cat a span{ color:#ffdaba; text-decoration:none; padding-left:10px;font-size:16px;}
.case-home .case-menu-wrapper li{ float:left; width:50%;border-bottom:#ff9135 1px solid; text-align:center; padding:26px 0 ; font-size:8px; margin-right:0px; margin-left:-5px;}
.case-home .case-menu-wrapper li a{ color:#ffa351;text-decoration:none;font-size:16px;}
.case-home .case-menu-wrapper li a:hover{ color:#ffa351;}
.case-home .case-menu-wrapper li a span{padding-left:10px;}

.case-home .content{ background:#f9f8f4; width:100%;}
.case-home .content .list{ margin:-1px 0px 0 -1px; padding:0; list-style:none; border:0}
.case-home .content .list img{ border:0; width:100%}
.case-home .content .list .pic{ float:left; width:50%}

.contact{padding:60px 15px 0 15px;  position:relative; margin:0 auto 0 auto; }
.contact .con .list{ background:#FFF; padding:30px 30px; min-height:700px;overflow:hidden}
.contact .con{position:absolute; top:13%; left:16%; width:400px;  background: #EEFF99;-webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px;}
.news-home .news-menu-l .current-cat a span{ color:#ffdaba; text-decoration:none; font-size:14px; margin:0; padding:0}
.news-home .news-menu-wrapper li a{ color:#ffa351;text-decoration:none;font-size:14px;}

.arclist-90{ margin:0 0 0 0; padding:0 0 30px }
.arclist-90 .list{ display:none}
.arclist-90 .arclist-30{ text-align:center}
.arclist-90 .type-na a{ font-size:14px}
.arclist-90 .current-cat .name a{ color:#ffdaba; text-decoration:none; font-size:14px; margin:0; padding:0 0 0; line-height:24px}
.arclist-90 .hot{ display:none}
.arclist-90 .arclist-30{ width:50%}

.team-designer ul li { width: 45.4%;}
.team-designer ul li .Eject .a2 { height: 30%; }
.team-designer ul li .Eject .a2 h6 { bottom:-6px;}
.team-home .info h3{ margin-bottom:85px; margin-left:15px}.idc{ display:none}.kfpopupDiv{ display:none}
.suspension{position:fixed; background:#fff;z-index:55;right:1%;bottom:1%; border-radius:0px;width:56px;height: auto;}

figure.effect-oscar {background-color: #17819c; width:100%; height:20%}
	}
@media (max-width: 510px) {
.advallbg{ padding-right:15px}
.advallbg h2{ color:#f79041; font-weight:500; font-family:'microsoft yahei'; font-size:13px; padding:25% 0px 0 0; margin:0 0 0 0;}
.advallbg .adv-left{ color:#f79041; text-align:right; font-weight:500; font-family: "Times New Roman", Times, serif; font-size:92px; margin:-18px 0 0 -50px}
.advallbg .adv-right{ color:#e67816; ftext-align:right;ont-weight:500; font-family: "Times New Roman", Times, serif; font-size:64px;padding:0px; margin:-40px 0 0 0;}
.advallbg .but{ background:none;  width:100%; margin:0px -50px 0 0; text-align:right}
.advallbg .but a{ width:70px; border:1px solid #e9c6aa; font-size:12px;border-radius:25px; color:#e9c6aa; padding:4px 12px; text-decoration:none}

.home-about .about-btn{padding-left:4%; padding-top:36%; margin-top:15%}
.home-about .about-btn .btn{ position:absolute; color:#e9730d; font-size:13px;left:50px; margin-top:-84%; padding-top:40px; padding-bottom:40px}
.home-about .about-btn img{width:136px; height:136px;margin:0px; border-radius:50%;-webkit-animation:circle 1s infinite linear;/*匀速 循环*/}
.team-designer ul li { width: 92.5%;}
	}
	
@media (max-width: 480px) {
.advallbg{ padding-right:15px}
.advallbg h2{ color:#f79041; font-weight:500; font-family:'microsoft yahei'; font-size:13px; padding:25% 0px 0 0; margin:0 0 0 0;}
.advallbg .adv-left{ color:#f79041; text-align:right; font-weight:500; font-family: "Times New Roman", Times, serif; font-size:92px; margin:-18px 0 0 -50px}
.advallbg .adv-right{ color:#e67816; ftext-align:right;ont-weight:500; font-family: "Times New Roman", Times, serif; font-size:64px;padding:0px; margin:-40px 0 0 0;}
.advallbg .but{ background:none;  width:100%; margin:0px -50px 0 0; text-align:right}
.advallbg .but a{ width:70px; border:1px solid #e9c6aa; font-size:12px;border-radius:25px; color:#e9c6aa; padding:4px 12px; text-decoration:none}

.home-about .about-btn{padding-left:4%; padding-top:30%; margin-top:15%}
.home-about .about-btn .btn{ position:absolute; color:#e9730d; font-size:13px;left:42px; margin-top:-78%; padding-top:40px; padding-bottom:40px}
.home-about .about-btn img{width:120px; height:120px;margin:0px; border-radius:50%;-webkit-animation:circle 1s infinite linear;/*匀速 循环*/}

	}
@media (max-width: 320px) {
	}