@charset "UTF-8";
body{}
.bgcolor{width:100%;background-color: #eeeeee;padding-bottom: 20px;}
.clearfix {+height: 1%;}

.ban{width: 100%;height: 460px !important;min-width: 1300px;position: relative;margin-top: 195px;z-index:2;}
.ban1{background: url(../images/img/ban1.jpg) top center no-repeat;}
.ban2{background: url(../images/img/ban2.jpg) top center no-repeat;}
.ban3{background: url(../images/img/ban3.jpg) top center no-repeat;}
.ban4{background: url(../images/img/ban4.jpg) top center no-repeat;}
.ban5{background: url(../images/img/ban5.jpg) top center no-repeat;}
.ban6{background: url(../images/img/ban6.jpg) top center no-repeat;}
.ban7{background: url(../images/img/ban7.jpg) top center no-repeat;}
.ntitle{font-size: 14px;color: #666;text-align: center;line-height: 40px;height: auto;padding-bottom:40px; position:relative;z-index:99;}
.ntitle p{margin-top: 20px;}
.ntitle img{display: block;margin:0px auto;}

/*关于罗宝*/
.abinfo{background-color: #e5eef9;font-size: 16px;color: #333;line-height: 35px;padding-bottom: 40px;margin-top: 30px;}
.abinfo_box1{width: 690px;float: left;padding:40px 0 20px 0;}
.abinfo .index_focus{margin-top: -340px;}
.abinfo p{text-indent: 35px;}
.rongyu{width: 100%;background:#fff url(../images/cbg.jpg) left top no-repeat;height: auto;overflow: hidden;}
#dimgbox{width:1300px;height:480px;margin:0px auto; overflow:hidden;position:relative}
#dimgbox li{ float:left; margin-right:20px;}
#dimgbox a{width:310px;height:430px;border:1px solid #cccccc;overflow:hidden;transition: 0.5s;display: block;position: relative;}
#dimgbox img{width:286px;height:auto;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;border:1px solid #e7e7e7;}
#dimgbox ul{ 
  list-style: none; 
  width:1000000px; 
  position: absolute; z-index: 999;
} 
#dimgbox a:hover{border:1px solid #2061bb;}
#dimgbox li:hover span{color: #2061bb;}
#dimgbox span{display: block;width: 100%;height:40px;line-height: 40px;text-align: center;font-size: 16px;color: #333;}
.rytit{color: #d61d25;text-align: center;margin:20px 0;font-size: 24px;font-weight: 500;}
.rytit span{display: inline-block;font-size: 36px;}
.team{width: 100%;min-width: 1300px;overflow: hidden;position: relative;height: 662px;background: url(../images/img/tuan.jpg) no-repeat;overflow: hidden;}
.teaminfo{width: 475px;height: 510px;float: left;margin-left: -100px;opacity: 0;}
.teaminfo img{display: block;float: right;margin-top: 80px;height: 54px;}
.teaminfo p{font-size: 16px;color: #333;line-height: 30px;text-indent: 35px;clear: both;padding-top: 20px;}
img.teamimg{margin-top: 100px;margin-left: -100px;opacity: 0;}
.team.current .teaminfo{margin-left: 0;opacity: 1;}
.team.current img.teamimg{margin-left: 60px;opacity: 1;}

/*产品中心*/
.nproduct{width: 1300px;margin:0px auto;position: relative;}
.nproduct.current .npro_left{margin-left: 0;opacity: 1;}
.nproduct.current .nproright{margin-right: 0;opacity: 1;}
.nproright{width: 930px;float: right;}
.npror_tit{font-size: 16px;color: #fff;height:60px;border-bottom: 1px solid #03449e;margin-bottom: 20px;}
.npror_tit span{display: block;float: left; width:275px;height: 60px;line-height: 60px; text-align: center;background-color: #03449e;}
.npror_tit p{float: right;text-align: right;width: 650px;font-size: 14px;color: #2061bb;padding-top: 38px;}
.npror_tit p em{color: #ff0000;display: inline-block;}
.npr_imgbox{width: 955px;position: relative;right: 13px;}	
.npr_imgbox li{width: 290px;height:389px;text-align: center;display: block;cursor: pointer;
    float: left;margin:0 13px;margin-bottom: 24px;border:1px solid #dadada;}
.npr_imgbox li a{display: block;width: 290px;height: 324px;overflow: hidden;position: relative;margin:0px auto;} 
.npr_imgbox li a img{width: 290px;height: auto;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;}
.npr_imgbox li span{width: 100%;height: 65px;display: block;background-color: #f4f4f4;overflow: hidden;
font-size: 16px;text-align: center;color: #333;line-height: 65px;transition:0.5s;}
.npr_imgbox li:hover{border:1px solid #03449e;}
.npr_imgbox li:hover span{color: #fff;background-color: #03449e;}
.npr_imgbox li:hover img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}  	
/*产品内容详情页*/
.nprorinfo{width: 876px;border:1px solid #d8d8d8;float: right;padding:0 30px 60px 30px;}
.npri_tit{display: block;color: #03449e;text-align: center;font-size: 28px;margin:30px auto;}
img.fc{display: block;margin:0px auto;}
.npri_t{max-width: 192px;min-width: 150px; margin-left:-30px;background-color: #03449e;height:45px;line-height: 45px;border-top-right-radius: 20px;border-bottom-right-radius: 20px; font-size: 20px;color: #fff;text-align: center;display: block;clear: both;margin-top:10px;}
.nproimgbox{}
.nproimgbox img.fc{max-width: 800px;height: auto;display:black; margin:0px auto;}
.npri_name{font-size: 18px;color: #333;margin:10px 0;line-height: 28px;}
.npri_name em{display: block;color: #ff0000;}
.npri_info{font-size: 15px;color: #666;padding:10px 0;line-height: 24px;}
.npri_fanwei{font-size: 14px;color: #666;padding:10px 0;line-height: 24px;}
.npri_fanwei ul{margin:15px 0;height:208px;}
.npri_fanwei li{width: 280px;height:208px;float: left;overflow: hidden;margin:0px 5px;}
.npri_fanwei li img{width: 280px;height: auto;float: left;margin:0px 5px; display:block;}
.npri_zhengshu{}
.npri_zhengshu ul{margin:15px 0;}
.npri_zhengshu li{width: 48%;float: left;overflow: hidden;margin: 1%; max-height:590px;}
.npri_zhengshu li img{max-width:100%!important;width:95%!important; display:block;height: auto!important; margin:0px auto}
.npri_user{font-size: 14px;color: #666;padding:10px 0;line-height: 24px;}
div.npri_zhengshu1 li{max-height:490px;}
/*左侧联系*/
.llianxi{width: 314px;margin-top: 30px;}
.llianxi div{border:1px solid #e6e6e6;font-size: 14px;color: #666;padding:30px 23px;background-color: #f5f5f5;}
.llianxi div span{display: block;font-size: 16px;color: #333;margin-bottom: 20px;}
.llianxi div p{line-height: 25px;}
.llianxi em{display: block;width: 100%;height: 30px;background-color: #03449e;}
/*案例*/
.ncase{width: 100%;min-width: 1300px;background: url(../images/img/cbg.png) bottom right no-repeat;}
.caseico{position: absolute;bottom:-406px;left: 0;z-index: 2; }
.ncasebox{width: 1316px;overflow: hidden;margin:0px auto;position: relative;z-index: 999!important;}
.ncasebox li{width: 418px;height: 385px;position: relative;bottom:-100px;opacity: 0;text-align: center;display: block;cursor: pointer;float: left;margin:0 9px;margin-bottom: 16px;border:1px solid #dedede;}
.ncasebox li a{width:390px;height: 300px;display: block;overflow: hidden;position: relative;margin:16px auto 0;} 
.ncasebox li a img{width: 390px;height: auto;transition: all 1s ease 0s;}
.ncasebox.current li{bottom: 0;opacity: 1;}
.ncasebox li span{height: 50px;line-height: 50px;display: block;width: 100%;text-align: center;font-size: 16px;color: #666;background-color: #dbdbdb;position: absolute;bottom: 0;left: 0;transition: 0.5s;}
.ncasebox li:hover img,.nnews li:hover a.nnewsimg 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);}
.ncasebox li:hover{border-color: #03449e;}
.ncasebox li:hover span{background-color: #03449e;color: #fff;font-size: 17px;}
/*案例详情页*/
.infor_con{position: relative;z-index: 999;}
.nntit{ width:100%; height:30px; line-height:30px;margin-bottom: 30px; text-align:center; font-weight:700; color:#333;font-size:24px; margin-top:15px;}
.infoimg img{padding: 10px 0;max-width: 860px;height: auto !important;display: block; margin:0px auto;}
/*新闻中心*/
.ttnav{width: 1300px;margin:0px auto;height: 40px;line-height: 40px;}
.ttnav div{width:325px;margin:0px auto; }
.ttnav a{width:145px;height: 40px;color: #03449e; border:1px solid #03449e; border-radius:20px;
    float: left;margin-left: 15px;font-size: 16px;text-align: center;}
.ttnav a.on{color: #fff; background-color:#03449e;}    

.nnews{width: 1316px;overflow: hidden;margin:0px auto;position: relative;z-index: 999!important;}
.nnews li{width: 418px;height: 385px;display: block;cursor: pointer;position: relative;top:0;float: left;margin:0 9px;margin-bottom: 35px;transition:all 0.5s;box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);}
a.nnewsimg{width: 100%;height: 215px;overflow: hidden;position: relative;display: block;}
a.nnewsimg img{width: 100%;height: auto;transition: all 1s ease 0s;}
.nnewstit{display: block;font-size: 16px;color: #333;text-align: left;line-height: 30px;padding:0px 15px; height:30px; overflow:hidden;margin-top: 10px;}
.nnews li p{font-size: 14px;color: #666;text-indent: 30px;padding:0 15px;line-height: 25px;height: 56px;overflow: hidden;margin:10px 0;}
.nnewsdate{display: block;font-size: 14px;color: #969696;margin-left: 15px; width:95px; float:left;}
a.nnewsbtn{width: 85px;height: 35px;line-height: 35px; display: block;float: right;font-size: 14px;color: #03449e;border:1px solid #03449e;border-radius: 20px;text-align: center;margin-right: 15px;transition: 0.5s; }
.nnews li:hover a.nnewsbtn{background-color: #03449e;color: #fff;}
.nnews li:hover{top:15px;}
.nnews li div{ height:35px;}
/*新闻详情页*/
.newsinfo{width: 1240px;margin:0px auto;box-shadow: #ddd 0px 0px 5px;padding:30px;background-color: #fff;}
.inforbox{border-bottom: 2px #ddd solid;padding-bottom: 30px;}
.ninfo_ntit{ width:100%; height:70px; line-height:70px; text-align:center; font-weight:100; color:#333;font-size:20px;}
.context{ width:100%; height:30px; line-height:30px; padding:10px 0 20px 0;}
.context ul{ margin:0; padding:0;}
.context ul li{ width:450px; height:30px; line-height:30px;color:#333;font-size: 16px;box-shadow: none;}
.context ul li a{color: #666;}
.jhurl {
    width: 100%;
    height: 39px;
    line-height: 39px;
    font-size: 13px;
    text-align: center;
    color: #777;
}
.jhurl small{font-size: 13px;color: #777; line-height: 39px; margin-left:10px;}
.view_con{ font-size:15px; line-height:30px; color:#666;}
.view_con img{ display:block; margin:0px auto;max-width:80% !important;}
.view_con iframe{display:block;width:80% !important; height:500px !important; margin:0px auto;}
/*联系我们*/
.ncontact{background: url(../images/img/conbg.jpg) top center no-repeat;width: 100%;min-width: 1300px;height:922px; }
.nconinfo{width: 420px;line-height: 34px;position: absolute;top:180px;left: 215px;}
.nconinfo h3{font-size: 24px;color: #03449e;font-weight: 500px;margin-bottom: 10px;}
.nconinfo span{font-size: 18px;color: #03449e;display: block;}
.nconinfo p{font-size: 14px;color: #333333;}
.nconinfo em{font-size: 18px;color: #d61d25;display: block;}
.con_code{width: 560px;float: left;}
.con_code p{font-size: 18px;color: #03449e;}
.cccode{width: 560px;margin-top:20px;}
.cccode img{width: 265px;height: 265px;margin-right: 15px;display: block;}
.cccode span{display: block;float: left;width: 265px;margin-right: 30px;}
.cccode em{font-size: 18px;display: block;color: #333;margin-top: 10px;text-align: center;}
.cccode span:last-child{margin-right: 0;}
.mapbox{width: 675px;float: right;}
.mapbox img{display: block;float: left;}
.mapbox iframe{border:1px solid #cccccc;float: right;}
/*技术支持*/
.njjzc ul{width: 1344px;margin:0px auto;position: relative;z-index: 9;}
.njjzc li{width: 290px;float: left;margin:0px 23px 45px 23px;position: relative;
-webkit-transition-duration: .9s; transition-duration: .9s;}
.njjzc li img.fc{display: block;margin:0px auto;}
.njjzc li div{background-color: #f4f4f4;width: 278px;height: 270px;overflow: hidden;margin: 25px auto 0;padding-bottom: 25px;transition: 0.5s;}
.njjzc li div span{font-size: 18px;color: #fff;text-align: center;height: 40px;line-height: 40px;display: block;}
.njjzc li div p{height: 180px;width: 85%;margin:0px auto;font-size: 14px;overflow: hidden;color: #666;padding:25px 0;line-height: 25px;}
.njjzc li .jjico{width: 38px;height: 38px;background-color: #b3b3b3;border-radius: 50%;position: absolute;bottom: -19px;left: 50%;margin-left:-19px;font-size: 30px;color: #fff;text-align: center;line-height: 34px; }
.njjzc_tit1{background-color: #2061bb;}
.njjzc_tit2{background-color: #a0bf00;}
.njjzc_tit3{background-color: #867bb4;}
.njjzc_tit4{background-color: #ed8f00;}
.njjzc_tit5{background-color: #2061bb;}
.njjzc_tit6{background-color: #a0bf00;}
.njjzc_tit7{background-color: #867bb4;}
.njjzc_tit8{background-color: #ed8f00;}
.njjzc li:hover .jjico{background-color: #03449e;}
.jjimg{width: 290px;height: 290px;display: block;margin:0px auto;}
/*招商加盟*/
.jointxt{width: 100%;min-width: 1300px; background: #f7f7f7 url(../images/img/ico1.png) top left no-repeat;}
.jointxt_p{font-size: 14px;color: #333;line-height: 28px;}
.joinys{width: 1304px;margin: 0px auto;overflow: hidden;}
.joinys li{color: #fff;width: 320px;float: left;margin:0 3px;opacity: 0;margin-left: -100px;}
.joinys span{font-size: 24px;display:block;text-align: center;width: 100%;height: 78px;line-height: 78px;}
.joinys p{font-size: 16px;color:#666;transition: 0.5s;line-height: 28px;padding:20px;height: 315px;background-color: #f7f7f7;margin-top: 10px;}
.joinys.current li{margin:0 3px;opacity: 1;}
.jicolor1 span{background-color: #4d8bc8;}
.jicolor2 span{background-color: #9fbf00;}
.jicolor3 span{background-color: #9085be;}
.jicolor4 span{background-color: #f09100;}
.jicolor1:hover p{background-color: #4d8bc8;color: #fff;}
.jicolor2:hover p{background-color: #9fbf00;color: #fff;}
.jicolor3:hover p{background-color: #9085be;color: #fff;}
.jicolor4:hover p{background-color: #f09100;color: #fff;}
.joinzc{background-color: #f7f7f7;width: 100%;min-width: 1300px;overflow: hidden;}
.joinzcbox{width: 435px;}
.joinzcbox li{width: 100%;height: 89px;clear: both;margin-bottom: 45px;}
.joinzcbox p{font-size: 14px;color: #333;padding-top: 35px;width: 325px;}
.joinzcbox p.fl{text-align: right;}
.joinzcbox p.fr{text-align: left;}
.j_zccenter{width: 356px;position: absolute;top:48px;left: 50%;margin-left: -178px;}
.j_zccenter img{display: block;margin:0px auto;}
.j_zccenter p{font-size: 18px;color: #fff;text-align: center;width: 333px;background-color: #03449e;margin:40px auto 0;padding:12px 0;line-height: 28px;}
.jointj{width:1302px;height: 340px;overflow: hidden;background: url(../images/img/ztj.png) top center no-repeat;margin:30px auto;position: relative;}
.jointj span{display: block;font-size: 14px;line-height: 26px;position: absolute;top: 140px;width: 165px;text-align: center;margin-left: -100px;opacity: 0;}
.jtj1{color: #f34500;left: 65px;}
.jtj2{color: #ff0042;left: 315px;}
.jtj3{color: #004098;left: 575px;}
.jtj4{color: #2f7814;left: 805px;}
.jtj5{color: #7d207e;left:1065px;}
.joinlc{width:1300px;height: 270px;overflow: hidden;background: url(../images/img/zlc.png) center center no-repeat;margin:30px auto;position: relative;}
.joinlc span{display: block;font-size: 14px;line-height: 26px;position: absolute;text-align: center;color: #666;margin-left: -100px;opacity: 0;}
.jlc1{top:0px;left: 30px;}
.jlc2{bottom: 0;left: 160px;}
.jlc3{top:0px;left: 333px;}
.jlc4{bottom:0px;left: 500px;}
.jlc5{top: 0;left: 671px;}
.jlc6{bottom:20px;left: 843px;}
.jlc7{top:0px;left: 983px;}
.jlc8{bottom:20px;left: 1170px;}
.joindi{width: 100%;min-width: 1300px;overflow: hidden; background: url(../images/img/cbg.png) bottom right no-repeat;padding-top: 40px;}
.codeinfo{width: 665px;margin:30px auto;font-size: 16px;color: #666;position: relative; right: -100px;opacity: 0;}
.codeinfo img{display: block;width: 217px;height: 217px;}
.codeinfo p{float: right;line-height: 38px;padding-top: 15px;}
.codeinfo p span{display: block;color: #d61d25;}
.joinzc ul.fl{margin-left: -100px;opacity: 0;}
.joinzc ul.fr{margin-right: -100px;opacity: 0;}
.joinzc ul.current.fl{margin-left: 0px;opacity: 1;}
.joinzc ul.current.fr{margin-right: 0px;opacity: 1;}
.jointj.current span,.joinlc.current span{margin-left: 0;opacity: 1;}
.joindi img.fc{position: relative; left: -100px;opacity: 0;}
.joindi.current img.fc{left:0;opacity: 1;}
.joindi.current .codeinfo{right: 0;opacity: 1;}



