@charset "utf-8";
.top{
    line-height: 40px;

}
.top a{
    color:#fff;
}
.head{
    height:135px;
    background: url(../images/topbg.jpg) center bottom no-repeat;
}
.logo{
    display:flex;
    flex-direction: row;
    align-items: center;
    height: 95px;
}
.logo h2{
    letter-spacing: 0.1em;
}

/* nav */
.navBar{  position:relative; z-index:1;background: #0061c3;   height:50px; line-height:50px; color:#fff;   }
.nav{ position:relative; width:1106px; margin:0 auto;  }
.nav a{ color:#fff;  }
.nav h3{ font-size:100%; font-weight:normal;   }
.nav .m{ float:left;  position:relative; z-index:1; }
.nav h3 a{ display:block; width:130px;margin:0 27px; text-align:center;  }
.nav h3 a:hover,.navon{
    background: #3499ff;
}
.nav .sub{ display:none; /*默认隐藏*/ margin:0 15px; position:absolute; top:50px; z-index:1; width:154px;  border-top:0;  }
.nav .sub li{ text-align:center;   }
.nav .sub li a{ display:block;margin-top: 6px;  height:30px; line-height:30px; color:#fff; background: #434343;opacity:0.8;  }
.nav .sub li a:hover{ color:#fff;   }
/* ban */
.fullSlide{ width:100%;  position:relative;  height:558px; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:558px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:558px; }
/* zoumadeng */
.txtMarquee-left{ position:relative; height: 35px;   }
.txtMarquee-left .bd{ height: 35px;  background:url(../images/zmd.png) #0061c3 10px center no-repeat;padding-left: 40px;width: 1160px;line-height: 35px; }
.txtMarquee-left .bd .tempWrap{ width:1050px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:35px; line-height:35px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li a{ color:#fff;  }

.about{
    height:400px;
    background: linear-gradient(#fff 75%, #f1f1f1 25%);
}

.abouttit{
    line-height: 50px;
}
.abouttit1{
    width: 196px;
}
.abouttit2{
    width: 150px;
    background: #434343;
}
.aboutcon>.fl{
    width: 440px;
    height:250px;
    padding: 15px;
    background: url(../images/about.png) center center no-repeat;
}
.play{
    width: 116px;
    height:72px;
    top:101px;
    left:177px;
}
.aboutcon .fr{
    width: 675px;
}
.aboutfrtit{
    border-left:2px solid #0061c3;
}
.aboutfrtit .ml10{
    background: #f1f1f1;
}
.aboutfrtit .ml10 .fl,.aboutfrtit .ml10 .fr{
    width: 266px;
    height:28px;
    line-height: 28px;
}
.aboutfrmain p{
    padding-left: 12px;line-height: 28px;
    text-indent: 2em;
}
.pro{
    height:765px;
    background: url(../images/probg.jpg) center top no-repeat;
}
.pro .cen{
    background: #fff;
}
.protit hr{
    width: 46px;
    height: 2px;
    background: #000;
    border:none;
  
}
.proli li{
    width: 278px;
    height:225px;
    border:1px solid #ccc;
    padding-top: 15px;
    margin: 20px 10px 0;
}
.proli li p{
    height:36px;
    line-height: 36px;
}
.news{
    background: #f1f1f1;
    height: 480px;
}
.news .fl .newsbox{
    width: 650px;
    height:90px;
    padding: 0 50px 0 30px;
    display:flex;
    flex-direction: row;
    align-items: center;
    background: #fff;
}
.date{
    width: 70px;
    height:56px;
    padding-top: 5px;
    margin-right: 10px;
}
.newsde .f16{
    line-height: 21px;
}
.newsde .f12{
    line-height: 20px;
}
.adv{
    height: 190px;
    background: url(../images/adv.jpg) top center no-repeat;
}
.adv1{
    top: 43px;
    left: 30px;
}
.adv2{
    top: 77px;
    left: 30px;
}
.adv3{
    top: 127px;
    left: 45px;
}
.adv4{
    top: 127px;
    left: 195px;
}
.adv5{
    top: 127px;
    left: 344px;
}
.adv6{
    top: 127px;
    left: 498px;
}
.adv7{
    top: 47px;
    left: 906px;
    text-shadow: 0 0 2em #fff, 0 0 1em #fff, 0 0 1em #fff;
}
.adv8{
    top: 91px;
    left: 1013px;
    text-shadow:0 0 2em #fff, 0 0 1em #fff, 0 0 1em #fff;
}
.picScroll-left{ width:1136px;  overflow:hidden; position:relative; margin: 0 auto; }

.picScroll-left .bd{   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width: 268px;height: 236px;border:1px solid #ccc; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:242px; height:190px; display:block;    margin: 12px auto 0;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:34px;  height: 34px;font-size: 12px; }

.form{
    background: url(../images/message.jpg) top center no-repeat;
    height: 473px;
}
.form p{
    text-indent: 2em;
    line-height: 26px;
}
.form .fl{
    margin:80px 0 0 70px;
    width: 450px;
}
.form .fl a{
    margin:42px 0 0 44px;
    color:#fff;
    display:block;
}
.form .fr{
    width: 375px;
    margin: 76px 101px 0 0;
    height: 337px;
}
.add{
    background: url(../images/add.png) left center no-repeat;
    padding-left: 35px;
    width: 537px;
    height: 40px;
    line-height: 40px;
}
.map{
    height: 270px;
}
.footer{
    height: 80px;
}
.footer a{
    margin: 0 5px;
    color:#fff;
}
.footer .cen{
    padding-top:25px;
}

.innban{
    height:429px;
    background: url(../images/innban.jpg) top center no-repeat;
}
.innprofl{
    width: 220px;
}
.innprofr{
    width: 980px;
}
.innprofllitit{
    height: 50px;
}
.innprofllitit .fl{
    width: 50px;
    height:50px;
    background: url(../images/icon1.png) #3499ff center center no-repeat;
}
.innprofllitit .fr{
    line-height: 50px;
    width: 155px;
    background: #333;
}
.infl{
    padding:0 10px;
    background: #f6f6f6;
}
.infl p{
    padding-left:40px;
    height: 40px;
    border-bottom:1px solid #aaa;
    line-height: 40px;
    overflow: hidden;
}
.intel{
    line-height:40px;
}
.path{
    padding-left: 60px;
    line-height: 50px;
    background: url(../images/path.png) #f6f6f6 40px center no-repeat;
}
.path .fr{
    width:50px;
    height:50px;
    background: url(../images/icon1.png) #333 center center no-repeat;
}
.inproli{
    padding-left: 47px;
}
.inproli li {
    margin: 20px 14px 0;
}
.proli li:hover{
    border:1px solid #0061c3;
}
.inprotit{
    height:40px;
    line-height: 40px;
    border-bottom:1px solid #dcdcdc;
}
.inprore{
    padding-left: 50px;
}
.inprorep{
    line-height: 30px;
}
.rilist li a.time{
    color:#858585;
    font-size: 14px;
    font-family: SimSun;
}
.rilist{
    padding-left: 50px;
}
.rilist li p{
    margin: 20px 0 20px 0;
    padding-bottom: 20px;
    text-indent: 2em;
    border-bottom: #eeecec 1px solid;
    color: #8b8b8b;
    max-height: 58px;
    overflow: hidden;
}
.page span{
    padding:2px 3px;
    margin:0 3px;
    border:1px solid #ccc;
}
.cerli li {
    height: 395px;
    /* padding-top: 0; */
}
.cerimg{
    width: 278px;
    height: 357px;
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.inab{
    padding-left:60px;
}
.inab .fl{
    width:470px;
}
.inab .fr{
    margin-right: 20px;
    width:429px;
    height:200px;
}
.inab .fl p{
    line-height: 30px;
}
.inform{
    width:860px;
    border-top:1px #ccc dashed;
}
.inform p{
    line-height: 30px;
}
.inab input,.inab textarea{
    width: 445px;
}
.proli .play{
    width: 100%;
    height:100%;
    top:0;
    left:0;
    display:block;
    background: url(../images/play.png) center center no-repeat;
}
.proli .pr{
    display:block;  
}