﻿@charset "utf-8";
body,html{font-family:"微软雅黑";margin: 0 auto;padding: 0;font-weight: normal;}
ul{list-style: none;}
ul,li{margin: 0;padding: 0;}
img{display: block;}
h3,h4,h5,h6,p{margin: 0;padding: 0;font-weight: normal;}
a{text-decoration: none;}
input{margin: 0;padding: 0;border: none;outline:none}
button,textarea{margin: 0;padding: 0;outline:none;font-family: "微软雅黑";}
select {
    outline: 0;
    border: none;
    background: 0 0;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none
}
textarea {
    resize: none;
    -webkit-appearance: none
}
.clearfix{clear: both;}
.fl{float: left;}
.fr{float: right;}



.bg_box{width: 100%;}





.topBdr {
    margin-top: 30px;
    padding-top: 10px;
    border-top-color: #DCDCDC;
    border-top-width: 1px;
}



section {
    margin-top: 30px;
    margin-bottom: 50px;
}

dl {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.footmenu {
    width: 100%;
    padding: 30px 0;
    overflow: hidden;
    background-color: #555555;
}


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-weight: normal;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
    overflow-x:hidden;
    width:100%;
}

th {
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
    background: #f5f5f5;
}

td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
}

ul, ol, dl {
    margin: 0 0 1em 0;
}

dt:before {
    content: "\0025a0";
}

.info dd {
    padding-bottom: 1em;
    border-bottom: 1px solid #ddd;
}
dd {
    margin-bottom: 1em;
}



body {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    color: #382400;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    line-height: 1.6;
    border-top-style: solid;
    border-top-width: 8px;
    border-top-color: #a0141c;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}


#contents #main .mainCont {
    margin-top: 50px;
    width: 910px;
    margin-left: auto;
    margin-right: auto;
}



footer {
    clear: both;
}

.copyright {
    clear: both;
    padding: 20px 0;
    font-size: 11px;
    text-align: center;
border-top:solid rgb(0,0,0) 1px;
}

.totop {
    position:fixed;
    bottom:15px;
    right:15px;
}
.totop a {
    display:block;
    text-decoration:none;
}
.totop img:hover {
	background-color: #E7E7E7;
}

