/*子页尾部*/
.sub_join{
    overflow: hidden;
    margin-top:88px;
    background-color: #f7f7f7;
}
.index_joinMain{
    width: 1200px;
    margin:0 auto;
    overflow: hidden;
    margin-top:53px;
}

.index_joinMain .gs_xinxi{
    width: 538px;
    float: left;
    padding-bottom:70px;
}
.index_joinMain .gs_xinxi p.p1{
    font-size:18px;
    font-weight: bold;
    color:#313131;
    padding-top: 0;
    padding-bottom:10px;
}
.index_joinMain .gs_xinxi p{
    padding-top:16px;
    font-size:16px;
    color:#707070;
}
#message{
    width: 552px;
    float: right;
    position: relative;
    top: -16px;
}
#message input{
    width: 154px;
    height: 68px;
    border: 0;
    border-bottom:1px solid #c4c4c4;
    background-color: #f7f7f7;
    
}
#message input[name='mail']{
    margin-left:40px;
}
#message input[name='tel']{
    margin-left:40px;
}
#message textarea{
    width: 100%;
    height: 82px;
    border: 0;
    border-bottom:1px solid #c4c4c4;
    resize: none;
    box-sizing: border-box;
    padding: 6px;
    box-sizing: border-box;
    padding-left: 0;
    background-color: #f7f7f7;
}
#message input[type='submit']{
    width: 117px;
    height: 34px;
    background-color: #008df1;
    font-size:16px;
    color:#fff;
    margin-top:45px;
    cursor: pointer;
}
textarea::-webkit-input-placeholder {
    position: relative;
    top:30px;
    font-size:16px;
    color:#707070;
}

textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    position: relative;
    top:30px;
    font-size:16px;
    color:#707070;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    position: relative;
    top:30px;
    font-size:16px;
    color:#707070;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    position: relative;
    top:30px;
    font-size:16px;
    color:#707070;
}


#message input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-size:16px;
    color:#707070;
}
#message input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size:16px;
    color:#707070;
}
#message input::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size:16px;
    color:#707070;
}
#message input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size:16px;
    color:#707070;
}


.index_foot{
    width: 100%;
}

.index_foot .xiantiao{
    width: 100%;
    height: 5px;
    background-color: #008df1;
}
.index_foot .copyright{
    width: 100%;
    height: 47px;
    background-color: #545a64;
    line-height: 47px;
    text-align: center;
    font-size:12px;
    color:#fff;
}
.index_foot .copyright a{
    color:#fff;
}
/*关于我们*/
.about{
    width: 1200px;
    margin:0 auto;
    overflow: hidden;
}
.about_main{
    overflow: hidden;
    margin-top: 52px;
}

