html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2;color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
.container{width: 1200px;margin: 0 auto;}
/********General**********/
/*******Css sprite*******/

/*正文*/
/*header*/
.tophead{height: 35px;width: 100%;background: #333333;color: #fff;line-height: 35px;font-size: 14px;}
.tophead span{font-size: 18px;}
.mainheader{width: 1200px;margin: 0 auto;padding-top: 30px;}

/*nav*/
.nav{float: right;}
.nav li{width: 100px;border-bottom: 4px solid #fff; transition: all 0.5s; margin-top: -4px; display: inline-block; float: left;padding-top: 20px;height: 60px;text-align: center;color: #000;font-size: 16px;}
.nav li p{color:  #a7a7a7;font-size: 12px;line-height: 17px;}
.nav li:hover{border-bottom: 4px solid #005CCF;color: #005CCF}

/* banner */
.c-banner{
    width: 100%;
    position: relative;
}
.c-banner img{
    width: 100%;
}
.c-banner .banner ul{
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}
.c-banner .banner ul li{
    position: absolute
    display: none;
    opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
    opacity: 1;
    display: block;
}
.c-banner .banner ul li img{
    width: 100%;
    position: absolute;
    top: 0px;
}
.c-banner .banner ul li:first-child img{
    position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
    padding: 10px 0px 10px 0px;
    position: absolute;
    top: 50%;
    margin-top: -53px;
    background: #000000;
    opacity: 0.5;text-align: center;
    border-radius: 5px;
    z-index: 10;
    
}

.c-banner .nexImg:hover,.c-banner .preImg:hover{
    opacity: 0.8;
}
.c-banner .nexImg{
    right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
    width: 50%
    
}
.c-banner .jumpBtn{
    width: 100%;
    position: absolute;
    bottom: 20px;
    text-align: center;
}
.c-banner .jumpBtn ul{
    margin-bottom: 0px;
    padding: 0px;
}

.c-banner .jumpBtn ul li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background-color: white;
    opacity: 0.9;
    margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
    margin-left: 0px;
}
@media screen and (max-width:768px) {
    .c-banner{
        width: 100%;
        height: 345px;
        overflow: hidden;
    }
    .c-banner .banner ul li img{
        width: 768px;
        height: 345px;
        position: absolute;
        left: 50%;
        margin-left: -384px;
    }
}

/*搜索*/
.searchbar{width: 100%;height: 39px;padding: 20px 0;line-height: 39px;box-shadow: 0px 5px 5px #e3e3e3;position:relative;}
.searchbar p{width: 50%;display: inline;}
.searchbar a:hover{color: #005CCF}
.search{margin: 0 40px; background: url(../images/s_03.jpg)no-repeat center;width: 392px;height: 42px;}
.search-text{text-indent: 15px; width: 345px;height: 40px;margin-top: 2px;background: none;border: none;float: left;}
.search-btn{width: 45px;height: 40px;margin: 1px;border: none;background: none;float: right;}

/*产品中心*/
.yida{padding: 80px 0 0 0;background: #F5F5F5;}
.yuxi{text-align: center;line-height: 39px;margin-bottom: 45px;}
.yuxi p:first-child{font-size: 35px;font-weight: bold;}
.yuxi p:last-child{font-size: 16px;color: #989898;}
.yuxi p:first-child span{color: #005CCF;}

.yida .container{margin-top: 40px;}
/*侧边*/
#left{
    position:relative;
    width: 200px;
    }
#logo{
    width:200px;
    height:80px;
    background:#005CCF;color: #fff;text-align: center;line-height: 80px;
    font-size: 22px;font-weight: bold;
    }
.li01{
    list-style:none;
    width: 200px;line-height: 40px;
    font-size: 14px;font-weight: bold;transition: all 0.5s;
    text-align: center;border-bottom: 1px solid #eee;
}
.li01:hover{background: url(../images/jj_03.png)no-repeat left 19px}
.li01:hover > a{
    color: #005CCF;
}
.li_01{
    list-style:none;
    line-height: 30px;font-size: 14px;
    }
.li_01 li{text-indent: 70px;}    
.li_01 li:hover{
    color: #0851D1;
}
.all{margin-bottom: 15px;background: #fff;}
.all ul{display:none;}
/*侧边结束*/

/*行业*/
.hangye li{display: inline-block;width: 149px;border-right: 1px solid #fff;height: 45px;line-height: 45px;color: #fff;
    background: #5F5F5F;text-align: center;float: left;
}
.hangye a:last-child li{border: none;background: #005BCE;}
.hangye li:hover{background: #005BCE;}
.procase{margin-top: 30px;}
.procase li{width: 390px;background: #EEEEEE;margin-right: 10px;display: inline-block;}
.procase li:last-child{margin-right: 0px;}
.procase li img{height: 315px;width: 100%;transition: all 0.5s;}
.procase li:hover img{transform: scale(1.2);
    -ms-transform: scale(1.2);}
.imgto{height: 315px;width: 100%;overflow: hidden;}
.fig{padding: 16px 20px;}
.fig h3{padding-bottom: 15px;font-size: 18px;font-weight: bold;transition: all 0.5s;}
.procase li:hover h3{color: #005CCF}
.fig div {margin-top: 15px;}
.fig p{line-height: 26px;}
.fig div p{line-height: 24px;padding: 10px 0 0 0;border-top: 1px solid #ccc;}
.fig div span{float: right;font-size: 20px;}

/*选择我们*/
.choose{width: 100%;background: url(../images/choose.jpg)no-repeat center;padding: 50px 0;}
.choose .yuxi p,.choose .yuxi p span{color: #fff;}
.choose ul {width: 1200px;margin: 40px auto;}
.choose ul li{color: #fff; padding: 35px 20px;width: 148px;height: 181px;text-align: center;border: 1px solid #fff;border-radius: 5px;display: inline-block;margin-right: 7.5px;}
.choose ul li h2{font-size: 20px;padding: 15px 0;}
.choose ul li p{line-height: 26px;}
.choose ul li:last-child{margin-right: 0px;}

/*六大因素*/
.reason{padding: 80px 0 0 0;}
.reason ul{width: 260px;}
.reason ul li{height: 175px;}
.reason ul li div{width: 258.9px;height: 55px;}
.reason ul li div span{width: 200px;height: 55px;display: block;line-height: 55px;font-size: 18px;float: right;color: #0553D3}
.reason ul li p{padding:20px 10px;line-height: 24px;}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes rotation1{
    from {-webkit-transform: rotate(360deg);}
    to {-webkit-transform: rotate(0deg);}
}
.reason .mtu{position: relative; float: left; margin-left: 99px;width: 461px;height: 490px;background: url(../images/m.jpg) no-repeat center;}
.reason .mt1{position: absolute;width: 385px;height: 385px;left: 37px;top: 26px;background: url(../images/t1.png)no-repeat center;
    -webkit-transform: rotate(360deg);
    animation: rotation 10s linear infinite;
    -moz-animation: rotation 10s linear infinite;
    -webkit-animation: rotation 10s linear infinite;
    -o-animation: rotation 3s linear infinite;
}
.reason .mt2{position: absolute;width: 408px;height: 421px;left: 25px;top: 5px;background: url(../images/t2.png)no-repeat center;
    -webkit-transform: rotate(360deg);
    animation: rotation1 28s linear infinite;
    -moz-animation: rotation1 28s linear infinite;
    -webkit-animation: rotation1 28s linear infinite;
    -o-animation: rotation 3s linear infinite;
}
.cup{width: 320px;margin: 20px auto;}
.cup .cuu{width: 155px;height: 40px;background: #005CCF;border-radius: 15px; text-align: center;line-height: 40px;color: #fff;font-size: 16px;}
.cup .cuu:hover{background: #0088DE}
.resp{text-align: center;font-size: 16px;color: #005CCF}
.resp span{font-size: 25px;font-weight: bold;margin-top: 50px;}

/*<!-- 服务流程 -->*/
.service{padding: 57px 0;background: url(../images/cloud.jpg)no-repeat center;}
.main .service .container{padding: 0px;}
.service .yuxi p,.service .yuxi p span{color: #fff;}
.stand li{margin-top: -10px; display: inline-block;float: left; width: 150px;background: #fff;padding: 25px 0 0 0;text-align: center;}
.stand li p{padding: 15px 0;font-size: 16px;}
.stand li span{color: #CEC1C1}
.stand li h1{font-family: 'Arial';font-size: 30px;color: #999999;padding: 50px 0;}
.stand li:nth-child(2n){background: #F5F5F5}

/*关于我们*/
.guanyu{width:100%;padding: 70px 0;background: #005CCF}
.main .guanyu .container{padding-top: 25px;}
.gy-l{width:655px;color:#fff;}
.gy-l h1{font-size:24px;}
.gy-l hr{width:69px;height:2px;background:#B8B6B7;margin:14px 0 0 0;border:none;}
.gy-l p{line-height:26px;padding-top:22px;}
.gy-l a{display:block;width:162px;color: #005CCF; height:40px;background: #FFF; text-align:center;line-height:40px;margin-top:20px;}
.gy-l a:hover{border-radius: 20px;transition: all 0.5s;background: #FFF;}
.gy-r{float: left; width: 427px;height: 250px;}
@-webkit-keyframes fadeInOut {
    0% {
        opacity:1;
     }
    25% {
        opacity:0;
    }
    50% {
        opacity: 0;    
    }
    75% {
        opacity:1;
    }
}
.anim_fade_image {
    position:absolute;    
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 12s;
    -webkit-animation-direction: alternate;
}
.gy-r img{float: left; width: 427px;height: 250px;}
.gy_2:hover{color: #000}


/*新闻*/
.ind-xw-list{width: 560px; float: left; margin-top: 18px; margin-right: 80px;margin-bottom: 30px;}
.ind-xw-list:nth-child(2n){margin-right: 0px;}
.ind-xw-list:nth-child(4){margin-right: 0px;}
.ind-xw-list-date{width: 92px; height: 82px; background: #878787; float: left; color: #fff;}
.ind-xw-list-date-d{font-size: 36px; color: #fff; text-align: center; margin-top: 10px;}
.ind-xw-list-date-y-m{font-size: 16px; color: #fff; text-align: center; }
.ind-xw-list-tit{font-size: 18px; font-weight: bold; color: #606060; }
.ind-xw-list-dis{font-size: 14px; line-height: 24px; color: #868686; margin-top: 9px; }
.ind-xw-list-nr{width: 430px; float: right; }
.ind-xw-list:hover .ind-xw-list-date{background: #005CCF; transition:all .2s; }
.ind-xw-list:hover .ind-xw-list-date-d{color: #ffffff; transition:all .2s; }
.ind-xw-list:hover .ind-xw-list-date-y-m{color: #ffffff; transition:all .2s; }
.ind-xw-list:hover .ind-xw-list-tit{color: #005CCF; transition:all .2s; }

/*案例*/
.Box {position: relative;padding: 50px 0;background: #F2F2F4}
.Box .content {width: 1200px;margin: 60px auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 380px;height: 260px;margin-left: 20px;overflow: hidden;position: relative;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 380px;height: 260px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
.Box .Box_con .bord{opacity: 0;transition: all 0.5s; width: 330px;height: 190px;padding: 70px 25px 0; position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.5);color: #fff;}
.Box .Box_con .bord h1{font-size: 16px;text-align: center;}
.Box .Box_con .bord p{margin-top: 10px;line-height: 26px;}
.Box .Box_con .conbox ul li:hover .bord{opacity: 1;}

.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}

.hezuo{width: 100%;height: 200px;background: url(../images/h_03.jpg)no-repeat center;margin: 80px auto;}
.hezuo .hz1{width: 980px;height: 200px;float: right;}
.hezuo .hz1 .hz2{width: 195px;height: 66px;border: 1px solid #a7a7a7;margin: 20px 40px 0 0;float: left;text-align: center;}
.hezuo .hz1 .hz2 img{width: 195px;height: 66px;}
.hezuo .hz1 .hz2:hover{box-shadow: 0px 0px 10px 0px #ccc;}
.sona{width: 466px;height: 54px;border: 1px solid #0851D1;margin: 0 auto;text-align: center;line-height: 54px;}
.sona .miku{width: 233px;height: 54px;float: left;color: #0851D1}
.sona .yma{width: 233px;height: 54px;float: right;background: #0851D1;color: #fff;font-size: 16px;}
.sona .yma img{float: left;margin:11px -22px 0 45px;}
.sona .miku:hover{font-weight: bold;}

/*荣誉资质*/
.honor{width: 100%;height: 400px;background: url(../images/vv_03.jpg)no-repeat center;padding-top: 247px;}
.honor #inner{height:300px;position:relative;overflow:hidden;}
.honor #carousel div{border:1px solid #999;background:#fff;width:256px;height:317px;float:left;padding:0px;margin:0 20px;}
.honor #pager{text-align:center;margin-top:20px;color:#666;}
.honor #pager a{color:#666;text-decoration:none;display:inline-block;padding:5px 10px;}
.honor #pager a:hover{color:#333;}
.honor #pager a.selected{background-color:#333;color:#ccc;}
.honor #prev, #next{display:block;width:50px;height:80px;margin-top:-40px;position:absolute;top:50%;z-index:2;}
.honor #prev{background:url(../images/ui-prev.png) no-repeat;left:50%;margin-left:-640px;}
.honor #next{background:url(../images/ui-next.png) no-repeat;right:50%;margin-right:-640px;}

/*新闻*/
.xinwen{width:100%;padding-top: 50px;}
.qqss{margin: 50px auto 0 auto;max-width: 1200px;}
.qqss .deadth{width: 567px;}
.qqss .deadth img{width: 567px;height: 265px;}
.qqss .deadth h4{margin: 25px 0 15px 0;}
.qqss .deadth p{line-height: 24px;margin-top: 20px;}
.deadth span{margin: 10px 0;}
.qqss .deadth:hover h4{color: #0851D1;}
.qqss .deadmore{width: 113px;height: 36px;border-radius: 20px;border: 1px solid #ccc;margin-top: 15px;text-align: center;line-height: 36px;}
.qqss .standing{width: 590px;height: 120px;border-bottom: 1px solid #ECE8EC;margin-bottom: 20px;}
.qqss .standing .kojima{margin-bottom: 30px;}
.qqss .standing .kojima img{width: 150px;height: 110px;margin-right: 10px;}
.qqss .standing .kojima h4{margin: 0px;font-size: 15px;}
.qqss .standing .kojima p{line-height: 24px;color: #747474;margin: 5px 0;}
.qqss .hido{float: left;width: 420px;}
.qqss .standing:hover h4{color: #0851D1}
.stime{width: 110px;border-right: 1px solid #ddd; height: 80px;text-align: center;color: #000;margin: 20px 30px 0 0;}
.stime h1{font-size: 46px;}

/*选项卡*/

.xinwen .category ul {
    width: 100%;margin: 0 auto;
    display: block;
    height: auto;border-bottom: 4px solid #EDE9EC;
    overflow: hidden;margin-top: 30px;
}

.xinwen .category ul li {
    float: left;
    font-size: 17px;font-weight: bold;
    text-align: center;padding: 2px 10px;
    height: 28px;
    line-height: 28px;
    color: #000;
    cursor: pointer;
}
.xinwen .category ul span{line-height: 36px;color: #656565;}

.xinwen .category ul li.active {
    color: #0851D1;
}
.xinwen .content .cont {
    display: none;
}

.xinwen .content .cont.active {
    display: block;
}

/*底部*/
.foot{width:100%;background:#3D3D3D;padding: 60px 0;}
.foot a:hover{color:#005CCF;}
.footer .bottom .container{padding-bottom: 0px;}
.foot h3{color:#fff;font-size:18px;padding-bottom:26px;text-align: center;text-align: left;}
.dnav{margin-right: 120px;}
.dnav ul{width:100px;float:left;}
.dnav ul:last-child{margin-top: 54px;}
.dnav ul li{color:#fff;line-height:30px;}
.lianxi{width:350px;margin-left:25px;line-height:30px;}
.lianxi p{color:#fff;line-height:30px;}
.saoma{width:122px;height:122px;}
.saoma img{width:122px;height:122px;}
.saoma p{line-height:42px;text-align:center;color:#fff;}
.bottom{width:100%;height:62px;background:#202020;}
.bottom span{color:#fff;line-height:62px;}
.bottom a:hover{color:#005CCF;}
.hot{width: 300px;float: left;height: 150px;border-left: 1px solid #fff;padding-left: 80px;color: #fff;}
.hot h4{font-size: 16px;margin-top: 0px;}
.hot p{font-size: 24px;}
.hot div{width: 150px;height: 40px;line-height: 40px;color: #fff;border: 1px solid #fff;border-radius: 10px;
    text-align: center;line-height: 40px;font-size: 16px;margin-top: 25px;
}
.hot div:hover{background: #005CCF}
/*内页公用*/
.location{line-height: 30px;padding: 15px 0 20px 0;}
.location img{margin-right: 15px;}
.main .container{padding: 0px 0px 80px 0;position: relative;}
.wordwap{padding: 0px 15px;}
.page{margin-top: 20px;}


/**内页**/
.mainbox{ width:100%; margin:30px auto; clear:both; min-height:600px;}
.mainbox .title{ width:100%; text-align:center; font-size:30px; font-weight:bold; color:#333; margin:0 auto; display:block;}
.mainbox .title span{ color:#fe7f00; font-weight:bold;font-size:30px;}
.mainbox .title p{ width:100%; text-align:center; background:url(../images/a_title_bg.png) no-repeat center center; height:35px; line-height:35px; color:#cdcdcd; font-weight:100; text-transform:uppercase; font-size:18px;}
.mainbox .title h1{ display:block; width:425px; margin:0 auto; height:30px; background:#0148aa; color:#FFF; text-align:center; line-height:30px; font-size:14px;}
.mainbox .content{ width:1200px; margin:30px auto; line-height:40px; font-size:16px;}
.mainbox .content p{font-size:16px; line-height:45px;margin-top:10px}




.sliderul{ width:1200px; margin:20px auto; height:44px; line-height:44px;}
.sliderul  ul li{float: left;position:relative;/* width: 140px; */ height:44px; line-height:44px; width:290px; text-align:center; padding-bottom:10px;}
.sliderul  ul li a{font-size: 20px; height:44px;line-height: 44px; width:290px; text-align: center; text-decoration: none; background:#005bce; display:block; color:#FFF;} 
.sliderul  ul li a:hover{color: #FFFFFF; line-height:44px; height:44px;background:#023a89; text-align:center;}

.sliderul  ul li ul{ position:absolute; left:0px; top:44px; z-index:99999; background:#005bce; display:none; width:290px; }
.sliderul  ul li:hover ul{ position:absolute; left:0px; top:44px; z-index:99999; display:block;}

.sliderul  ul li ul li a{height:43px;line-height: 43px; border-bottom:#0148a2 solid 1px; display:block; width:290px;text-align:center;color:#fff;font-size: 12px;}
.sliderul  ul li ul li a:hover{ background:#183f78; border-bottom:#0148a2 solid 1px; color:#fff; height:43px; line-height:43px;}
.sliderul .nav_on{color: #fff;background:#1d4a8e;}



.proimg_d{ width:370px; border:solid 1px #e9e9e9; background:#eeefef; height:385px; float:left; text-align:center; margin:0 12px 20px 14px; position:relative;}
.proimg_d img{ width:360px; padding-left:5px; padding-right:5px; padding-top:5px; margin:0 auto; height:270px;}
.proimg_d p{ height:105px; width:360px; line-height:50px; position:absolute; bottom:5px; display:block; left:5px;}
.proimg_d p span{ position:absolute; bottom:20px; left:109px; background:url(../images/more.png) no-repeat center center; width:151px; height:35px; line-height:35px; display:block; margin:0 auto; color:#FFF;}
.proimg_d:hover p{ height:105px; width:360px; background:#024299; display:block;position:absolute; bottom:5px; cursor:pointer; color:#FFF;}

.page{ width:100%;margin:10px auto; line-height:30px; text-align:right;}
.page span{ display:inline-block; padding:0 10px 0 0;}
.page a.num.select{ padding:3px 10px; color:#fff; background:#035bab}
.page a.num{padding:0 10px;}
.page a.num:hover{ padding:3px 10px; color:#fff; background:#035bab}

.mainbox .content dl{ width:1200px; margin:0 auto 20px auto; transition: all 0.3s linear 0s; border-bottom:dotted 1px #CCC; position:relative; height:200px; padding-bottom:20px;}
.mainbox .content dl dt{ position:absolute; left:0px; top:0px; width:300px; height:200px;}
.mainbox .content dl dt img{width:300px; height:200px;}
.mainbox .content dl dd{ width:850px; position:absolute; right:0px; top:0px;}
.mainbox .content dl dd h2{ font-size:18px; font-weight:bold; line-height:40px;}
.mainbox .content dl dd span{ text-align:left; font-size:14px; line-height:30px;}
.mainbox .content dl dd p{ text-align:left; line-height:30px; color:#555555;}
.mainbox .content dl dd p a{ display:block; height:40px; margin-top:15px; line-height:40px; color:#FFF; background:#fe7c00; width:150px; text-align:center; border-radius:15px;}
.mainbox .content dl dd p a:hover{ text-decoration:underline}

.mainbox .content dl:hover{}

.XRegina{ width: 100%;left: 0; z-index: 9; display: block; background:url(../images/bg.jpg) repeat }
.XRegina .heada{height:45px; background:#4d4d4d; color:#fff; line-height:45px; font-size:15px;}
.XRegina .heada ul li{ float:left; line-height:45px; font-size:15px; color:#fff; display:block; text-align:center}
.XRegina .heada ul li.li1{ width:15%}
.XRegina .heada ul li.li2{ width:20%}
.XRegina .heada ul li.li3{ width:15%}
.XRegina .heada ul li.li4{ width:15%}
.XRegina .heada ul li.li5{ width:15%}
.XRegina .heada ul li.li6{ width:20%}
.XRegina .contenta{ width:100%; height:auto; background:url(../images/bg.jpg) repeat;line-height:45px; font-size:12px;}
.XRegina .contenta a{ width:100%; height:45px; display:block; color:#333; border-bottom:dotted 1px #CCC}
.XRegina .contenta a:hover{ width:100%; height:45px; display:block; background:#e3f1ff;color:#0572c4}

.XRegina .contenta ul li{ float:left; line-height:45px; font-size:12px;display:block; text-align:center}
.XRegina .contenta ul li a{line-height:45px; font-size:12px; color:#333; }
.XRegina .contenta ul li a:hover{line-height:45px; font-size:12px; color:#ca0000; }

.XRegina .contenta ul li.li1{ width:15%; height:45px;}
.XRegina .contenta ul li.li2{ width:20%; height:45px;}
.XRegina .contenta ul li.li3{ width:15%; height:45px;}
.XRegina .contenta ul li.li4{ width:15%; height:45px;}
.XRegina .contenta ul li.li5{ width:15%; height:45px;}
.XRegina .contenta ul li.li6{ width:20%; height:45px;}

.contact{ width:690px; float:left}
.contact .lx{ width:1200px; display:block; line-height:30px; border-bottom:dotted 1px #CCC; margin-bottom:10px; padding-bottom:10px;}
.contact .lx span{ font-size:20px; font-weight:bold;}

.message{ width:480px; background:#f8f8f8; height:350px; float:right; padding-top:30px;}
.message .title{ background:url(../images/mg_bg.png) no-repeat center center; width:240px; height:40px; line-height:40px; text-align:center; font-weight:bold; font-size:20px;}
.message .lya{ width:370px; background:#FFF; height:45px; line-height:45px; margin:15px auto; display:block; font-family:"微软雅黑"; color:#666666; padding-left:10px;}

.message .lyb{ width:370px; background:#FFF; height:45px; line-height:45px; margin:15px auto; display:block; font-family:"微软雅黑"; color:#666666; padding-left:10px;}
.message .cont{width:370px; background:#FFF; height:75px; line-height:32px; margin:15px auto; display:block; font-family:"微软雅黑"; color:#666666; padding-left:10px;}
.message .submit{ width:380px; height:45px; font-size:16px; color:#FFF; line-height:45px; background:#005bce; text-align:center; display:block; margin:15px auto;font-family:"微软雅黑";}

/*news_show*/
.news_content{ }
.news_content h1{ font-size:18px; line-height:40px; margin:10px auto;text-align:center;}
.news_content .newssp{ display: block;margin: 0 auto;text-align: center; }
.news_content .news_show{width:100%; margin:20px 0; text-align:left; text-indent:2em; }
.news_content .news_show img{ text-align:center; display:block; margin:0 auto; max-width:100%}
.news_page{ margin:20px auto;overflow: hidden; width:1170px; border:solid 1px #eeeeee; height:40px; line-height:40px; padding:15px;}
.news_page li{ width:585px;float:left; height:40px; line-height:40px; overflow:hidden;}
.news_page .pagepre{ color:#999} 
.news_page .pagenext{text-align:right; color:#999} 
.news_page .pagepre:hover{}
.news_page .pagenext:hover{}

/*prodouct_showB*/
.product_showB{ width:100%;}
.product_showB .showB{ }
.product_showB .showB h1{font-size:18px; line-height:40px;text-align:left; }
.product_showB .showB p{ line-height:26px;}
.prodB_content{ width:100%; border-top:1px dotted #ccc; margin-top:20px;}
.prodB_content h1{ font-size:18px; font-weight:bold;line-height:40px; color:#248bcd;}
.prodB_content .text_showB{ line-height:30px;}
.prodB_content .text_showB p{text-indent:2em; line-height:30px;}






/*related product*/
.related{ position:relative;margin: 20px auto;background:#fafafa; padding:15px;border: 1px solid #d1d1d1;overflow:hidden; width:1170px;}
.related .prdList{ }
.related h4{ font-size:24px; font-weight:normal;padding: 10px 0 20px 12px;}
.related .hd2{ overflow:hidden;text-align: center;}
.related .hd2 ul{overflow:hidden; zoom:1; margin-top:5px; zoom:1; }
.related .hd2 ul li{display: inline-block;*display: inline;zoom:1; width:8px;height:8px;overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/public/prd_off.jpg) no-repeat; }
.related .hd2 ul li.on{ background-position:0 0; background:url(../images/public/prd_on.jpg) }
.related .bd2{ display:block; width:100%; overflow:hidden}
.related .bd2 ul{ overflow:hidden; zoom:1;  }
.related .bd2 ul .prdtitle{ width: 224px !important;height:222px;display:inline; overflow:hidden; position:relative; text-align:center;margin:0 6px; float:left;line-height:30px; text-align:center}
.related .bd2 ul .prdtitle-large{margin:0 5px;}
.related .bd2 ul .prdtitle img{ width:218px; height:160px;border:1px solid #ccc;}


/*产品内页*/
/*************index&goods**************/
.pro_info{width:100%;width:950px;float: right;background: #fff;padding: 23px 15px}
.pro_info_l{width:400px;position:relative;float:left;}
.suk{width: 950px;}
.suk .procase{margin-top: 0px;margin-left;display: flex;width: 950px;flex-wrap: wrap;}
.suk .procase li{margin:0 10px 20px 0;width: 290px;}
.suk .procase li{width: 290px;}
.suk .procase li .imgto{width: 290px;height: 234px;}
/*产品放大镜效果*/
.preview{width:400px; height:360px; margin:0px 0px 0px 0px; }
/* smallImg */
.smallImg{position:relative; height:50px; margin-top:4px; background-color:#F1F0F0; padding:6px 5px; width:390px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:294px; overflow:hidden;}
.bigImg #midimg{width:400px; height:294px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}
/*.pro_info_l img{width:463px;}*/
.pro_info_r{width:466px;padding-top:6px;float:left;margin-left:40px;}
.pro_info_r span{line-height:32px;text-align:left;display:block;}
.infoimg{width: 500px;text-align: center;}
.pro_more{width:172px;height:47px;margin-top:68px;}
.pro_more a{display:block;width:172px;height:48px;background:#aaa;color:#fff;text-align:center;line-height:48px;border-radius:8px;}
.pro_more a:hover{background:#0851D1;}
/*.pro_info .rel_center{margin:22px 0 16px;margin-left:-300px;width:600px;}
.pro_name{display:block;color:#0851D1;text-align:center;font-size:16px;}*/
.info_title{margin:30px 0 28px 0;width:100%;height:40px;background:#ececec;}
.info_title span{line-height: 40px;margin-right: 15px;}
.info_title span:hover{color: #0851D1;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#0851D1;color:#fff;line-height:40px;}
/********goods_info&jobs_info*******/
.xiangguan h3{width:100%;height:60px;line-height:60px;font-size:18px;border-bottom:1px solid #eee;margin-bottom:24px;overflow:hidden;}
.xiangguan h3 a{font-size:14px;color:#666;float:right;padding-top:8px;}
.xiangguan h3 a:hover{color:#0851D1;}

.inforight{padding: 0px;float: right;width: 520px;margin-bottom: 20px;}
.info-title {font-size: 26px;line-height: 55px;margin-bottom: 5px;}
.info-desc{line-height: 25px;color: #000;margin-bottom: 10px;}
.info-desc span{color: #0851D1}
.info-tel{width: 235px;border: 1px solid #cecece;padding: 20px;}
.info-tel img{ float: left;margin-right: 15px;margin-top: 11px;}
.info-tel b{font-size: 25px;color: #0851D1}
.infocot{padding-top: 10px;margin-top: 20px;float: left;width: 100%;}
.infocot [class^="infot"]{margin-bottom: 20px; padding: 10px 30px;background: #0851D1;margin-right: 20px;float: left;color: #fff;}
.infocot [class^="infot"]:hover{background: #000}
.infot1 img{margin-top: 3px;}
.info .bubi{margin: 0px;float: left;width: 210px;height: 100%;}
.bubi select{width: 190px;height: 39px;background: none;border: 1px solid #C9C9C9;
    appearance: none;text-indent: 5px;font-size: 12px;border-radius: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.infocot a{cursor: pointer;}
.info .bbb{background: url(../images/ccc_03.jpg)no-repeat center;top: 15px;}
.listpro{padding: 40px 0;}

/*.pro_name{display:block;color:##0851D1;text-align:center;font-size: 20px;font-weight: bold;margin: 30px 0 30px 0;}
.info_title{margin:30px 0 0 0px;height:30px;background:#ececec;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:##0851D1;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
*/.proshow1 ul{margin: 35px auto;width: 720px;}
.proshow1 ul li{transition:all 0.5s ease-in-out; display: inline-block;margin: 0 8px; height: 45px;width: 160px;background: #DBDBDB;text-align: center;line-height: 45px;overflow: hidden;}
.proshow1 ul li:hover{background: #0851D1;color: #fff;}

.pro-type{width:100%;overflow:hidden;margin-bottom:20px;}
.pro-type li{float:left;margin:0 6px 18px 6px;}
.pro-type li a{display:block;padding:0 18px;line-height:40px;border-radius:40px;border:1px solid #dcdcdc;}
.pro-type li a:hover{border:1px solid #0851D1;color:#0851D1;}
.pro{margin-top: 20px;}
.pro li{float:left;width:300px;height:270px;text-align:center;overflow:hidden;margin:0 9px 24px 0px;}
.pro li:nth-child(3n){margin-right: 0px;}
.pro li a{display:block;width:298px;height:268px;border:1px solid #dcdcdc;}
.pro li img{width:286px;height:218px;margin:0 auto;padding-top:7px;}
.pro li span{display:block;width:100%;height:38px;line-height:38px;}
.pro li a:hover{border:1px solid #0851D1;color:#0851D1;}


/*新闻内页*/
.newname{position: absolute;right: 0px;top: 22px;}
.newname span{padding: 5px 20px;font-weight: bold;}
.newname span:hover{color: #0851D1}
.ind_news_list2{width: 100%; border-bottom: solid 1px #eeeeee; padding-bottom: 2.8%; padding-top: 2.8%;}
.ind_news_nr2{width: 820px; float: left; margin-left: 28px;}
.ind_news_pic{width:158px; height: 103px; overflow: hidden; border:solid 1px #cccccc; float: left; text-align: center;}
.ind_news_pic img{width: 100%; height: 100%; margin:0 auto;}
.news_more{line-height: 37px; width: 37px; height: 37px; float: right;  background: #e5e5e6; text-align: center; font-size: 24px; color: #ffffff; margin-top: 2%;}
.ind_news_tit2{font-size: 18px; color: #313131; margin-top: 1%;}
.ind_news_list2:hover .ind_news_tit2{color: #005CCF;}
.ind_news_list2:hover{ border-bottom: solid 1px #005CCF;}
.ind_news_list2:hover .news_more{background: #005CCF;}
.ind_news_list2:after{display:block;height:0;content:"";clear:both;visibility:hidden;}
.ind_news_nr{width:380px; float: right;}
.ind_news_tit{font-size: 18px; color: #313131;}
.ind_news_date{font-size: 14px; color: #999999; margin-top: 9px;}
.ind_news_dis{font-size: 14px; color: #888888; margin-top: 9px;}

/*新闻详情*/
.neirong{margin:30px auto;}
.news_title{text-align:center;line-height:40px;color: #0851D1}
.meta{color:#999;text-align:center;line-height:28px;}
.new_dex{padding: 50px 0}

/*案例*/
.image-list .cover{
    position: relative;width: 380px;
    height: 320px;margin-right: 20px;
    display: inline-block;
    margin-bottom: 10px;
    background-color: #fff;
    cursor: pointer;
}
.image-list .cover img{
   /* position: absolute;*/
    margin: auto;
    top: 0;width: 380px;
    height: 280px;
    right: 0;
    bottom: 0;
    left: 0;
}
.image-list .cover p{
    display: block;height: 40px;line-height: 40px;text-align: center;
}
.image-list .cover:hover p{
    color: #0454D4;
}

/*main CSS*/
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 590px;
    height: 590px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #ff2e67;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../images/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../images/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../images/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../images/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../images/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../images/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../images/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../images/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #ff2e67;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../images/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../images/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}

/*联系我们内页*/
.contt{ width: 430px; height: 490px; box-sizing: border-box; border:3px solid #e2e2e2; float: left; padding: 66px 39px 0px 39px; margin-top: 50px;}
.contt span font{font-size: 48px; font-family: 'Impact';color: #c0c0c0; font-weight: normal;}
.contt span{display: block; font-size: 18px; color: #0851D1; text-align: center; line-height: 50px; font-weight: bold;}
.contt ul{padding: 16px 14px 26px 14px;}
.contt ul li{font-size: 16px; line-height: 36px;color: #575757;}
.niuyan{ width: 645px; float: right; box-sizing: border-box; margin-top: 50px;}
.niuyan span{display: block; font-size: 18px; color: #0851D1; font-weight: bold;  line-height:24px;}
.niuyan span font{font-size: 34px; color: #808080;}

#form2 #name,#form2 #tel,#form2 #add,#form2 #email{display: block; width: 325px; height: 50px; border:1px solid #d5d5d5; margin-bottom: 8px;box-sizing: border-box; text-indent: 13px; }
#form2 input:focus{outline: 1px solid #0851D1; border:1px solid #0851D1; }
#form2 input::placeholder{color: #232323;}
#form2 textarea{ width: 528px; height: 108px; border:1px solid #d5d5d5; text-indent: 13px; padding-top: 10px;}
#form2 textarea:focus{outline: 1px solid #0851D1;}
#form2 textarea::placeholder{color: #232323; font-family: '微软雅黑'; font-size: 14px; }
#form2 .but{ width: 310px; height: 50px;font-size: 16px; background: #0851D1; color: white; text-align: center;line-height: 50px; border:none; font-weight: bold; margin-top: 26px; }
#form2 .but:hover{background: #0851D1; transition: 0.3s;}
.order img{vertical-align:-5px;cursor:pointer;}
.order input{padding:0 3px;}
.order textarea{padding: 3px;}
.infoimg img{ padding: 0px;max-width: 600px;}


/*产品详情*/
.o_product{
    clear: both;
    padding: 18px 22px;
}
.o_product .o_product_img{
    float: left;
    width: 240px;
}
.o_product .o_product_img .o_product_thumb{
    height: 240px;
    width: 240px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.o_product .product_small{
    margin-top:10px;
    height: 55px;
    position: relative;
}
.swiper-container{
    width: 240px;
    height: 50px;
    overflow: hidden;
}
.o_product .product_small .arrow-left{
    width: 10px;
    height: 20px;
    display: block;
    background: url(../images/swiper-l.png) no-repeat;
    position: absolute;
    left: -15px;
    top: 16px;
    transition: all 0.5s;
}
.o_product .product_small .arrow-right{
    width: 10px;
    height: 20px;
    display: block;
    background: url(../images/swiper-r.png) no-repeat;
    position: absolute;
    right: -12px;
    top: 16px;
    transition: all 0.5s;
}
.o_product .product_small ul{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}
.o_product .product_small ul li{
    float: left;
    height: 50px;
    width: 50px;
    margin: 0px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.o_product .product_small ul li.select img{
    border: 1px solid #C4C4C4;
}
.o_product .product_small ul li img{
    height: 50px;
    width: 50px;
    display: inline-block;
    box-sizing: border-box;
}
.o_product .o_product_img .o_product_thumb img{
    max-height:240px;
    max-width: 240px;
    display: inline-block;
    vertical-align: middle;
}

.o_product .o_product_info{
    float: right;
    width: 415px;
}
.o_product .o_product_info h2{
    color: #3f3f3f;
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
}
.o_product .o_product_info .o_product_detail{
    background: #F6F6F6;
    font-size: 14px;
    color: #999;
    padding: 15px 10px;
    margin-top: 10px;
}
.o_product .o_product_info .o_product_detail .o_product_data{
    clear: both;
    width: 100%;
}
.o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.o_product_data span{
    display: inline-block;
    float: left;
    line-height: 22px;
}
.o_product_data span.key{
    width: 56px;
    text-align: right;
}
.o_product_data span.val{
    width: 339px;
}
.colhs{
    color: #FE4200;
}
.o_product_data span.val b{
    color:#FE4200;
    font-size: 16px;
}
.o_product_info .go_order{
    padding: 8px 25px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    background: #ff5e25;
    border: none;
    margin-top: 50px;
    outline: none;
}
.o_product_info .go_order:hover{
    background: #FE4200;
}
.order-content{
    padding: 20px 30px;
    background: #fff;
}

.order-content .order-line{
    color: #333;
    height: 30px;
    line-height: 30px;
    margin-bottom: 12px;
    font-size: 14px;
}
.order-content .order-line:after{
    display: block;
    content: '';
    clear: both;
    height: 0;
    width: 0;
}
.order-content .order-line lable{
    width: 70px;
    margin-right: 5px;
    display: inline-block;
    float: left;
    text-align: right;
}
.order-content .order-line .order-zhi{
    float: left;
    padding: 10px;
    line-height: 30px;
    padding: 0px 10px;
    max-width: 380px;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .order-zhi.noborder{
    border:none;
}
.order-content .order-line  .order-zhi.overword{
    height: 30px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;

}
.order-line.bz-line{
    height: auto;
}
.order-content .order-line .beizhu{
    padding: 10px;
    float: left;
    border: 1px solid #d2d2d2;
}
.order-content .order-line .dwid{
    width: 375px;
}
.order-content .order-line img{
    display: inline-block;
    float: left;
    margin-left:15px;
}
.order-content .go-sub{
    margin-left:70px;
    border: none;
    color: #fff;
    background: #ff5e25;
    font-size: 14px;
    padding: 8px 28px;
    margin-top:8px;
    border-radius: 5px;
    outline: none;
}
.order-content .go-sub:hover
{
    background: #FE4200;
}