@charset "utf-8";
/*powered by:杭州翰臣科技有限公司 邱爽*/
/*http://www.68hanchen.com http://68hanchen.com*/
/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */
/*#ff8a00; 翰臣科技有限公司VI色系*/
/* 起始样式 */
body {font-family:"微软雅黑";  margin:0 auto; padding:0px; font-size:12px; height:100%; line-height:22px; width:100%;}
div{behavior: url(css/iepngfix.htc)}
ul,ul li,ol li,tr td,dl dd,dd{ list-style-type:none; margin:0; padding:0; }
p{ margin:0; padding:0}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
a{ text-decoration:none; cursor:pointer; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
/*a:hover{ text-decoration:underline;}*/
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.rg{ float:right;}  
img{border:none;}
html{ overflow-x:hidden;} 
div:hover,li:hover,tr:hover,a:hover{ -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
/* 起始样式 End */

/* 公用样式 */
.head{ background:#fff; height:80px; position:fixed; z-index:1000; width:100%; top:0px; left:0px;}
.box{ width:1000px; margin:0 auto;}


.logo{ width:220px; height:62px; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s;}
.logo:hover{ -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; transform:rotateY(360deg);-webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg);}



.dh{ width:724px; height:62px; margin-left:37px; position:relative;}
.dh .activesss{ float:left; width:75px; margin-left:28px; text-align:center; height:80px; background:url(../images/1_01.jpg) right 53px no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dh .activesss:hover,.dh .activesss1,.dh:hover .activesss1:hover{ background:url(../images/1_01.jpg) left 53px no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dh:hover .activesss1{ background:url(../images/1_01.jpg) right 53px no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.dh .activesss .a1{ display:block; color:#333333; font-size:13px; line-height:80px; text-align:center;}
.dh .Locate{ position:absolute; top:62px; overflow:hidden; display:none; z-index:100; width:1920px; height:0px; line-height:40px;}
.headrg{ padding-top:26px; width:194px;}
.headrg .div1{ width:108px;}
.headrg .div1 a{ margin-right:7px; -moz-transform 1s;  -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.headrg .div1 a:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.headrg .div2 a{ margin-left:5px;}
.foot{ background:url(../images/1_22.jpg) no-repeat; height:404px; padding-top:68px;}
.foot_top{ width:1050px; margin:0 auto; padding-left:20px;}
.foot_top ul{ float:left; width:100px; border-right:1px dashed #eee; height:264px; padding-left:20px; margin-right:80px;}
.foot_top ul li{ line-height:36px; font-size:14px;}
.foot_top ul li a{ color:#666666;}
.foot_top ul li a:hover{ color:#226cb0;}
.foot_top ul .li{ font-size:18px;}
.foot_top ul .li a{ color:#333333;}
.foot_top .ul{ border-right:0px;}
.foot_bottom{ width:1088px; margin:0 auto; margin-top:1px;BORDER-top: #ccc 1px double}
.foot_bottom .div1{ border-bottom:1px dashed #eeeeee; padding-left:40px; padding-bottom:20px;}
.foot_bottom .div2{ padding-top:40px; padding-left:0px; color:#666; line-height:240%}
.foot_bottom .div2 a{ color:#666}
/* 公用样式 End */

/* Index */
#show1{ position:relative; width:100%;}
#show1 .div_ser1bg2{ position:relative; width:100%; margin-left:-960px; left:50%;}
#show1 .div_ser1bg1{ position:absolute; right:2%; z-index:10; top:50%; margin-top:-54px; width:12px;}
#show1 .div_ser1bg1 dd{ width:12px; height:12px; background:url(../images/1_08.png) no-repeat; margin-bottom:20px; cursor:pointer;}
#show1 .div_ser1bg1 .on{ background:url(../images/1_09.png) no-repeat;}

.index_box{ width:1088px; margin:0 auto;}
.ss{ background:#f2f8f9; padding-top:47px; min-height:600px; padding-bottom:40px;}
.ss1{ text-align:center; position:relative;}
.ss1 .div1{ color:#035cac; font-family:Arial; height:28px; line-height:28px; font-size:26px; font-weight:bold; background:url(../images/1_12.jpg) bottom center no-repeat; padding-bottom:10px;}
.ss1 .div2{ color:#035cac; height:24px; line-height:24px; font-size:22px; margin-top:8px;}
.ss1 .div3{ position:absolute; right:0px; bottom:0px;}
.ss1 .div3 a{ display:block; border:1px solid #035cac; padding-left:10px; background:url(../images/1_10.png) 67px center no-repeat; width:77px; text-align:left; font-size:16px; height:28px; line-height:28px;}
.ss1 .div3 a:hover{ background:url(../images/1_11.png) 67px center no-repeat #035cac; color:#fff;}




.ss2{ width:930px; margin:0 auto; margin-top:25px;}
.ss2 .qs-grid li{ width: 115px; height: 129px;float:left; margin-left:20px; margin-right:20px;}
.ss2 .qs-grid li a{ display:block; cursor:pointer;}
.ss2 .qs-item{ width: 100%;	height: 100%; position: relative; cursor: default; -webkit-perspective: 900px; -moz-perspective: 900px;	-o-perspective: 900px; -ms-perspective: 900px; perspective: 900px;}
.ss2 .qs-item .qs-info > div { display: block; position: absolute; width: 100%; height: 100%;	background-position: center center;	-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; }
.ss2 .qs-item .qs-info .qs-info-back { -webkit-transform: translate3d(0,0,-100px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-100px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-100px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-100px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-100px) rotate3d(1,0,0,90deg); opacity: 0; filter:alpha(opacity=0);}
.ss2 .qs-item .qs-info .qs-info-back1{ background-image: url(../images/1_13a.png);}
.ss2 .qs-item .qs-info .qs-info-back2{ background-image: url(../images/1_14a.png);}
.ss2 .qs-item .qs-info .qs-info-back3{ background-image: url(../images/1_15a.png);}
.ss2 .qs-item .qs-info .qs-info-back4{ background-image: url(../images/1_16a.png);}
.ss2 .qs-item .qs-info .qs-info-back5{ background-image: url(../images/1_19a.png);}
.ss2 .qs-item .qs-info .qs-info-back6{ background-image: url(../images/1_18a.png);}


.ss2 .qs-item .qs-info .qs-img-1{ background-image: url(../images/1_13.png);}
.ss2 .qs-item .qs-info .qs-img-2{ background-image: url(../images/1_14.png);}
.ss2 .qs-item .qs-info .qs-img-3{ background-image: url(../images/1_15.png);}
.ss2 .qs-item .qs-info .qs-img-4{ background-image: url(../images/1_16.png);}
.ss2 .qs-item .qs-info .qs-img-5{ background-image: url(../images/1_19.png);}
.ss2 .qs-item .qs-info .qs-img-6{ background-image: url(../images/1_18.png);}


.ss2 .qs-item1 .qs-info .qs-info-back1{ background-image: url(../images/1_13.png);}
.ss2 .qs-item1 .qs-info .qs-info-back2{ background-image: url(../images/1_14.png);}
.ss2 .qs-item1 .qs-info .qs-info-back3{ background-image: url(../images/1_15.png);}
.ss2 .qs-item1 .qs-info .qs-info-back4{ background-image: url(../images/1_16.png);}
.ss2 .qs-item1 .qs-info .qs-info-back5{ background-image: url(../images/1_19.png);}
.ss2 .qs-item1 .qs-info .qs-info-back6{ background-image: url(../images/1_18.png);}


.ss2 .qs-item1 .qs-info .qs-img-1{ background-image: url(../images/1_13a.png);}
.ss2 .qs-item1 .qs-info .qs-img-2{ background-image: url(../images/1_14a.png);}
.ss2 .qs-item1 .qs-info .qs-img-3{ background-image: url(../images/1_15a.png);}
.ss2 .qs-item1 .qs-info .qs-img-4{ background-image: url(../images/1_16a.png);}
.ss2 .qs-item1 .qs-info .qs-img-5{ background-image: url(../images/1_19a.png);}
.ss2 .qs-item1 .qs-info .qs-img-6{ background-image: url(../images/1_18a.png);}




.ss2 .qs-item:hover .qs-info-front { -webkit-transform: translate3d(0,100px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,100px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,100px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,100px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,100px,0) rotate3d(1,0,0,-90deg); opacity: 0;}
.ss2 .qs-item:hover .qs-info-back { -webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); opacity: 1; filter:alpha(opacity=100);}





.ss3{ margin-top:36px; position:relative; z-index:10;}
.ss3 ul li{ float:left; width:520px; margin-bottom:20px;}
.ss3 ul .li{ float:right;}
.ss3 ul li a{ display:block;}
.ss3 ul li a .div1{ width:198px; height:252px; overflow:hidden; border:1px solid #8fa9c9}
.ss3 ul li a .div1 img{ width:198px; height:252px; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.ss3 ul li a .div2{ width:272px; height:216px; border:2px solid #7aaad2; padding:17px; background:#f9fcfc; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.ss3 ul li a .div2 .p1{ color:#00529b; font-size:16px; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.ss3 ul li a .div2 .p2{ color:#00529b; margin-top:15px; height:132px; overflow:hidden; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.ss3 ul li a .div2 .p3{ float:right; width:25px; height:25px; background:url(../images/1_17.png) no-repeat; margin-top:7px; -moz-transform 1s;  -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.ss3 ul li:hover a .div1 img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.ss3 ul li:hover a .div2{ background:#226db1; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.ss3 ul li:hover a .div2 .p1{ color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.ss3 ul li:hover a .div2 .p2{ color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.ss3 ul li:hover a .div2 .p3{ background:url(../images/1_17a.png) no-repeat; transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.dd{ background:url(../images/1_19.jpg) center top no-repeat; padding-top:47px; height:653px;}
.ul_index{ margin-top:30px;}
.ul_index li{ float:left; width:270px; overflow:hidden; margin-left:1px; margin-right:1px;}
.ul_index li a{ display:block;}
.ul_index li .div1{ height:345px;}
.ul_index li .div2{ position:relative; height:121px; background:#fff; top:0px;}
.ul_index li .div2 .p1{ color:#666666; position:relative; z-index:10; padding-left:30px; padding-right:30px; height:121px;}
.ul_index li .div2 .p1 .pp1{ padding-top:10px; color:#262626; font-size:18px;}
.ul_index li .div2 .p1 .pp2{ font-size:14px; margin-top:6px; height:22px; overflow:hidden;}
.ul_index li .div2 .p1 .pp3{ font-size:14px; margin-top:2px; line-height:24px; height:48px; overflow:hidden;}
.ul_index li .div2 .p2{ color:#fff; background:#226cb0; position:relative; z-index:11; text-align:center; opacity:0; overflow:hidden; height:0px; padding-left:30px; padding-right:30px;}
.ul_index li .div2 .p2 .pp1{ padding-top:10px; font-size:18px;}
.ul_index li .div2 .p2 .pp2{ font-size:14px; margin-top:6px; height:22px; overflow:hidden;}
.ul_index li .div2 .p2 .pp3{ font-size:14px; margin-top:2px; line-height:24px; height:72px; overflow:hidden;}
.ul_index li .div2 .p2 .pp4{ text-align:center; margin-top:10px; -moz-transform 1s;  -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.ul_index li .div2 .p2 .pp4:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
/*.banner{ width:1920px; position:relative; z-index:10; top:0px; left:50%; margin-left:-960px;}
.banner .slides_container a {width:1920px;display:block;}
.banner .slides_container a img {display:block;}
.banner .pagination { margin-top:-60px; position:absolute; z-index:100; width:75px; left:50%; margin-left:-35px;}
.banner .pagination li {float:left;margin:0 1px;list-style:none;}
.banner .pagination li a {display:block; width:13px; font-size:0px; height:13px; background:url(../images/1_12.png) no-repeat;float:left;overflow:hidden; margin-left:5px; margin-right:5px; font-size:0px; line-height:1000px;}
.banner .pagination li.current a,.banner .pagination li a:hover{ background:url(../images/1_12a.png) no-repeat;}
.banner .div1{ position:absolute; top:330px; z-index:12; width:1000px; margin-left:-500px; left:50%;}
.banner .div1 .next{ float:right;}*/
/* Index End */

/* Main */
.mian_box{ width:1120px; margin:0 auto;}
.div_tittle{ margin-top:163px; background:url(../images/2_02.jpg) left center no-repeat; height:34px; line-height:34px; font-size:26px; font-family:Arial; text-transform:uppercase; color:#fff; padding-left:15px;}
.div_tittle span{ font-family:微软雅黑; font-size:20px; margin-left:10px;}



.mian_box_{ width:1090px; margin:0 auto;}
.div_tittle_{ margin-top:60px; background:url(../images/2_02.jpg) left center no-repeat; height:34px; line-height:34px; font-size:26px; font-family:Arial; text-transform:uppercase; color:#fff; padding-left:15px;}
.div_tittle_ span{ font-family:微软雅黑; font-size:20px; margin-left:10px;}

.div_abo_ .lf{ width:318px; height:424px; padding-top:8px; text-align:center; background:url(../images/2_04.png) no-repeat;}
.div_abo_ .rg{ width:603px; padding-right:60px;}
.div_abo_ .rg .div1{ color:#505050; font-size:30px; line-height:34px; padding-top:10px; font-family:Arial;}
.div_abo_ .rg .div2{ color:#fff; font-size:15px; width:160px; padding-left:22px; background:#01A14B; height:30px; line-height:30px; margin-top:10px;}
.div_abo_ .rg .div3{ font-size:18px; color:#01A14B; margin-top:18px;}
.div_abo_ .rg .div4{ margin-top:15px; color:#666666;}


.div_abo1_ #focus_Box{position:relative;width:900px;height:300px; margin:0px auto;}
.div_abo1_ #focus_Box dl{position:relative;width:900px;height:360px;left:100px;}
.div_abo1_ #focus_Box dd{z-index:0;position:absolute; width:0px;background:#fff;height:0px;top:146px;cursor:pointer;left:377px;border:2px solid #eee; padding:9px;}
.div_abo1_ #focus_Box dd img{width:100%;background:url(http://www.diaoelevator.com/images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
.div_abo1_ #focus_Box dd p{position:absolute; *bottom:0px; left:-2px; width:100%;height:45px;line-height:45px;background:#fff;color:#00938a; text-align:center;border:2px solid #eee; border-top:0px;}
.div_abo1_ #focus_Box dd p span{display:inline-block;width:70%;height:45px;overflow:hidden; color:#686767}
.div_abo1_ #focus_Box .focus_prev,#focus_Box .focus_next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
.div_abo1_ #focus_Box .focus_prev{background:url(../images/2_07.jpg) left bottom no-repeat;left:30px}
.div_abo1_ #focus_Box .focus_next{background:url(../images/2_08.jpg) right bottom no-repeat;right:30px} 
.div_abo1_ #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(http://www.diaoelevator.com/images/share-btn.png) no-repeat;text-indent:-999px;}













.div_biaoti{ margin-top:40px;}
.div_biaoti a{ display:block; background:#005bac; padding-left:27px; padding-right:27px; line-height:35px; color:#ffffff; height:35px; float:left; text-align:center; font-size:14px; margin-right:10px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_biaoti .a1,.div_biaoti a:hover{ background:url(../images/2_03.png) repeat; color:#535353; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_tittle1{ text-align:center; color:#01A14B;}
.div_tittle1 .div1{ font-size:30px; line-height:34px; font-family:Arial;}
.div_tittle1 .div2{ font-size:14px; line-height:18px;}


.div_tittle2{ width:172px; padding-left:10px; border:1px solid #d5e2e1; position:absolute; top:35px; right:0px; background:#01A14B; height:30px; line-height:30px; font-size:15px; color:#fff; z-index:10;}
.div_tittle2_{ width:212px; padding-left:10px; border:1px solid #d5e2e1; position:absolute; top:35px; left:50px; background:#01A14B; height:30px; line-height:30px; font-size:15px; color:#fff; z-index:10;}



.div_tittle3{ color:#01A14B; padding-top:4px;}
.div_tittle3 .div1{ font-size:30px; line-height:34px; font-family:Arial;}
.div_tittle3 .div2{ font-size:14px; line-height:18px;}
.div_box{ background:url(../images/2_03.png) repeat; padding:30px; min-height:480px; margin-bottom:110px; position:relative;}

.about_body{ background:url(../images/2_01.jpg) fixed center top no-repeat;}
.div_abo .lf{ width:318px; height:424px; padding-top:8px; text-align:center; background:url(../images/2_04.png) no-repeat;}
.div_abo .rg{ width:503px; padding-right:60px;}
.div_abo .rg .div1{ color:#505050; font-size:30px; line-height:34px; padding-top:10px; font-family:Arial;}
.div_abo .rg .div2{ color:#fff; font-size:15px; width:160px; padding-left:22px; background:#01A14B; height:30px; line-height:30px; margin-top:10px;}
.div_abo .rg .div3{ font-size:18px; color:#01A14B; margin-top:18px;}
.div_abo .rg .div4{ margin-top:15px; color:#666666;}




.div_abo1 #focus_Box{position:relative;width:900px;height:300px; margin:0px auto;}
.div_abo1 #focus_Box dl{position:relative;width:900px;height:360px;left:100px;}
.div_abo1 #focus_Box dd{z-index:0;position:absolute; width:0px;background:#fff;height:0px;top:146px;cursor:pointer;left:377px;border:2px solid #eee; padding:9px;}
.div_abo1 #focus_Box dd img{width:100%;background:url(http://www.diaoelevator.com/images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
.div_abo1 #focus_Box dd p{position:absolute; *bottom:0px; left:-2px; width:100%;height:45px;line-height:45px;background:#fff;color:#00938a; text-align:center;border:2px solid #eee; border-top:0px;}
.div_abo1 #focus_Box dd p span{display:inline-block;width:70%;height:45px;overflow:hidden; color:#686767}
.div_abo1 #focus_Box .focus_prev,#focus_Box .focus_next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
.div_abo1 #focus_Box .focus_prev{background:url(../images/2_07.jpg) left bottom no-repeat;left:30px}
.div_abo1 #focus_Box .focus_next{background:url(../images/2_08.jpg) right bottom no-repeat;right:30px} 
.div_abo1 #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(http://www.diaoelevator.com/images/share-btn.png) no-repeat;text-indent:-999px;}





.div_abo2{ padding-left:118px; padding-right:118px;}
.div_abo2 .div1{ color:#fff; font-size:15px; width:160px; padding-left:22px; background:#01A14B; height:30px; line-height:30px; margin-top:10px;}
.div_abo2 .div2{ font-size:18px; color:#01A14B; margin-top:18px;}
.div_abo2 .div3{ margin-top:15px; color:#666666; font-size:14px;}
.div_abo3 ul{ margin-top:40px;}
.div_abo3 ul li{ float:left; width:211px; margin-right:32px;}
.div_abo3 ul .li{ margin-right:0px;}
.div_abo3 ul li a{ display:block;}
.div_abo3 ul li a .div1{ background:url(../images/2_09.png) no-repeat; text-align:center; padding-top:6px; height:269px;}
.div_abo3 ul li a .div1 img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_abo3 ul li a .div2{ color:#262626; font-size:16px; margin-top:5px;}
.div_abo3 ul li a .div3{ color:#666666;}
.div_abo3 ul li a .div4{ color:#666666; height:44px; overflow:hidden;}
.div_abo3 ul li a .div5{ color:#2ba859; margin-top:20px;}
.div_abo3 ul li:hover a .div1 img{ -webkit-transform:scale(0.97); -moz-transform:scale(0.97); -o-transform:scale(0.97); -ms-transform:scale(0.97); transform:scale(0.97); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_abo3 ul li:hover a .div5{ color:#005bac}
.div_abo4{ margin-top:30px;}
.div_abo4 .lf{ width:318px; height:405px; padding-top:8px; text-align:center; background:url(../images/2_11.png) no-repeat;}
.div_abo4 .rg{ width:503px; padding-right:60px;}
.div_abo4 .rg .div1{ color:#01A14B; font-size:30px; line-height:34px; padding-top:10px; font-family:Arial;}
.div_abo4 .rg .div2{ color:#fff; font-size:15px; width:160px; padding-left:22px; background:#01A14B; height:30px; line-height:30px; margin-top:10px;}
.div_abo4 .rg .div3{ margin-top:15px; color:#666666; line-height:30px; font-size:14px;}
.div_abo4 .rg .div4{ margin-top:40px; text-align:right;}
.div_abo4 .rg .div4 a{ color:#616161; font-size:14px}
.div_abo4 .rg .div4 a:hover{ color:#005bac}





.news_body{ background:url(../images/3_01.jpg) fixed center top no-repeat;}









.div_news{ margin-top:30px;}
.div_newslf{ width:334px;}
.div_newslf a{ display:block;}
.div_newslf a .div1{ color:#3c3b3b; font-size:16px; font-weight:bold; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_newslf a:hover .div1{ color:#005bac; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_newslf a .div2{ margin-top:10px; position:relative; overflow:hidden; width:334px; height:281px;}
.div_newslf a .div2 .p1{ position:absolute; bottom:17px; width:82px; text-align:center; font-size:#fff; right:0px; height:17px; background:#3c8746; line-height:17px; color:#fff; font-weight:bold;}
.div_newslf a .div2 img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.div_newslf a .div2:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.div_newslf a .div3{ margin-top:10px; color:#9a9a9a}
.div_newslf a .div4{ color:#cccaca; text-align:right; background:url(../images/2_14.png) center left no-repeat; padding-left:20px;}
.div_newsrg{ width:511px; padding-right:40px;}
.div_newsrg ul li{ border-bottom:1px solid #dbdbdb; padding-bottom:18px; margin-bottom:18px;}
.div_newsrg ul li a{ display:block;}
.div_newsrg ul li a .lf{ width:67px; height:67px; background:#e8e8e8; text-align:center; color:#5a5a5a; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_newsrg ul li a .lf .p1{ font-size:24px; line-height:26px; padding-top:10px;}
.div_newsrg ul li a .lf .p2{ margin-top:2px;}
.div_newsrg ul li:hover a .lf{ background:#005bac; color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_newsrg ul li a .rg{ width:423px;}
.div_newsrg ul li a .rg .div1 .p1{ color:#3c3b3b; font-size:16px; float:left; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_newsrg ul li a .rg .div1 .p2{ color:#cccaca; text-align:right; background:url(../images/2_14.png) center left no-repeat; padding-left:20px; float:right;}
.div_newsrg ul li a .rg .div2{ color:#9a9a9a; height:44px; overflow:hidden; margin-top:3px;}
.div_newsrg ul li:hover a .rg .div1 .p1{ color:#005bac; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.fenye{ text-align:center; margin-top:25px;}
.biaoti{ text-align:center; margin-top:30px; color:#3d3d3d; font-size:20px;}
.time{ text-align:center; border-bottom:1px dashed #ccc; color:#ccc; margin-top:12px; padding-bottom:8px;}
.time .span1{ background:url(../images/2_15.png) center left no-repeat; padding-left:25px;}
.time .span2{ background:url(../images/2_16.png) center left no-repeat; padding-left:25px; margin-left:35px;}
.fh{ margin-top:30px; border-top:1px dashed #ccc; padding-top:15px;}
.fh a{ display: block; color:#616161; font-size:12px;} 
.fh a:hover{ color:#005bac}





._div_news{ margin-top:30px;}
._div_newslf{ width:334px;}
._div_newslf a{ display:block;}
._div_newslf a ._div1{ color:#3c3b3b; font-size:16px; font-weight:bold; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
._div_newslf a:hover ._div1{ color:#005bac; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
._div_newslf a ._div2{ margin-top:10px; position:relative; overflow:hidden; width:334px; height:281px;}
._div_newslf a ._div2 ._p1{ position:absolute; bottom:17px; width:82px; text-align:center; font-size:#fff; right:0px; height:17px; background:#3c8746; line-height:17px; color:#fff; font-weight:bold;}
._div_newslf a ._div2 img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
._div_newslf a ._div2:hover img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
._div_newslf a ._div3{ margin-top:10px; color:#9a9a9a}
._div_newslf a ._div4{ color:#cccaca; text-align:right; background:url(../images/2_14.png) center left no-repeat; padding-left:20px;}
._div_newsrg{ width:511px; padding-right:40px;}
._div_newsrg ul li{ border-bottom:1px solid #dbdbdb; padding-bottom:18px; margin-bottom:18px;}
._div_newsrg ul li a{ display:block;}
._div_newsrg ul li a ._lf{ width:67px; height:67px; background:#e8e8e8; text-align:center; color:#5a5a5a; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
._div_newsrg ul li a ._lf ._p1{ font-size:24px; line-height:26px; padding-top:10px;}
._div_newsrg ul li a ._lf ._p2{ margin-top:2px;}
._div_newsrg ul li:hover a ._lf{ background:#005bac; color:#fff; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
._div_newsrg ul li a ._rg{ width:423px;}
._div_newsrg ul li a ._rg ._div1 ._p1{ color:#3c3b3b; font-size:16px; float:left; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
._div_newsrg ul li a ._rg ._div1 ._p2{ color:#cccaca; text-align:right; background:url(../images/2_14.png) center left no-repeat; padding-left:20px; float:right;}
._div_newsrg ul li a ._rg ._div2{ color:#9a9a9a; height:44px; overflow:hidden; margin-top:3px;}
._div_newsrg ul li:hover a ._rg ._div1 ._p1{ color:#005bac; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
._fenye{ text-align:center; margin-top:25px;}
._biaoti{ text-align:center; margin-top:30px; color:#3d3d3d; font-size:20px;}
._time{ text-align:center; border-bottom:1px dashed #ccc; color:#ccc; margin-top:12px; padding-bottom:8px;}
._time ._span1{ background:url(../images/2_15.png) center left no-repeat; padding-left:25px;}
._time ._span2{ background:url(../images/2_16.png) center left no-repeat; padding-left:25px; margin-left:35px;}
._txt{ margin-top:20px; color:#808080; min-height:250px;}
._fh{ margin-top:30px; border-top:1px dashed #ccc; padding-top:15px;}
._fh a{ display: block; color:#616161; font-size:12px;} 
._fh a:hover{ color:#005bac}










.project_body{ background:url(../images/4_01.jpg) fixed top right no-repeat;}
.div_pro{ margin-top:30px;}
.div_pro ul li{ width:209px; height:184px; background:url(../images/2_17.png) no-repeat; padding-top:5px; position:relative; float:left; margin-bottom:34px; margin-right:34px;}
.div_pro ul .li{ margin-right:0px;}
.div_pro ul li a{ display:block;}
.div_pro ul li a .div1{ position:relative; width:200px; margin:0 auto; height:255px; overflow:hidden;}
.div_pro ul li a .div1 img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;} 
.div_pro ul li a .div2{ position:absolute; width:180px; left:4px; background:url(../images/2_18.png) repeat; height:35px; line-height:35px; padding-left:10px; padding-right:10px; color:#fff; font-size:14px; bottom:20px; z-index:10;}
.div_pro ul li a .div2 .rg{ padding-top:11px;}
.div_pro ul li a .div2 .rg img{ -moz-transform 1s;  -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.div_pro ul li:hover .div1 img{ -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;}
.div_pro ul li:hover a .div2 .rg img{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

.div_pro1{ margin-top:30px;}
.div_pro1 .lf{ width:430px;}
.div_pro1 .lf .div1{ float:left; background:url(../images/4_03.png) no-repeat; padding-top:8px; padding-left:7px; padding-right:7px; padding-bottom:21px; display:block; }
.div_pro1 .lf ul#output { width:303px; height:379px; overflow:hidden;}
.div_pro1 .lf ul#tabs { float:right; width:101px;}
.div_pro1 .lf ul#tabs li { width:99px; margin-bottom:11px;}
.div_pro1 .lf ul#tabs li a { display: block; width:99px; height:123px; padding:1px; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_pro1 .lf ul#tabs li a:hover{ background:#3d8745; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_pro1 .lf ul#tabs li a.current{  background:#3d8745; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
.div_pro1 .rg{ width:400px; padding-right:50px;} 
.div_pro1 .rg .div1{ color:#01A14B; font-size:24px; padding-top:30px;}
.div_pro1 .rg .div2{ color:#287a32; line-height:30px; font-size:14px; font-weight:bold; margin-top:10px;}
.div_pro1 .rg .div2 img{ margin-right:5px;}
.div_pro1 .rg .div3{ color:#fff; font-size:15px; width:160px; padding-left:22px; background:#01A14B; height:30px; line-height:30px; margin-top:10px;}
.div_pro1 .rg .div4{ color:#747474; margin-top:20px;}
.div_pro1 .rg .div5{ text-align:right; margin-top:30px;}
.div_pro1 .rg .div5 a{ color:#616161;}
.div_pro1 .rg .div5 a:hover{ color:#005bac}

.solutioninfo_body{ background:url(../images/5_01.jpg) fixed top right no-repeat;}
.div_sol{ margin-top:44px; margin-bottom:235px;}
.div_sol ul li{ width:228px; height:489px; float:left; margin-right:29px; position:relative;}
.div_sol ul .li{ margin-right:0px;}

.contact_body{ background:url(../images/6_01.jpg) fixed top right no-repeat;}
.div_cont{ color:#6e6e6e}
.div_cont .p1{ background:url(../images/6_02.png) top left no-repeat; padding-left:25px; margin-bottom:30px;} 
.div_cont .p2{ background:url(../images/6_03.png) top left no-repeat; padding-left:25px; margin-bottom:30px;}
.div_cont .p3{ background:url(../images/6_04.png) left 4px no-repeat; padding-left:25px; margin-bottom:30px;}
.div_cont .p4{ background:url(../images/6_05.png) left 4px no-repeat; padding-left:25px; margin-bottom:30px;}

.div_cont table .tr .td{ padding-left:16px;}
.div_cont table tr a{ display:block; color:#6b6b6b; font-size:14px;}
.div_cont table tr:hover a{ color:#005bac}
.div_cont table tr .td{ padding-left:16px; background:url(../images/6_08.png) 5px center no-repeat;}
.div_cont table tr td{ height:40px; line-height:40px;}
.div_cont table .tr{ background:#297b33; color:#fff; font-size:14px; height:30px; line-height:30px;}

.div_cont1 table{ background:#509157;}
.div_cont1 table td{ background:#fff; padding-left:16px; padding-top:5px; padding-bottom:5px; color:#5a5a5a;}
.div_cont1 table .td{ background:url(../images/6_08.png) 5px center no-repeat #fff; padding-left:16px;}
.div_cont1 .aa1{ background:#3d8645; line-height:33px; padding-left:25px; display:block; width:350px; color:#fff; margin-top:30px;}
/* Main End */
/* -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; 背景渐隐*/
/* -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 背景滚动*/
/* -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 图片原比例 */
/* -webkit-transform:scale(0.97); -moz-transform:scale(0.97); -o-transform:scale(0.97); -ms-transform:scale(0.97); transform:scale(0.97); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 图片缩放  */
/* -moz-transform 1s;  -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s; 图片360旋转 */
/* transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); 图片360旋转 */
/* -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; 3D旋转 */
/* -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; transform:rotateY(360deg);-webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); 3D旋转 */

/* 005bac */



.page1{clear:both; text-align:center;font-size:12px; height:24px; line-height:24px;}
.page1 span a{border:1px solid #0187C5;color:#0187C5;padding:2px 6px;line-height:15px;height:15px;text-decoration:none;background:#fff;}
.page1 span a:hover{border:1px solid #999;color:#999;}
.page1 span{margin:2px;}
.page1 span.current a{border:1px solid #0187C5;background:#0187C5;color:#fff;}
.page1 span a.disabled{border:1px solid #ccc;color:#ccc;cursor:default;}


.z1 {COLOR:   #666666;  } 
.z1 a:link   {COLOR: #666666;   text-decoration:none;} 
.z1 a:visited   { COLOR:#666666;text-decoration:none;  } 
.z1 a:hover   { COLOR:#0187C5;   TEXT-DECORATION:none;} 


.z2 {COLOR:   #fff; font-size:14px; background:#01A14B; padding-right:20px; padding-left:20px; padding-top:5px; padding-bottom:5px } 
.z2 a:link   {COLOR: #fff;   text-decoration:none;font-size:14px } 
.z2 a:visited   { COLOR:#fff;text-decoration:none; font-size:14px  } 
.z2 a:hover   { COLOR:#333;   TEXT-DECORATION:none;font-size:14px }