/*产品列表*/
.pro_list{
    overflow: hidden;
    /*margin-top:95px;*/
}
.pro_list ul{
    overflow: hidden;
}
.pro_list ul li{
    float:left;
    width: 381px;
    height: 303px;
    position: relative;
    margin-right:23px;
    margin-top:69px;
}
.pro_list ul li>a{
    display: block;
    width: 381px;
    height: 184px;
}
.pro_list ul li>a img{
    width: 100%;
    height: 100%;
}
.pro_list ul li .main{
    width: 344px;
    height: 231px;
    position: absolute;
    bottom:0;
    left:50%;
    margin-left:-172px;
    text-align: center;
    transition: all .4s;
    border:solid 1px transparent;
}
.pro_list ul li .main a{
    display: block;
    color:#2f2e2e;
    font-size:16px;
    padding-top:132px;
    transition: all .4s;
}
.pro_list ul li .main p{
    width: 280px;
    font-size:16px;
    color:#707070;
    margin:0 auto;
    line-height: 1.8;
    padding-top:10px;
}
.pro_list ul li:hover .main{
    border:1px solid #008df1;
}
.pro_list ul li:hover .main a{
    color:#008df1;
}
.pro_list ul li:nth-child(3n){
    margin-right:0px;
}
.pro_list ul li:nth-child(3n+1){
    margin-left:5px;
}
/*产品详情*/
.pro_info{
    overflow: hidden;
    margin-top:61px;
    font-size:16px;
    color: #707070;
    line-height: 2.3;
}
.gallery-top{
    width: 1200px;
    height: 579px;
}
.gallery-thumbs{
    width: 540px;
    /*width:100%;*/
    height: 82px;
    margin-top:17px !important;
}
.gallery-thumbs .swiper-slide div{
    width: 163px;
    height: 76px;
    border: 3px solid #008df1;
    display: none;
}
.gallery-thumbs .swiper-slide-active div{
    display: block;
}
.gallery-top .swiper-button-prev{
    width: 70px;
    height: 70px;
    background:#eeeeee url('../images/x_prev01_03.png') center center no-repeat !important;
    border-radius: 70px;
    left: 25px;
    transition: all .4s;
}
.gallery-top .swiper-button-prev:hover{
    background:#008df1 url('../images/x_prev02_03.png') center center no-repeat !important;
}
.gallery-top .swiper-button-next{
    width: 70px;
    height: 70px;
    background:#eeeeee url('../images/x_next02_03.png') center center no-repeat !important;
    border-radius: 70px;
    right: 25px;
    transition: all .4s;
}
.gallery-top .swiper-button-next:hover{
    background:#008df1 url('../images/x_next01_03.png') center center no-repeat !important;
}
.pro_info .title01{
    padding-top:112px;
}
.pro_info .title02{
    padding-top:42px;
}
.pro_info .title{
    font-size:18px;
    color:#2f2e2e;
}
.pro_info .discription{
    font-size:16px;
    color:#707070;
    text-indent: 2em;
    line-height: 2.3;
}
.pro_info .prev_next_page{
    width: 100%;
    height: 144px;
    overflow: hidden;
    margin-top:150px;
}
.pro_info .prev_next_page .prev_page{
    width: 600px;
    height: 144px;
    float: left;
    background-color: #008df1;
}
.pro_info .prev_next_page .next_page{
    width: 600px;
    height: 144px;
    float: left;
    background-color: #eeeeee;
}
.pro_info .prev_next_page .main{
    width: 537px;
    height: 69px;
    margin:0 auto;
    margin-top:38px;
    overflow: hidden;
}
.pro_info .prev_next_page .main .btn{
    display: block;
    width: 15px;
    height: 26px;
    background:url('../images/x_prev02_03.png') no-repeat;
    float: left;
    margin-top: 27px;
}
.pro_info .prev_next_page .main .title_description{
    width: 360px;
    float: left;
    margin-left: 20px;
}
.pro_info .prev_next_page .main .title_description a{
    font-size:18px;
    color:#fff;
    /*padding-top: 18px;
    display: inline-block;*/
}
.pro_info .prev_next_page .main .title_description p{
    font-size:16px;
    color:#a0d1f1;
}
.pro_info .prev_next_page .main .img{
    float: right;
    width: 141px;
    height: 69px;
}
.pro_info .prev_next_page .main .img img{
    width: 100%;
    height: 100%;
}
.pro_info .prev_next_page .next_page .btn{
    float: right;
    background:url('../images/x_next02_03.png') no-repeat;
}
.pro_info .prev_next_page .next_page .title_description a{
    font-size:18px;
    color:#008df1;
}
.pro_info .prev_next_page .next_page .title_description p{
    font-size:16px;
    color:#a0d1f1;
}
.pro_info .prev_next_page .next_page .title_description{
    text-align: right;
    margin-left:0px;
    float: right;
    margin-right:20px;
}
    /*新闻列表*/
.news_list{
    margin-top:28px;
    overflow: hidden;
}
.news_list ul{
    overflow: hidden;
}
.news_list ul li{
    margin-top:33px;
    overflow: hidden;
    padding-bottom:26px;
    border-bottom:1px dashed #d2d2d2;
}
.news_list ul li .left{
    display: block;
    width: 384px;
    height: 234px;
    float: left;
    overflow: hidden;
}
.news_list ul li .left:hover img{
    transform: scale(1.1);
}
.news_list ul li .left img{
    width: 100%;
    height: 100%;
    transition: all .4s;
}
.news_list ul li .right{
    width: 756px;
    float: left;
    margin-left:28px;
    margin-top:113px;
}
.news_list ul li .right a{
    display: block;
    font-size:18px;
    color:#2f2e2e;
}
.news_list ul li .right p{
    font-size:16px;
    color:#707070;
    line-height: 2;
    padding-top:40px;
}
/*新闻详情*/
.new_info{
    margin-top:60px;
    overflow: hidden;
}
.new_info .title{
    font-size:24px;
    text-align: center;
    color:#2f2e2e;
    padding-bottom:34px;
}
.new_info .date_view{
    font-size:14px;
    color:#626262;
    text-align: center;
}
.new_info .date_view .view{
    float: right;
}
.new_info .date_view .view .span1{
    display: inline-block;
    background:url('../images/view_icon_03.png') no-repeat;
    width:23px;
    height:15px;
    position: relative;
    top: 2px;
}
.new_info .pre_nextPage{
    margin-top:100px;
    float: left;
    overflow: hidden;
}
.new_info .pre_nextPage a{
    display:block;
    font-size:14px;
    color:#b0b0b0;
}
.new_info .pre_nextPage .nextPage{
    padding-top:20px;
}
/*印刷知识列表*/
.yinshua_list{
    margin-top:60px;
    overflow: hidden;
}
.yinshua_list .hot{
    background-color: #e5f3fe;
    overflow: hidden;
}
.yinshua_list .hot .left{
    display: block;
    width: 386px;
    height: 234px;
    float: left;
    padding:23px 0px;
}
.yinshua_list .hot .left img{
    width: 100%;
    height: 100%;
}
.yinshua_list .hot .right{
    width: 752px;
    float: left;
    margin-left:20px;
}
.yinshua_list .hot .right a{
    font-size:18px;
    color:#2f2e2e;
    padding-top:156px;
    display: block;
}
.yinshua_list .hot .right p{
    font-size:16px;
    color:#707070;
    line-height: 2;
    padding-top:20px;
}
.yinshua_list ul{
    overflow: hidden;
    margin-top:40px;
}
.yinshua_list ul li{
    width: 580px;
    height: 143px;
    float: left;
    border-bottom:1px dashed #d2d2d2;
}
.yinshua_list ul li .date{
    width: 84px;
    height: 81px;
    background-color: #e5f3fe;
    float: left;
    margin-top:31px;
    transition: all .4s;
    text-align: center;
}

