@charset "utf-8";
/* CSS Document */
/*===============================================================重置部分*/
body, button,  select, textarea { background: none repeat scroll 0 0 ; color: #373737; font: 12px/1 "Microsoft YaHei","Source Han Sans CN","Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; margin: 0; padding: 0; overflow: hidden; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; padding: 0; margin: 0; }
ul, ol, li, dl, dt, dd { list-style: none; text-decoration:none; height: auto; padding: 0; margin: 0; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted; cursor: help; }
q:before, q:after { content: ''; }
p { margin:0; padding:0;}
/* 重置表单元素 */
legend { color: #373737; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }
/* 重置表格元素 */
/* 重置 hr */
hr { border: none; height: 1px; }
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
:link { text-decoration: none; color: #373737; }
:visited { text-decoration: none; color: #373737; }
.l{ float:left; }
.r{ float:right;}
a{list-style:none; text-decoration:none ;  font-size:14px; display: inline-block;}
ul,li{ list-style:none;}
img{border:none;}
body{background: #fff;}
.wrap1120{position: relative; width: 1120px; margin: 0 auto;}
.h1{font-size: 16px; color: #2165a2; font-weight: bold;margin-bottom: 8px;}
.h2{font-size: 14px; color: #999; line-height: 1.8em;}
.more_btn{margin-top: 15px; width: 111px; height: 34px;line-height: 34px; border:2px solid #2165A2; color: #2165A2; font-size: 14px; text-align: center; background:url(../images/arr_b.png) no-repeat 98px center transparent; }
.more_btn:hover{ color: #fff; background:url(../images/arr_w.png) no-repeat 98px center #2165A2; }
.tran{
	 -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
/*==========head================*/
.head_wrap{position: relative; width: 100%; background-color: #fff;}
.head_wrap .wrap1120{overflow: hidden;}
.head_wrap .logo{width: 411px; height: 100%;}
.head_wrap .logo img{position: relative; width: 411px; height: auto;}
.head_wrap .head_r{width: 550px;}
.head_wrap .tel_wrap{position: relative; width: 100%;margin: 20px 0; height: 20px;}
.head_wrap .tel{ background:url(../images/tel_ico.jpg) left center no-repeat; padding-left: 35px; font-size: 24px; font-weight: bold; color: #2165a2; }
.head_wrap .nav{width: 100%;height: 18px;}
.head_wrap .nav li{float: left; border-right:1px solid #E2E2E2; height: 18px; line-height: 18px;}
.head_wrap .nav li:last-child{border-right:none;}
.head_wrap .nav li:last-child a{padding-right: 0px;}
.head_wrap .nav a{ font-size: 14px; color: #333; padding: 0 20px; font-weight: no]
}
.head_wrap .nav a:hover, .head_wrap .nav li.active a{
	color: #08bb0c; font-weight: bold;
}
/*==========index页面================*/
.main_wrap{padding-top: 32px; padding-bottom: 40px;}
.bas_wrap{ position: relative; overflow: hidden; box-sizing: border-box; border: 1px solid #E7E7E7; padding: 20px;}
.tit_wrap{width: 100%;height: 19px; line-height: 19px; border-left:4px solid #2165A2;padding-left: 18px; font-size: 16px; color: #2165a2;}
.ab_wrap{width: 783px;margin-bottom: 18px;}
.con_wrap{padding-top: 20px;overflow: hidden;}
.con_wrap .l{cursor: pointer; width: 280px; height: 176px;overflow: hidden;}
.ab_wrap .l img{width: 280px; height: 176px;transform: scale(1);
    transition: all 0.8s cubic-bezier(0.04, 0.79, 1, 1) !important;}
.ab_wrap .l:hover img{transform: scale(1.03); }
.con_wrap .con_txt{width: 435px;}
.con_wrap .con_txt .h2{
line-height: 1.8em;
	    overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:4;
        -webkit-box-orient: vertical;}
.pro_wrap{width: 320px; margin-bottom: 18px;}
.case_wrap{width: 100%;}
.pro_wrap .con_wrap{width: 280px; height: 176px;overflow: hidden;}
.case_img_wrap{width: 100%; height: 177px; overflow: hidden;}
.pro_img_wrap img, .case_img_wrap img{width: 100%;height: auto;}
.pro_img_wrap .swiper-slide{float: left; position: relative; width: 280px; height: 176px;}
.pro_img_wrap p{position: absolute; width: 100%; height:35px; 
bottom:0px; background-color: rgba(33,101,162,.9); 
font-size: 14px;text-align: center;
color: #fff;
line-height: 35px;

}
.case_img_wrap .swiper-slide{float: left; position: relative;width: 206px; height: 130px;}
.case_img_wrap p{
color: #666;
font-size: 14px;
text-align: center;
height: 40px;
line-height: 40px;
}
.bas_wrap .swiper-pagination-bullet{float: right;}
.bas_wrap .swiper-container-horizontal>.swiper-pagination-bullets{
    top: 22px !important;
    right: 20px !important;
    width: auto !important;
    height: 10px;
}

/*==================================index_banner=================================================== */
.ban_wrap{
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    height: 589px;
}
.ban_wrap .swiper-slide {
    width: 100%;
    height: 100%;

}

.ban_wrap .swiper-slide {
    overflow: hidden;
    background-size: cover !important;
    background-position: center;
    padding-left: 0px;
    opacity: 0;
}
.wel-banner-bg {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.3);
    background-position: center !important;
    background-size: cover !important;
    transition: all 7.6s cubic-bezier(0.04, 0.79, 1, 1) !important;
    box-sizing: border-box;
}

.ban_wrap .swiper-slide{opacity: 0;
    filter: alpha(opacity=0);}

.ban_wrap .swiper-slide-active .wel-banner-bg {
    transform: scale(1);
}
.ban_wrap .swiper-pagination{
   bottom: 30px !important;
}
.ban_wrap .swiper-pagination-bullet{
    height: 12px; width: 12px; border: 1px solid #fff;
    background-color: transparent;
    opacity: 1;
}
.ban_wrap .swiper-pagination-bullet-active{
    background-color: #fff;
}
/*======banner结束=======*/
/*======about页面===========*/
.inban_wrap{width: 100%; height: 300px; text-align: center;position: relative;}
.inban_wrap img{width: 100%;height: 300px;position: absolute;left: 0px; top: 0px; left: 50%； margin-left：-960px;}
.inban_wrap .wrap1120{height: 300px;}
.inban_tit{padding: 30px 0;width: 232px; position: absolute;bottom: 0px; left: 0px;background: #2165A2;border-bottom: 4px solid #1BC01F;}
.inban_wrap p{font-size: 14px; color: #fff;width: 100%;text-align: center;}
.inban_wrap p.cn{letter-spacing: 2px;font-size: 24px; color: #fff;font-weight: bold;margin-bottom: 14px;}
.in_wrap{padding-bottom: 80px;padding-top: 0px;}
.main_wrap{overflow: hidden;}
.sidenav{
    position: relative;
    float: left;
    width: 206px; 
    padding: 45px 12px;
    border: 1px solid #E7E7E7;
    border-top: none;
    padding-top: 28px;
}
.sidenav li{width: 180px;padding-left: 26px; height: 38px; line-height: 38px;
font-size: 14px; color: #333;background: transparent;
cursor: pointer;
 -webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.sidenav li:hover, .sidenav li.active{
background: url(../images/arr_r.png) 180px center no-repeat #2165A2;
color: #fff;position: relative;
}
.main_l{position: relative; float: right; width:800px; border: 1px solid #E7E7E7;margin-top: 23px;padding: 0 26px; padding-bottom: 100px;}
.main_l img{width: 100%; height: auto;margin: 20px 0;}
.main_tit{padding: 17px 0; border-bottom: 1px solid #e7e7e7;position: relative;}
.b_nav{position: absolute; height: 19px; top: 17px;right: 0px;}
.b_nav a{ margin-right: 8px; color:#999; }
.b_nav a:hover, .b_nav a.active{color: #2165A2;}
.tit_g{font-size: 18px; color: #1bc01f; height: 70px; line-height: 80px;}
.com_cap{overflow: hidden;}
.com_cap img{width: 399px; height: 299px;margin:0 22px 25px 0;}
.com_cap .h2{text-indent: 2em;}
.zhengs,.com_cap, .xn_cap{overflow: hidden;padding-bottom: 40px; border-bottom: 1px solid #E7E7E7;}
.zhengs li{float: left; margin-right: 14px; cursor: pointer;}
.zhengs li:last-child{margin-right: 0px;}
.zhengs li p{width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #666;}
.zhengs li img{box-shadow: 0px 4px 8px rgba(0,0,0,.3)}
.partner li{height: 30px; line-height: 30px; background: url(../images/dot.jpg) 0 center no-repeat;padding-left: 22px;}
.partner li a{height: 30px; line-height: 30px; font-size: 14px; color: #666;}
.partner li a:hover{color: #1bc01f;}

/*=========new页面=======*/
.news_list li{ overflow: hidden; background: url(../images/dot.jpg) 0 center no-repeat; padding-left: 27px; height: 48px; border-bottom: 1px solid #e7e7e7;}
.news_list li:last-child{border-bottom: none;}
.news_list li a, .news_list li span{display: block; height: 47px; line-height: 47px;
font-size: 14px;text-align: left;
}
.news_list li a{color: #666;float: left;width: 600px;}
.news_list li a:hover{color: #035CAC;}
.news_list li span{color: #999;float: right;width: 100px; }
/*=========pro页面=======*/
.pro_list_wrap .pro_list{overflow: hidden;}
.pro_list_wrap .pro_list li{float: left;width: 250px; margin-right: 25px;margin-bottom: 30px;}
.pro_list_wrap .pro_list li:nth-child(3n+0){ margin-right: 0px;}
.pro_list_wrap .pro_list .img{position: relative; margin-bottom: 20px; width: 250px;height: 170px;overflow: hidden;}
.pro_list_wrap img{width: 100%; height: 100%;
    margin: 0;
    transform: scale(1);
    transition: all 0.8s cubic-bezier(0.04, 0.79, 1, 1) !important;}
.pro_list_wrap li:hover img{transform: scale(1.03);}
.pro_list_wrap .pro_list p{font-size: 14px;text-align: center; color: #666;}
.pro_list_wrap .pro_list li:hover p{ color: #2165a2;}
.pro_cap{margin-top: 20px;}
.pro_con{width: 370px;float: left;}
.pro_con p.h2{text-indent: 0em;}
.pro_tit{position: relative;margin-bottom: 15px; font-size: 18px; color: #1bc01f;padding-bottom: 25px; }
.pro_tit .line{bottom: 0px; position: absolute; width: 28px; height: 3px; background: #1bc01f; }
.pro_list_wrap{margin-top: 20px;}
.pro_list_wrap .case_list li{background: #EDEDED; float: left;width: 273px;padding: 45px 55px; margin-right: 30px;margin-bottom: 30px;}
.pro_list_wrap .case_list li:nth-child(2n+0){ margin-right: 0px;}
.pro_list_wrap .case_list .img{position: relative; margin-bottom: 20px; width: 269px;height: 202px;border: 2px solid #fff; overflow: hidden;}
.pro_list_wrap .case_list p{font-size: 14px;text-align: center; color: #666;}
.pro_list_wrap .case_list b{display:block;margin-bottom: 10px; }
.pro_list_wrap .case_list li:hover p{ color: #2165a2;}

/*业务列表*/
.tab_list{ margin-bottom: 20px;}
.tab_list .el{float: left; text-align: left;font-size: 14px; color: #666;}
.tab_tit{ background: #BABABA;padding: 15px 0;overflow: hidden;}
.tab_list .tab_tit .el{color: #fff; line-height: 1.5em;}
.tab_item{height: 45px; overflow: hidden; border-bottom: 1px solid #e7e7e7;}
.tab_item .el{line-height: 45px;height: 45px;}
.el01{box-sizing:border-box; padding-left: 25px;}
.tab_list .el01{width: 26%;}
.tab_list .el02{width: 18%;}
.tab_list .el03{width: 46%;}
.tab_list .el04{width: 10%;}
.job_tab{border:1px solid #e7e7e7; }
.tab_list.job_tab .el01{width: 35%;}
.tab_list.job_tab .tab_item .el01{color: #035cac; font-weight: bold;}
.tab_list.job_tab .el02{width: 25%;}
.tab_list.job_tab .el03{width: 18%;}
.tab_list.job_tab .el04{width: 22%;}
.tab_list.job_tab .tab_item{height: auto;}
.show{overflow: hidden;position: relative; background: url(../images/ar_d.png) 92% center no-repeat;padding: 8px 0; cursor: pointer;}
.show.click{ background: url(../images/ar_t.png) 92% center no-repeat;}
.hide{margin: 0px 16px;  padding: 30px 0px;
    border-top: 1px solid #e7e7e7; display: none;}
.hide .tit{font-weight: bold; }
.hide .cap{font-size: 12px;color: #999;line-height: 1.8em;}
/*详情页*/
.details{padding-bottom:20px;padding-top: 40px; border-bottom: 1px solid #E7E7E7;}
.details p{line-height: 1.5em; width: 90%; text-align: center; margin: 0 auto;}
.details .tit{margin-bottom: 10px; font-size: 24px; color: #333;}
.details .date{font-size: 14px; color: #999;}
.rel_btn{left:0px; position: absolute; width: 854px; bottom: 0px;overflow: hidden;}
.rel_btn a{height: 60px; line-height: 60px;  position: relative; float: left; width: 50%; text-align: center;font-size: 14px; color: #333;}
.rel_btn a:hover{ color: #fff;}
.rel_btn a.prev{background: url(../images/btn_p01.png) 8% center no-repeat #fff;}
.rel_btn a.prev:hover{background: url(../images/btn_p02.png) 8% center no-repeat #2165A2;}
.rel_btn a.next{background: url(../images/btn_n01.png) 92% center no-repeat #fff;}
.rel_btn a.next:hover{background: url(../images/btn_n02.png) 92% center no-repeat #2165A2;}
/*联系方式*/
.con_txt .tit{position: relative; margin-bottom: 20px; font-size: 16px; color: #2165a2; padding-left: 23px; background: url(../images/dot.jpg) 0 center no-repeat; margin-top: 60px;font-weight: bold;}
.con_txt .h2{line-height: 3em;}
.form{margin-top: 40px;}
.form input, .form textarea{
    box-sizing:border-box;
    padding-left: 8px;
     font-size: 14px;
    color: #666;
    margin-bottom: 28px;
}
.form input[type="text"]{
    border: none;
    height: 38px; 
    line-height: 38px;
    border-bottom: 1px solid #E7E7E7;
    width: 32%;
    margin-right: 1%;
  
}
.form input[type="text"]:nth-child(3n+0){margin-right: 0;}
.form textarea{
    width: 100%;height: 161px;
     border: 1px solid #E7E7E7;
     color: #bbb;
     line-height: 1.5em;
     padding: 8px;
}
.form input[type="submit"]{
width: 154px;
height: 44px; 
line-height: 44px;
border: none;
background: #1BC01F;
font-size: 16px;
color: #fff;
font-weight: bold;
position: relative;
margin: 0 auto;
}
.form input[type="submit"]:hover{background: #3cce40;cursor: pointer;}
/*分页*/
.text-center{ width:400px; height:40px; margin:0px auto; padding-top:30px;}
.text-center ul li{ font-size:14px; color:#666; line-height:33px; float:left; margin-left:5px;}
.text-center ul li a, .text-center ul li span{display: block; color:#666;padding: 0 12px; height: 33px; background-color: #fff; text-align:center;  cursor:pointer; border: 1px solid #333;}
.text-center ul li.active span{ color:#fff; background:#134F7D;border: 1px solid #134F7D; }
.text-center ul li.disabled span{ color:#999; background:#ddd;border: 1px solid transparent; cursor: none; }






/*======================foot===============*/

.foot_wrap{width: 100%; background-color: #e9e9e9;}
.foot_t{height: 50px; background-color: #d5d5d5;}
.foot_b{height: 112px; padding: 35px 0;}
.link_wrap{font-size: 14px; color: #666;float: right;margin-top: 14px;}
.link_wrap span{padding-right: 10px; display: inline-block;float: left;height: 24px; line-height: 24px;}
.com_link{z-index: 999;position: relative;width: 262px; height: 24px;background:url(../images/arr_d.png) 241px center no-repeat #fff;padding-right: 20px; cursor: pointer;}
.down_link{width: 100%;height: 0;opacity: 0;}
.com_link a{padding-left: 5px; height: 24px; line-height: 24px;}
.down_link a{width: 100%;background-color: #fff;padding-left: 10px;}
.down_link a:hover{background-color: #ccc;}
.com_link:hover .down_link{height: auto;opacity: 1}
.foot_wrap .h2 {color: #666;}
.foot_wrap .h2 i{font-style: normal; color: #999;}