/* CSS Document */

.header-frame{ height:60px; background:#000;position: fixed;z-index: 99;width: 100%;font-family: '微软雅黑'; top:0; z-index:99999999;filter:alpha(opacity=90);opacity:0.9}
.logo{padding-top: 0px;position: absolute;top: 0;left: 23.1%; color:#fff; }
.top-nav{position: absolute;top: 0;right: 22.5%;height: 100%; float:right}
.top-nav a{display: block;float: left;height: 60px;line-height: 60px;color: #fff;padding: 0 15px;text-align: center; font-size:14px}
.top-nav a:hover{ background:#6cc40d}

.main-box{ width:1000px; margin:auto}

.banner{height: 480px;width: 100%;overflow: hidden; margin-top:60px; position:relative; min-width:1000px;}
.banner .prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:220px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.banner .prev{left:70px;}
.banner .next{right:70px;}
.banner .prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.banner .item{display:block;width:100%;height:30px;position:absolute;z-index:124;top:570px;left:0;text-align:center;}
.banner .item a{display:inline-block;width:30px;height:15px;margin-right:11px;background:#20242b;opacity:1.6;-moz-opacity:1.6;filter:alpha(opacity=100);overflow:hidden;}
.banner .item a.cur{background:#6cc40d;height:30px;}
.banner .banner-box,.slide{display:block;width:100%;height:700px;overflow:hidden;}
.banner .banner-box{position:relative;}
.banner .slide{display:none;height:700px;padding-top:89px;position:relative;position:absolute;z-index:8;}
#banner2{background:url(../images/banner2-bg.png) no-repeat center top #ffa800}
#banner3{background:url(../images/banner3-bg.png) no-repeat center top #1096f2}
#banner1{background:url(../images/banner1-bg.jpg) no-repeat center top #171f34}
.banner .slide a{display:block;width:100%;height:490px;cursor:pointer;}
.banner .banner2-1,.banner2-2,.banner3-1,.banner3-2,.banner1-1,.banner1-2{position:absolute;z-index:9;left:50%;}
.banner .banner2-1{width:952px;margin-left:-476px;text-align:center;}
.banner .banner2-2{width:1920px;margin-left:-962px;text-align:center;}
.banner .banner2-1{display:block;height:352px;top:95px;}
.banner .banner2-2{top:208px;height:100px;}
.banner .banner3-1{display:block;height:582px;top:-50px;margin-left:-740px;}
.banner .banner3-2{top:-50px;height:164px; margin-left:-110px}
.banner .banner1-1{width:651px;height:329px;margin-left:-320px;top:185px;z-index:12;}
.banner .banner1-2{width:251px;height:255px;top:451px;margin-left:-115px;}
.banner .banAnimate .banner2-1{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banner .banAnimate .banner2-2{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.banner .watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banner .banAnimate .banner3-1,.banAnimate .banner1-1{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banner .banAnimate .banner3-2,.banAnimate .banner1-2{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

.service_content{ height:500px; width:100%;padding-top:20px; overflow:hidden}
.tittle1{ height:77px;background:url(../images/tittle-1.png)  no-repeat center top; padding-top:20px}
.t-p{ font-family:Arial, Helvetica, sans-serif; color:#DF1E1E; font-size:30px; line-height:35px; text-align:center;text-transform:uppercase}
.t-i{ font-family:'微软雅黑'; font-size:24px; text-align:center;text-transform:uppercase; color:#a3a3a3; line-height:24px}
.service_content_m{ width:1000px; margin-top:35px;}
.service_content_m li{ width:250px; height:310px; float:left; }
.sc-1{ width:250px; height:182px; background:url(../images/sc-1.png) no-repeat}
.sc-1:hover {background:url(../images/sc-11.png) no-repeat; cursor:pointer;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.sc-2{ width:250px; height:182px; background:url(../images/sc-2.png) no-repeat}
.sc-2:hover {background:url(../images/sc-22.png) no-repeat; cursor:pointer;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.sc-3{ width:250px; height:182px; background:url(../images/sc-3.png) no-repeat}
.sc-3:hover {background:url(../images/sc-33.png) no-repeat; cursor:pointer;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.sc-4{ width:250px; height:182px; background:url(../images/sc-4.png) no-repeat}
.sc-4:hover {background:url(../images/sc-44.png) no-repeat; cursor:pointer;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

.service_content_m dl{ width:182px; margin-top:15px; display:block}
.text-dd1{font-family:'微软雅黑'; font-size:18px; text-align:center; color:#000}
.text-dd2{font-family:'微软雅黑'; font-size:12px; text-align:center; color:#a3a3a3;text-transform:uppercase}
.text-dd3{font-family:'宋体'; font-size:12px; text-align:center; color:#a3a3a3;text-transform:uppercase; margin-top:10px}

.m-dl2{ margin-left:22px}
.m-dl3{ margin-left:45px}
.m-dl4{ float:right}

.case {width: 100%;height: 710px;overflow: hidden;background: #eee;}
.case .case-top{height:328px; background:#eee; padding-top:40px;}
.tittle2{ height:77px;background:url(../images/tittle-2.png)  no-repeat center top; padding-top:20px}
.t-i2{ font-family:'微软雅黑'; font-size:24px; text-align:center;text-transform:uppercase; color:#a3a3a3; line-height:24px}
.case-box{ width:1300px; margin:auto; height:360px; /*background:#eee;*/ margin-top:51px; overflow:hidden; margin-left: 320px;}
.case-box li{ float:left; width:245px; height:175px; overflow:hidden; position:relative; cursor:pointer;font-family: '微软雅黑';margin-left: 1px;margin-bottom: 2px;}
.case-box li .view{opacity: 0.9;-moz-opacity:0.9;filter:alpha(opacity=90);display: inline-block;left: -250px;position: absolute;top: 0px;height:180px;width: 100%;z-index: 2;background-color: #6cc40d;background-image: url(../images/view.png);background-repeat: no-repeat;background-position: center 50px;text-align:center;font-size:14px;color:#fff;line-height:220px;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.case-box li:hover .view{ left:0;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.view-more{ width:270px; height:45px; margin:auto; background:#be1526; font-size:18px; text-align:center; border-radius:4px;font-family: '微软雅黑'; color:#fff; line-height:45px; margin-top:28px} 
.view-more a{ display:block; text-decoration:none; color:#fff;}
.view-more:hover{ background:#9f0716}



.about {
width: 100%;
height: 310px;
overflow: hidden;
background: #eee;
padding-top: 40px;
margin: auto;
font-size: 12px;
line-height: 24px;
font-family: '宋体';
}

.news{ width:100%; height:460px; overflow:hidden; background:#eee; padding-top:40px; margin:auto; font-size:12px; line-height:24px; font-family:'宋体'}
.news-box{ width:950px; margin:auto; padding:0 25px; margin-top:40px}
.news-box ul{ /*height:150px;*/overflow:hidden}
.news-box li{ width:260px; /*height:150px;*/ overflow:hidden; float:left; margin-right:80px; color:#333;}
.news-box span{ background:url(../images/new-icon.png) left center no-repeat; padding-left:18px; height:12px; font-weight:bold; display:block; line-height:12px; color:#999; margin-bottom:15px}
.news-box b{font-size: 6px;color: #b5b5b5;display: inline-block;padding-right: 10px;font-family: '微软雅黑';}
.news-box li a{ color:#333; text-decoration:none; display:block; width:260px; height:30px; overflow:hidden}
.news-box li a:hover{ color:#339900}
.n-more{ width:70px; height:18px; line-height:18px; margin:auto; margin-top:30px;}
.n-more a{ color:#999}
.n-more a:hover{color:#339900}

.items{ width:100%; height:500px; padding-top:40px; overflow:hidden}
.items_box{ width:1000px; margin:auto;  height:480px; margin-top:36px}
.items_box ul{width:1000px; height:480px;background:url(../images/items-bg.jpg) no-repeat 0 70px;}
.items_box li{ float:left; width:200px; }
.items_box li .ib-1{ width:103px; height:103px; background:url(../images/i-1.png) no-repeat; cursor:pointer}
.items_box li .ib-1:hover{ background:url(../images/i-11.png) no-repeat}
.items_box li .ib-2{ width:103px; height:103px; background:url(../images/i-2.png) no-repeat; cursor:pointer; margin:120px 0 0 23px;}
.items_box li .ib-2:hover{ background:url(../images/i-22.png) no-repeat}
.items_box li .ib-3{ width:103px; height:103px; background:url(../images/i-3.png) no-repeat; cursor:pointer; margin-left:50px}
.items_box li .ib-3:hover{ background:url(../images/i-33.png) no-repeat}
.items_box li .ib-4{ width:103px; height:103px; background:url(../images/i-4.png) no-repeat; cursor:pointer;margin:120px 0 0 80px;}
.items_box li .ib-4:hover{ background:url(../images/i-44.png) no-repeat}
.items_box li .ib-5{ width:200px; height:103px; background:url(../images/i-5.png) no-repeat right; cursor:pointer; }
.items_box li .ib-5:hover{ background:url(../images/i-55.png) no-repeat right}
.items_box li .ib-dd1{font-family:'微软雅黑'; font-size:18px; text-align:center; color:#000;}
.items_box li .ib-dd2{font-family:Tahoma, Geneva, sans-serif; font-size:10px; text-align:center; color:#a3a3a3;text-transform:uppercase}
.items_box li .ib-dd3{font-family:'宋体'; font-size:12px; text-align:center; color:#a3a3a3;text-transform:uppercase; margin-top:10px}
.items_box li .dl-1{ width:200px;margin:15px 0 0 -45px}
.items_box li .dl-2{ width:200px;margin:15px 0 0 -25px}
.items_box li .dl-3{ width:200px;margin:15px 0 0 5px}
.items_box li .dl-4{ width:200px;margin:15px 0 0 35px}
.items_box li .dl-5{ width:200px;margin:15px 0 0 50px}

.bottom{ background:url(../images/bottom-bg.png); /* height:270px;*/ width:100%}
.bottom-top{ height:226px; width:1000px; margin:auto}
.bottom-top .b_logo{ background:url(../images/b_logo.png) no-repeat; float:left; margin:70px 60px 0 0; width:200px; height:140px;}
.bottom-top .b_add{ width:360px; height:102px; /* background:url(../images/phone.png) bottom left no-repeat;*/ float:left; margin-top:76px; color:#4b5566; font-family:Tahoma, Geneva, sans-serif; font-size:12px}
.bottom-top .b_add p{display:block; line-height:24px}

.b_code{ width:233px; height:140px; background:url(../images/b_code.png) no-repeat; float:right; margin-top:50px}
.line{ height:80px; border-top: 1px dotted #2d323b; width:100%; font-size:12px; color:#4b5566; text-align:center; line-height:43px;font-family:Tahoma, Geneva, sans-serif}
.line a {text-decoration: none;outline: none;cursor: pointer;text-decoration: none;color: #4b5566;}


.banner-e{width:100%; background:url(../images/dsrj.gif) center center no-repeat #1d2d55; height:200px}
.e-box{ width:1000px; margin:auto; height:100%; padding-bottom:20px; margin-top:10px; /*border-bottom:1px dotted #333; float:left*/}
.e-box .e-left{ float:left; width:330px; /*height:330px;*/}
.e-box .e-right{ float:right; margin-left:50px; width:620px;font-family:'微软雅黑';}
.e-box i{ font-family:'微软雅黑'; font-size:14px; color:#333;  margin-bottom:5px; display:inline-block; font-style:normal;font-weight:bold; background:#F7FCF7;; padding:5px 10px}
.e-box i span{ color:#999; font-size:14px; text-transform:uppercase; vertical-align:bottom; margin-left:10px}
.e-box .e-text{ font-size:14px; text-indent:30px; line-height:30px; color:#666; margin-bottom:30px}
.e-box .e-text p{ font-style:normal}
.e-box .e-left2{ float:right; width:330px; height:330px;}
.e-box .e-right2{ float:left; margin-right:50px; width:620px;font-family:'微软雅黑';}


/*online qq*/

.online_q {  position: fixed; right: 0px; bottom: 30%; z-index: 9999; }
.online_q .btn2{width:73px; height:73px; margin-bottom:5px; cursor:pointer; position:relative; font-size:12px; transition:.3s;}
.online_q .btn-top{ }
.online_q .btn2 span{display:block; width:100%; height:100%; text-align:center; border-radius:3px; position:relative; padding-top:49px; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; font-size:12px; color:#fff;}
.online_q .btn-qq span{background:url(../images/piaofu_qq.png) center 11px no-repeat #0869ac;}
.online_q .btn-tel span{background:url(../images/piaofu_tel.png) center 11px no-repeat #0869ac; }
.online_q .btn-weixin span{ background:url(../images/piaofu_weixin.png) center 11px no-repeat #0869ac; }
.online_q .btn-top span{ background:url(../images/piaofu_top.png) center no-repeat #fff;  }

.online_q .open.pic{ position:absolute; background:#0869ac; width:100px; height:100px; right:100px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-15px; top:50%; margin-top:-10px;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:90px;visibility:visible;}

.online_q .open.tel{ position:absolute; background:#0869ac; width:160px; height:50px; border-radius:20px; color:#fff; font-size:18px; font-family:arial; text-align:center; line-height:50px; right:100px; top:50%; margin-top:-25px; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.tel:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-16px; top:50%; margin-top:-10px;}
.online_q .btn2:hover .open.tel{ opacity:1; right:90px;visibility:visible;}