.yinshua_list ul li .date .p1{
    font-size:34px;
    color:#2f2e2e;
    padding-top:6px;
}
.yinshua_list ul li .date .p2{
    font-size:16px;
    color:#2f2e2e;
}
.yinshua_list ul li .right{
    width: 478px;
    float: left;
    margin-left:14px;
    margin-top:37px;
}
.yinshua_list ul li .right a{
    font-size:18px;
    color:#2f2e2e;
    display: block;
}
.yinshua_list ul li .right p{
    font-size:14px;
    color:#707070;
    line-height: 2;
}
.yinshua_list ul li:hover .date{
    background-color: #008df1;
}
.yinshua_list ul li:hover .date p{
    color:#fff;
}
.yinshua_list ul li:nth-child(2n){
    float: right;
}
/*联系我们*/
.contactUs{
    overflow: hidden;
    margin-top:60px;
}
.contactUs .contact_main{
    font-size:16px;
    color:#707070;
    line-height: 2.3;
    padding-top:40px;
    text-indent: 2em;
}
.contactUs .contactUsicon{
    overflow: hidden;
    margin-top:40px;
    text-align: center;
}
.phone_map{
    display:none;
}
.contactUs .contactUsicon li{
    display: inline-block;
    width: 242px;
    height:253px;
    text-align: center;
    overflow: hidden;
}
.contactUs .contactUsicon li .p1{
    font-size:16px;
    color:#707070;
    padding-top:20px;
}
.contactUs .contactUsicon li .p2{
    font-size:14px;
    color:#707070;
    line-height: 1.6;
    padding-top:10px;
}
.contactUs .map{
     width:1200px;
     height:599px;   
}
/*在线留言*/
.contact_message{
    position: relative;
    top:-92px;
    width: 993px;
    margin:0 auto;
    overflow: hidden;
    background-color: #f7f8f8;
    z-index:9;
}
.contact_message h1{
    font-size:26px;
    color:#464646;
    font-weight: bold;
    padding-top:56px;
    padding-left:68px;
}
.contact_message .contact_message_main{
    width: 746px;
    margin:0 auto;
    overflow: hidden;
}
.contact_message .contact_message_main ul{
    overflow: hidden;
    margin-top:37px;
}
.contact_message .contact_message_main ul li{
    width: 506px;
    margin-top:23px;
    overflow: hidden;
}
.contact_message .contact_message_main ul li p{
    width: 120px;
    height: 38px;
    font-size:20px;
    color:#464646;
    line-height: 38px;
    text-align: left;
    float: left;
}
.contact_message .contact_message_main ul li input{
    float: right;
    width: 384px;
    height: 38px;
    background-color: #fff;
    border:1px solid #dcdcdc;
    box-sizing: border-box;
    padding-left:6px;
}
.contact_message .contact_message_main ul li textarea{
    float: right;
    width: 622px;
    height: 189px;
    background-color: #fff;
    border:1px solid #dcdcdc;
    box-sizing: border-box;
    padding-left:6px;
    resize: none;
    padding-top:6px;
}
.contact_message .contact_message_main ul li:last-child{
    width: 744px;
}
.contact_message .contact_message_main input[type='submit']{
    background-color: #008df1;
    width: 138px;
    height: 42px;
    font-size:18px;
    color:#fff;
    line-height: 42px;
    border: none;
    margin-left:122px;
    cursor: pointer;
    margin-top:39px;
    margin-bottom:126px;
}

