﻿html{height:100%; overflow: visible;overflow-x:hidden;}
.indexBanner{width:100%;height:100%;overflow:hidden;min-width:1000px; position:relative;}
.indexBanner_01{ top:55%; margin-left:69px;position:absolute;}
.indexBanner_01 h1{ font-family:Calibri; font-size:44px; color:#fff; }
.indexBanner_01 h2{ font-size:14px; color:#fff; width:395px;}
.indexBanner_02{ top:19%; margin-left:69px;position:absolute;}
.indexBanner_02 h1{ font-size:44px; color:#fff; margin-bottom:10px;}
.indexBanner_02 h2{ font-size:18px; color:#fff; width:395px;}
.indexBanner img{}

.leftMenu{width:275px;overflow:hidden;position:fixed; height:100% !important;
	z-index:9900;left:-236px;;top:0;}
.leftMenu_01{ float:left; width:236px; background-color:#fff; height:100%;}
.leftMenu_01 img{ margin-left:31px; margin-top:23px;width:175px; margin-bottom:25px; background:url(../images/index/img9.jpg) bottom no-repeat;}
.leftMenu_01 p{ margin-left:31px; width:175px; font-size:16px;  text-align:center;height:4%;line-height:4%;}/*margin-bottom:15px; */
.leftMenu_01 p a{ color:#515151; text-decoration:none !important; cursor:pointer;}
.leftMenu_01 p a:hover{ color:#f84c00;}
.leftMenu_01 .wb{ width:124px;border-top:1px solid #f84c00; padding-top:14px;margin:0 auto;text-align:center;}/* padding-right:5px*/
.leftMenu_01 p .xlwb{ background:url(../images/index/img3.jpg) no-repeat; display:inline-block; width:32px; height:32px; margin-right:10px;}
.leftMenu_01 p .erwm{ background:url(../images/index/img4.jpg) no-repeat; display:inline-block; width:32px; height:32px; margin-right:5px;position:relative;}
.leftMenu_01 p .erwm span{ position:absolute;left:-65px;top:35px;display:none;background:#fff;font-size:11px;line-height:20px;color:#515151;z-index:999;}
.leftMenu_01 p .erwm span img{margin:0;width:inherit;background:none;}
.leftMenu_01 p .qq{ background:url(../images/index/img11.jpg) no-repeat; display:inline-block; width:32px; height:32px;}
.leftMenu_01 .wb2{ width:190px;border-top:1px solid #f84c00; padding-top:14px;margin:0 auto;text-align:center;font-size:16px;font-weight:bold;}
.leftMenu_01 .wb2 img{margin:0;width:inherit;background:none;}
.leftMenu_01 img.lz{margin:0;background:none;width:32px;}

.leftMenu_02{ float:left; width:39px;height:100%; }
.leftMenu_02 .bg{ background-color:#fff; height:100%;  width:39px; *margin-left:-13px; position:absolute;}
.foot{ width:195px; margin-left:20px;  padding-top:18px; position:absolute; bottom:0; background:url(../images/index/img9.jpg) top no-repeat;}
.foot ul li{ float:left; padding:0 8px 0 8px; font-size:12px; border-right:1px solid #5a5656;}
.foot ul li:last-child{ border:0;}
.foot ul li a{ color:#5a5656; text-decoration:none !important; cursor:pointer;}
.foot p{ font-size:11px; color:#767676; line-height:18px; margin:0 auto;}
.demo{width:500px;background-color:#f0f;position:absolute;top:0;right:0;height:500px;}



#js_banner{ background:url(../images/index/3.gif) no-repeat center; width:100%;}
.banner{width:100%;overflow:hidden;position:relative}
.banner_inner{position:relative;width:990px;margin:0 auto}

.banner_img{width:20000px}
.banner_img li{float:left;width:100%;position:relative}
.banner li div{ position:absolute; left:39%; margin-left:-250px; top:50%; margin-top:-110px; *margin-top:16.5%; text-align:center;}
.banner li div .p1{ font-size:55px; color:#fff; margin-bottom:15px; font-weight:bold;}
.banner li div .p2{ font-size:18px; color:#fff; line-height:25px;}
.banner li div a{ height:40px; line-height:40px; padding:0 22px 0 22px; display:inline-block; cursor:pointer; text-decoration:none !important; color:#fff; font-size:15px; background-color:#f84c00; margin-top:20PX;}


.banner_pre:hover, .banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.banner .control{width:100px;position:absolute; bottom:80px;left:50%;margin-left:-40px}
.banner .control li{float:left;margin-left:10px;width:8px;height:8px;border-radius:50%;cursor:pointer;background:#fff}
.banner .control li a{display:none}
.banner .control li.current{background:#f84c00; }



.en{ background:url(../images/index/img4.png) no-repeat; width:32px; height:32px; cursor:pointer; display:inline-block; position:absolute;  z-index:9999999; right:75px; top:15px;}
.phone{ background:url(../images/index/img5.png) no-repeat; width:32px; height:32px; cursor:pointer; display:inline-block; position:absolute; z-index:9999999; right:35px; top:15px;}
/*.ss{ background:url(../images/index/img6.png) no-repeat; width:32px; height:32px; cursor:pointer; display:inline-block; position:absolute; z-index:9999999; right:25px; top:15px;}*/


.new{ width:100%; height:40px; position:absolute; bottom:0; margin-top:-70px; overflow:hidden; }
.new .bg{ background-color:#000; height:320px; width:100%; text-align:center; position:absolute;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8; *left:0;}
.new .bg1{ background-color:#000; height:320px; width:100%; text-align:center; position:absolute;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8; display:none; *left:0;}
.new_01{ width:308px; height:182px; position:relative; margin-top:70px; float:left; margin-right:25px;}
.new_01 p{ font-size:14px; color:#fff; width:308px; height:49px; line-height:49px; display:inline-block; text-indent:1em; background-color:#f84c00; margin-top:-4px;display: inline-block;
word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}


.right{ width:565px; position:absolute; right:0px; top:0px;}
.rightbg{width:565px; position:fixed;filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.80;opacity:0.80; background-color:#000;}
.right h3{ height:55px; line-height:70px; border-bottom:1px solid #434140; width:100%; text-indent:2em; position:relative; font-size:14px; color:#fff; margin-bottom:30px;}
.right h3 a{ color:#fff; text-decoration:none !important; cursor:pointer;}
.right h2{ font-size:22px; color:#ea5404; margin-left:20px; margin-bottom:20px;margin-top:20px; position:relative;}
.right h4{ font-size:34px; color:#fff; padding-top:145px; left:50px; position:relative;}
.right h5{ font-size:52px; color:#ea5404; margin-left:50px;position:relative; font-weight:bold;}
.right h6{ font-size:26px; color:#fff; font-weight:bold; position:relative; margin-left:30px;}
.right p{ width:490px; margin-left:20px; line-height:22px;margin-bottom:10px;  position:relative; color:#fff; font-size:14px;}

.right #menu ul { position:relative; width:100%; border-bottom:1px solid #434140; height:45px; margin-bottom:30px;}
.right #menu ul li{ cursor:pointer; color:#fff; font-size:24px; background:url(../images/about/img2.png) right no-repeat; padding:0 25px 0 25px; float:left;}
.right #menu ul li:last-child{ background:inherit !important;}
.right #menu ul li.selected{ color:#f85600;}
.right #menu ul li:hover{ color:#f85600;}
#tab_box{ position: relative;}
.hide{ display:none;}
.tab_box_01 tr td span{ font-size:20px; color:#e95303; height:600px; display:inline-block;}
.tab_box_01 tr td p{ margin-left:15px !important; width:400px !important;}
.contact label{ position:relative; color:#fff; cursor:autos; display:inline-block; margin-right:10px;}
.contact span{ background:url(../images/contact/img2.png) no-repeat; width:17px; height:25px; display:inline-block; position:inherit !important; margin-left:10px;}



.right #solution ul { position:relative; width:100%; height:45px;margin-left:30px;}
.right #solution ul li{ cursor:pointer; color:#fff; font-size:12px;padding:0 7px 0 7px; float:left; border:1px solid #3D3C38; height:48px; line-height:48px; text-align:center; margin-left:-1px;}
.right #solution ul li.selected{ background-color:#3D3C38;}
#solution_box{ width:555px; background-color:#3D3C38; position:relative;margin-left:29px; padding:18px 15px 18px 15px;}
.solution span{ font-size:14px; color:#ea5404; background:url(../images/solution/img5.png) no-repeat; display:inline-block; text-indent:1.5em; line-height:16px; margin-bottom:10px;}


.clear {clear:both;display:block;}
.carousel {width:554px; height:228px; position:relative;}
.carousel_01{ overflow:auto; overflow-x:hidden;}
.carousel_01 .bg{ background:url(../images/solution/img12.jpg); width:17px;position:absolute; z-index:9999; margin-left:538px;}
.carousel .prev , .carousel .next {height:28px;width:27px;overflow:hidden;display:block;text-decoration:none;cursor:pointer; position:absolute; right:0; bottom:0; z-index:999;}
.carousel .prev {float:right;background:url(../images/solution/img3.jpg) no-repeat;margin-right:27px;}
.carousel .next {float:right;background:url(../images/solution/img4.jpg) no-repeat;}

.jCarouselLite {float:left;width:554px; height:227px;overflow:hidden;/*必要元素*/}
.jCarouselLite li{width:554px;height:227px;text-align:center;}
.jCarouselLite ul li a{ width:92px; height:98px; display:inline-block; cursor:pointer; float:left; padding:0 10px 0 10px; text-decoration:none !important; color:#fff;}
.jCarouselLite ul li p{ margin:0; padding:0;}



.right .idea{ font-size:24px; color:#ff5900; height:114px; line-height:165px; text-indent:1.5em; position:relative; display:inline-block; border-bottom:1px solid #666; width:100%; cursor:auto;}

.join{ left:30px;position:relative; border-bottom:1px solid #4c4d4c; width:465px; padding-bottom:20px; height:121px;}
.join input{ width:218px; height:36px; line-height:36px; border:2px solid #7a7a7a; float:left; background-color:transparent !important; color:#fff; text-indent:1em; margin-bottom:10px; font-size:14px;}
input[type="radio"]{ vertical-align:baseline; margin-right:10px;}
.join_01{ border-top:1px solid #4c4d4c; width:465px; left:30px; position:relative; padding-top:20px; margin-top:20px;}
.join_01 a{ background:url(../images/about/img8.png) no-repeat; width:135px; height:40px; display:inline-block; cursor:pointer;}
textarea{ width:445px; height:106px; border:2px solid #777877; padding-top:10px; padding-left:15px; background-color:transparent !important; color:#fff; margin-bottom:15px; font-size:14px;}


.news_detail{ width:942px; background-color:#fff; margin:0 auto;}
.news_detail .x{ background:url(../images/news/img1.jpg) no-repeat; width:37px; height:37px; display:inline-block;  margin-top:16px; margin-right:18px; cursor:pointer; float:right;}
.news_detail h2{ font-size:20px; text-align:center; padding-top:90px; margin-bottom:50px;}
.news_detail_01{text-align:center; margin-bottom:25px;}
.news_detail_02{ margin-left:88px; width:755px; font-size:14px; color:#555;}
.news_detail_02 p{ line-height:22px; margin-bottom:25px;font-size:14px;}
.news_detail_03{ overflow:auto; overflow-x:hidden; height:650px;}
.news_detail_03 .bg{ position:absolute; width:17px; background-color:#FFF; height:100%; margin-left:925px;}


#content{position:relative;overflow:hidden;width:100%; height:600px;}
#content ul{position:absolute; top:0px; left:0;}
#content ul li{ width:321px; float:left; overflow:hidden; position:relative;}
#content ul li div{ background-color:#D34C04; margin:0; padding:0; margin-top:-6px; width:100%;}
#content ul li .bg{ background:url(../images/technical/img7.jpg); width:100%; position:absolute;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
#content ul li div h6{ font-size:32px; color:#fff; margin-left:25px; padding-top:60px; margin-bottom:10px; font-weight:bold;text-transform: capitalize;}
#content ul li div p{ font-size:14px; color:#fff; margin-left:30px; line-height:22px; width:260px; margin-bottom:25px;}
#content ul li div span{ background:url(../images/technical/img6.png) no-repeat; display:inline-block; height:18px; line-height:18px; cursor:pointer; text-decoration:none !important; 
text-indent:1.7em; color:#fff; margin-left:30px;}


#case{position:relative;overflow:hidden;width:100%;}
#case ul{position:absolute; top:0px; left:0;}
#case ul li{ width:237px; float:left; overflow:hidden; position:relative;}
#case ul li img{ margin-bottom:-4px; width:237px;}
#case ul li .bg{ background:url(../images/technical/img7.jpg); width:100%; position:absolute;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}


.indexBanner .left1{ background:url(../images/case/left.png) no-repeat; width:25px; height:83px; display:inline-block; cursor:pointer; margin-left:165px; position:absolute; z-index:9999; top:50%; margin-top:-41px;}
.indexBanner .right1{ background:url(../images/case/right.png) no-repeat; width:25px; height:83px; display:inline-block; cursor:pointer; right:0; position: absolute;z-index:9999; top:50%; margin-top:-41px; margin-right:20px;}
#case_01{position: relative;pxdisplay: inline;}
#case_01 ul{ position:absolute;}



#solu{position:relative;overflow:hidden;width:100%; height:600px;}
#solu ul{position:absolute; top:0px; left:0;}
#solu ul li{ width:321px; float:left; overflow:hidden; position:relative;}
#solu ul li img{ margin-bottom:-4px;}
#solu ul li .bg{ background:url(../images/technical/img7.jpg); width:100%; position:absolute;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
#solu ul li .solu_02{ margin:0; padding:0; margin-top:-5px; width:100%;}
#solu ul li .solu_02 .bg1{ background-color:#f84c00; position:absolute; width:100%; height:100%; *margin-left:-25px;position:absolute;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8; display:none;}
#solu ul li .solu_02 h6{ font-size:32px; color:#fff; margin-left:25px; padding-top:40px; margin-bottom:10px; font-weight:bold; position:relative;}
#solu ul li .solu_02 p{ font-size:14px; color:#fff; margin-left:30px; line-height:22px; width:260px; margin-bottom:25px;position:relative;}
#solu ul li .solu_02 span{ background:url(../images/technical/img6.png) no-repeat; display:inline-block; height:18px; line-height:18px; cursor:pointer; text-decoration:none !important; 
text-indent:1.7em; color:#fff; margin-left:30px;position:relative;}


#news{position:relative;overflow:hidden;width:100%; height:600px;}
#news ul{position:absolute; top:0px; left:0;}
#news ul li{ width:497px; float:left; overflow:hidden; position:relative; margin-right:2px;}
#news ul li a{ text-decoration:none !important; cursor:pointer;}
.news_02{ position:relative; padding-bottom:2px;}
.news_03{ background:url(../images/news/img7.png) no-repeat; width:261px; height:201px; bottom:3px; right:0; position:absolute;}
.news_03 p{ font-size:12px; color:#484848; margin-top:18px; margin-left:25px; margin-bottom:5px; position:relative; z-index:9;}
.news_03 h2{ font-size:14px !important; font-weight:bold; color:#ea5404; width:228px; line-height:20px; margin-left:25px; margin-bottom:10px; position:relative;z-index:9;}
.news_03 span{ color:#444; font-size:12px !important; margin-left:18px; width:210px; margin-left:28px; line-height:17px; display:inline-block; position:relative;z-index:9;word-break:break-all;}
.news_03 img{ width:261px; height:201px; position:absolute;display:none; *margin-left:-247px;*margin-top: -115px;}

.news_05{left:0;right:0;bottom:0; position:absolute;}
.news_05 h2{height:10px;background:url(../images/case/h2_bg1.png) no-repeat 50px 0;}
.news_05 h3{font-size:18px;color:#ea5404;background:#fff;padding:20px 0 20px 25px;height:50px; overflow:hidden;}
.news_05 h2.cur{background:url(../images/case/h2_bg2.png) no-repeat 50px 0;}


.iphone{ max-height:inherit !important;width:inherit !important; }
.iphone_01{ max-height:1200px !important;}
.iphone_02{ width:1600px !important;}


.detail{ position:fixed;}


.ljhq{ background:url(../images/solution/img19.png) no-repeat; width:90px; height:23px; line-height:23px; display:inline-block; position:relative;margin-left: 29px;
margin-top: 15px;margin-bottom: 15px; color:#fff; text-indent:1em; text-decoration:none !important; cursor:pointer;}
.ljhq:hover{background:url(../images/solution/img20.png) no-repeat; }
.lx{ background:url(../images/solution/img19.png) no-repeat; width:90px; height:23px; line-height:23px; display:inline-block; position:relative;margin-left: 399px;
margin-top: 15px;margin-bottom: 15px; color:#fff; text-indent:1em; text-decoration:none !important; cursor:pointer; margin-right:15px; }
.lx:hover{background:url(../images/solution/img20.png) no-repeat; }