/*search*/

.search {
    width: 100%;
    height: 86px;
    background: #ECECEC;
    position: relative;
    z-index: 9;
}

.search_wrap {
    width: 100%;
    height: 236px;
    overflow: hidden;
    position: absolute;
    top: -120px;
    left: 0;
}

.search .wrap {
    position: relative;
}

.search_box {
    width: 440px;
    height: 86px;
    padding-top: 120px;
}

.search_txt {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
}

.search_txt b {
    color: black;
}

.search_txt a {
    color: #494848;
    margin-right: 10px;
}

.search_cnt {
    width: 206px;
    height: 27px;
    position: relative;
    float: right;
}

.search_cnt .txt {
    width: 196px;
    height: 27px;
    padding-left: 10px;
    background: url("../images/s1.png");
    border-radius: 13.5px;
}

.search_cnt .btn {
    width: 20px;
    height: 20px;
    background: url("../images/s2.png");
    position: absolute;
    right: 6px;
    top: 3.5px;
}

.about {
    width: 1040px;
    height: 236px;
    position: absolute;
    left: 460px;
    top: 4px;
    /*background: red;*/
    background: url("../images/s4.jpg") no-repeat right center;
}

.about_box {
    width: 1040px;
    height: 236px;
    position: relative;
}

.about ul {
    width: 638px;
    height: 220px;
    margin-top: 16px;
}

.about ul li {
    width: 638px;
    display: none;
}

.about ul li .left {
    width: 305px;
    height: 220px;
    background: #3AA6FA;
    text-align: center;
}

.about ul li .left img {
    width: 288px;
    height: 202px;
    padding-top: 9px;
}

.about ul li .right {
    width: 333px;
    height: 167px;
    margin-top: 27px;
}

.about ul li .right p {
    width: 310px;
    margin-left: 13px;
    color: white;
    padding-top: 42px;
    font-size: 15px;
}

.about_nav {
    width: 320px;
    height: 42px;
    padding: 0 7px;
    background: url("../images/s5.jpg");
    position: absolute;
    left: 305px;
    top: -15px;
    z-index: 5;
}

.about_nav p {
    width: 80px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: url("../images/s9.jpg") no-repeat left center;
    float: left;
    font-size: 16px;
    cursor: pointer;
}

.about_nav .txt1 {
    background: 0;
}

.about_nav p.active {
    background: #E19B0B;
    color: white;
}


/*product*/

.product {
    width: 100%;
    height: 714px;
    background: url("../images/bg1.jpg") no-repeat center;
}

.pro_box {
    /*height: 620px;*/
}

.pro_nav {
    width: 292px;
    height: 620px;
    background: url("../images/p1.png") no-repeat;
    margin-top: 20px;
    position: relative;
}

a.pro_more {
    position: absolute;
    top: 20px;
    right: 7px;
    color: white;
    font-size: 16px;
}

.pro_menu1 {
    width: 251px;
    margin-left: 19px;
    margin-top: 81px;
    font-size: 16px;
    /* background: red; */
}

.pro_menu1 li {
    height: 37px;
    width: 100%;
    margin-bottom: 10px;
}

.pro_menu1 li a {
    display: block;
    width: 185px;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    font-size: 16px;
    transition: all 0.3s;
}

.pro_menu1 li:hover a {
    padding-left: 15px;
    background: url("../images/d5.png") no-repeat center left;
}

.pro_menu1 li {
    background: #3AA6FA;
}

.pro_menu1 li a {
    color: white;
}

.pro_phone {
    width: 240px;
    height: 54px;
    background: url("../images/p4.png") no-repeat left center;
    position: absolute;
    bottom: -71px;
    left: 20px;
}

.pro_phone p {
    padding-left: 74px;
    line-height: 27px;
    font-size: 22px;
    color: white;
}

.pro_right {
    width: 800px;
    margin-top: 60px;
}

.pro_box {
    width: 800px;
    height: auto;
    margin: 0 auto;
    position: relative;
    padding-top: 30px;
}

.pro_box1 {
    position: relative;
    width: 800px;
    height: auto;
    overflow: hidden;
}

.pro_ul {
    width: 100000px;
    height: auto;
    position: relative;
}