/*分页*/
.pages{
    overflow: hidden;
    text-align: center;
    margin-top:80px;
}
.pages a{
    display:inline-block;
    width:45px;
    height:45px;
    background-color:#eee;
    text-align: center;
    line-height:45px;
    font-size:16px;
    color:#313131;
    margin:0px 3.5px;
}
.pages a.currentpage{
     background-color:#008df1;
      color:#fff;
}

/*历程*/
a.bottom{ display:none; background:url(../images/bootom.png) center center no-repeat; width:38px; height:40px; position:absolute; left:0; top:1%;}
.his_left { float: left; width: 228px; }
.his_left li { width: 228px; height: 36px;  text-indent: 2em; line-height: 36px; margin-bottom: 20px; }
.his_left li a {display: block; color: #000; font-size: 16px; border: 1px solid #000;}
.his_left li a:hover,.his_left li a.current{ border: 1px solid #c7b68f; background: #c7b68f;  color: #fff;}
.his_right { width: 890px; float: right; padding: 40px 30px;padding-top:0; }
.x_history{
    background: #f8f8f8;
}

.history_info { background: url(../images/liline.png) 95px top repeat-y; }
.his_img { background: url(../images/li1.png) center center no-repeat #f8f8f8; width: 45px; height: 45px; margin: 0 0 34px 75px; }
.his_list li { position: relative; padding: 0 0 40px 0; overflow: hidden; }
.his_list li em { position: absolute; left: 90px; top: 10px; display: block; width: 10px; height: 10px; border-radius: 50%; background: #c8b690; }
.his_list li:nth-child(2n) em { background: #d0d0d0; }
.his_list li span { float: left; font-size: 18px; color: #666; width: 75px; line-height: 30px; margin-right: 40px; }
.his_list li p { color: #000; font-size: 14px; float: left; width: 740px; line-height: 30px;}

@media screen and (max-width:720px) {
/*发展历程*/
.about_main {
   position:relative;
}
    .about .bottom {display: block;z-index: 999;}
    .his_left { display:none;}
    .his_left { float: none; width: 100%; position:absolute; top:70px; padding-top:10px; background-color: rgba(255,255,255,0.8); z-index: 999; }
    .his_left li { width: 100%; height: 36px; border:none; text-indent: 2em; line-height: 36px; margin-bottom: 20px; }
    .his_left li a { color: #000; font-size: 16px; }
    .his_left li:hover { border:none; background: #c7b68f; }
    .his_left li:hover a { color: #fff; }

    /*历程*/
    .his_right { width: 94%; float: none; padding:4% 3%; }
    .history_info { background: url(../images/liline.png) 95px top repeat-y; }
    .his_img { background: url(../images/li1.png) center center no-repeat #f8f8f8; width: 45px; height: 45px; margin: 0 0 34px 75px; }
    .his_list li span { width: 22%; margin-right: 8%; }
    .his_list li p { width: 62%; margin-left: 8%;}
}


/*招聘*/
.attend{min-height: 200px;width: 100%;padding-top: 52px;padding-bottom:80px;}
.attendlist{width: 1198px;min-height:43px;border: 1px solid #d3ecfb;border-top:4px solid #d3ecfb;border-bottom: 2px solid #d3ecfb;}
.attendtitle{width: 100%;height: 43px;background: #edf8ff;}
.attendtitle{display: table;}
.attendtitle>p{display: table-cell;vertical-align: middle;text-align: center;width: 119px;}
.attendlist .attlist{width:1198px;min-height: 60px;}
.attendlist .attlist>li{width:100%;height: 62px;border-top: 1px solid #d3ecfb;cursor: pointer;display: table;color:#777777;font-size: 14px;}
.attendlist .attlist>li>p{display:table-cell;text-align: center;vertical-align: middle;width: 119px;}
.attendlist .attlist>li>p>a{color: #777777;display: inline-block;width: 84px;height:28px;background:#FFFFFF;line-height: 28px;}
.attendlist .attlist>li:hover .xq{color: #FFFFFF;background: #009efc;}
.pas{font-size: 14px;color: #000000;font-weight:bold;line-height: 43px;padding-left: 60px;}
.pasinfo{width: 100%;border-top: 1px solid #d3ecfb;}
.pasinfo .info{width: 100%;padding-top:38px;color: #777777;font-size: 12px;line-height: 35px;padding-left:125px;box-sizing: border-box;padding-bottom: 20px;}
.pasinfo .bot{width: 100%;min-height:110px;overflow: hidden;}
.bot .ask{display: block;width:85px;height:30px;background: #009efc;text-align: center;line-height: 30px;color:#FFFFFF;margin: 80px 0 0 63px;}
.bot .img{display: block;margin-right:53px;}
.bot .con{width: 280px;min-height:110px;color: #777777;}
.bot .con>h2{font-size: 18px;line-height:34px;font-weight: 500;}
.bot .con>li{font-size: 12px;line-height: 24px;}