@charset "utf-8";
.phone-nav{ right:10px;top:7px;position:absolute;width:35px;height:35px;display:none;background:url(../images/menu.png) no-repeat center;margin:0 0 0 5px;z-index:999}

.phone-subnav{width:100%;position:fixed;left:0;height:100%;top:0;background:rgba(255,255,255,.98);z-index:999999;margin:0 auto;display:none}
.phone-subnav .close{padding:20px 40px;display:block}
.phone-subnav .close img{max-height:40px}
.phone-subnav ul{height:90%;overflow-y:scroll;margin:25px 30px}
.phone-subnav ul li{position:relative;border-top:1px solid #dadada; overflow:hidden; text-align:left;}
.phone-subnav ul li i{position:absolute;right:10px;top:5px;text-align:center;line-height:30px;display:block;border-radius:100%;font-style:inherit;cursor:pointer}
.phone-subnav ul li i:after{content:"+";color:#666;font-size:24px;cursor:pointer;text-align:center}
.phone-subnav ul li .menu{color:#333;font-size:16px;line-height:40px;overflow:hidden;padding:0 40px 0 20px;display:block;cursor:pointer;text-align:left;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}
.phone-subnav ul li .menu>a{display:block;color:#333; text-transform:capitalize;}
.phone-subnav ul li .menu02>a{color:#1b8fe2}
.phone-subnav ul li .menu03{display:block;padding:10px 0}
.phone-subnav ul li .menu03 a{color:#888;font-size:13px;line-height:20px;padding-top:0}
.phone-subnav ul li div{display:none;padding-bottom:15px}
.phone-subnav ul li div a{color:#666;line-height:20px;padding:5px 10px 5px 20px;display:block;height:auto;font-weight:100;position:relative}
.phone-subnav ul li div em{display:block;font-style:inherit}
.phone-subnav ul li div em>a{color:#666;font-size:12px;display:block;padding:5px 5px 5px 48px;line-height:18px}
.phone-subnav ul .active i:after{content:"-"}
.phone-subnav .search2{border-radius:28px;-webkit-transition:all .5s;transition:all .5s;position:relative;padding:10px}
.phone-subnav .search2 input{border:1px #efeff0 solid;border-radius:28px;line-height:28px;height:30px;position:relative;width:100%;padding:0 40px 0 10px;font-size:14px;vertical-align:top;-webkit-transition:all .5s;transition:all .5s}
.phone-subnav .search2 input:focus{border-color:#000;}
   
/*头部*/


.animated {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  will-change: transform, opacity;
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.animated.slideDown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
.animated.slideUp {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}

.csjd_one{background-color: rgba(238, 238, 238, 1); overflow:hidden; padding:10px 0px;font-size:14px;}
.csjd_one .one_left{width:50%; float:left;}
.csjd_one .one_right{width:40%; float:right; color:#333; text-align:right;}
.csjd_one .one_right a{ color:#333; padding:0px 10px;}
.csjd_one .one_right a:hover{ color:#1e4481;}
.csjd_one .one_right a:last-child{ padding-right:0px;}
.csjd_two{ overflow:hidden; padding:10px 10px;}
.csjd_two .logo{ display:block; float:left;    width: 230px;    height:70px;}
.csjd_two .toptel{width:50%; float:right; text-align:right;font-size:18px;color:#1e4481; font-weight:bold; margin-top:15px;}
.csjd_two .toptel a{color:#1e4481;}
.daohang{background-color: rgba(1, 81, 179, 1);height: 58px;}

.nav {position: relative;z-index: 6;}
.nav ul li {float: left;position: relative;width:16.6666666666%;}
.nav ul li>a {display: block;font-size: 16px;line-height:58px; color:#fff; font-weight:bold;height:58px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;transition: .5s;width:100%; text-align:center;}
.nav ul li a .pic {width:18px;height: 18px;position: absolute;top: 50%;left: 0;margin-top: -10px;transition: .5s;}
.nav ul li.active a{ background:#fff; color:rgba(51, 127, 229, 1);}

.nav .child {font-size:14px;position: absolute;width:230px;left: 50%;margin-left: -115px;z-index: -1;top:58px;display: none \9;visibility: hidden;opacity: 0;text-align: center}
.nav .child .box {background-color: rgba(255, 255, 255, 0.74);position: relative;}
.nav .child a {display: block;color:rgba(51, 127, 229, 1);font-size:16px;position: relative;overflow: hidden;line-height:40px;height: 0;transition: .3s height cubic-bezier(0.73,0.32,0.34,1.5),0.5s background,0.5s padding-left}
.nav .child a:hover {background-color: #0477cc;background:#1a5ea7;color: #fff;padding-left: 15px;}
.nav li:hover .child {z-index: 1;display: block \9;visibility: visible;opacity: 1;padding-top: 0;padding-bottom: 10px;}
.nav li:hover .child a {height: 40px}



/*banner*/

.home-banner img{ display:block; }
.home-banner{ overflow:hidden; position:relative;}
.home-banner .swiper-slide>img{transition: 5s;animation: mymove4 5s;}
.home-banner .in_banner{ position:relative;}
.home-banner .img{display: block;transition: 5s;}
.home-banner .swiper-slide-active .img{ animation: mymove4 5s;}
.home-banner .swiper-button-next{right:55px;top:47.5%;background:url(../images/ba_right.png) no-repeat; width:74px; height:74px;}
.home-banner .swiper-button-prev{left:55px;top:47.5%;background:url(../images/ba_left.png) no-repeat;width:74px; height:74px;}
.home-banner .swiper-button-prev:after,.home-banner .swiper-button-next:after{content:"";}
.home-banner .anniu{ position:absolute; bottom:15px;width:25px;z-index:99;left:50%;}
.home-banner .anniu img{-webkit-animation: myfirst04 2s linear infinite;animation: myfirst04 2s linear infinite;}
.home-banner .swiper-pagination-bullet{ width:6px; height:10px;border-radius:0px; }
.home-banner .swiper-pagination{text-align:left;padding-left:8.5%; display:none;}
.home-banner .swiper-container-horizontal > .swiper-pagination-bullets{bottom:20px;}
.home-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0px 2px;}
.home-banner .swiper-pagination-bullet{ background:#fdfafa;}
.home-banner .swiper-pagination-bullet-active{ background:#0477cc; height:14px;}
.phone_banner{ display:none;}


@-webkit-keyframes myfirst04{0%{opacity:.5;-webkit-transform:translateY(-40px);transform:translateY(-40px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes myfirst04{0%{opacity:.5;-webkit-transform:translateY(-40px);transform:translateY(-40px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}



/*首页关于我们*/
.csjd_homeabout{ margin-top:40px; margin-bottom:100px; overflow:hidden;}
.hometitle{ text-align:center;color: #333; margin-bottom:20px;}
.hometitle .en{font-size: 38px;text-transform:uppercase;}
.hometitle .cn{font-size: 20px;}
.homebj{ background:url(../images/about_bj.jpg) no-repeat center center;background-size: cover;background-attachment: fixed; overflow:hidden;padding:50px;}
.bjabout{ background:#fff;box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.2);    border-radius: 5px; max-width:1040px; margin:0px auto ;padding:50px;}
.nybiaoti{font-size: 36px;color: #a0a0a0;text-transform: uppercase;line-height: 1.3;text-align: center; margin-bottom:35px;}
.nybiaoti .abcn{font-size: 24px;color: #333; position:relative; padding-bottom:20px;}
.nybiaoti .abcn:after{ position:absolute; content:"";width:130px; height:3px;background-color: rgba(1, 81, 179, 1);bottom:0px; margin-left:-111px;}
.bjabout p{ font-size:14px; line-height:30px;color: #606266;}
.bjabout strong{ display:block; font-size:16px;color: rgba(1, 81, 179, 1);}


/*首页专注就是我们的责任*/
.zeren_title .cn{text-align: center;font-size:24px;color:#01387B; font-weight:bold;}
.zeren_title span{font-size:32px; padding-right:6px;}
.zeren_title .en{text-align:center;line-height:20PX; font-size:14px;}
.zeren_title { position:relative; padding-bottom:40px;}
.zeren_title:before{display: inline-block;content: '';height:60px;background:url(../images/hengxian.png) no-repeat center center;position: absolute;top:6%;width: 100%;z-index:-1;left: 0;}
.zerenlist .left{width:43%; float:left;}
.zerenlist .pub{ position:relative; z-index:1; overflow:hidden; margin-bottom:18px; transition:.5s; cursor:pointer;}
.zerenlist .pub a{ display:block;}
.zerenlist .pub img{ display:block;-webkit-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;}
.zerenlist .pub:hover img{ -webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.zerenlist .pub .wenzi{ position:absolute;z-index:66;top:40%; color:#fff; text-align:center;width:100%; padding:0px 10px; font-size:25px;} 
.zerenlist .pub .wenzi .en{ font-size:18px;color:#fff;}
.zerenlist .pub .wenzi .cn{color:#fff;}
.zerenlist .one{ margin-bottom:0px;}
.zerenlist .right{width:55%; float:right;}
.zerenlist .right .pub{ float:left;width:48%;margin-bottom:0px;}
.zerenlist .right .two{ float:right;} 
.zerenlist .pub:after{ position:absolute;bottom: 0;left: 0;z-index:65;content: "";width: 100%;height:100%;position: absolute;background: #000;opacity:0.3;-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;-webkit-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
.zerenlist .pub .hover{ border:1px solid #fff; color:#fff;font-size:22px; font-weight:bold; max-width:150px; height:40px; line-height:40px; text-align:center; margin:0 auto; display:none;}
.zerenlist .pub:hover:after{background: #fe7801;opacity:1;}
.zerenlist .pub:hover .hover{ display:block;}
.zerenlist .pub:hover .cn,.zerenlist .pub:hover .en{ display:none;}
.zerenlist img{ display:block;width:100%;}



/*首页新闻*/
.csjd_homenews .zeren_title:before{display: inline-block;content: '';height:60px;background:url(../images/hengxian2.png) no-repeat center center;position: absolute;top:-6%;width: 100%;z-index:-1;left: 0;}
.csjd_homenews { margin-top:100px;}

.home_newslist .xw_left{width:60%; float:left;}
.home_newslist .xw_left img{ display:block;width:35%;max-width:250px;height:150px; float:left;-webkit-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;overflow:hidden;}
.home_newslist .xw_left li{ overflow:hidden; margin-bottom:40px; border-bottom:1px solid #dbdbdb; padding-bottom:40px;}
.home_newslist .xw_left li:last-child{ border-bottom:none; margin-bottom:0px; padding-bottom:0px;}
.home_newslist .xw_left .text{ float:left;width:65%; padding-left:5%; padding-top:2%;}
.home_newslist .xw_left .text .text01{font-size:16px;line-height:30px;color:rgba(51, 51, 51, 1);font-weight:bold;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.home_newslist .xw_left .text .text02{font-size:14px;line-height:22px;color:#555;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home_newslist .xw_left li:hover .text .text01{ color:#01387B;}

.home_newslist .xw_left li:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.mySwipernews{ overflow:hidden; position:relative; padding-bottom:56px;}
.xw_right{width:35%; float:right; border:1px solid rgba(219, 219, 219, 1); padding:20px 35px 0px 35px; overflow:hidden;}
.xw_right .wz01{font-size: 18px;color: #333;line-height: 30px;text-align: center; margin-top:10px; margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.xw_right .wz02{ font-size:14px; color:#666; line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.xw_right .swiper-slide img{-webkit-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;}
.xw_right .swiper-slide:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.xw_right .swiper-slide:hover .wz01{color:#01387B;}
.xw_right .swiper-button-next{right:36%;top:auto;bottom:10px;background:url(../images/xw_right.jpg) no-repeat; width:33px; height:33px;}
.xw_right .swiper-button-prev{left:36%;top:auto;bottom:10px;background:url(../images/xw_left.jpg) no-repeat;width:33px; height:33px;}
.xw_right .swiper-button-prev:after,.xw_right .swiper-button-next:after{content:"";}

/*合作伙伴*/
.csjd_homeparters .zeren_title:before{display: inline-block;content: '';height:60px;background:url(../images/hengxian2.png) no-repeat center center;position: absolute;top:-6%;width: 100%;z-index:-1;left: 0;}
.csjd_homeparters { margin-top:100px; margin-bottom:40px;}

.partlist ul{ margin:0px -1%;overflow:hidden; padding-top:10px;}
.partlist li{width: 14.6666%; float:left; margin:0px 1% 2% 1%; border:1px solid #e7e7e7;background:#fff; padding:10px;}
.partlist li .pic:after{ padding-bottom:44%;}
.partlist li img{-webkit-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;}
.partlist li:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.partlist li:hover{border:1px solid #01387B;}
.partlist{ position:relative;}
.partlist .slick-prev{left:0px; width:50px; height:50px;top:50%;z-index:4;z-index:4;background:url("../images/qiye_left.html") no-repeat center center !important;font-family:"";}
.partlist .slick-next{right:0px; width:50px; height:50px;top:50%;z-index:4;z-index:4;background:url("../images/qiye_right.html") no-repeat center center !important;font-family:"";}
.partlist .slick-prev:before, .partlist .slick-next:before{ content:'' }
.partlist .slick-prev:hover{ background:url("../images/qiye_lefth.html") no-repeat center center !important;left:0px;}
.partlist .slick-next:hover{ background:url("../images/qiye_righth.html") no-repeat center center !important;right:0px;}


/*底部*/
.dibu{background-color: rgba(30, 68, 129, 1); overflow:hidden; color:#fff; padding:30px 0px;}
.dibu .dibu_left{width:40%; float:left;font-size: 14px;line-height: 2.5;}
.dibu .dibu_left a{ color:#fff;}
.dibu .dibu_left a:hover{ color:#fe7801;}
.dibu .dibu_left .dbhink{ font-size:16px;}
.dibu .dibu_right{width:50%; float:right;color: #eee; text-align:center;}
.dibu .dibu_right ul{width:75%; float:right;}
.dibu .dibu_right li{width:31.3%; margin-right:3%;float:left; font-size:15px; line-height:35px;}
.dibu .dibu_right li img{width:138px; height:138px; display:block;}
.dibu .dibu_right .beian{ font-size:14px; color:#fff; text-align:right; padding-top:20px;}
.dibu .dibu_right .beian a{ color:#fff;}
.dibu .dibu_right .beian a:hover{color:#fe7801;}
.dibu .dibu_right li:last-child{ margin-right:0px;}



/*关于我们*/
.ny-banner{ position:relative;}
.ny-banner img{ display:block;transition: 5s;animation: mymove4 5s; margin:0 auto;}
.nyab_zyleft{width:18%; float:left;}
.nyab_zyleft p{ font-size:22px; color:#000; font-weight:bold;border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:20px;}
.nyab_zyleft li{  border-bottom:1px dashed #cccccc; transition:.5s;}
.nyab_zyleft li a{ display:block; font-size:16px; color:#333; position:relative;padding-left:35px;line-height:48px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.nyab_zyleft li a:before{ position:absolute; content:"";width:5px; height:7px; background:url(../images/sanjiao.png) no-repeat 0px 0px; margin-top:20px;left:18px;transition:.5s;}
.nyab_zyleft li.car a,.nyab_zyleft li:hover a{ background:#1A5EA7;border-bottom:none;}
.nyab_zyleft li.car a,.nyab_zyleft li:hover a{ color:#fff;}
.nyab_zyleft li.car a:before,.nyab_zyleft li:hover a:before{background:url(../images/sanjiao.png) no-repeat 0px -8px;}
.nyab_zyleft li.car{border-bottom:none;}

.nymain{ padding:50px 0px; overflow:hidden;}
.zbleft_tel {background-color: #1A5EA7;border-radius: 5px; padding:15px 10px; overflow:hidden; margin-top:50px;}
.zbleft_tel strong{display:block;font-size:18px;line-height:34px;color:#FFFFFF;border-bottom:1px solid #fff;}
.zbleft_tel .tel{ font-size:18px; line-height:35px; border-bottom:none; margin-top:10px; font-weight:bold;}
.zbleft_tel .tel a{color:#fff;}
.nypub_zyright{width:76%; float:right;}
.mbx img{ display:inline-block;vertical-align:top;margin-right:10px;margin-top:2px;}
.mbx{ color:#000; border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:40px;}
.mbx a:hover,.mbx span{color: #1A5EA7;}

.abnyone{border-bottom:1px solid #e8e8e8;}  
.abpub{overflow:hidden; padding-bottom:20px; margin-bottom:20px;}
.abpub .abx_zb .text{width:47%; float:left;}  
.abpub .abx_zb .abx_img{width:50%; float:right;}  
.abpub .abx_zb .abx_img img{ display:block;width:100%;}
.abpub .text h3{color:#1E4481;font-size:22px;}
.abpub .text p{font-size:16px;color:#333333;line-height:2.5; text-indent:2em;}
.abnytwo .text p{ text-indent:inherit; }
.abnytwo .text p span{ display:block; position:relative;padding-left:20px;}
.abnytwo .text p span:before{ position:absolute; content:""; background:url(../images/jt.png) no-repeat left center;width:6px; height:7px;left:0px; margin-top:17px;}

/*企业文化*/
.wenhua_text strong{ display:block;font-size:16px;line-height:1;color:#333333;}
.wenhua_text span{ display:block;font-size:14px;color: #1e4481; font-weight:bold; margin-bottom:8px; margin-top:20px;}
.wenhua_text p{ font-size:14px;color: #000; line-height:28px;}
.qypub .qiye_img{width:50%; float:left;}
.qypub .wenhua_text{width:47%; float:right;}
.qypub{ overflow:hidden;}
.qiyetwo { margin-top:60px;}
.qiyetwo .qiye_img{ float:right;}
.qiyetwo .wenhua_text{ float:left;}
.qiyetwo h3{font-size:18px;color:#1e4481;}
.qiyetwo p{font-size:14px;line-height:2.5; text-indent:2em;} 



/*新闻列表*/
.nynews_cont li{ height:52px; line-height:52px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; position:relative; border-bottom:1px dashed #dfdfdf; padding-left:15px;}
.nynews_cont li:before{ position:absolute; content:"";width:5px; height:9px; background:url(../images/xwjt.png) no-repeat 0px 0px;left:0px; margin-top:22px; transition:.5s;}
.nynews_cont li:hover:before{background:url(../images/xwjt.png) no-repeat 0px -10px;}


/*新闻详细*/
.xwxx_tit{ text-align:center; background:url(../images/xw_xian.png) no-repeat left bottom; background-size:contain; overflow:hidden; padding-bottom:25px; margin-bottom:40px; }
.xwxx_tit h3{ color:#222; font-size:20px; margin-bottom:12px;}
.xwxx_tit p{ color:#666; font-size:14px;}

.xinwenxx_con .xw_wenzi p{ font-size:14px; color:#333; text-indent:2em; margin-bottom:20px;line-height:30px;} 
.xinwenxx_con .xw_wenzi .biaoqian{ font-size:18px; color:#333;}
.xinwenxx_con .xw_wenzi .biaoqian strong{color:#0074c5;}

.xwinside-page-news{ position:relative; margin-bottom:44px; margin-top:30px;}
.xwinside-page-news ul {
    height:38px;
    line-height: 38px;
    background: #eeeeee;
    position: relative;
}
.xwinside-page-news li {
    width: 42.2%;
    float: left;
    height: 38px;
    color: #333;
    font-size: 15px;
    padding: 0 23px;
    overflow: hidden;
}
.xwinside-page-news li a { display:inline-block;
    color: #333;
    -webkit-transition: all 0s;
    transition: all 0s;
}
.xwinside-page-news li:last-child {
    float: right;padding-left:40px;
}
.xwinside-page-news .fanhui {
    top: 0;
    left: 50%;
    width: 200px;
    color: #333;
    text-align: center;
    border-left: solid 2px #fff;
    border-right: solid 2px #fff;
    vertical-align: top;
    line-height: 38px; font-size:15px;
    margin-left: -100px;
    position: absolute; background:#e3e3e3;
}
.xwinside-page-news .fanhui:before {
    content: "";
    width: 23px;
    height: 18px;
    vertical-align: top;
    margin: 12px 10px 0 0;
    background: url(../images/fanhui-hui.png) center left no-repeat;
    display: inline-block;
}
.xwinside-page-news li:hover{ background:#1A5EA7; color:#fff;}
.xwinside-page-news li:hover a{ color:#fff;}
.xwinside-page-news .fanhui:hover{background:#1A5EA7; color:#fff;}
.xwinside-page-news .fanhui:hover:before { background: url(../images/fanhui-huih.png) center left no-repeat;}
.xinwenxx_list{ margin-bottom:50px; overflow:hidden;}
.xinwenxx_list .biaoti{ font-size:16px; color:#fff; margin-bottom:40px;}
.xinwenxx_list .biaoti span{background:#0074c5 url(../images/more2.jpg) no-repeat right center; display:inline-block;line-height:33px; padding:0px 48px 0px 16px;}
.xinwenxx_list li{ width:50%; float:left; font-size:14px; color:#222; padding-right:5%; margin-bottom:16px;}
.xinwenxx_list li a{ color:#222; background:url(../images/pro_tb5.html) no-repeat left center; padding-left:10px;}
.xinwenxx_list li span{ font-family:Arial, Helvetica, sans-serif; float:right;}
.xinwenxx_list li:hover{ color:#1A5EA7;}
.xinwenxx_list li:hover a{ color:#1A5EA7;}
.nyxinwen_xx{ overflow:hidden;}
.nyxinwen_xx .xinwenxx_gud{ float:left;}
.nyxinwen_xx .xw_wenzi{float: right;width:92%;}

/*工程与服务*/
.nyservice{ padding-top:50px; padding-bottom:100px;}
.serpublic{box-shadow: 1px 0px 3px 3px rgba(0, 0, 0, 0.2);border-radius: 10px; overflow:hidden; padding:40px 57px 46px 36px;width:49%; float:left; margin-right:2%; min-height:336px;}
.serpub_two{ margin-right:0px;}
.serpublic .ztp{float:left;width:50px; height:55px;}
.serpublic .seibei_toubu{ float:left;width:80%; padding-left:30px;} 


.ser_title{font-size: 30px;color: #222; text-align:center; margin-bottom:32px;}
.ser_title i{ display:block; margin:8px auto 0px;width:40px; height:4px; background:#0151b3;}
.sbbiaoti .cn{font-size:24px;color:#333333;}
.sbbiaoti .en{font-size:14px;color:#333333;}
.neirog { margin-top:25px;}
.neirog p{line-height:2;color:#333333; font-size:14px; position:relative; padding-left:18px;}
.neirog p:before{ position:absolute; content:"";width:8px; height:6px; background:url(../images/ser_tb1.jpg) no-repeat left center;left:0px; margin-top:12px;}

.serv_three{width:100%; margin-top:2%;}
.serv_three .serpublic{width:100%;}

.ser_title span{ display:block;font-size:14px;color:#848484; margin-top:15px;}



/*工业控制与系统集成*/
.neiye_xitong{ padding:0px 10%;}
.neiye_xitong .serpublic{ margin-bottom:20px; padding:30px;}
.neiye_xitong .serpublic .seibei_toubu .img{width:64px;margin:0 auto;}
.neiye_xitong .serpublic img{width:64px; height:64px;  display:block; float:none;}
.neiye_xitong .seibei_toubu .neirog{max-width:172px; margin:20px auto 0px;} 
.neiye_xitong .seibei_toubu .neirog p{font-size:16px;line-height:2;}

/*合作服务模式*/
.neiye_moshi{box-shadow: 1px 0px 3px 3px rgba(0, 0, 0, 0.2);border-radius: 10px; overflow:hidden; padding:40px 57px 46px 36px;width:100%;}
.neiye_moshi .img{ margin:0 auto;width:64px; height:64px;} 
.neiye_moshi .mosnr{ margin-top:40px;}  
.neiye_moshi span{ display:block;font-size:14px;line-height:2; color:#000;}  
.neiye_moshi strong{ display:block;font-size:14px;line-height:2;color:rgba(1, 81, 179, 1);}  
.mosnr p{font-size:14px;line-height:2; color:#000; }  
.moshi_two{ margin-top:20px;} 
.mosnr strong{font-size:16px;color:#333333; display:block; margin-bottom:5px;}

/*工程案例*/
.nyshebeicase li{ float:left;width:30%; margin-right:5%; margin-bottom:5%; background:#155095; padding:27px 27px 56px 27px; overflow:hidden; color:#fff;box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);}
.nyshebeicase li:nth-child(3n){ margin-right:0px;}
.nyshebeicase li .img{width:80px; height:80px; margin:0 auto;-webkit-transition: all 700ms ease;transition: all 700ms ease}
.nyshebeicase li p{font-size:22px;color:#FFFFFF; text-align:center; margin-top:30px;}
.nyshebeicase li:hover .img{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

.case_show{box-shadow: 1px 0px 3px 3px rgba(0, 0, 0, 0.2);border-radius: 10px; overflow:hidden;padding:10px;}

.mySwiper .swiper-slide {height: 100%;opacity: 0.4; }
.mySwiper .swiper-slide  img{ width:100%; display:block;}

.mySwiper .swiper-slide-thumb-active {opacity: 1; border-radius:5px; border:solid 2px #1A5EA7; padding:2px;}

/*联系我们*/
.contact h1{ padding-bottom:15px;}							 
.contact .fl{ width:50%;}
.contact .fl p{ line-height:35px;}
.contact .fl img{ max-width:25px; vertical-align:middle; margin-right:5px;}
.contact .fr{ width:50%; text-align:right}


.contact .map{width:100%; clear:both; padding-top:30px;}
.contact #allmap{height:500px;width:100%}
.contact #allmap img{max-width:initial;max-height:inherit;}
.contact #allmap .anchorBL{display:none}




/*在线留言*/
.message{position:relative;padding:0 150px 0 0px}
.message .jsh{padding:10px 0 30px 0}
.message ul{overflow:hidden}
.message li{width:100%;float:left;padding:0 6px;position:relative;padding-left:80px;padding-right:20px}
.message li label{display:inline-block;width:80px;padding-right:5px;text-align:right;position:absolute;left:0}
.message li em{font-style:normal;color:red;display:inline-block;width:20px;text-align:right}
.message input,.message textarea{background:#fff;border:none;padding:10px;color:#333;margin-bottom:18px;vertical-align:middle;box-shadow:inset 0 0 0 1px #bbb}
.message input{width:100%;max-width:325px;float:left}
.message input:focus{box-shadow:inset 0 0 0 2px #aacd06}
.message textarea{width:100%;padding-right:90px;min-height:150px}
.message textarea:focus{border:#aacd06 solid 2px}
.message .yzhm{width:100%}
.message .yzhm input{max-width:170px}
.message .yzhm img{margin-right:5px}
.message .btn{width:100%}


.message .reset,.message .submit{font-size:16px;width:44%;display:inline-block;max-width:140px;padding:0 5px;text-align:center;line-height:40px;color:#fff;margin:0 20px 0 0; }
.message .submit{transition:all .5s;border:2px #1A5EA7 solid;background:#1A5EA7;cursor: pointer}
.message .submit:hover{background:0 0;border:2px #1A5EA7 solid;color:#666}
.message .reset{background:#8f8f8f;border:2px #8f8f8f solid;color:#fff;cursor: pointer}
.message .reset:hover{background:0 0;border:2px #1A5EA7 solid;color:#666}
.message .verify{max-height:39px;vertical-align:middle;margin-left:5px}
.message .bottom-logo{width:130px;height:50px;position:absolute;bottom:40px;left:50%;margin-left:-65px}




/*人才招聘*/
.job{padding-top:32px;padding-bottom:40px}
.job .job-info{text-align:center;font-size:16px;color:#606060;line-height:28px}
.job .job-info span{color:#33a662}
.job .job-info a{color:#33a662;text-decoration:underline}
.job .job-info a:hover{color:#8fc41f}
.job dl{overflow:hidden;margin-top:37px}
.job dl dt{display:block}
.job dl dt span{display:block;float:left;text-align:left;width:10%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.job dl dt .name{width:31%;padding-right:20px;padding-left:33px}
.job dl dt .address{width:22%;margin-right:8%;text-align:center}
.job dl dt .bumen{width:7%;text-align:center;margin-right:16%}
.job dl dt .fabu{text-align:center}
.job dl .list0{height:45px;line-height:45px;background:#1A5EA7}
.job dl .list0 span{font-size:14px;font-weight:700;color:#fff}
.job dl .list_dt{cursor:pointer;height:45px;line-height:45px;transition:width 2s;background:#f5f5f5}
.job dl .list_dt .subnav{display:block}
.job .list_dt{color:#666;cursor:pointer;position:relative;margin-bottom:3px}
.job .list_dt:hover{transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-webkit-transition:all .5s linear;background:#faf6e8}
.job .list_dd{display:none}
.job #open{background:#e9f4ff;margin-bottom:0}
.job .jobsub{background:#f7fafe;line-height:24px;padding:19px 27px 50px 27px;font-size:14px;color:#666}
.job .jobsub .bt{font-size:14px;color:#333}
.job .jobsub p{font-size:14px}
.job .jobsub .toudi{border-top:1px solid #eee;padding-top:20px;margin-top:20px;color:#666}
.job .jobsub .toudi a{color:#8fc41f}
.job .jobsub .toudi a:hover{text-decoration:underline}
.job .jobsub .jianli-btn{margin-top:10px}
.job .jobsub .jianli-btn a{display:block;font-size:16px;color:#fff;width:136px;height:33px;line-height:33px;padding-left:47px;border-radius:5px;background:#1A5EA7 url(../images/job-01.png) no-repeat 25px center;transition:.5s}
.job .jobsub .jianli-btn a:hover{background:#0b4a8d url(../images/job-01.png) no-repeat 25px center}
@media(max-width:768px){.job .jobsub{padding:15px}
.job dl dt .fabu{display:none}
.job dl dt .bumen{width:27%;margin-right:0}
.job .jobsub .jianli-btn a{font-size:14px}
.job dl dt .address{width:33%;margin-right:0}
.job dl dt .name{padding-left:20px;width:40%}
}




@media (max-width:1024px){.message{padding-left:50px;padding-right:50px}
}
@media (max-width:640px){.message{padding-left:0;padding-right:0}
.message li{padding-left:0;padding-right:20px}
.message li label{width:100%;display:block;clear:both;text-align:left;position:relative;line-height:30px}
.message li em{position:absolute;right:0;top:30px;text-align:center}
.message input{max-width:100%}
.message .yzhm{padding-right:0}
.message .yzhm input{width:40%}
.message .btn{text-align:center}
.message .reset,.message .submit{margin-right:0}
}
@media (max-width:414px){.message{font-size:12px}
.message .yzhm input{margin-bottom:0;width:30%}
.message .yzhm .a-01{text-align:left}
.message .btn{margin-top:25px}
.message .btn .reset,.message .btn .submit{max-width:120px;line-height:32px;margin:0 5px}
}




@media (max-width:1300px){

}

@media (max-width:1200px){
.dibu .dibu_right ul{width:85%; float:right;}
.xinwenxx_list li{ width:100%;}

}

@media (max-width:1024px){
.home-banner .swiper-pagination{ display:block;}
.home-banner .swiper-button-next,.home-banner .swiper-button-prev{ display:none;}
.zerenlist .pub .hover{ font-size:17px;}
.zerenlist .pub .wenzi{ font-size:18px;}
.zerenlist .pub .wenzi .en{font-size: 14px;}
.zeren_title .cn{ font-size:19px;}
.zeren_title span{ font-size:24px;}
.zeren_title::before{top:0px;}
.dibu .dibu_right ul{ display:none;}
.dibu .dibu_left {width:100%; float:none;}
.dibu .dibu_right {width:100%; float:none;}
.partlist li{width: 30.999999% !important;}

.nyab_zyleft{ display:none;}
.nypub_zyright{width:100%; float:none;}
.nymain{padding: 30px 0px;}

.xwinside-page-news{ position:inherit;}
.xwinside-page-news ul{ overflow:hidden; position:inherit; height:auto;line-height:38px;}
.xwinside-page-news li{ width:100%; }
.xwinside-page-news li:last-child{ padding-left:30px; background:#eeeeee;}
.xwinside-page-news li:last-child:hover{ background:#0074c5;}
.xwinside-page-news .fanhui{ position:inherit; margin-left:0px;width:100%; height:38px; line-height:38px; display:block; text-align:left; padding-left:30px;}


	}

@media (max-width:992px){
.csjd_two .toptel{ display:none;}
.daohang{ display:none;}
.phone-nav{ display:block;top:63px;}
.csjd_two .logo{ height:60px;}
.hometitle .en{font-size: 20px;}
.csjd_homeabout{margin-top: 20px;margin-bottom: 30px;}
.hometitle .cn{ font-size:18px; font-weight:bold;}
.bjabout{padding: 30px;}
.homebj{ padding:30px;}
.nybiaoti .abcn{ font-size:17px;padding-bottom: 10px;}
.nybiaoti .abcn::after{bottom: 0px;margin-left: -84px;}
.nybiaoti{ margin-bottom:15px;}
.zerenlist .pub .hover{ font-size:15px;}
.zeren_title{padding-bottom: 20px;}
.csjd_homenews{ margin-top:20px;}
.home_newslist .xw_left li{margin-bottom: 12px;padding-bottom: 12px;}
.mySwipernews{padding-bottom: 78px;}
.xw_right .swiper-button-next{right:30%;}
.xw_right .swiper-button-prev{left:30%;}
.csjd_homeparters{margin-top: 30px;}
.abpub .text p{ font-size:14px; line-height:30px;}
.abpub .text h3{font-size: 17px;}
.nyservice{ padding-top:30px; padding-bottom:40px;}

.serpublic{ padding:30px 20px;}

.ser_title{ font-size:18px; font-weight:bold;}
.sbbiaoti .cn{ font-size:18px;}
.neiye_xitong{ padding:0px 0px;}
.neiye_xitong .serpublic{width:49%; float:left;}
.nyshebeicase li{ padding-bottom:20px 10px 40px 10px; margin-right:2%;width:32%; margin-bottom:2%;}
.nyshebeicase li p{ font-size:14px; margin-top:20px;}

}

@media (max-width:768px){
.zerenlist .left{width:100%; float:none; margin-bottom:20px;}
.zerenlist .right{width:100%; float:none;}
.home_newslist .xw_left{width:100%; float:none;}
.xw_right{width:100%; float:none; margin-top:20px;}
.xw_right img{ display:block; margin:0 auto;}
.abpub .abx_zb .text{width:100%; float:none;}
.abpub .abx_zb .abx_img{width:100%; float:none; margin-top:10px;}

.qypub .qiye_img{width:100%; float:none;}
.qypub .wenhua_text{width:100%; float:none; margin-top:15px;}
.qiyetwo .wenhua_text{ margin-bottom:15px;}
.qiyetwo {margin-top: 18px;}
.serpublic{width:100%; float:none; margin-bottom:20px;}


.contact .fl{ width:100%; padding-bottom:30px;}
.contact .fr{ width:100%;}

.contact #allmap{height:300px;width:100%}

}
@media (max-width:640px){
.csjd_one{ display:none;}
.phone-nav{top:23px;}
.neiye_xitong .serpublic{width:100%; float:none;}
.nyshebeicase li{ margin-right:2% !important;width:49%; margin-bottom:2%;}
.nyshebeicase li:nth-child(3n){ margin-right:2% !important;}
.nyshebeicase li:nth-child(2n){ margin-right:0px !important;}


}



@keyframes myfirst{0%{transform:translate(0,0)}
50%{transform:translate(0,-10px)}
100%{transform:translate(0,0)}
}
@-webkit-keyframes myfirst04 {
	0% {
		opacity: .5;
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes myfirst04 {
	0% {
		opacity: .5;
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}


@keyframes shake{
0%{transform:scale3d(1,1,1) rotate(.1deg);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1)}
21%{opacity:1;visibility:visible}
95%{transform:scale3d(1.14,1.14,1.14) rotate(.1deg);-webkit-transform:scale3d(1.14,1.14,1.14);-moz-transform:scale3d(1.14,1.14,1.14);-o-transform:scale3d(1.14,1.14,1.14)}
100%{opacity:0;visibility:hidden;transform:scale3d(1,1,1) rotate(.1deg);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1)}
}
@-moz-keyframes shake{
0%{transform:scale3d(1,1,1) rotate(.1deg);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1)}
21%{opacity:1;visibility:visible}
95%{transform:scale3d(1.14,1.14,1.14) rotate(.1deg);-webkit-transform:scale3d(1.14,1.14,1.14);-moz-transform:scale3d(1.14,1.14,1.14);-o-transform:scale3d(1.14,1.14,1.14)}
100%{opacity:0;visibility:hidden;transform:scale3d(1,1,1) rotate(.1deg);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1)}
}
@-ms-keyframes shake{
0%{transform:scale3d(1,1,1) rotate(.1deg);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1)}
21%{opacity:1;visibility:visible}
95%{transform:scale3d(1.14,1.14,1.14) rotate(.1deg);-webkit-transform:scale3d(1.14,1.14,1.14);-moz-transform:scale3d(1.14,1.14,1.14);-o-transform:scale3d(1.14,1.14,1.14)}
100%{opacity:0;visibility:hidden;transform:scale3d(1,1,1) rotate(.1deg);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1)}
}
@-webkit-keyframes shake{
0%{transform:scale3d(1,1,1) rotate(.1deg);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1)}
21%{opacity:1;visibility:visible}
95%{transform:scale3d(1.14,1.14,1.14) rotate(.1deg);-webkit-transform:scale3d(1.14,1.14,1.14);-moz-transform:scale3d(1.14,1.14,1.14);-o-transform:scale3d(1.14,1.14,1.14)}
100%{opacity:0;visibility:hidden;transform:scale3d(1,1,1) rotate(.1deg);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1)}
}
@-o-keyframes shake{
0%{transform:scale3d(1,1,1) rotate(.1deg);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1)}
21%{opacity:1;visibility:visible}
95%{transform:scale3d(1.14,1.14,1.14) rotate(.1deg);-webkit-transform:scale3d(1.14,1.14,1.14);-moz-transform:scale3d(1.14,1.14,1.14);-o-transform:scale3d(1.14,1.14,1.14)}
100%{opacity:0;visibility:hidden;transform:scale3d(1,1,1) rotate(.1deg);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1)}
}
@keyframes pulse-border{
0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);opacity:0}
}
@-moz-keyframes pulse-border{
0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);opacity:0}
}
@-ms-keyframes pulse-border{
0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);opacity:0}
}
@-webkit-keyframes pulse-border{
0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);opacity:0}
}
@-o-keyframes pulse-border{
0%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}
100%{-webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);opacity:0}
}


@keyframes zhuanquan {
	100% {
		transform: rotate(360deg)
	}
}