@charset "UTF-8";
body{}
.bgcolor{width:100%;background-color: #eeeeee;padding-bottom: 20px;}
.clearfix {
    +height: 1%;
}
.title{padding:75px 0 40px 0;clear: both;position: relative;top:-100px;opacity: 0;z-index:99;}
.title p i{display: inline-block;color: #ff0000;}
.title p{font-size: 16px;color: #2061bb;text-align: center;margin-top: 20px;line-height: 25px;}
.title span{display: block;font-size: 14px;color: #999;text-align: center;margin: 0px auto 0;}
.title em{display: block;font-size: 30px;color: #333;width: 335px;height: 45px;margin: 0px auto 0;background: url(../images/titbg.png) center no-repeat;}
.title p.cl666{color: #666;}
div.titletop{padding:0px 0 40px 0;}
div.abtitle{padding:0px 0 40px 0;}
div.ntitle{padding:40px 0 40px 0;}
div.ntitle em{height: 40px;}
.title.current{top: 0;opacity: 1;}
div.title1 em{width: 403px;background: url(../images/titbg1.png) center no-repeat;}

/*产品中心*/
.hproduct{width: 100%;min-width: 1300px;background: url(../images/banzhe.png) top center no-repeat;height: auto;position: relative;padding-top: 90px;margin-top: -88px;z-index: 999;}
.hproduct .container,.guang .container{overflow: hidden;}
a.hpbtn{float: right;width: 60px;height: 40px;background-color: #e0ad58;position: relative;overflow: hidden;font-size: 14px;color: #fff;text-align: center;line-height: 40px;display: block;}
.hpnavbox{width: 314px;float: left;background: url(../images/hptit.png) top center no-repeat;padding-top: 108px;margin-left: -100px;opacity: 0;}
.hpn_a{background-color: #f5f5f5;padding-top: 20px;}
.hpn_a a{width: 92%;height: 40px;line-height: 40px;text-align: left;display: block;margin:0px auto;z-index: 9;/*overflow:hidden;*/
    font-size: 14px;color: #333;transition:0.5s;position: relative;border-bottom: 1px dashed #cccccc;}
.hpn_a a:hover,.hpn_a .proon{color: #fff!important;text-indent: 5px;}
.hpn_a a:hover i,.hpn_a .proon i{display: block;}
.hpn_a i{width:309px;height: 47px;background: url(../images/hphover.png) right center no-repeat;display: none;position: absolute;top:0;left:0;z-index: -1;}
.hpn_a a:hover i{display: block;}
.hpn_a a:first-child{color:#03449e;font-size:17px;}
.hpn_a a:last-child{border-bottom: none;}
.hprobtn{width: 100%;background-color:#f5f5f5;height: 50px}
.hprobtn a{width: 116px;height: 30px;display: block;margin:0px auto 0;color: #fff;text-align: center;font-size: 14px;line-height: 30px;background: url(../images/btn.png) no-repeat;position: relative;top:20px;}   
.hpdi{width: 314px;height: 80px;background: url(../images/hpdi.png) no-repeat;text-align: center;font-size: 24px;color: #fff;}
.hpdi span{display: block;font-size: 14px;color: #accfff;padding-top: 15px;}
#mainIframe{width: 940px;height: 788px;float: right;overflow: hidden;margin-right: -100px;opacity: 0;}
.hproduct.current .hpnavbox{margin-left: 0;opacity: 1;}
.hproduct.current #mainIframe{margin-right: 0;opacity: 1;}
.courseban{ width:940px;position:relative;}
.coursebox{width:915px; height:448px;margin-left: 25px; position:relative; overflow:hidden;}
.coursebox ul{ position:absolute; left:0; top:0;}
.coursebox ul li{width:915px; height:448px;position: relative;}
.quan{display: block;width: 439px;height: 439px;overflow: hidden;border:5px solid #fff;border-radius: 50%;position: relative;z-index: 10;}
.quan img{height: 439px;min-width: 439px;display: block;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;}
.quan em{display: block;font-size: 14px;color: #fff;position: absolute;bottom: 125px;padding-left: 50px;}
.quan span{display: block;font-size: 16px;color: #fff;text-align: center;width: 100%;height: 40px;line-height: 40px;background:url(../images/tou1.png) repeat;position: absolute;bottom:75px;}
.quan span i{color: #ff000b;}
.hpinfo{width: 415px;height: 414px;position: absolute;top:0;right: 0;z-index: 5; background-color:#e5e9ec;padding-left: 260px;padding-top: 35px; overflow:hidden;}
.hpinfo img{ display:none !important;}
.hpitit{display: block;width: 120px;height: 36px;line-height: 36px;background: url(../images/ico2.png) no-repeat;font-size: 18px;text-align: center;color: #fff;}
.hpiinfo{font-size: 16px;color: #333;margin: 10px 0;line-height: 28px;}
.hpiinfo em{color: #ff0000;display: block;}

.hpitxt{font-size: 14px;color: #666;line-height: 25px;width: 360px;height: 170px;overflow: hidden;margin-top: 10px;}

a.hpibtn{width: 126px;height: 36px;line-height: 36px;font-size: 14px;color: #fff;text-align: center;background-color: #d61d25;display: block;position: absolute;bottom: 0;transition: 0.5s;}
a.hpibtn:hover{margin-left: 10px;}
.prev{ float:left; cursor:pointer;}
.num{ height:310px;overflow:hidden;width:920px;position:relative;margin:0px auto;}
.min_pic{width:940px;position: relative;margin:30px auto 0;}
.num ul{ position:absolute; left:0; top:0;z-index: 5;}
.num ul li{width:220px;height:307px;background-color: #f4f4f4;margin:0 4px; border:1px solid #eeeeee;}
.num ul li a{display: block;}
.num ul li span{width:220px;height:240px;display: block;overflow: hidden;position: relative;}
.num ul li span i{display: block;width:89px;height: 89px;background: url(../images/ico.png) no-repeat;position: absolute;top:0px;right: 0; }
.num ul li img{width:auto; height:240px;transition: all 1s ease 0s;display: block;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;}
.num ul li p{width: 100%;height: 65px;display: block;}
.num ul li p em{display: block;width: 70%;margin:15px auto 0;font-size: 14px;color: #333333;text-align: center;}
.num ul li.on,.num ul li:hover{ border:1px solid #2061bb;background-color: #2061bb; padding:0;}
.num ul li.on p em,.num ul li:hover p em{color: #fff;}
.num ul li:hover img,.hcasebox li:hover img{transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.prev_btn1{width:24px;height:46px;transition: 0.5s;background:url(../images/l.jpg) 0 0 no-repeat;cursor:pointer;position: absolute;left:0px;top:110px;z-index: 9;}
.next_btn1{width:24px;height:46px;transition: 0.5s;background:url(../images/r.jpg) 0 0 no-repeat; cursor:pointer;position: absolute;right:0px;top:110px;z-index: 9;}
.hab_tit{width: 145px;text-align: center;position: absolute;top:70px;right: 89px;}
.hab_tit span{width: 145px;height: 46px;line-height: 46px;font-size: 20px;color: #fff;background: url(../images/btn1.png) no-repeat;display: block;margin-bottom: 25px;transition: 0.5s;cursor:pointer;}
/*广告*/
.guang{background: url(../images/ggbg.png) top center no-repeat;width: 100%;min-width: 1300px;height: 320px;overflow: hidden;}
.g_left{width: 195px;height: 320px;background-color: #fff;float: left;margin-left: -100px;opacity: 0;}
.g_left span{display: block;font-size: 16px;color: #666;text-align: center;margin-top: 10px;}
.g_left p{font-size: 24px;color: #03449e;text-align: center;margin-top: 35px;}
.guang img{display: block;margin:0px auto;}
.g_left img.mt70{margin-top: 70px;}
.g_right{width: 558px;margin-right: -360px;float: right;opacity: 0;}
.g_right em{font-size: 24px;font-weight: 500;text-align: center;color: #fff;margin-top: 30px;letter-spacing: 2px;display: block;}
.g_right span{width: 455px;height: 45px;line-height: 45px;background-color: #03449e;color: #ffea00;font-size: 26px;text-align: center;margin:10px auto;display: block;}
.g_right p{color: #d61d25;font-size: 24px;text-align: center;margin-bottom: 10px;}
.g_right p i{display: inline-block;font-size: 36px;}
.guang.current .g_left{margin-left: 0px;opacity: 1;}
.guang.current .g_right{margin-right:360px;opacity: 1;}
/*案例*/
.hcase{width: 100%;background:#fff url(../images/cbg.jpg) left top no-repeat;height: auto;overflow: hidden;}
.hcasebox{margin:0px auto;position: relative;z-index: 999!important;}
.hcasebox li{text-align: center;display: block;cursor: pointer;float: left;margin:0 9px;margin-bottom: 16px;border:1px solid #dedede;}
.hcasebox li a{display: block;overflow: hidden;position: relative;margin:16px auto 0;}
.hcasebox li a img{transition: all 1s ease 0s;}
.hcasebox li span{width: 100%;height: 36px;display: block;background: url(../images/tou.png) repeat;
font-size: 16px;text-align: center;color: #fff;line-height: 36px;transition:0.5s;position: absolute;bottom: 0;left: 0;}
.hcasebox1{width: 1316px;overflow: hidden;}
.hcasebox1 li{width: 638px;height: 338px;position: relative; left: -100px;opacity: 0;}
.hcasebox1 li a{width: 604px;height: 302px;} 
.hcasebox1 li a img{width: 604px;height: auto;}
.hcasebox2{width: 1316px;overflow: hidden;}
.hcasebox2 li{width: 418px;height: 233px;position: relative;bottom:-100px;opacity: 0;}
.hcasebox2 li a{width:390px;height: 200px;} 
.hcasebox2 li a img{width: 390px;height: auto;}
.hcasebox1 li:hover span{width: 100%;height: 100%;line-height: 302px;font-size: 18px;}
.hcasebox2 li:hover span{width: 100%;height: 100%;line-height: 200px;font-size: 18px;}
a.hcbtn{width: 125px;height: 35px;border:1px solid #2061bb;transition: all 1s ease 0s;border-radius: 5px;font-size: 14px;color: #03449e;text-align: center;display: block;margin:0px auto; line-height: 35px;}
a.hcbtn:hover{background-color: #2061bb;color: #fff;}
.hcasebox1.current li{left: 0;opacity: 1;}
.hcasebox2.current li{bottom: 0;opacity: 1;}
/*新闻中心*/
.hnews{background-color: #e5e9ec;min-width: 1300px;padding-bottom: 80px;overflow: hidden;}
.hnewstit{display: block;margin:0px auto;position: relative;top:-100px;opacity: 0;}
.hnews.current .hnewstit{top:-25px;opacity: 1;}
.hnewsleft{float: left;width: 630px;margin-left: -100px;opacity: 0;}
.hnewsright{float: right;width: 630px;margin-right: -100px;opacity: 0;}
.hnews.current .hnewsleft{margin-left: 0px;opacity: 1;}
.hnews.current .hnewsright{margin-right: 0px;opacity: 1;}
.nlefttit{width: 100%;height: 40px;line-height: 35px;}
.nlefttit span{float: left;font-size: 18px;color: #fff;width: 148px;height: 40px;background: url(../images/ntit2.png) no-repeat;line-height: 40px;text-align: center;}
.nlefttit i{display: inline-block;font-size: 14px;color: #ccc;margin-left: 14px;margin-top: 3px;}
.nlefttit a.nl_more{float: right;margin-top: 8px;font-size: 14px;color: #fff;transition:0.5s;width: 64px;height: 32px;line-height: 32px;text-align: center;background-color: #cccccc;}
.nlefttit a.nl_more:hover{background-color: #03449e;color: #fff;}
.hninfo{width: 100%;background-color: #fff;}
.hnimg{display: block;width: 100%;height: 227px;position: relative;}
.hnimg span{display: block;width: 100%;height: 227px;overflow: hidden;position: relative;}
.hnimg img{width: 100%;height: auto;}
.hnimg p{font-size: 14px;color: #fff;display: block;position: absolute;bottom:-13px;left:40px;z-index:99;text-align: center;line-height: 30px;width: 62px;height: 62px;background-color: #03449e;}
.hnimg p em{display: block;width: 80%;margin:0px auto;border-bottom: 1px solid #fff;height: 30px;}
.hninfo_txt{width: 628px;position: relative;border:1px solid #caced2;}
.hninfo_txt div{display: block;font-size: 18px;color: #333;line-height: 30px;padding:0 40px;margin: 20px 0 10px 0;}
.hninfo_txt p{font-size: 14px;color: #666;line-height: 25px;padding:0px 40px 15px 40px;}
a.hnbtn{font-size: 16px;color: #fff;border:1px solid #03449e;width: 30px;height: 30px;line-height: 30px;text-align: center;display: block;background-color: #03449e;position: absolute;bottom: 0;right: 0;transition: 0.5s;}
a.hnbtn:hover{background-color: #fff;color: #03449e;}
.hnl_list{width: 100%;height: auto;overflow: hidden;margin:15px auto 0;clear: both;}
.hnl_list li{width: 100%;height: 40px;line-height: 40px;position: relative;border-bottom: 1px dashed #999; }
.hnl_list li a{font-size: 15px;color: #666;display: block;float: left;transition:0.5s;width: 80%;height: 40px;overflow: hidden;text-indent: 25px;}
.hnl_list li a:hover{color: #03449e;text-indent: 15px;}
.hnl_list li span{font-size: 14px;color: #b2b2b2;display: block;float: right;}
.hnl_list li i{width: 6px;height: 11px;background: url(../images/nico2.png) no-repeat;display: block;float: left;position: absolute; top: 15px;}
.hnl_list li:hover i{background: url(../images/nico2.png) no-repeat;}
.hnl_list li:hover span{color: #03449e;}
/*关于罗宝*/
.habout{width: 100%;background:#e5e9ec url(../images/abbg.jpg) top center no-repeat;min-width: 1300px;height: auto;overflow: hidden;}
.habtxt{width: 619px;float: left;padding:35px 40px;font-size: 16px;color: #fff;line-height: 30px;margin-top: 340px;position: relative; left: -100px;opacity: 0;}
.habtxt p{text-indent: 35px;}
.habtxt.current{left: 0px;opacity: 1;}
a.habbtn{width: 95px;height: 30px;line-height: 30px;font-size: 14px;color: #d61d25;text-align: center;display: block;margin:20px auto 0;border:1px solid #d61d25;}
a.habbtn:hover{background-color: #d61d25;color: #fff;}
.index_focus{position: relative;width: 558px;height: 571px;text-align: center;background-color: #fff;box-shadow:5px 5px 10px -4px #666;}
.index_focus .bd li{
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}
.index_focus .bd li a{display: block;width:558px;height: 526px;overflow: hidden;position: relative;}
.index_focus .bd li a img{height: 526px;width: auto;display: block;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;}
.index_focus .bd li span{font-size: 16px;color: #333;text-align: center;height: 45px;line-height: 45px;display: block;}
.index_focus_post {
    z-index: 10;
}
.index_focus {height:571px;}
.index_focus .bd li {height:571px;}
.index_focus .slide_nav {
    position: absolute;
    right:20px;
    bottom: 60px;
    z-index:80;
}
.index_focus .slide_nav li{width: 24px;height: 24px;float: left; margin:0 4px;border-radius: 50%;background-color: #fff;}
.index_focus .slide_nav a{ cursor:pointer;width: 24px;height: 24px; font-size:16px;color: #999;text-align: center;line-height: 24px;display: block;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;background-color: #d61d25;border-radius: 50%;}
.index_focus .slide_nav li:hover a,.index_focus .slide_nav .on{color: #fff;}
/*应用领域*/
.domain{width: 1300px;margin:0px auto;overflow: hidden;}
.domaintit{position: relative;right: -100px;opacity: 0;}
.domaintit h3{font-size: 30px;color: #333;text-align: center;font-weight: 400;}
.domaintit p{font-size: 14px;color: #666;line-height: 25px;margin-top: 10px;text-align: center;}
.domainbox{width: 1330px;margin:0px auto;overflow: hidden;}
.domainbox li{width:164px;height: 225px;float: left;background: url(../images/dquan.png) no-repeat;margin-left: -100px;opacity: 0;}
.domainbox li img{display: block;margin-top: 7px;margin-left: 10px;}
.domainbox li a{width: 126px;height: 34px;line-height: 34px; display: block;margin:25px auto 0;font-size: 14px;color: #666;text-align: center;border:1px solid #d2d6d9;background-color: #fff;border-radius: 25px;
transition: All 0.7s ease-in-out;
    cursor: pointer;
    -webkit-transition: All 0.7s ease-in-out;
    -moz-transition: All 0.7s ease-in-out;
    -o-transition: All 0.7s ease-in-out;}
.domainbox li:hover a{background-color: #03449e;color: #ffea00;border-color:#03449e; }
.domainbox.current li{margin:0px 13px;opacity: 1;}
.domaintit.current{right: 0px;opacity: 1;}
.domainbox li:hover a{cursor: pointer;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);}














@media screen and (max-width: 1600px) { 

}
@media screen and (max-width: 1280px) { 
#featureContainer,#block{width: 1200px;}
.featureUL li{margin:0px 5px 0 5px;}
}