.pro_ul li {
    width: 100000px;
    /*height: 540px;*/
}

.pro_list02 {
    margin-top: 24px;
}

.pro_ul li>div {
    width: 254px;
    height: 240px;
    border: 1px solid #D4D4D4;
    float: left;
    margin-right: 16px;
    text-align: center;
    background: white;
}

.pro_ul li>div:hover {
    background: #3AA6FA;
}

.pro_ul li>div:hover a {
    color: white;
}

.pro_ul li>div .txt1 {
    line-height: 40px;
    font-size: 16px;
}

.pro_pic {
    display: block;
    width: 242px;
    height: 193px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 5px;
}

.pro_box img {
    width: 242px;
    height: 193px;
    /*border: 2px solid #87827D;*/
}

.pro_ul li>div:hover img {
    transition: 0.5s;
    transform: scale(1.5);
}


/*demo1*/

.demo1 {
    width: 100%;
    height: 846px;
    background: url("../images/bg2.jpg") no-repeat center;
}

.about2 {
    width: 696px;
    height: auto;
}

.about2 h3 {
    font-size: 23px;
    color: white;
    border-left: 4px solid white;
    padding-left: 4px;
}

.about2 h3 b {
    padding: 0 7px;
}

.about2 .about_txt {
    margin-top: 40px;
    color: white;
    font-size: 16px;
}

.about2 .about_txt p {
    line-height: 35px;
}

.about2>p {
    text-align: right;
    width: 600px;
    padding-top: 10px;
}

.about2>p a {
    color: white;
    font-size: 16px;
}


/*honer*/

.honer {
    width: 609px;
    height: auto;
    margin-top: 20px;
    overflow: hidden;
}

.honer ul {
    width: 10000px;
    height: 122px;
    position: relative;
}

.honer ul li {
    width: 191px;
    height: 122px;
    float: left;
    margin-right: 18px;
}

.honer ul li img {
    width: 191px;
    height: 122px;
    display: block;
}

.good_title {
    margin: 119px 0 0 208px;
}


/*demo2*/

.demo2 {
    width: 100%;
    height: 832px;
    background: url("../images/bg3.jpg") no-repeat center;
}

.good01 {
    width: 500px;
    height: auto;
    margin: 30px 0 0 211px;
}

.good .txt1 {
    color: white;
    font-size: 18px;
    line-height: 36px;
}

.good .txt2 {
    font-size: 16px;
    line-height: 30px;
    color: #FBFCFE;
}

.good .txt3 {
    /* height: 30px; */
    color: #FBFCFE;
    line-height: 30px;
    padding-left: 30px;
    background: url("../images/a3.png") no-repeat left top;
    font-size: 16px;
    background-position-y: 10px;
}

.good02 {
    width: 546px;
    float: right;
    margin-top: 118px;
}

.good03 {
    width: 498px;
    margin: 120px 0 0 67px;
}


/*demo3*/

.demo3 {
    width: 100%;
    height: 1023px;
    background: url("../images/bg4.jpg") no-repeat center;
}


/*device*/

.device {
    width: 1103px;
    height: 344px;
    background: url("../images/c1.png") no-repeat;
    position: relative;
    left: -1px;
    margin-top: 10px;
}

.dev_box {
    width: 952px;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 46px 0 0 38px;
}

.dev_box ul {
    width: 10000px;
    /*height: 237px;*/
    position: relative;
}

.dev_box ul li {
    width: 306px;
    /*height: 237px;*/
    float: left;
    margin-right: 18px;
}

.dev_box ul li p {
    text-align: center;
    padding-top: 6px;
    font-size: 16px;
}

.dev_box ul li img {
    border: 1px solid #D4D4D4;
    /*width: 304px;*/
    /*height: 237px;*/
    display: block;
}


/*news*/

.news {
    width: 100%;
    height: 602px;
    background: url("../images/c2.png") no-repeat;
    margin-top: 60px;
}

.news_box {
    width: 990px;
    height: auto;
    margin: 170px auto 0;
}

.news_box .more {
    display: block;
    width: 121px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: white;
    background: url("../images/n2.png");
    margin: 0 auto;
}