/*头部*/
.heard_top{width: 100%;margin: 0 auto;overflow: hidden;}/*padding: 37px 0;*/
.heard_top .logo{width: 280px;height: 150px;}
.heard_top .logo img{width: 100%;height: 100%;}
.heard_top .fr{margin-top: 45px;margin-right: 100px;}
.heard_top .fr p{font-size: 16px;line-height: 22px;color: #000;}
.heard_top .fr h3{font-size: 30px;line-height: 58px;color: #000;font-weight: bold;}



/*导航*/
.heard_nav{background-color: #0066a4;}
.heard_nav ul{overflow: hidden;width: 1200px;margin: 0 auto;}
.heard_nav li{float: left;}
.heard_nav li a{line-height: 60px;font-size: 16px;color: #fff;font-weight: bold;padding: 0 28px;display: block;}
.heard_nav li a.xz{background-color: #0198ea;}
.heard_nav li a:hover{background-color: #0198ea;}





/*轮播*/
.slideBox{position:relative; overflow:hidden; margin:0px auto;max-width:100%;/* 设置焦点图最大宽度 */}
.slideBox .hd{position:absolute; height:10px; line-height:10px; bottom:20px;left:50%;transform:translateX(-50%);z-index:-1;}
.slideBox .hd li{display:inline-block; width:10px; height:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 10px;}
.slideBox .hd li.on{ background: #00b4ff;width: 45px;border-radius: 10px;}
.slideBox .bd{ position:relative; z-index:0;}
.slideBox .bd li{ position:relative; text-align:center; box-shadow:inset 0 2px 2px rgba(0,0,0,0.1);}
.slideBox .bd li img{vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */


/*neirong*/
.sy_cont_bg{width: 100%;}
.sy_title{text-align: center;}
.sy_title h3{line-height: 48px;font-size: 28px;color: #000;}
.sy_title p{line-height: 32px;font-size: 16px;color: #000;display: inline-block;padding: 0 116px;background: url("../images/title_bj.png") no-repeat center;background-size: 100% 100%;}

/*jianjie*/
.sy_about_bg{padding-top: 88px;padding-bottom: 50px;width: 1200px;margin: 0 auto;}
.sy_about_cont{margin-top: 30px;overflow: hidden;}
.sy_about_cont .fl{width: 480px;height: 330px;}
.sy_about_cont .fl img{width: 100%;height: 100%;}
.sy_about_cont .fr{width: 680px;margin-top: 0px;}
.sy_about_cont .fr p{font-size: 16px;line-height: 30px;color: #000;text-indent: 2em;}


/*server*/
.sy_service_bg{background: #f5f3f5;padding: 40px 0 50px;}
.sy_service_sb{width: 1200px;margin: 0 auto;}
.sy_service_sb ul{overflow: hidden;margin-top: 35px;display: flex;justify-content: center;}
.sy_service_sb ul li{float: left;background: #0066a4;margin-left: 42px;}
.sy_service_sb ul li a{display: inline-block;text-align: center;padding: 26px 0;width: 151px;}
.sy_service_sb ul li a img{width: auto;height: 55px;margin: 0 auto;}
.sy_service_sb ul li a p{font-size: 14px;line-height: 44px;color: #fff;font-weight: bold;}


/*shows*/
.sy_case_bg{width: 800px;margin: 0 auto;padding: 50px 0 50px;}
.sy_case_bg ul{overflow: hidden;}
.sy_case_bg ul li{float: left;margin-left: 48px;margin-bottom: 15px;}
.sy_case_bg ul li a{display: inline-block;text-align: center;}
.sy_case_bg ul li a div{width: 240px;height: 180px;overflow: hidden;}
.sy_case_bg ul li a div img{width: 100%;height: 100%;}
.sy_case_bg ul li a p{font-size: 16px;line-height: 45px;color: #000;}
.sy_case_bg ul li a:hover div img{transform: scale(1.5);}
.sy_case_bg ul li a:hover p{color: #0198ea;}
.more_an{font-size: 16px;line-height: 36px;width: 130px;margin: 20px auto 0;background: #0266a3;color: #fff;text-align: center;border: 1px solid #0266a3}
.more_an:hover{background: #fff;color: #0266a3;}


/*tream*/
.sy_team_bg{background: #f5f3f5;padding: 50px 0 50px;}
.sy_team_bg ul{overflow: hidden;margin-top: 35px;}
.sy_team_bg ul li{float: left;width: 20%;height: 290px;}
.sy_team_bg ul li a{height: 100%;width: 100%;}
.sy_team_bg ul li a img{width: 100%;height: 100%;}


/*news*/
.sy_news_bg{width: 1200px;margin: 0 auto;padding: 50px 0 100px;}
.sy_news_cont{overflow: hidden;margin-top: 50px;}
.sy_news_cont > .fl{width: 480px;height: 430px;}
.sy_news_cont > .fl a{display: inline-block;}
.sy_news_cont > .fl a img{width: 100%;height: 300px;}
.sy_news_cont > .fl a h3{font-size: 20px;line-height: 40px;color: #000;margin-top: 20px;}
.sy_news_cont > .fl a p{font-size: 14px;line-height: 22px;color: #474747;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.sy_news_cont > .fr{overflow: hidden;width: 648px;}
.sy_news_cont > .fr a{display: inline-block;margin-bottom: 15px;height: 96px;}
.sy_news_cont > .fr a:last-child{margin-bottom: 0px;}
.sy_news_cont > .fr a .fl{padding-top: 9px;background: #f5f3f5;text-align: center;width: 60px;}
.sy_news_cont > .fr a .fl p{font-size: 24px;line-height: 28px;color: #000;}
.sy_news_cont > .fr a .fl span{display: block;font-size: 12px;line-height: 23px;color: #6a6a6a;}
.sy_news_cont > .fr a .fr{margin-left: 28px;width: 560px;}
.sy_news_cont > .fr a .fr h3{font-size: 20px;line-height: 30px;color: #000;}
.sy_news_cont > .fr a .fr p{font-size: 14px;line-height: 22px;color: #474747;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}


/*Patner*/
.sy_partners_bg{padding: 50px 0 60px;background: url("../images/partners_bj.jpg") no-repeat center;background-size: 100% 100%;}
.sy_partners_sb{width: 1200px;margin: 0 auto;}
/*.sy_partners_sb .sy_title h3{color: #fff;}*/
/*.sy_partners_sb .sy_title p{color: #fff;}*/
.sy_partners_sb ul{margin-top: 40px;overflow: hidden;}
.sy_partners_sb ul li{float: left;width: 200px;height: 100px;margin-left: 80px;}
/*.sy_partners_sb ul li img{width: 100%;height: 100%;}*/

/*C*/
.sy_contact_bg{width: 1200px;margin: 0 auto;padding: 50px 0 100px;}
.sy_contact_bg > p{font-size: 14px;line-height: 28px;text-align: center;color: #000;margin-top: 35px;}
.map{height: 500px;margin-top: 30px;}
.map_sb{width: 100%;height: 100%}


/*Pend*/
.foot_bg{background: #252428;padding: 30px 0;}
.foot_sb{width: 1200px;margin: 0 auto;}
.link{overflow: hidden;padding: 0 100px;}
.link div{line-height: 32px;font-size: 16px;color: #fff;}
.link div a{line-height: 32px;font-size: 16px;color: #fff;margin: 0 10px;display: inline-block;}

.foot_cont{overflow: hidden;margin-top: 25px;}
.foot_nav ul{overflow: hidden;}
.foot_nav ul li{float: left;margin-left: 100px;}
.foot_nav ul li a{font-size: 14px;line-height: 28px;color: #fff;}
.foot_nav ul li a:first-child{font-size: 16px;line-height: 32px;}

.foot_ewm{}
.foot_ewm div{margin-right: 85px;text-align: center;}
.foot_ewm div img{width: 130px;height: 130px;}
.foot_ewm div p{font-size: 16px;line-height: 32px;color: #fff;}





/*iner image*/

.nr_top_banner{width: 100%;}
.nr_top_banner img{width: 100%;}


/*iner info*/
.cont_bg{}
.cont_sb{overflow: hidden;width: 1200px;margin: 0 auto;padding-bottom: 20px;}
.cont_sb > .fl{width: 240px;margin-top: 80px;}
.cont_sb > .fl ul{padding-bottom: 25px;background: #fafafa}
.cont_sb > .fl ul h3{line-height: 56px;font-size: 20px;color: #fff;background: #0266a3;text-align: center;}
.about_nav li{padding: 5px 0;border-bottom: 1px solid #dcdcdc;}
.about_nav li a{background: url("../images/tz_jt.png") no-repeat right 20px center;background-color: #0266a3;font-size: 16px;line-height: 43px;color: #fff;padding-left: 15px;}
.about_nav li a:hover{background-color: #0198ea;}

.about_cont{width: 920px;margin-top: 80px;}

.about_text{padding-top: 20px;}
.about_text img{width: 100%;height: auto;}


/*count*/
.contact_text{background: url("../images/contact_bj.jpg") no-repeat left 30px center;padding: 30px 0 170px;}
.contact_nr{margin-top: 100px;margin-left: 590px;}
.contact_nr div{overflow: hidden;}
.contact_nr div p{float: left;font-size: 18px;line-height: 38px;color: #272727;}

.contact_l{margin-top: 45px;}
.contact_l h3{line-height: 56px;font-size: 20px;color: #fff;background: #0266a3;text-align: center;}
.contact_l div{background: #e8f6fd;padding: 25px 22px;border-radius: 0 0 8px;}
.contact_l div p{font-size: 14px;line-height: 26px;color: #4d535f;overflow: hidden;}


.wz_bg{overflow: hidden;border-bottom: 1px solid #d0d0d0;}
.wz_bg .fl{font-size: 18px;line-height: 50px;color: #2b2d32;}
.wz_bg .fr{overflow: hidden;}
.wz_bg .fr a{float: left;font-size: 14px;line-height: 50px;color: #838484;margin-left: 5px;}
.wz_bg .fr a:first-child{padding-left: 27px;background: url("../images/adress_tb.png") no-repeat left center;}




/*news*/
.news_cont{margin-top: 20px;}
.news_cont > a{overflow: hidden;margin-top: 50px;border-bottom: 1px solid #e8e8e8;}
.news_cont > a:first-child{margin-top: 0px;}
.news_cont > a div{float: left;}

.news_xxtu{width: 320px;height: 200px;}
.news_xxtu img{width: 100%;height: 100%;}

.news_time{margin: 70px 44px;text-align: center;color: #343434;}
.news_time h3{font-size: 28px;line-height: 34px;}
.news_time p{font-size: 22px;line-height: 26px;}
.news_text{margin: 60px 0;width: 478px;padding: 10px 92px 5px 50px;border-left: 1px solid #d7d7d7;color: #000;}
.news_text h3{line-height: 35px;font-size: 22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_text p{line-height: 30px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news_jt{width: 100px;height: 50px;border-left: 1px solid #d7d7d7;margin: 75px 0;background: url("../images/news_jt.png") no-repeat center;}

.news_cont a:hover .news_time{color: #0266a3;}
.news_cont a:hover .news_text{color: #0266a3;}


/*show*/
.case_bg{overflow: hidden;}
.case_bg{padding-top: 50px;}
.case_bg li{float: left;width: 282px;margin-right: 24px;margin-bottom: 35px;}
.case_bg li:nth-child(4n){margin-right: 0px;}
.case_bg li a div{width: 100%;height: 212px;overflow: hidden;}
.case_bg li a div img{width: 100%;height: 100%;}
.case_bg li a p{line-height: 60px;font-size: 16px;color: #fff;background: #0266a3;text-align: center;border-top: 3px solid #fff;}
.case_bg li a:hover div img{transform: scale(1.5);}
.case_bg li a:hover p{background: #0198ea;}



/*rencai*/
.recruitment_text{padding: 30px 0 170px;}
.recruitment_nr{margin-top: 15px;}



/*xiangxi*/
.details_bg{padding: 20px 0 0px;}
.details_bg h3{font-size: 28px;line-height: 48px;color: #000;text-align: center;margin-bottom: 10px;}





/*paseNumber*/
.page_bg{clear: both;margin: 20px 0;overflow: hidden;text-align: center;}
.page_bg ul li{display: inline-block;}
.page_bg ul li a{display: block;padding: 0px 10px;margin: 0 2.5px;line-height: 38px;background: #dedede;color: #494949;border-radius: 6px;font-size: 18px;}
.page_bg ul li.thisclass a{background: #0066a4;color: #fff;}
.page_bg ul li a:hover{background: #0066a4;color: #fff;}

.yd_heard_bg,.yd_contbg,.yd_foot_bq{display: none;}







/*响应式*/

@media (min-width: 0px) and (max-width: 640px){
    body{min-width: 100%;}
    .yd_clearfix{clear: both;}
    .heard_bg,.news_jt,.news_time,.cont_sb > .fl{display: none;}
    .yd_heard_bg,.yd_contbg{display: block;}


    /*h*/
    /*.yd_heard_bg{padding: 10px;}*/
    .yd_logo{width: 50%;float: left;margin: 0 auto;}
    .yd_logo img{width: 100%;}
    .yd_nav_ph{width: 10%;position: absolute;top: 70px;right: 15px;}
    .yd_nav_ph img{width: 100%;}


    /*dr*/
    .dropDiv{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #fff;overflow-y: auto;padding-bottom: 50px;z-index: 5;}
    .dropDiv .toplo{height: 100px;position: relative;}
    .dropDiv .im1{position: absolute;top: 30px;right: 5%;width: 20px;height: 20px;}
    .dropDiv .im2{height: 100px;position: absolute;left: 50%;transform: translateX(-50%);top: 15px;}
    .dropDiv ul{padding: 0px 40px;}
    .dropDiv ul li {
        border-bottom: 1px solid #0066a4;
        padding: 10px 0;
    }
    .dropDiv ul li a {
        color: #0066a4;
        font-size: 16px;
        display: block;
    }
    .dropDiv ul li .licont{
        padding-left: 10%;
        line-height: 30px;
        border-top: 1px solid #0066a4;
        margin-top: 10px;
        display: none;
    }
    .dropDiv ul li .licont a{
        color: #0066a4;
        font-size: 16px;
        display: block;
        line-height: 34px;
    }
    .dropDiv ul li.haslicont>p{
        background: url(../images/navicon.png) no-repeat 95% center;
        background-size: auto 50%;
    }

    .dropDiv ul li p.showlicont{
        background: url(../images/navicon2.png) no-repeat 95% center;
        background-size: auto 30%;
    }



    /*info*/
    .sy_about_bg{width: auto;padding: 20px 10px;}
    .sy_about_cont .fr{width: 100%;margin-top: 20px;}
    .sy_about_cont .fl{width: 100%;height: 270px;}
    .sy_about_cont{margin-top: 20px;}
    .sy_service_bg{padding: 20px 10px;}
    .sy_service_sb{width: auto;}
    .sy_service_sb ul{margin-top: 0px;display: flex;justify-content: space-around;flex-wrap: wrap;}
    .sy_service_sb ul li{float: none;margin-left: 0;margin-top: 20px;}
    .sy_case_bg{width: auto;padding: 20px 10px;}
    .sy_case_bg ul li{margin-left: 0;width: 50%;margin-top: 15px;margin-bottom: 0;}
    .sy_case_bg ul li a div{width: 100%;height: 145px;}
    .sy_team_bg{padding: 20px 10px;}
    .sy_team_bg ul{margin-top: 0;}
    .sy_team_bg ul li{width: 50%;height: 130px;margin-top: 20px;}
    .sy_news_bg{width: auto;padding: 20px 10px;}
    .sy_news_cont > .fl{width: 100%;}
    .sy_news_cont > .fr{width: 100%;margin-top: 10px;}
    .sy_news_cont > .fr a .fr{width: calc(100% - 80px);margin-left: 0;}
    .sy_news_cont > .fr a{width: 100%;}
    .sy_partners_bg{padding: 20px 10px;}
    .sy_partners_sb{width: 100%;}
    .sy_partners_sb ul{display: flex;justify-content: space-around;flex-wrap: wrap;margin-top: 0;}
    .sy_partners_sb ul li{float: none;margin-left: 0;width: 150px;height: 74px;margin-top: 20px}
    .sy_contact_bg{width: auto;padding: 20px 10px;}

    .sy_title p{font-size: 12px;line-height: 24px;padding: 0 100px;}

    .wz_bg{padding: 0 10px;}

    .cont_sb{width: 100%;padding-bottom: 0;}
    .news_xxtu {width: 45%;height: 111px;}
    .news_text {margin: 10px 0 10px 1%;width: 54%;padding: 0;border-left: none;}
    .news_text p{-webkit-line-clamp: 2;}
    .news_cont{margin-top: 10px;}
    .news_cont > a{margin-top: 10px;padding: 0 10px;}

    .details_bg{padding: 10px 10px 0;}
    .details_bg h3{font-size: 18px;line-height: 28px;}

    .about_cont{margin-top: 10px;width: 100%;}
    .about_text{padding: 10px 10px 0;}


    .contact_text{background: none;padding: 10px;}
    .contact_nr{margin: 0;}
    .contact_nr div p:last-child{width: calc(100% - 55px);}

    .case_bg{padding: 10px 10px 0;display: flex;flex-wrap: wrap;justify-content: space-around;}
    .case_bg li{float: none;margin-right: 0;margin-bottom: 10px;width: 45%;}
    .case_bg li a div{height: 130px;}

    .recruitment_text{padding: 10px;}
    .recruitment_nr{margin-top: 10px;}


    /*pageend*/
    .foot_sb{padding: 0 10px}
    .link{padding: 0;}
    .foot_sb{width: auto;}
    .foot_nav{float: none;}
    .foot_nav ul li{margin-left: 0;width: 33.3%;}
    .foot_ewm{float: none;margin-top: 20px;}
    .foot_ewm div{margin-right: 0;}
    .foot_ewm div img{margin: 0 auto;}
}


