@charset "utf-8";
/* CSS Document */
body {
    font-family: "Microsoft Yahei";
    font-size: 0.875em;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td, embed, object {
    padding: 0;
    margin: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img, abbr {
    border: 0;
}
address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var {
    font-weight: normal;
    font-style: normal;
}
ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 1.0em;
}
q:before, q:after {
    content: ”;
}
a, ins {
    text-decoration: none;
}
.clear {
    clear: both;
}
.mainbox {
    overflow: hidden;
    position: relative;
}
.flashbox {
    overflow: hidden;
    position: relative;
}
.imagebox {
    text-align: right;
    position: relative;
    z-index: 999;
}
.bitdiv {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 10px 10px 0px;
    cursor: pointer;
    float: right;
}
.defimg {
    background-image: url(../images/02.png)
}
.curimg {
    background-image: url(../images/01.png)
}
.mould1003 {
    width: 1003px;
    margin-left: auto;
    margin-right: auto;
}
.mould780 {
    width: 780px;
    margin: 0 auto;
}
.mould300 {
    float: left;
    overflow: hidden;
    width: 260px;
    margin: 0 10px;
}
.head {

    margin-top: 0;
    height:80px;
}
.logo {
    float: left;
    width: 252px;
    height: 60px;
    margin: 15px 0 0 0;
}
.logo a {
    width: 200px;
    height: 60px;
    background: url(../images/logo.gif) no-repeat;
    display: block;
}
.menu {
    height: 35px;
    width: 650px;
    float:right
}
.menu ul li {
    list-style-type: none;
    float: left;
    position:relative;
}
.menu ul li a {
    text-decoration: none;
    display: block;
    width: 100px;
    line-height: 80px;
    text-align: center;
    color: #333;
    font-fimily: 微软雅黑;
    height: 80px;
    font-size: 16px;
}
.menu ul li a:hover {
    background: #0065b3;
    color: #fff
}
.menu ul li ul li {
    float: none
}
.menu ul li ul li a {
    color: black;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.menu ul li ul li a:hover {
    background: #0065b3;
    color: #fff
}
.menu ul li ul {
    display: none;
    z-index:999;
    position:absolute;
    top:80px;
    left:0;
}
.menu ul li:hover ul {
    display: block;
    background:rgba(255,255,255,.8);
}
.search {
    float: right;
    margin: 38px 0 0 0;
}
.search input {
    width: 120px;
}
.banner {
    width: 100%;
    height: 467px;
}
.content {
    width: 1003px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.about {
    *zoom:1;
    margin-top: 30px;
    float: left;
    width: 100%;
}
.about .title01 {
    background: url(../images/title01.png) no-repeat center;
    height: 84px;
}
.quickmenu {
    margin-top: 20px;
    padding: 10px 20px;
}
.software dl, .ihistory dl, .customercase dl {
    float: left;
    height: 200px;
    width: 300px;
}
.software dl dt, .ihistory dl dt, .customercase dl dt {
    float: left;
    width: 100%;
    text-align: center;
    height: 130px;
}
.software dl dt img, .ihistory dl dt img, .customercase dl dt img {
    width: 141px;
    height: 110px;
    transition: all 1s;
}
.software dl dt:hover img, .ihistory dl dt:hover img, .customercase dl dt:hover img {
    cursor: pointer;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}
.software dl dd a, .ihistory dl dd a, .customercase dl dd a {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 1.25em;
    color: #313131;
    display: block;
    height: 40px;
    line-height: 40px;
    transition: all 0.5s;
}
.software dl dd a:hover, .ihistory dl dd a:hover, .customercase dl dd a:hover {
    color: #f36a3c
}
.software dl dd span, .ihistory dl dd span, .customercase dl dd span {
    color: #9a9a9a;
    width: 100%;
    text-align: center;
    font-size: 1.0em;
    display: block;
    height: 30px;
    line-height: 30px;
}
.casewrap {
    *zoom:1;
    margin-top: 70px;
    float: left;
    width: 100%;
}
.casewrap .title02 {
    height: 84px;
    background: url(../images/title02.png) no-repeat center;
}
.caselist {
    padding: 10px 0;
}
.case {
    position: relative;
    float: left;
    width: 300px;
    margin-left: 15px;
    margin-right: 15px;
    _margin-left: 10px;
    _margin-right: 10px;
    margin-top: 20px;
    height: 191px;
    overflow: hidden;
}
.case img {
    width: 300px;
    height: 191px;
    float: left;
    transition: all 0.5s;
}
.caseparent {
    height: 30px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,0.5);
    filter: alpha(opacity=50);
    background: #333\9;
    transition: all 0.5s;
}
.caseparent:hover {
    height: 221px;
    cursor: pointer;
}
.case img:hover {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}
.casetitle {
    width: 300px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.casetitle h3 {
    float: left;
    width: 270px;
}
.casetitle h3 a {
    color: #fff;
    font-weight: bold;
}
.casetitle .arrow {
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/iarrow.png) no-repeat 0 10px;
}
.casecontent {
    float: left;
    color: #fff;
    width: 300px;
    height: 130px;
    padding: 60px 0 0 0;
    text-align: center;
}
.casecontent .btn-detail {
    border-radius: 3px;
    background: #fff;
    border: #CCC solid 1px;
    color: #0066b3;
    font-size: 1.0em;
    display: inline-block;
    margin-top: 20px;
    padding: 5px 10px;
}
.foot {
    width: 100%;
    height: 280px;
    background: #ededed;
    margin-top: 30px;
    padding: 20px 0 0 0;
}
.footnav {
    padding: 0 0;
    width: 1003px;
    margin: 0 auto;
}
.footabout, .footsale, .footsupport {
    float: left;
    width: 180px;
}
.footabout h3, .footsale h3, .footsupport h3, .footdemand h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}
.footabout ul li, .footsale ul li, .footsupport ul li {
    font-size: 1.125em;
    height: 25px;
    line-height: 25px;
}
.footabout a, .footsale a, .footsupport a {
    color: #7d7d7d;
}
.footdemand {
    width: 200px;
    float: left;
    overflow: hidden;
}
.mesform {
    width: 200px;
    float: left;
}
.mesform .row {
    width: 100%;
    float: left;
    height: 30px;
}
.mesform .row input {
    width: 138px;
    border: #ccc solid 1px;
    float: left;
    height: 20px;
    line-height: 20px;
}
.mesform .row label {
    float: left;
    width: 60px;
    display: inline-block;
    color: #7d7d7d;
}
.mesform .row .btn-submit {
    border: none;
    background: #fff;
    border: #ccc solid 1px;
    color: #3e75c2;
    float: right;
    height: 25px;
    line-height: 25px;
}
.footwx {
    float: right;
    margin-right: 10px;
    text-align: center;
}
.footwx dl
{
    float:left;
    margin-left:10px
}
/*内页*/
.nycase {
    overflow: hidden;
    float: left;
    width: 1003px;
}
.nycase .title_case {
    text-align: center;
    width: 100%;
    float: left;
    font-size: 1.25em;
    color: #999;
    border-bottom: #CCC solid 1px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.typicalcase01, .typicalcase02, .typicalcase03, .typicalcase04, {
    float: left;
    width: 100%;
    margin-top: 5px;
}
.typicalleft {
    width: 619px;
    float: left;
    overflow: hidden;
}
.typicalright {
    width: 384px;
    float: right;
    overflow: hidden;
}
.typicalcase06, .typicalcase07, .typicalcase08 {
    width: 100%;
    margin-left: 9px;
    overflow: hidden;
}
.typicalcase07, .typicalcase08 {
    margin-top: 3px;
}
.typicalcase01 .typicalcaseimg, .typicalcase02 .typicalcaseimg, .typicalcase03 .typicalcaseimg {
    float: left;
    display: inline-block;
}
.case_hl, .case_zl, .case_xg {
    margin-left: 11px;
}
.case_sm, .case_lm {
    margin-left: 11px;
}
.case_wt, .case_rk {
    margin-left: 11px;
}
.case_wy, .case_xbn {
    margin-left: 7px;
}
.case_xs, .case_bs, .case_sf, .case_gt {
    margin-left: 3px;
}
.case_kx, .case_ck {
    margin-left: 3px;
}
.title_caselist {
    font-size: 1.25em;
    color: #7d7d7d;
    float: left;
    width: 100%;
    text-align: center;
    border-bottom: #CCC solid 1px;
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
}
.banner-case {
    width: 100%;
    height: 165px;
    background: url(../images/banner-case.jpg);
}
.banner-news {
    width: 100%;
    height: 165px;
    background: url(../images/banner-news.jpg);
}
.banner-about {
    width: 100%;
    height: 165px;
    background: url(../images/banner-about.jpg);
}
.banner-contact {
    width: 100%;
    height: 165px;
    background: url(../images/banner-contact.jpg);
}
.banner-case a, .banner-news a, .banner-about a, .banner-contact a {
    color: #333;
    margin-top: 140px;
    display: inline-block;
}
.nyleft {
    width: 780px;
    overflow: hidden;
    float: left;
}
.nyright {
    float: right;
    width: 200px;
}
.topnews {
    overflow: hidden;
    float: left;
    width: 1000px;
}
.focusnewspic {
    float: left;
}
.focusnewscontent {
    float: left;
    width: 480px;
    margin-left: 20px;
}
.focusnewscontent h3 {
    font-size: 1.5em;
    color: #242525;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 5px;
}
.focusnewscontent p {
    font-size: 0.75em;
    font-size: 0.875em\9;
    line-height: 160%;
    height: 80px;
    overflow: hidden;
    color: #5d5e5e;
}
.focusnewscontent a {
    background: #e6e6e6;
    width: 480px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    color: #01a2ea;
    background: url(../images/search.png) no-repeat 180px 10px #e6e6e6;
}
.newssearch {
    width: 200px;
    float: left;
    overflow: hidden;
}
.newssearch h3 {
    font-size: 20px;
}
.newssearch input {
    width: 198px;
    border: #ccc solid 1px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
}
.newssearch a {
    background: #7d7d7d;
    width: 200px;
    float: left;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    font-size: 1.125em;
    margin-top: 10px;
}
.newslist {
    float: left;
    margin-top: 30px;
    width: 100%;
    overflow: hidden;
    border-top: #9d9d9d solid 2px;
    padding-top: 20px;
}
.inews {
    float: left;
    overflow: hidden;
    width: 100%;
    margin: 10px 0;
    border-bottom: #9d9d9d solid 1px;
    padding-bottom: 10px;
}
.inews .time {
    display: inline-block;
    width: 80px;
    height: 80px;
    background: #e6e6e6;
    font-size: 1.125em;
    text-align: center;
    padding: 10px 0 0 0;
    float: left;
}
.inews .day {
    color: #01a2ea;
    display: inline-block;
    width: 80px;
    text-align: center;
    font-size: 1.75em;
}
.inewscontent {
    float: left;
    width: 670px;
    margin-left: 20px;
}
.inewscontent h3 a {
    font-size: 1.25em;
    color: #222;
    transition: all 0.5s;
}
.inewscontent p a {
    font-size: 0.75em;
    font-size: 0.875em\9;
    color: #807e7e;
    margin-top: 5px;
    transition: all 0.5s;
}
.inewscontent h3 a:hover, .inewscontent p a:hover {
    color: #00b9ef;
}
.inewscontent .smore {
    color: #ea5048;
    float: right;
    font-size: 0.75em;
    font-size: 0.875em\9;
}
.link-yzj {
    width: 200px;
    height: 168px;
    float: left;
    margin-top: 40px;
}
.link-yzj a {
    width: 200px;
    height: 168px;
    display: block;
    background: url(../images/yzj.jpg) no-repeat;
}
.inewsdetail {
    width: 100%;
    overflow: hidden;
}
.inewsdetail h3 {
    width: 100%;
    height: 50px;
    font-size: 2.0em;
    line-height: 50px;
}
.inewsdetail .inewstool {
    width: 100%;
    overflow: hidden;
    border-bottom: #cccccc solid 1px;
    padding-bottom: 10px;
}
.inewsdetail .inewstool .fbtime {
    float: left;
    width: 300px;
    height: 28px;
    line-height: 28px;
    color: #999;
    font-size: 0.75em;
    font-size: 0.875em\9;
}
.inewsdetail .inewstool .share {
    float: left
}
.inewsdetail .inewstool .back {
    float: right;
    background: url(../images/back.jpg) no-repeat;
    width: 70px;
    display: block;
    padding-left: 18px;
    font-size: 1.125em\9;
}
.inewsdetail .inewstool .back a {
    font-size: 0.75em;
    color: #999
}
.inewsdetail-content {
    float: left;
    width: 99%;
    line-height: 180%;
    color: #404040;
    margin-top: 20px;
    border-bottom: #CCC solid 1px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.advertisement {
    float: left;
    margin: 10px 0;
    width: 100%;
}
.newsinfo {
    width: 100%;
    float: left;
    overflow: hidden;
}
.newsinfo li {
    width: 100%;
    float: left;
    padding: 5px 0;
}
.newsinfo li:first-child {
    border-bottom: #CCC solid 1px;
}
.newsinfo li span {
    background: #eaeaea;
    border: #ccc solid 1px;
    display: inline-block;
    padding: 3px 10px;
}
.newsinfo li a {
    color: #555555;
    margin-left: 5px;
}
/*about*/
.navtab {
    width: 1003px;
    float: left;
    overflow: hidden;
}
.navtab ul {
    float: left;
    overflow: hidden;
    padding: 0 10px;
}
.navtab ul li {
    float: left;
    width: 120px;
    margin: 0 5px;
    text-align: center;
}
.navtab ul li a {
    width: 120px;
    height: 45px;
    float: left;
    line-height: 45px;
    display: inline-block;
    background: url(../images/tabbg2.jpg) no-repeat;
    color: #767676;
    font-size: 18px;
}
.navtab ul li a.on {
    background: url(../images/tabbg.jpg) no-repeat;
    color: #FFF;
}
.nyhistory {

    width: 100%;
    float: left;
}
.nyabout {
    padding: 10px 0;
}
.aboutlist {
    position: relative;
    float: left;
    width: 300px;
    margin-left: 15px;
    margin-right: 15px;
    _margin-left: 10px;
    _margin-right: 10px;
    margin-top: 20px;
    height: 191px;
    overflow: hidden;
}
.aboutlist img {
    width: 300px;
    height: 191px;
    float: left;
    transition: all 0.5s;
}
.aboutparent {
    height: 30px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: rgba(0,0,0,0.5);
    filter: alpha(opacity=50);
    background: #333\9;
    transition: all 0.5s;
}
.aboutparent:hover {
    height: 221px;
    cursor: pointer;
}
.aboutlist img:hover {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}
.abouttitle {
    width: 280px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    overflow: hidden;
}
.abouttitle h3 {
    float: left;
    display: inline-block;
    font-size: 1.125em;
}
.abouttitle h3 a {
    color: #fff;
}
.abouttitle span {
    float: right;
    height: 30px;
    color: #fff;
}
.aboutcontent {
    float: left;
    color: #fff;
    width: 300px;
    height: 130px;
    padding: 60px 0 0 0;
    text-align: center;
}
.aboutcontent .btn-detail {
    border-radius: 3px;
    background: #fff;
    border: #CCC solid 1px;
    color: #0066b3;
    font-size: 1.0em;
    display: inline-block;
    margin-top: 20px;
    padding: 5px 10px;
}
/*profile*/
.profile {
    float: left;
    padding: 0 15px;
    width: 970px;
    margin-top: 20px;
}
.profile .buliding {
    float: left;
    margin-right: 10px;
}
.profile p {
    font-size: 1.0em;
    color: #333;
    line-height: 200%;
    background: url(../images/companyname.jpg) no-repeat 300px 10px;
    padding: 80px 0 0 10px;
}
.profile .xc {
    width: 970px;
    height: 156px;
    background: url(../images/xc.jpg) no-repeat;
    margin-top: 20px;
}
/*culture*/
.nyculture {
    padding: 0 10px;
    overflow: hidden;
    float: left;
    width: 980px;
    margin-top: 20px;
}
.culture {
    float: left;
    width: 980px;
    overflow: hidden;
}
.culture-left {
    float: left;
    width: 232px;
}
.culture-right {
    float: right;
    width: 748px;
}
.culturezl, .culturejs, .culturewh, .culturenl {
    float: left;
    width: 360px;
    border: #e0e0e0 solid 1px;
    height: 197px;
}
.rowc {
    width: 748px;
    float: left;
    height: 197px;
    margin-bottom: 10px;
}
.culturejs {
    margin-bottom: 10px;
}
.culturesm {
    width: 230px;
    float: left;
    border: #e0e0e0 solid 1px;
    height: 406px;
}
.culturesm img {
    float: left;
    width: 230px;
    opacity: 1;
    transition: all 0.5s;
}
.culturesm img:hover {
    opacity: 0.8;
}
.culturesm h3 {
    text-align: center;
    font-size: 1.25em;
    float: left;
    width: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.culturesm p {
    font-size: 1.0em;
    line-height: 160%;
    padding: 0 5px;
    margin-top: 10px;
    color: #666;
}
.culturezl, .culturejs {
    float: left;
    margin-left: 10px;
    overflow: hidden;
}
.culturezl img, .culturejs img {
    float: right;
    opacity: 1;
    transition: all 0.8s
}
.culturezl img:hover, .culturejs img:hover {
    opacity: 0.5;
    cursor: pointer;
}
.culturezl h3, .culturejs h3 {
    text-align: center;
    font-size: 1.25em;
    margin-top: 15px;
    width: 160px;
}
.culturezl p, .culturejs p {
    font-size: 1.0em;
    line-height: 160%;
    padding: 0 5px;
    margin-top: 10px;
    color: #666;
    width: 160px;

}
.culturewh, .culturenl {
    margin-left: 10px;
}
.culturewh img, .culturenl img {
    float: left;
    opacity: 1;
    transition: all 0.8s
}
.culturewh img:hover, .culturenl img:hover {
    cursor: pointer;
    opacity: 0.5;
}
.culturewh h3, .culturenl h3 {
    text-align: center;
    float: right;
    font-size: 1.25em;
    width: 160px;
    margin-top: 15px;
}
.culturewh p, .culturenl p {
    font-size: 1.0em;
    line-height: 160%;
    padding: 0 5px;
    margin-top: 10px;
    width: 160px;
    float: right;

    color: #666;
}
/*contact*/
.nycontact {
    float: left;
    margin-top: 20px;
    width: 980px;
    padding: 0 20px;
}
.contact-left {
    width: 350px;
    border-right: #CCC solid 1px;
    float: left;
}
.contact-right {
    float: right;
    width: 505px;
}
.contact-left .title {
    width: 307px;
    height: 111px;
    background: url(../images/contact.jpg) no-repeat;
}
.contact-left .contact-info {
    width: 307px;
    float: left;
    overflow: hidden;
    line-height: 200%;
    margin-top: 20px;
    color: #5a5a5a;
}
.contact-right h3 {
    float: left;
    font-size: 1.125em;
    width: 570px;
}
.formrow {
    width: 570px;
    float: left;
    overflow: hidden;
    margin-top: 15px;
}
.formrow label {
    width: 120px;
    float: left;
    height: 25px;
    line-height: 25px;
}
.formrow input {
    float: left;
    border: #CCC solid 1px;
    height: 25px;
    width: 273px;
}
.formrow textarea {
    float: left;
    border: #CCC solid 1px;
    height: 105px;
    width: 270px;
}
.formaction {
    width: 396px;
    text-align: right;
    margin-top: 20px;
    float: left;
}
.formaction button {
    border: none;
    background: #4f5964;
    color: #fff;
    padding: 5px 15px;
}
.pages {
    font-size: 12px;
}
.pages ul {
    float: left;
    padding: 12px 0px 12px 16px;
}
.pages ul li {
    float: left;
    font-family: Tahoma;
    line-height: 17px;
    margin-right: 6px;
    border: 1px solid #E9E9E9;
}
.pages ul li a {
    float: left;
    padding: 2px 4px 2px;
    color: #555;
    display: block;
}
.pages ul li a:hover {
    color: #690;
    text-decoration: none;
    padding: 2px 4px 2px;
}
.pages ul li.thisclass, .pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {
    background-color: #F8F8F8;
    padding: 2px 4px 2px;
    font-weight: bold;
}
.pages .pageinfo {
    line-height: 21px;
    padding: 12px 10px 12px 16px;
    color: #999;
}
.pages .pageinfo strong {
    color: #555;
    font-weight: normal;
    margin: 0px 2px;
}

/*产品样式2019/6/14*/

.banner-product {
    width: 100%;
    height: 165px;
    background: url(../images/banner-product.jpg);
}

.product-group-box .product-group
{
    width:333px;
    border-right:#efefef solid 1px;
    border-bottom:#efefef solid 1px;
    height:240px;
    float: left;
    text-align: center;


}
.product-group-box .bn
{
   border-right:none;
}

.product-group-box .product-group .product-g-img .pg
{
    width:332px;
    height: 240px;
   display: inline-block;

}
.product-group-box .product-group .product-g-img a img
{
    opacity: 1;
    width:332px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.product-group-box .product-group .product-g-img a:hover img
{
    width:100px;
   opacity: 0.5;
}


.banner-yun
{

    background-image:url("../images/overview-banner.png");
    width:100%;
    height:360px;
    background-repeat: no-repeat;
    background-size: cover;

}
.banner-yun-content
{


}