.news_left {
    width: 490px;
    height: 430px;
    background: url("../images/e1.png") no-repeat right center;
}

.news_right {
    width: 472px;
    height: 430px;
}

.news_box1 {
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.news_box1 .txt {
    width: 255px;
    margin-left: 20px;
}

.news_box1 .txt .txt1 {
    font-size: 16px;
    line-height: 32px;
    font-weight: 600;
}

.news_box1 .txt .txt1 a {
    color: #3D3E3E;
}

.news_box1 .txt .txt2 {
    line-height: 30px;
}

.news_list {
    margin-top: 20px;
}

.news_list li {
    width: 454px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dashed #B1B1B1;
    font-size: 16px;
}


/*demo4*/

.demo4 {
    width: 100%;
    height: 283px;
    background: url("../images/bg5.jpg") no-repeat center;
}

.jt_pic {
    display: block;
    margin: 40px auto 0;
}

.joint_list {
    width: 988px;
    position: relative;
    margin: 50px auto;
    zoom: 1;
}

.joint_list .leftBotton,
.joint_list .rightBotton {
    width: 32px;
    height: 32px;
    top: 30px;
    cursor: pointer;
    position: absolute;
}

.joint_list .leftBotton {
    left: -80px;
    background: url(../images/b1.png) no-repeat;
}

.joint_list .rightBotton {
    right: -80px;
    background: url(../images/b2.png) no-repeat;
}

.joint_list .box {
    float: left;
    text-align: center;
    width: 188px;
    height: auto;
    margin-right: 12px
}

.joint_list .box img {
    display: block;
    width: 188px;
    height: 100px;
}


/*index news*/

.news_main {
    background: #ededed;
    padding-top: 40px;
}

.news_cnt {
    padding: 0 0 60px;
}

.news_tit {
    height: 105px;
    background: url(../images/public/news_tit.png) no-repeat center top;
}

.news_cnt dl {
    width: 320px;
    float: left;
    line-height: 30px;
    padding: 0 5px;
}

.news_cnt dl img {
    width: 320px;
    height: 148px;
}

.news_cnt span {
    display: block;
}

.news_cnt .newstime {
    border-bottom: 1px solid #ccc;
}

.news_cnt .newstitle {
    font-weight: normal;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news_cnt p {
    height: 72px;
    word-wrap: break-word;
}

.news_cnt .newsmore {
    width: 80px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    margin-top: 20px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ccc;
    display: block;
}

.news_cnt .newsmore:hover {
    background: #3671cf;
    color: #fff;
}


/*index about us*/

.about_main {
    padding-top: 60px;
}

.about_cnt {
    padding: 0 0 60px;
}

.about_cnt .aboutlt {
    width: 570px;
}

.about_cnt .aboutlt h1 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 16px;
}

.about_cnt .newsmore {
    width: 80px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    margin-top: 20px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #ccc;
    display: block;
}

.about_cnt .newsmore:hover {
    background: #3671cf;
    color: #fff;
}


/*index Guestbook_index us*/

.Guestbook_index {
    background: #ededed;
    padding-top: 40px;
}

.Guestbook_cnt {}

.Guestbook_tit {
    height: 120px;
    background: url(../images/public/Guestbook_tit.png) no-repeat center top;
}

.Guestbooklt {
    padding: 0 0 50px 0px;
}

.Guestbookrt {
    width: 538px;
    margin: 7px 0px 0 2px;
}

.Guestbookrt input {
    border: 1px solid #ccc;
    outline: none;
    color: #0461a0;
    padding-left: 8px;
}

.Guestbookrt .Guestbookrtp {
    height: 40px;
    padding-bottom: 10px;
}

.Guestbookrt .Guestbookrtp .txtt {
    width: 251px;
    height: 30px;
    line-height: 30px;
    margin-right: 5px
}

.Guestbookrt .texar {
    width: 525px;
    height: 105px;
    padding: 5px 0 5px 8px;
    color: #0461a0;
    border: 1px solid #ccc;
    font-family: "΢ÈíÑźÚ";
    font-size: 14px;
}

.Guestbookrt .btnt {
    width: 106px;
    height: 30px;
    margin: 18px 0 0 0;
    cursor: pointer;
    color: #fff;
}