﻿body{ width:100%;min-width:320px;font:16px "微软雅黑","Microsoft YaHei,Arial";color:#333;line-height:24px;overflow-x: hidden;background: #f2f3f8;} .container{ margin:0 auto;height:auto; }
h1,h2,h3,h4,h5,p,div,span,ul,li,dl,dd,dt{margin:0;padding:0;} input,textarea,select,button{outline:none; font:16px "微软雅黑","Microsoft YaHei,Arial";}label{font-weight: normal;}
a{text-decoration: none;outline:none;color:#333; }
a:focus, a:hover{color:#333;text-decoration: none;outline: none;  outline-offset: 0;}
ul,li{list-style: none;} i,em{font-style:normal;}
.nav>li>a:focus, .nav>li>a:hover{background: none;}
.lt{float:left;}.rt{float:right;}.hide{display: none;}.show{display: block;} .imgMax{max-width:100%;max-height:100%;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.fwn{font-weight: normal}
.db{display: block;}.dib{display: inline-block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}.oh{overflow: hidden;}
.transition{-webkit-transition: all  0.3s linear;-moz-transition: all  0.3s linear;-o-transition: all  0.3s linear; transition: all  0.3s linear; }
img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);  }
img.desaturate:hover { filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0); -o-filter: grayscale(0);  }
.nav>li>a{padding:0;}
.slick-slide img{margin:0 auto;max-width: 100%;max-height: 100%;vertical-align: middle;}
.slick-dotted.slick-slider{margin-bottom:0;}
.container{padding-left:7px;padding-right:7px;}

html{ }
.header{padding:20px 0;background: #fff;overflow-x:hidden;}
.logo a{height:80px;position: relative;display: block;}
.logo a img{position: absolute;top:0;bottom:0;left:0;margin:auto;}

.had_txt{position: relative;height:80px;}
.had_txt p{font-size: 16px; color:#555;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;
    height:24px;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hot_line{height:80px;overflow: hidden;}
.hot_line span{color:#79bb05;line-height: 80px;margin-left:10px;}


.nav_box{background:#003399;}
.nav{padding: 0 220px 0 20px;}
.nav li{float:left;position: relative;}
.nav li a{display: block;padding:0 25px;height:60px;line-height: 60px;overflow:hidden;color:#fff;}
.nav ul{position: absolute;top:60px;left:0;background: #79bb05;width:150px;
    padding:10px 0;z-index:20;display: none;}
.nav ul li{float:none}
.nav ul li a{line-height: 30px;height:30px;font-size: 14px;}
.nav li i{display: none;}


.p_ser{width:200px;background: #002672;position: absolute;right:0;top:15px;height:34px;line-height: 34px;border-radius: 18px;}
.p_ser input{background: none;border:none;height:34px;line-height: 34px;vertical-align: top;}
.p_ser .p_input_txt{width:160px;padding:0 10px;font-size: 16px;color:#5a86dd;height:34px;line-height: 34px;}
.p_ser .p_input_sub{background: url(../images/ser.png) no-repeat center center;
width: 30px;}

.p_ser input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit*/color:    #5a86dd; }
.p_ser input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    #5a86dd;}
.p_ser input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color:    #5a86dd;}
.p_ser input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */color:    #5a86dd;}

.banner{overflow: hidden;}
.banner .slick-dots{bottom:15px;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li{width:30px;height:4px;background: #777;}
.banner .slick-dots li.slick-active{background: #fff;}

.section_one{padding:90px 0;}
.one_title{font-size: 36px;font-weight: normal;line-height: 40px;}
.section_cont{margin:40px 0;background: #fff;overflow: hidden;}
.s_title h3{font-size: 18px;color:#000;height:20px;line-height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.s_title b{display: block;width:80px;border-top:4px solid #01389d;margin-top:10px;}
.one_project{width:455px;padding:24px;display: inline-block;vertical-align: top;}
.one_project .s_title b{width:125px;}
.project_cont{margin:35px 0;height:223px;overflow:hidden;}
.project_list{margin-bottom:20px;}
.project_list dt{width:94px;height:62px;float:left;}
.project_list img{max-width: 100%;max-height: 100%;}
.project_list dd{margin-left:110px;}
.project_list dd a{display: block;font-size: 14px;line-height: 20px;height:20px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.project_list dd p{margin-top:5px;font-size: 14px;line-height: 18px;color:#666;height:36px; overflow-y: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.project_list:hover dd a{color:#79bb05;}
.more a{font-size: 14px;color:#ff8e05;}

.one_middle{width:340px;padding:24px;display: inline-block;vertical-align: top;margin:0 15px;}
.notice_cont{margin:20px 0 30px;}
.notice_list{}
.notice_list h3{font-size: 14px;line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notice_list p{font-size: 14px;color:#666;line-height: 18px;height:36px; margin:10px 0;
    overflow-y: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;}
.notice_list span{display: block;font-size: 14px;line-height: 18px;color:#888888;}
.notice_cont .slick-prev,.notice_cont .slick-next{right:0;left:auto;top:-45px;
    border:1px solid #888888;width:30px;height:25px;}
.notice_cont .slick-prev:before{display: none;}
.notice_cont .slick-next:before{content:"";border-left:1px solid #888;height:19px;opacity: 1;
position: absolute;left:0;top:2px;}
.notice_cont .slick-prev{right:30px;border-right:none;background:#fff url(../images/prev_n.png) no-repeat center center;}
.notice_cont .slick-next{border-left:none;background:#fff url(../images/next_n.png) no-repeat center center;}
.notice_cont .slick-prev:hover{ background:#fff url(../images/prev.png) no-repeat center center;}
.notice_cont .slick-next:hover{ background:#fff url(../images/next.png) no-repeat center center;}
.problem_cont{margin-top:10px;height:104px;overflow: hidden;}
.problem_cont li a{display: block;padding-left:25px;font-size: 14px;line-height: 26px;height:26px;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../images/icon1.png) no-repeat center left;}
.problem_cont li a:hover{color:#79bb05;}
.one_form{width:310px;padding:35px;display: inline-block;vertical-align: top;background: #01389d;}
.one_form h3{color:#fff;font-size: 18px;margin-bottom:35px;}
.one_form form{}
.one_form form p{color:#fff;font-size: 14px;}
.one_form form input{width:100%;background:none;border:1px solid #fff;height:32px;
    line-height: 32px;padding:0 10px;margin:3px 0 15px 0;color:#fff;}
.one_form form button{border:none;width:100px;height:36px;line-height: 36px;display: table;
    border-radius: 3px;background:#ff8e05;color:#fff;text-align: center;margin:17px auto 0;}


.section_two{ }
.about_bg{background:url(../images/bg1.jpg) no-repeat center center;
    height:430px;position: absolute;top:50px;left:0;right:0;margin:auto;}
.about_cont{background:#01389d;position: relative;z-index: 50;
    width:90%;padding:98px 40px 50px 45px;margin:0 auto;}
.about_cont dd{position:relative;width:55%;display: inline-block;vertical-align: top;padding:0 45px;}
.about_cont dt{float:right;width: 42%;text-align: center;}
.about_cont img{max-height: 100%;max-width: 100%;}
.about_cont dd h3{color:#77ba05;font-size: 20px;margin:35px 0 15px;height:20px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about_cont dd .about_txt{color:#fff;font-size: 14px;line-height: 24px;height:192px;
    overflow-y: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:8}
.about_cont dd .about_more{margin:70px auto 0;display: block;height:50px;line-height: 50px;width:240px;border:1px solid #ff8e05;color:#fff;}
.about_cont dd .about_more:hover{background: #ff8e05;}
.about_cont dd:before{content:"";display: block;width:55px;height:55px;
    border-top:1px solid #fff;border-left:1px solid #fff;position: absolute;top:0;left:0;}
.about_cont dd:after{content:"";display: block;width:55px;height:55px;
    border-bottom:1px solid #fff;border-right:1px solid #fff;position: absolute;bottom:95px;right:0;}

.section_three{padding:100px 0 70px;}
.g_news{width:31.33%;margin:0 1%;float: left;}
.three_title{background: #01389d;height:50px;line-height: 50px;padding:0 10px;}
.three_title span{display: inline-block;color:#fff;width:74%;height:50px;line-height: 50px;overflow:hidden;}
.three_title a{color:#fff;}
.three_title a:hover{color:#79bb05;}
.news_content{background: #fff;padding:10px;}
.news_img img{max-width: 100%;max-height: 100%;}
.news_list{padding:20px 0 10px;}
.news_list li a{display: block;padding-right:80px;height:30px;line-height: 30px;position: relative;
    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.news_list li span{color:#666;font-size: 12px;display: block;position: absolute;right:0;top:0;}
.news_list li a:hover{color:#79bb05;}
.news_list li a:hover span{color:#79bb05;}

.footer{background:#01389d;padding:25px 0;}
.f_logo{width:200px;display: inline-block;vertical-align: top;text-align: center;}
.f_logo img{max-height: 100%;max-width: 100%;}
.f_cont{width:65%;display: inline-block;vertical-align: top;}
.link{}
.link li{display: inline-block;font-size: 14px;color:#fff;}
.link li a{font-size: 14px;color:#fff;display: block;border-right:1px solid #fff;line-height: 14px;height:14px;padding:0 10px 0 5px;}
.link li a:hover{color:#ff8e05;}
.copy{font-size: 14px;color:#fff;line-height: 30px;}
.copy a{font-size: 14px;color:#fff;}
.f_ewm{width:114px;}
.f_ewm img{max-width: 100%;max-height: 100%;}
.f_ewm dd{color:#5a86dd;line-height: 30px;font-size: 14px;}

.m_hot_line{display: none;}


/*内页*/
.det_main{padding-bottom:40px;}
.pos{}
.pos li{display: inline-block;font-size: 14px;color:#666;}
.pos li a{display: inline-block;font-size: 14px;color:#666;line-height: 48px;}
.pos li a:hover{color:#01389d;}
.pos li:last-child a {color:#01389d;}

.det_nav{padding:40px 0;}
.det_nav li{display: inline-block;margin:5px;}
.det_nav li a{display: block;padding:0 20px;height:50px;line-height: 50px;font-size: 20px;background: #dcdede;}
.det_nav li.on a{color:#fff;background: #01389d;}
.det_nav li  a:hover{color:#fff;background: #01389d;}

.det_content{background: #fff;padding:70px 60px 50px;}
.list_text li a{padding:0 135px 0 35px;background: url(../images/b_03.png) no-repeat center left;
    display:block;position:relative;line-height: 50px;height:50px;border-bottom:1px dashed #999999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_text li span{color:#888;display:block;position: absolute;right:10px;top:0;}
.list_text li a:hover{color:#79bb05;}
.list_text li a:hover span{color:#79bb05;}

.page{margin-top:40px;}
.page li{display: inline-block;line-height: 20px;}
.page li a{display: block;color:#888;font-size: 14px;margin:0 5px;}
.page li.w a{width:20px;height:20px;text-align: center;line-height: 20px;}
.page li.w.on a{background: #606060;color:#fff;}
.page li.w:hover a{background: #606060;color:#fff;}


.page_txt{line-height: 30px;font-size: 16px;color:#555;}
.page_txt img{max-height: 100%;max-width: 100%;}

.about_content{padding-left:40px;padding-right:40px;}

.query_content{padding-left:120px;padding-right:120px;}
.query_form{}
.query_input{margin-bottom:55px;}
.query_input span{font-size: 18px;color:#000;text-align: right;display: inline-block;width:140px;}
.query_input input{padding:0 10px;border:1px solid #c9c9c9;background: #f0f0f0;height:47px;line-height: 47px;width:305px;margin-left:10px;}
.query_form button{margin-left:110px;border:none;background: #ff8e05;width:140px;height:40px;line-height: 40px;border-radius: 5px;color:#fff;text-align: center;}
.query_table{margin-top:70px;border:1px solid #c9c9c9;padding:35px;position: relative;}
.query_table h3{font-size: 18px;color:#000;background: #fff;width:120px;
    padding:0 10px;position: absolute;top:-10px;left:0;right:0;margin:auto;}
.query_table table{width:100%;}
.query_table th{color:#666;line-height: 45px;font-weight: normal;text-align: center;}
.query_table td{color:#000;background: #f2f3f8;line-height: 45px;text-align: center;}
.query_result li{padding-left:100px;line-height: 36px;color:#000;position: relative;}
.query_result li span{color:#666;position: absolute;top:0;left:0;width:90px;text-align: right;}

.contact_content{padding:40px;}
.contact_txt{padding:10px 0;}
.contact_txt dd{width:70%;display: inline-block;vertical-align: top;}
.contact_txt dd h3{font-size: 22px;color:#77ba05;}
.contact_txt dd h4{font-size: 16px;color:#555;line-height: 45px;}
.contact_txt dd p{font-size: 16px;color:#000;line-height: 45px;}
.contact_txt dt{width:30%;}

.news_content{padding:40px 25px;}
.d_news_list{padding-bottom:30px;border-bottom:1px solid #c9c9c9;margin-bottom:45px;}
.d_news_list dl{padding:15px;overflow: hidden;}
.d_news_list dl dt{width:289px; text-align: center;float:left;}
.d_news_list dl img{max-width: 100%;max-height: 100%;}
.d_news_list dl dd{margin-left:310px;}
.d_news_list dl dd h3{font-size: 18px;line-height: 34px;height:34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#01389d}
.d_news_list dl dd p{font-size: 16px;color:#666;line-height: 30px;height:90px;margin:5px 0 20px;
    overflow-y: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:3}
.d_news_list dl dd  h4 span{padding-left:20px;color:#999;font-size: 16px;display: inline-block;;margin-top:10px;
    background: url(../images/icon2_03.png) no-repeat center left;}
.d_news_list dl dd  h4 i{font-size: 16px;float:right;display: inline-block;width:152px;height:36px;line-height: 36px;border-radius: 5px;background: #ff8e05;color:#fff;text-align: center;}
.d_news_list dl:hover{background: #f2f3f8;}
.d_news_list dl dd  h4{height:36px;}

.d_news_title{padding-bottom:50px;}
.d_news_title h3{font-size: 24px;margin-bottom:15px;line-height: 30px;}
.d_news_title span{font-size: 14px;color:#999;}

.page_ul{padding:10px 0;border-top:1px dashed #c9c9c9;margin-top:50px;}
.page_ul li a {display: block;line-height: 30px;}
.page_ul li a:hover{color:#79bb05;}




.technology_list{width:47%;float:left;overflow: hidden;margin-bottom:80px;}
.technology_list:nth-child(2n){float:right;}
.technology_list img{max-width: 100%;}
.technology_list dd{font-size: 16px;line-height: 30px;color:#666666;height:235px;
    padding-top:25px; overflow-y: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp:7;}
.technology_list dd a{color:#77ba05;}


.demand .demand_name{color:#77ba05;font-size: 18px;margin-bottom:15px;}
.demand_table{border: 1px solid #aaaaaa;}
.demand_table .table_title{ padding:0 10px;line-height: 45px;  border-bottom:1px solid #d8d8d8;font-weight: bold;}
.demand_table li{border-bottom:1px solid #d8d8d8;line-height: 45px; position: relative;overflow: hidden;}
.demand_table .tr_l{width:55%;float:left;}
.demand_table .tr_r{width:45%;float:left;}
.demand_table .tr_l .table_input{ border-right:1px solid #d8d8d8;}
.demand_table li span{width:125px;padding:0 10px;float:left;display: inline-block;}
.demand_table li .table_input{margin-left:125px;padding:0 10px;border-left:1px solid #d8d8d8;}
.demand_table li .table_input input{border:1px solid #a9a9a9;line-height: 30px;height:30px;width:60%; padding:0 10px;font-size: 14px;color:#000;}
.demand_table li .tr_r .table_input input{width:80%;}
.demand_table li i{color:red;margin-left:5px;}
.demand_table li b{font-size: 14px; color:#000;font-weight: normal;margin-left:5px;}
.demand_table li select{ line-height: 30px;height:30px;font-size: 14px;color:#000;}
.demand_table li .address input{width:65%;}
.demand_table li.zw textarea{ margin:8px 0;padding:2px 10px;width:93%;vertical-align: top;}
.demand_table li.zw span{height:100%;}
.demand_table li.gs input{width:44%;}
.demand_button{padding:20px 0;}
.demand_button button{width:60px;height:30px;border-radius:3px;margin:0 10px;bordeR:1px solid #9e9e9e;background: #e3e3e3;font-size: 14px;}
.demand_button button:hover{background: #01389d;border:1px solid #01389d;color:#fff;}
.demand_table li .xs .table_input input{width:52%;}

.personnel_content .tab_box{display: none;}
.personnel_content .tab_box.on{display: block;}



/*返回顶部*/
/* 必要布局样式css */
.suspension {
    width: 46px;
    height: 210px;
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 999;
}

.suspension .consult {
    background-image: url(../images/top-icon.png);
    background-repeat: no-repeat;
    background-position: center -1px;
    background-color: #0af;
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
}

.suspension .consult .suspension-list {
    position: absolute;
    width: 240px;
    right: -39px;
    top: -170px;
    z-index: 30;
    display: none;
}

.suspension-list-content {
    position: absolute;
    width: 240px;
    right: 85px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
}

.suspension-list ul {
    margin: 32px 24px;
}

.suspension-list ul li {
    position: relative;
    display: list-item;
    width: 100%;
    height: auto;
    padding: 16px 0;
    margin-top: 10px;
    overflow: hidden;
    border-top: 1px solid #f4f4f4;
}

.suspension-list ul li:first-child {
    padding-top: 0;
    border-top: none;
}

.suspension-list ul .suspension-list-bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}

.suspension-list-bottom .info-value {
    font-size: 12px;
    font-weight: inherit;
    color: #999;
}

.suspension-list ul li:first-child {
    margin-top: 0;
}

.service-phone, .service-qq, .service-proposal {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.service-phone {
    background-image: url(../images/suspend_icon_01.png);
}

.service-phone:hover {
    background-image: url(../images/suspend_icon_01_blue.png)
}

.service-qq {
    background-image: url(../images/suspend_icon_03.png);
}

.service-qq:hover {
    background-image: url(../images/suspend_icon_03_blue.png);
}

.service-proposal {
    background-image: url(../images/suspend_icon_02.png);
}

.service-proposal:hover {
    background-image: url(../images/suspend_icon_02_blue.png)
}

.info-name {
    display: block;
    padding-left: 52px;
    height: 14px;
    font-size: 14px;
    color: #333;
}

.info-value {
    display: block;
    padding-left: 52px;
    margin-top: 8px;
    height: 18px;
    font-size: 16px;
    font-weight: 700;
    color: #f90;
}

.suspension a.consult:hover .suspension-list {
    display: block !important;
}

.suspension .cart {
    background-image: url(../images/top-icon.png);
    display: block;
    position: relative;
    width: 46px;
    height: 46px;
    margin-top: 10px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}

.suspension a.cart:hover .pic {
    display: block;
}

.suspension .back-top {
    background-image: url(../images/top-icon.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    width: 46px;
    height: 46px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    margin-top: 10px;
}

.suspension .cart .pic {
   display:none;
    position: absolute;
    left: -129px;
    top: -79px;
    width: 124px;
    height: 124px;
   
    background-color:#fff;
    border:1px solid #c9c9c9;
}

.pic-content {
    
    position: absolute;
    width: 114px;
    height: 114px;
    border: 1px solid #ddd;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    background: url(../images/ewm.jpg) center no-repeat;
    margin:5px 5px 5px 5px;
}


.tip-box {
    display: block;
    text-align: center;
    height: 20px;
    line-height: 20px;
    color: #f90;
    font-size: 13px;
}





