@charset "utf-8";
/* 浏览器样式初始化 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:14px;font-family:"Microsoft Yahei";line-height:2em;max-height: 9999999px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
html,body{color:#333;overflow-x: hidden;}
body{background:#fff;/*min-width: 1200px;*/overflow: hidden;font-family: "Microsoft Yahei";}
ul,ol,li{list-style:none}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease; }
img{border:0}
em,i,b{font-style: normal;font-weight: normal;}
h1,h2,h3,h4,h5{font-weight:normal}
input,textarea{outline: none;border: none;}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { zoom:1; }
.left { float:left; }
.right { float:right; }
.hide{ display:none;}
.transition{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.imgbig{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;display: block!important;}
.imgbig:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);} 
.imgbigout{display: block;overflow: hidden;}
.lazy,.lazyload{background: url("loading.gif") 50% 50% no-repeat;}

/*滚动条整体*/
body::-webkit-scrollbar{
    width:10px !important;
    /*滚动条宽度*/
}
/*滚动条按钮*/
body::-webkit-scrollbar-button {
}
body::-webkit-scrollbar-track{
    background-color:#f3f3f3;
    /*滑道全部*/
}
body::-webkit-scrollbar-track-piece{
    background-color:#f3f3f3;
    /*滑道*/
    -webkit-border-radius:4px;
    /*滑道圆角宽度*/
}
body::-webkit-scrollbar-thumb{
    background-color:#ddd;
    /*滑动条表面*/
    border:solid 1px #C0C0C0;
    /*滑动条边框*/
    border-radius:4px;
    /*滑动条圆角宽度*/
}
/*横竖滚动条交角*/
body::-webkit-scrollbar-corner {
    background-color: #ddd;
}
/*横竖滚动条交角图案*/
body::-webkit-resizer {
    background-repeat: no-repeat;
    background-position: bottom right;
}
/*鼠标滑过滑动条*/
body::-webkit-scrollbar-thumb:hover{
    background-color:#F3F3E0;
}


/*延迟加载*/
.lazy {background: url("loading.gif") 50% 50% no-repeat;}
.inner{width: 1200px;margin: 0 auto}
.no-margin-right{margin-right: 0 !important;}
/*分页框架*/
.pager {width:100%; color:#0f0b09; line-height:30px; padding:100px 0; font-size:24px; text-align:center;opacity: 0.3}
.pager a,.pager span {text-decoration: none;height:26px;line-height:26px;display:inline-block;margin:0 10px;font-size: 24px}
.pager a:hover { color: #0f0b09; opacity: 1 }
.pager a:active { color: #0f0b09;  }
.pager span.now  { color: #00468e;  }
.pager span.disabled { color: #0f0b09; } 
.pager .current:first-child,.pager .p1:last-child{display: none}


/* 首页 */
.i-head{position: fixed;top: 0;left: 0;z-index: 999;height: 112px;width: 100%;/*min-width: 1200px;*/}
.i-head-logo, .i-head-nav{position: absolute;}
.i-head-logo{left: 50px;top: 30px;}
.logo-pic{display: none;}
.i-head-nav{right: 50px;top: 46px;}
.i-head-nav li{float: left;margin-right: 40px;}
.i-head-nav li a{color: #fff;font-size: 16px;line-height: 27px;}

.i-head-small{height: 80px;background: #fff; -webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px; -moz-box-shadow: rgba(0,0,0,.1) 0 1px 5px; box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease;}
.i-head-small .i-head-logo{top: 14px}
.i-head-small .i-head-nav{top: 25px;}
.i-head-small .i-head-nav li a{color: #000;}
.i-head-small .i-logo-pic{display: none;}
.i-head-small .logo-pic{display: block;}

.i-banner-wrap{position: relative;/*height: 100%;*/}
.i-banner{/*width: 100%; height: 980px; */ position: relative;background-color:#eee;/*height: 100% !important;*/}
.i-banner .bd  {z-index:0; overflow: hidden; height: 100%!important;}
.i-banner .bd ul {width: 100% !important; height: 100%!important;}
.i-banner .bd li {width: 100% !important; height: 100vh;  text-align: center;background-repeat:no-repeat;background-position:center;background-size:cover}
.i-banner .bd li video{/*width: 100%;height: 100%;*/}
.i-banner .bd li a{display:block;width:1200px;margin:0 auto;height: 100%;}
.banner-text{position: absolute;left: 50%;top: 50%;margin-top:-80px;z-index: 99;height: 160px;width: 1200px;margin-left: -600px;text-align: center;}
.banner-text h3{color: #fffefe;font-size: 48px;font-weight:bold}
.banner-text h4{color: #fffefe;font-size: 16px;line-height: 60px;}
.i-wrap { position: relative; z-index: 1; margin: 0 auto; width:1200px}

.i-banner .i-banner-num{display: none;position: absolute;bottom: 0;left: 0;width: 100%;height: 35.7%;background: url(img/i-banner-bg.png) center;}
.i-banner .i-banner-num ul{height: 100%;}
.i-banner .i-banner-num ul li{width: 25%;float: left;color: #fffefe;height: 100%;}
.i-banner-num .i-banner-numlist{box-sizing: border-box;position: relative;left: 50%;top: 50%;margin-left: -40.8%;margin-top: -15.2%;width: 81.6%;height: 60.6%;text-align: center;}
.i-banner-num .title{font-size: 24px;color: #fffefe;margin-top: 14%;}
.i-banner-num .title span{font-size: 80px;color: #fffefe;margin-right: 14px;}
.i-banner-num .subtitle{font-size: 24px;color: #fffefe;}
.i-banner .i-banner-num ul li:hover .i-banner-numlist{border: 4px solid #fff;}

.i-banner video{object-fit: fill;}

.i-banner  .btn{position:absolute;top:50%;width:28px;height:28px;margin-top:-14px;display:block;z-index:1;background: url(img/banner-arrow.png) no-repeat;}
.i-banner .prev{left:2%;background-position: 0px -28px}
.i-banner .prev:hover{background-position: 0px 0px}
.i-banner .next{right:2%;background-position: -28px -28px}
.i-banner .next:hover{background-position: -28px 0px}



/* i-wrap1 */
.i-wrap1{/*height: 920px;*/background: #fff;}
.i-wrap1-inner{padding: 108px 0 120px;}
.i-wrap1-inner ul li{position: relative;float: left;margin: 0 0.4% 0.8%;width: 24.2%;}
.i-wrap1-inner ul li a{width: 100%;}
.i-wrap1-inner ul li a img{width: 100%;height: 100%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;display: block!important;}
.i-wrap1-inner ul li:first-child{width: 49.2%;}
.i-wrap1-inner .i-wrap1-pic{font-size: 0;overflow: hidden;}
.i-wrap1-inner .i-wrap1-pic span{position: absolute;width: 100%;height: 60px;bottom: 0;left: 0;background: rgba(0,0,0,.5);color:#fff;font-size: 18px;text-align: center;line-height: 60px;opacity: 1;transition: .3s;}
.i-wrap1-inner .i-wrap1-hover{position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 0;transition: .5s;}
.i-wrap1-hover span{position: absolute;bottom: 78px;font-size: 18px;color: #fff;text-align: center;width: 100%;}
.i-wrap1-inner ul li a:hover .i-wrap1-hover{opacity: 1;}
.i-wrap1-inner ul li a:hover .i-wrap1-pic span{opacity: 0;}
.i-wrap1-inner ul li a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);} 

/* i-wrap2_4 */
.i-wrap2_4{position: relative;background: url(img/i-wrap3-bg.jpg) center fixed no-repeat;}
.i-wrap-title{text-align: center;height: 130px;}
.i-wrap-title h3{font-size: 36px;}
.i-wrap-title h4{font-size: 14px;line-height: 50px;}

.i-wrap2,.i-wrap4{position: relative;height: 776px;color: #fff;}
.i-wrap2 .i-wrap-title,.i-wrap4 .i-wrap-title{position: absolute;top: 50%;left: 50%;margin-top: -65px;width: 900px;margin-left: -450px;}
.i-wrap2{background: url(img/i-wrap2-bg.png) center no-repeat;}
.i-wrap4{background: url(img/i-wrap4-bg.png) center no-repeat;}
.i-wrap3{height: 927px;padding-top: 100px;}

.i-wrap3-main{position: relative;margin-top: 30px;}
.i-wrap3-main ul{background: #fff;padding: 0 10px;}
.i-wrap3-main ul li{font-size: 0;}
.i-wrap3-main ul li img{width: 100%;}
.i-wrap3-hover{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.7) url(img/jh.png) center no-repeat;opacity: 0;transition: .5s;}
.i-wrap3-hover span{position: absolute;top: 30%;width: 100%;font-size: 26px;color: #fff;text-align: center;}

.i-wrap3-main .btn{position: absolute;width: 50px;height: 50px;z-index: 99;}
.i-wrap3-main .swiper-button-prev{background: url(img/icons.png) 0 -34px no-repeat;}
.i-wrap3-main .swiper-button-next{background: url(img/icons.png) 0 -88px no-repeat;}
.i-wrap3-main ul li:hover .i-wrap3-hover{opacity: 1;}


.i-wrap5{}
.i-wrap5-inner{padding: 160px 0;}
.i-wrap5-inner ul{}
.i-wrap5-inner ul li{float: left;width: 23.4%;margin: 0 0.8%;box-shadow: 2px 2px 10px #e8e8e8;}
.i-wrap5-inner ul li img{width: 100%;margin-bottom: 26px;}
.i-wrap5-text{padding: 0 26px;transition: all .8s;}
.i-wrap5-text .n-title{height: 46px;overflow: hidden;}
.i-wrap5-text .n-subtitle{height: 78px;overflow: hidden;}
.n-title{font-size: 18px;color: #333;line-height: 46px;}
.i-wrap5 .n-title{height: 46px;overflow: hidden;}
.n-subtitle{font-size: 14px;color: #666;line-height: 26px;}
.n-time{font-size: 14px;color: #333;margin: 40px 0;}
.i-wrap5 ul li:hover{box-shadow: 2px 2px 10px #979797;}
.i-wrap5 ul li:hover .i-wrap5-text{margin-top: -10px;padding-bottom: 10px;}
.i-wrap5 ul li:hover .n-title{color: #00468e;}

.i-wrap6{height: 600px;background-image: url(img/i-wrap6-bg.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.i-wrap6 .i-wrap-title{color: #fff;padding-top: 246px;}

.i-wrap7{padding: 200px 0;}
.i-wrap7-inner{position: relative;height: 439px;background: url(img/i-wrap7-bg.jpg) center no-repeat;}
.i-wrap7-btn{position: absolute;top: 50%;margin-top: -38px;width: 198px;height: 76px;border: 1px solid #fff;text-align: center;line-height: 76px;}
.i-wrap7-btn:hover{box-shadow: 2px 2px 10px #f7f7f7;}

.i-wrap7-btn a{color: #fff;}
.cn-title{font-size: 24px;}
.en-title{font-size: 14px;}
.i-about{left: 20.8%;}
.i-contact{right: 20.8%;}

.foot{position: relative;height: 459px;background: url(img/foot-bg.jpg) center no-repeat;}
.foot-main{padding-top: 50px;}
.foot-main .foot-info{margin-left: 7.7%;}
.foot-info li{font-size: 14px;color: #fff;line-height: 40px;text-indent: 32px;}
.foot-info li.foot-logo{text-indent: 0;}
.foot-info .address{background: url(img/icons.png) -480px -34px no-repeat;}
.foot-info .tel{background: url(img/icons.png) -480px 0 no-repeat;}
.foot-info .fax{background: url(img/icons.png) -480px -70px no-repeat;}

.foot-main .foot-nav{width: 65%;}
.foot-main .foot-nav li{float: left;width: 16.66%;box-sizing: border-box;}
.foot-main .foot-nav li .foot-nav-title{font-size: 14px;color: #fff;font-weight: bold;margin-bottom: 30px;}
.foot-main .foot-nav li a{display: block;width: 60px;font-size: 14px;color: #b2b2b2;line-height: 26px;}
.foot-main .foot-nav li:nth-child(3) a,
.foot-main .foot-nav li:nth-child(4) a{width: 115px;}

.foot-copyright{font-size: 14px;color: #fff;line-height: 26px;position: absolute;bottom: 20px;left: 7.5%;width: 85%;}
.foot-copyright a{color: #fff;}

.right-tips{position: fixed;right: 8px;height: 215px;bottom: 20%;z-index: 999;}
.right-tips li{margin-bottom: 5px;width: 50px;height: 50px;border-radius: 50px;}
.right-tips li a{display: block;width: 50px;height: 50px;border-radius: 50px;font-size: 0;}
.right-tips .tel{background: #00468e url(img/icons.png) -455px -120px no-repeat;}
.right-tips .wechat{background: #00468e url(img/icons.png) -455px -176px no-repeat;}
.right-tips .qq{background: #00468e url(img/icons.png) -455px -232px no-repeat;}
.right-tips .toTop{background: #00468e url(img/icons.png) -455px -288px no-repeat;}

.right-tips li:hover{background-color: #00578e;}

.right-tips li.tel .text-hide{position: absolute;right: 100px;width: 166px;left: -166px; top: -35px;}
.right-tips li.tel .text-hide .text-hide-inner{width: 150px; background: #00468e; border-radius: 4px; color: #fff; padding: 5px 0 15px 0;box-shadow: 0 0 8px 0 rgba(0,0,0,.2);  display: none;}
.right-tips li.tel .text-hide .text-hide-inner dl{width: 125px; margin: 0 auto; overflow: hidden; text-align: left; line-height: 22px; font-size: 12px;
 margin-top: 10px;}
.right-tips li.tel .text-hide .text-hide-inner dl s{ font-style: normal; text-decoration: none;  color: #fff; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; 
font-weight: bold;}
.right-tips li.tel .text-hide .text-hide-inner:after {content: ""; width: 10px; height: 10px; background: #00468e; position: absolute; right: 11px; top: 58px; transform: rotate(45deg); }

.code-hide{z-index: 10000; position: fixed; _position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(img/shadow.png); 
  display: none;}
.code-hide .code-hidecon{width: 360px; height: 400px; z-index: 100001; position: fixed; top: 50%; left: 50%; background: #fff; 
  margin: -200px 0 0 -180px; box-shadow: 1px 1px 6px 3px rgba(0,0,0,.2); display: none; text-align: center;}
.code-hide .code-hidecon dl{    margin-top: 60px; font-size: 14px; color: #333; line-height: 40px;}
.code-hide .code-hidecon dl img{display: block; width: 200px; height: 200px; margin:0 auto 10px;}
.code-hide .code-hidecon dl a{width: 110px; height: 40px; background: #00468e; color: #fff; display: inline-block; border-radius: 2px; font-size: 14px; line-height: 40px;  
  margin-top: 10px;}



/* 内页通用样式 */
.head{position: relative;height: 100px;width: 95.3%;left: 4.7%;}
.head-logo{position: absolute;top: 33px;}
.head-nav{position: absolute;right: 233px;}
.head-nav ul li{float: left;width: 108px;text-align: right;}
.head-nav ul li a{line-height: 100px;font-size: 16px;color: #333;font-weight: bold;}
.head-nav ul li.on a{color: #00468e;border-bottom: 1px solid #00468e;}

.more{font-size: 14px ; color: #00468e; width: 40%; height: 40px; border: 1px solid #00468e; display: block; text-align: center; line-height: 40px;}
.more:hover{background:  #00468e; opacity:0.9; color: #fff !important;}



.banner{position: relative;height: 529px;}
.banner-shape{position: absolute;width: 88%;height: 100%;background: url(img/banner-bg.png) right 0 no-repeat;}
.banner-nav{position: absolute;;width: 12%;height: 100px;right: 0;top: -100px;background: url(img/banner-nav-bg.png) 0 0 no-repeat;}
.banner-nav .nav-current{display: block;font-size: 16px;color: #fff;line-height: 100px;text-indent: 35%;}

.banner-content{position: absolute;left: 4.7%;top: 160px;}
.banner-content .cn-name{font-size: 48px;color: #fff;margin-bottom: 10px;text-transform:uppercase;}

.cn-name::after{display: block;width: 50px;height: 1px;content: '';background: #fff;}
.banner-content .en-name{font-size: 18px;color: #fff;}


/* news_list */
.news_main{position: relative;overflow: hidden;}
.news_main .column_tit{margin-bottom: 0;}
.news-top{position: relative;width: 1183px;height: 700px;margin: 0 auto;}
.news-top .news-top-text{position: relative;top: 126px;z-index: 9;width: 540px;height: 370px;padding: 80px 64px 0 46px;background: #fff;box-shadow:0px 0px 18px 1px rgba(0,0,0,0.3);}
.news-top .bd li{height: 700px;}
.news-top-text .n-title{font-size: 24px;color: #333;}
.news-top-text .n-time{font-size: 14px;color: #666;margin: 20px 0;}
.news-top-text .n-subtitle{font-size: 14px;color: #666;line-height: 24px;}
.news-top-text .n-more{margin-top: 44px;}
.news-top .news-top-pic{position: absolute;width: 600px;height: 700px;right: 0;top: 0;z-index: 8;}
.news-top .hd ul{ text-align:center;width: 650px;position: absolute;left: 0;bottom: 58px;}
.news-top .hd ul li { cursor: pointer; display: inline-block; zoom:1; width: 12px; height: 12px; margin: 5px 11px;  overflow: hidden;*display:inline;line-height: 9999px;background:#d8d8d8;-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.news-top .hd ul li.on{ background:#00468e; }
.news-submenu{margin: 100px 0 55px;}
.news-submenu ul{margin-left: 11px;}
.news-submenu ul li{float: left;width: 33.0%;height: 60px;text-align: center;transform: skew(-20deg);box-shadow:1px 1px 5px rgba(0,0,0,0.3);}
.news-submenu ul li.current{background: #00468e;}
.news-submenu ul li.current a{color: #fff;font-weight: bold;}
.news-submenu ul li a{display: block;font-size: 16px;color: #333;line-height: 60px;transform: skew(20deg);}
.news-list{min-height: 530px;overflow: hidden;}
.news-list ul li{float: left;width: 30%;margin: 0 1.65% 40px;background: #fff;}
.news-list ul li img{width: 100%;}
.news_main .news-more{width: 10%;position: absolute;bottom: 90px;left: 50%;margin-left: -5%;}


.main{max-width: 1523px;margin: 0 auto;background: #f2f8f9;}
.article-read{width: 1160px;margin: 0 auto;padding-top: 110px;padding-bottom: 170px;}
.article-top .article-title{font-size: 22px;color: #333;font-weight: bold;}
.article-top .article-info{font-size: 14px;color: #333;margin: 6px 0 0;padding-bottom: 15px;border-bottom: 1px solid #00468e;}
.article-top .article-time{color: #00468e;margin: 10px 0 20px;}
.article-main{width: 810px;float: left;}
.article-content{}
.article-content p{line-height: 26px;margin-bottom: 16px;}
.sidebar{width: 320px;float: left;margin-left: 30px;}
.sidebar-top form{height: 50px;margin-bottom: 20px;overflow: hidden;}
.sidebar-top form .search-keyword{width: 100%;height: 50px;font-size: 14px;color: #ccc;text-indent: 20px;box-shadow: 1px 1px 10px 1px #e6e6e6;}
.sidebar-news{padding: 10px 20px 67px;background:#fff;}
.sidebar-news li{position: relative;height: 88px;padding-top: 6px;padding-right: 36px;border-bottom: 1px solid #e6e6e6;}
.sidebar-news li a{font-size: 14px;color: #666;line-height: 25px;}
.sidebar-news li p{position: absolute;bottom: 7px;font-size: 12px;color: #888;line-height: 26px;}
.article-read .news-share{float: left;width: 100%;height: 68px;background: #ebf0f1;margin: 50px 0 20px;}
.news-share span{line-height: 68px;color: #333;font-size: 14px;margin-left: 10px;}
.share-btn{background: url(img/share-icon.jpg) no-repeat;}
.share-btn a{float: left;width: 66px !important;height: 68px !important;padding: 0 !important;margin: 0 !important;background: none !important;}
.articlepage-link{}
.articlepage-link li a{display: block;width: 298px;height: 40px;border: 1px solid #00468e;text-align: center;line-height: 40px;color: #00468e;}
.articlepage-link li:hover a{color: #fff;background: #00468e;}


/* 解决方案 */
.sol-wrap{position: relative;padding-top: 150px;}
.sol-wrap-bg{position: absolute;width: 80%;height: 100%;top: 0;left: 10%;background: #f2f8f9;}
.sol-odd, .sol-even{position: relative;margin-bottom: 80px;background: #fff;}
.sol-wrap .sol-wrap-text{position: relative;top: 60px;}
.sol-wrap .sol-wrap-pic{}
.sol-wrap .sol-wrap-pic img{max-width: 100%;}
.sol-wrap .more{margin: 60px auto 0;width: 75%;}

.sol-wrap .rec-bg1-head{position: relative;margin: 0 auto;box-sizing: border-box;width: 80%;}
.sol-wrap .rec-bg1-head:after{content: "";display: block;position: absolute;top: 0;left:50%;margin-left: -26px;background: url(img/sol-bg.png) no-repeat;width: 53px;height: 121px;}
.sol-wrap .rec-bg1-head h2{font-size: 34px;line-height: 34px;color: #333;text-align: center;}
.sol-wrap .rec-bg1-head span{font-size: 14px;line-height: 14px;color: #333;text-align: center;display: block;margin-top: 7px;}


.sol-odd{width: 90%;float: right;}
.sol-odd .sol-wrap-text{float: left;width: 24.8%;color: #333;}
.sol-odd .sol-wrap-pic{float: left;width: 75.2%;font-size: 0;}
.sol-even{width: 90%;float: left;}
.sol-even .sol-wrap-text{float: right;width: 29.6%;height: 100%;background: #fff;color: #333;}
.sol-even .sol-wrap-pic{float: right;width: 70.4%;font-size: 0;}

/* 服务支持 */
.service{position: relative;}
.service-wrap1{height: 570px;}
.service-wrap1 .hd{position: absolute;left: 0;top: 116px;width: 62%;height: 570px;}
.service-wrap1 .hd li{position: absolute;transition: all 1s;font-size: 0;overflow: hidden;}
.service-wrap1 .hd li span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4);opacity: 1;transition: all 1s;}
.service-wrap1 .hd li img{width: 100%;transition: all .5s;}
.service-wrap1 .hd li.list01{left: 0;top: 20%;z-index: 5;width: 44%;}
.service-wrap1 .hd li.list02{left: 34.8%;top: 0;z-index: 4;width: 44%;}
.service-wrap1 .hd li.list03{left: 27.5%;top: 36.6%;z-index: 3;width: 46%;}
.service-wrap1 .hd li.list04{left: 68%;top: 30.2%;z-index: 2;width: 31.7%;}
.service-wrap1 .hd li.on{z-index: 9;box-shadow: 2px 2px 10px #979797;}
.service-wrap1 .hd li.on img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.service-wrap1 .hd li.on span{opacity: 0;display: none;}

.service-wrap1 .bd{position: absolute;left: 68%;width: 29%;}
.service-wrap1 .bd li{width: 100%;}
.service-wrap1 .bd li .title{font-size: 54px;color: #00468e;}
.service-wrap1 .bd li .title i{font-size: 65px;margin-right: 46px;font-style:italic;}
.service-wrap1 .bd li .subtitle{font-size: 32px;color: #333;line-height: 56px;}

.service-wrap2{position: relative;}
.service-wrap2-list{position: relative;}
.service-wrap2-pic,.service-wrap2-text{}
.service-wrap2-pic{float: left;width: 59%;font-size: 0;}
.service-wrap2-pic img{max-width: 100%;}
.service-wrap2-text{float: left;width: 41%;position: relative;min-height: 472px;}
.service-wrap2-textinner{width: 460px;height: 260px;margin-left: -230px;margin-top: -130px;position: absolute;left: 50%;top: 50%;}
.service-wrap2-text .title{font-size: 30px;color: #00468e;}
.service-wrap2-text .subtitle{font-size: 16px;color: #333;margin-bottom: 40px;}
.service-wrap2-text .summary{font-size: 14px;color: #666;line-height: 30px;}





/* =========================== 小慧姐 =========================== */

.time03{transition: all 0.3s; -moz-transition: all 0.3s; /* Firefox 4 */ -webkit-transition: all 0.3s; /* Safari 和 Chrome */ -o-transition: all 0.3s; /* Opera */}
.time05{transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari 和 Chrome */ -o-transition: all 0.5s; /* Opera */}

/*工程案例开始*/
.pal{width: 100%; background-color: #fff; position: relative;}
.gcal{ padding-top: 107px; padding-bottom: 205px; z-index: 3;}
.pal .lan{width: 80%; margin:0 auto; background-color: #f2f8f9; }

.pdzitem{color: #333;padding-right: 15px; margin-bottom: 6.5%; }
.pdzitem h3 span{font-size: 34px;line-height: 1em ; margin-bottom: 15px; color: #333; background: url(img/xl.png) no-repeat top right; padding-bottom: 5%; padding-right: 15px;}
.pdzitem p{font-size: 14px; line-height: 1em;color: #333;}

/*电子与智能化*/

.dzzn{width:90.5%; /*position: absolute; right: 0px;*/float: right; position: relative;  padding-bottom:8%;}
.dzzn .pdzitem{ margin-bottom: 3.5%; }
.pdlb{width: 100%; }
.pdlb .hd{width: 100%; position: relative; }
.pdlb .hd li{width: 10%;  float: left; padding-top:2%; padding-bottom:2%; position: relative; cursor: pointer;}
.pdlb .hd li i{width: 40px; height: 26px; display: block; margin:0 auto; background-image: url(img/icont.png); overflow: hidden; margin-bottom: 12px;}
.pdlb .hd li p{text-align: center; font-size: 16px; color: #333; line-height: 1em;}
.pdlb .hd li span{display: block; width:1px; height: 1px; border:10px solid rgba(0,0,0,0);   position: absolute; bottom: -20px; left: 50%; margin-left: -10px; z-index: 10;}
.pdlb .hd li.pdlh1 i{background-position: -5px -11px; }
.pdlb .hd li.pdlh2 i{background-position: -52px -11px;}
.pdlb .hd li.pdlh3 i{background-position: -109px -11px;}
.pdlb .hd li.pdlh4 i{background-position: -157px -11px;}
.pdlb .hd li.pdlh5 i{background-position: -204px -11px;}
.pdlb .hd li.pdlh6 i{background-position: -257px -11px;}
.pdlb .hd li.pdlh7 i{background-position: -307px -11px;}
.pdlb .hd li.pdlh8 i{background-position: -358px -11px;}
.pdlb .hd li.pdlh9 i{background-position: -408px -11px;}
.pdlb .hd li.pdlh10 i{background-position: -458px -11px;}

.pdlb .hd li:hover,.pdlb .hd li.on{background: #00468e;}
.pdlb .hd li:hover p,.pdlb .hd li.on p{color: #fff;}
.pdlb .hd li:hover span,.pdlb .hd li.on span{border-top:10px solid #00468e;}
.pdlb .hd li.pdlh1:hover i,.pdlb .hd li.pdlh1.on i{background-position: -5px -57px; }
.pdlb .hd li.pdlh2:hover i,.pdlb .hd li.pdlh2.on i{background-position: -52px -57px;}
.pdlb .hd li.pdlh3:hover i,.pdlb .hd li.pdlh3.on i{background-position: -109px -57px;}
.pdlb .hd li.pdlh4:hover i,.pdlb .hd li.pdlh4.on i{background-position: -157px -57px;}
.pdlb .hd li.pdlh5:hover i,.pdlb .hd li.pdlh5.on i{background-position: -204px -57px;}
.pdlb .hd li.pdlh6:hover i,.pdlb .hd li.pdlh6.on i{background-position: -257px -57px;}
.pdlb .hd li.pdlh7:hover i,.pdlb .hd li.pdlh7.on i{background-position: -307px -57px;}
.pdlb .hd li.pdlh8:hover i,.pdlb .hd li.pdlh8.on i{background-position: -358px -57px;}
.pdlb .hd li.pdlh9:hover i,.pdlb .hd li.pdlh9.on i{background-position: -408px -57px;}
.pdlb .hd li.pdlh10:hover i,.pdlb .hd li.pdlh10.on i{background-position: -458px -57px;}

.pdlb .bd{width: 100%; padding-top: 31%;  position: relative; overflow: hidden;}
.pdlb .bd .bbdd{position: absolute!important; width: 100%!important; height: 100%!important; top: 0px; left: 0px;}
.pdlb .bd .bbdd ul{ height: 100%!important; }
.pdlb .bd .bbdd li{/*position: absolute; top: 0px; left: 0px;*/ float: left; width: 100%; height: 100%; background-size: cover;}
.pdlb .bd .bbdd li div{width: 40%;  z-index: 99; position: absolute;left: 5%; top: 35%;}
.pdlb .bd .bbdd li p{font-size: 14px ; color: #fff; line-height:1.5em; margin-bottom:1.5em;}
.pdlb .bd .bbdd li a{margin-top: 50px;font-size: 14px ; color: #fff; width: 40%; height: 40px; border: 1px solid #fff; display: block; text-align: center; line-height: 40px;}
.pdlb .bd .bbdd li a:hover{background-color: rgba(255,255,255,0.2)}

.pdlb .bd .bdyin{position: absolute; top: 0px; left: 0px; width:54%; height: 100%; overflow: hidden;  background-image:url(img/xielan.png); background-size: cover; z-index: 3;}

/*自动化控制*/
.panzxl {width:90.5%; float: left; position: relative; overflow: hidden; padding-bottom:31%;  margin-bottom: 6%;}
.panzxl .pzdh_b{width: 100%; position: absolute; height: 100%; }
.panzxl .pzdh_b .pzdh_l{position: absolute; left: 0px; width:63%; background-size: cover;height: 100%;}
.panzxl .pzdh_b .pzdh_r{position: absolute; right: 0px; width:37%;height: 100%; }
.panzxl .pdzitem{margin-top:10%; margin-left: 25%; }
.panzxl .pdzitem h3 span{ padding-bottom:13%;  }
.panzxl .pzdh_rbox{background: #fff; width: 100%; right: 12%; position: absolute; box-shadow: 0px 1px 15px rgba(0,0,0,0.25)}
.panzxl .pzdh_rbox .pzdh_rboxcon{padding: 15% 8% 15%;}
.panzxl .pzdh_rbox .pzdh_rboxcon p{font-size: 14px ; color: #333; line-height:1.5em;z-index: 10; margin-bottom:8%;}
.panzxl .pzdh_rbox .pzdh_rboxcon a{font-size: 14px ; color: #00468e; width: 40%; height: 40px; border: 1px solid #00468e; display: block; text-align: center; line-height: 40px;}
.panzxl .pzdh_rbox .pzdh_rboxcon a:hover{background:  #00468e; opacity:0.3; color: #fff;}

/*涉密信息系统*/
.panzxr {width:90.5%; float: right; position: relative; overflow: hidden; padding-bottom:31%;  margin-bottom: 6%;}
.panzxr .pzdh_b{width: 100%; position: absolute; height: 100%; }
.panzxr .pzdh_b .pzdh_l{position: absolute; right: 0px; width:63%; background-size: cover;height: 100%;}
.panzxr .pzdh_b .pzdh_r{position: absolute; left: 0px; width:37%;height: 100%; }
.panzxr .pdzitem{margin-top:10%; margin-left: 25%; }
.panzxr .pdzitem h3 span{ padding-bottom:13%;  }
.panzxr .pzdh_rbox{background: #fff; width: 100%; left: 12%; position: absolute; box-shadow: 0px 1px 15px rgba(0,0,0,0.25)}
.panzxr .pzdh_rbox .pzdh_rboxcon{padding: 15% 8% 15%;}
.panzxr .pzdh_rbox .pzdh_rboxcon p{font-size: 14px ; color: #333; line-height:1.5em;z-index: 10; margin-bottom:8%;}
.panzxr .pzdh_rbox .pzdh_rboxcon a{font-size: 14px ; color: #00468e; width: 40%; height: 40px; border: 1px solid #00468e; display: block; text-align: center; line-height: 40px;}
.panzxr .pzdh_rbox .pzdh_rboxcon a:hover{background:  #00468e; opacity:0.3; color: #fff;}

.lan{width: 80%; position: absolute; top: 0px; height: 100%; left: 10%; background:#f2f8f9; }
.pjdaz{margin-bottom: 0%;  }

/*分辨率适配*/


@media screen and (max-width: 1580px){
  .panzxr .pdzitem{margin-left: 12%;} 
  .pdzitem h3 span{font-size: 32px;}  
}
@media screen and (max-width: 1450px){
  .pdzitem h3 span{font-size: 30px;} 
  .panzxr .pzdh_rbox .pzdh_rboxcon{padding:10% 8%;}
  .panzxl .pzdh_rbox .pzdh_rboxcon{padding:10% 8%;}
  .pjdaz .pdzitem p{font-size: 12px;}

    .foot-main .foot-info{margin-left: 3%;}
    
    .foot-main .foot-nav{width: 60%;}
    .foot-main .foot-nav li{float: left;width: 15%;}

}
@media screen and (max-width: 1450px){
  .manage_ul li .con{padding: 10px !important;}

}

@media screen and (max-width: 1280px){
  .pdzitem h3 span{font-size: 27px;}
  .panzxr .pzdh_rbox .pzdh_rboxcon{padding:8% 8%;}
  .panzxl .pzdh_rbox .pzdh_rboxcon{padding:8% 8%;}
 
}

@media screen and (max-width: 1200px){
  .panzxl{width: 100%; padding-bottom:54%;}
  .panzxl .pdzitem{margin-top: 15%;}
  .panzxl .pzdh_rbox{right: 0%;}
  .panzxl .pzdh_b .pzdh_l{width: 100%;}
  .panzxl .pzdh_b .pzdh_r {right: 20%; width: 60%; }
  .panzxl .pzdh_rbox .pzdh_rboxcon a{margin:0 auto;}

  .panzxr{width: 100%; padding-bottom:54%;}
  .panzxr .pzdh_rbox{left: 0%;}
  .panzxr .pzdh_b .pzdh_l{width: 100%;}
  .panzxr .pzdh_b .pzdh_r {left: 20%; width: 60%; }
  .panzxr .pzdh_rbox .pzdh_rboxcon a{margin:0 auto;}

  .pdzitem h3 span,.pdzitem h3 p{color: #fff ;}

  .dzzn{width: 100%;}
  .dzzn .pdzitem h3 span{color: #333;}
  .dzzn .pdzitem h3 p{color: #333;}
  .pdlb .hd li{width: 25%;}
  .pdlb .hd li span{display: none;}
  .pdlb .bd .bdyin{width: 70%;}
}

@media screen and (max-width: 800px){
  .pdlb .bd .bbdd li div{top: 14%; width: 70%;}
  .pdlb .bd .bbdd li p{margin-bottom: 5%;}
  .pdlb .bd .bbdd li a{height: 30px; line-height: 30px;}
  .pdzitem h3 span{font-size: 24px;}
  .panzxl .pdzitem{margin-top: 11%;}
  .panzxl .pzdh_b .pzdh_r{width: 70%; right: 15%;}
  .panzxl .pzdh_rbox .pzdh_rboxcon a{height: 30px; line-height: 30px;}
  .panzxl .pzdh_rbox .pzdh_rboxcon{padding: 6% 8%;}
  .pdzitem{margin-bottom: 3.5%;}

  .panzxr .pzdh_b .pzdh_r{width: 70%; left: 15%;}
  .panzxr .pzdh_rbox .pzdh_rboxcon p{margin-bottom: 6%;}
  .panzxr .pzdh_rbox .pzdh_rboxcon a{height: 30px; line-height: 30px;}
  .panzxr .pzdh_rbox .pzdh_rboxcon{padding: 6% 7%;}
  .gcal{padding-bottom: 100px; padding-top: 80px;}
  .pdlb .bd .bdyin{width: 80%;}

  

}










/* ========================== 琪哥 ================================ */

/* case_list */

/* case_main */
.case_main,.about_main,.news_main{max-width:1523px;padding: 100px 0px 150px;background:#f2f8f9;margin: 0 auto;}
/* search_box */
.case_main .search_box{width:1200px;margin: 0 auto 110px;}
.search_box .in_txt{float: left;width:50%;height: 55px;border-left:1px solid #cccccc;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;background: #fff;box-sizing:border-box;}
.search_box .button{float: left;width:50%;height: 55px;position: relative;background:#00468e;margin-bottom: 20px;}
.search_box .button input{color:#fff;padding-left: 20px;text-align: left;cursor:pointer;}
.search_box input{width:100%;border:none;background: none;line-height: 55px;box-sizing:border-box;text-indent: 10px;}
.search_box .button:after{display: block;width:50px;height:55px;line-height:55px;position: absolute;right: 0px;top:0px;border-left:2px solid rgba(255,255,255,0.2);content:'GO';color:#fff;text-align: center;}
.key_word li{float: left;margin-right: 10px;}
/* case_list */
.column_tit{position: relative;margin-bottom: 35px;z-index: 1;}
.column_tit .cn_tit{font-size:34px;}
.column_tit:after{display: block;width:4px;height: 133px;background: #0071bd;position: absolute;top:10px;left:117px;content: '';transform: rotate(25deg);z-index: -99;}
.case_list{width:100%;overflow:hidden;}
.case_list .list{width:1528px;margin: 0 auto;}
.case_list .list li{font-size: 0;display: inline-block;width:auto;float:left;margin: 5px;position: relative;cursor:pointer;}
.case_list .shadow_box{width:100%;height:100%!important;position: absolute;top: 0px;height: 0px;box-sizing:border-box;background: rgba(0, 70, 142,0.6);color:#fff;opacity:0;transition: all 0.6s;}
.case_list .sh_txt{width:70%;position: absolute;bottom:8%;left:50%;margin-left: -40%;}
.case_list .sh_txt p{font-size:30px;line-height: 1em;margin-bottom: 25px;}
.case_list .sh_txt span{display: block;height: 40px;overflow: hidden;line-height: 1.5em;}
.case_list .sh_txt .more{display: block;width:75%;height:40px;border:2px solid #fff;text-align: center;line-height: 40px;margin-top: 15%;color:#fff;font-weight: bold;}
.case_list .list li:hover .shadow_box{opacity: 1;}

/* end case_list */


/* case_read */

/* case_wrap1 */
.case_table{width:1140px;margin: 100px auto 150px;}
.case_table table{width: 100%;}
.case_table tr{border-bottom:1px solid #fff;}
.case_table th{width:18%;padding: 25px 20px;box-sizing:border-box;background: #bad3df;font-weight: bold;text-align: left;}
.case_table td{background: #fff;padding: 25px 20px;box-sizing:border-box;}
/* case_wrap2 */
.wrap2_img{position: absolute;width:100%;height:600px;left:0px;z-index: 10;} 
.empty_box{width:2px;height: 600px;margin: 0px auto 100px;}
.wrap2_img .bd ul{width:100%!important;}
.wrap2_img .bd li{width:100%!important;height: 600px;background-repeat: no-repeat;background-position: center top;}

.wrap2_img .hd{z-index:1; height:50px;line-height:40px;width:100%;  overflow:hidden; position:absolute; left:0;bottom:0px; }
.wrap2_img .hd ul{ text-align:center;}
.wrap2_img .hd ul li { cursor: pointer; display: inline-block; zoom:1; width: 12px; height: 12px; margin: 5px 11px;  overflow: hidden;*display:inline;line-height: 9999px;background:#fff;-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.wrap2_img .hd ul li.on{ background:#00468e; }



/* case_wrap3 */
.wrap3_ul{width:1150px;margin: 0 auto 130px;}
.wrap3_ul li{float: left;width:190px;height: 144px;box-sizing:border-box;line-height: 144px;background: #daebf4;text-align: center;margin: 20px;}
.wrap3_ul li b{display:inline-block;line-height: 1.5em;}
/* case_wrap4 */
.wrap4_ul{margin-top: 41px;}
.wrap4_ul li{display:inline-block;width:30.204%;float: left;margin:0px 1.56%;box-shadow: 2px 3.464px 10px 0px rgba(0, 0, 0, 0.2);}
.wrap4_ul li img{display: block;width:100%;}
/* case_wrap5 */
.case_wrap5{margin-top: 150px;width:100%;}
.case_wrap5 .column_tit{text-align: center;}
.case_wrap5 .column_tit p{background: #f2f8f9;}
.case_wrap5 .column_tit .cn_tit{width:150px;margin: 0 auto;line-height: 1em;}
.case_wrap5 .column_tit .en_tit{width:150px;margin: 0 auto;}
.case_wrap5 .column_tit:after{top:-33px;left:50%;}

.wrap5_ul{margin:50px auto 0px;}
.wrap5_ul li{float: left;width: 23.656%;overflow: hidden;margin: 0px 0.67%;}
.wrap5_ul li img{display: block;width: 100%;}
.wrap5_ul .con{width:100%;height: 180px;background: #fff;box-sizing:border-box;padding-top: 40px;}
.wrap5_ul .con p{text-align: center;line-height: 1em;font-weight:bold;font-size:24px;}
.wrap5_ul .con .more{display: block;width:83.3%;height: 40px;line-height: 40px;text-align: center;border:1px solid #00468e;color:#00468e;margin: 30px auto 0px;}
.wrap5_ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}


/* about */
.campany{width:1140px;float: right;margin-right: 40px;margin-top: -75px;margin-bottom: 80px;}
.campany ul{margin-bottom:50px;}
.campany li{float: left;width:24%;margin-left: 1%;text-align: center;}
.campany li i{display: block;width:120px;height:120px;margin:0 auto 28px;background-repeat: no-repeat;background-image: url(img/a_wrap1.png);}
.campany li b{font-size:18px;font-weight: bold;}
.campany span{letter-spacing: 1px;}
.about_ul{width:100%;}
.about_ul li{float: left;width:31.517%;margin: 0.9%;display: inline-block;}
.about_ul li img{display:block;width:100%;}

.about_wrap2{width:100%;padding-top: 158px;overflow: hidden;}
.about_wrap2 .column_tit{text-align: center;}
.about_wrap2 .column_tit p{background: #f2f8f9;}
.about_wrap2 .column_tit .cn_tit{width:150px;margin: 0 auto;line-height: 1em;}
.about_wrap2 .column_tit .en_tit{width:150px;margin: 0 auto;}
.about_wrap2 .column_tit:after{top:-33px;left:50%;}



.history{position: absolute;left:0px;overflow: hidden;width:100%;height:1000px;}
.history .bd{width: 100% !important;}
.history .bd ul{width: 100% !important;}
.history .bd li{position: absolute;top: 0;left: 0;width: 100% !important;height: 100%;}

.history-container{height: 100%;}
.history .history-container .bd{width: 100% !important;height: 100% !important;}
.history .history-container .bd ul{width: 100% !important;height: 100% !important;}
.history .history-container .bd ul li{width: 100% !important;height: 100% !important;}

.history  .btn{position:absolute;top:50%;width:28px;height:28px;margin-top:-14px;display:block;z-index:1;background: url(img/banner-arrow.png) no-repeat;}
.history .prev{left:2%;background-position: 0px -28px;color: #00468e;font-family: "宋体"}
.history .prev:hover{background-position: 0px 0px}
.history .next{right:2%;background-position: -28px -28px;color: #00468e;font-family: "宋体"}
.history .next:hover{background-position: -28px 0px}

.txt .txt-title{font-size: 50px;color: #fff;}
.txt .txt-subtitle{font-size: 18px;color: #fff;line-height: 32px;}

.box img{display: block;width:100%;}
#SVG{position: absolute;top:50%;left:50%;margin-left:-425px;margin-top: -425px;z-index: 999;}
.txt{width:440px;height:180px;position: absolute;top:50%;left:50%;margin-left:-220px;margin-top:-90px;}
.txt p{text-align: center;font-size:18px;}
#CIR{
    -webkit-transition: stroke-dasharray 1s;
    transition: stroke-dasharray 1s;
}
.point_li{width:850px !important;height: 850px !important;position: absolute !important;left:50% !important;top:50% !important;margin-top:-425px !important;margin-left: -425px !important;z-index: 9999;}
.point_li li{display: block;width:10px;height: 10px;border-radius: 100%;background: #fff;list-style: none;position: absolute;margin-left: -5px;margin-top: -5px; cursor:pointer;z-index: 999;}
.point_li li.on{background:#00468e!important;z-index: 99999;}
/* .test_li li.on{background: #333;} */
.black{background: #333!important;}
.history-li-bg{position: absolute;width: 100%;height: 100%;background: rgba(48,90,127,.5);}



.about-wrap3{position: relative;}
.honor_main{height:600px; position: relative;}
.honor_main .parHd{width:250px;margin-top: 110px;}
.honor_main .parHd li{width:250px;height: 62px;background: url(img/parhd_li.png) -250px 0 no-repeat;color:#fff;line-height: 62px;text-align: center;font-size:18px;margin-bottom: 50px;cursor: pointer;}
.honor_main .parHd li.on{background: url(img/parhd_li.png) 0 0 no-repeat;}

.honor_main .parBd .slideBox{position: relative;}
.honor_main .parBd{position: absolute;left:350px;}
.honor_main .parBd li{margin-right:40px;float: left;padding: 10px;}
.honor_main .parBd .himg_box{width:264px;height: 372px;padding:8px;box-shadow: 1px 1.732px 12px 0px rgba(0, 0, 0, 0.2);background: #f2f2f2;}
.honor_main .parBd .sPrev,.honor_main .parBd .sNext{display: block;width:50px;height:50px;position: absolute;top:50%;margin-top: -25px;z-index: 99;opacity: 0.6;transition: all 0.6s;}
.honor_main .parBd .sPrev{left:-25px;background: url(img/prev.png) no-repeat center;}
.honor_main .parBd .sNext{right:25px;background: url(img/next.png) no-repeat center;}
.honor_main .parBd .sPrev:hover,.honor_main .parBd .sNext:hover{opacity: 1;}

.honor_main .slideBox div.himg_box{position: relative;}
.honor_main .slideBox div.himg_box h4{opacity: 0;transition: all .3s;position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;font-size: 14px;color: #fff;line-height: 50px;background: rgba(0,0,0,.7);}
.honor_main .slideBox div.himg_box:hover h4{opacity: 1;}

.manage_ul{margin-top: 90px;}
.manage_ul li{float: left;width:24.295%;margin: 0.3%;display: inline-block;}
.manage_ul li .manage-pic{width: 100%;height: 66.2%;overflow: hidden;font-size: 0;}
.manage_ul li img{max-width: 100%;transition: all .3s;}
.manage_ul li .con{width: 100%;box-sizing:border-box;padding: 30px;background: #fff;}
.manage_ul li .con b{font-size:30px;color:#00468e;float: left;}
.manage_ul li .con span{font-size: 16px;float: right;display: block;width: 190px;}
.manage_ul li:hover{box-shadow: 2px 2px 10px #979797;}
.manage_ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.about_wrap5{margin-top: 100px;position: relative;height: 700px;}
.about_wrap5 .dress{position: relative;left: -13.5%;z-index: 10;}
.dress .godf{position: absolute;width: 100px;height: 100px;left: 920px;top: 250px;}
.about_wrap5 .contact{width:800px;height:530px;position: absolute;top:0px;left:0px;background: url(img/contact_bg.png) no-repeat right;color:#fff;padding: 100px 200px;box-sizing:border-box;}
.about_wrap5 .contact .cn{font-size:24px;}
.about_wrap5 .contact .en{font-size:16px;}
.about_wrap5 .contact .message{margin: 60px 0px;}
.about_wrap5 .contact .message li{margin-bottom: 13px;}
.about_wrap5 .cu{display: block;width:220px;line-height: 40px;}
.about_wrap5 .cu a{display:block;width:40px;height: 40px;background-image: url(img/cu.png);background-repeat: no-repeat;float: right;margin-left: 10px;}

@media screen and (max-width: 1530px) {
    .case_main,.about_main{width:100%;}
    .case_list .list{width:1146px;}

}
@media screen and (max-width: 1366px) {
.head-nav{right: 160px;}
.head-nav ul li{width: 100px;}
}

@media screen and (max-width: 1200px) {
    .case_main .search_box{width:90%;}
    .wrap3_ul{width:920px;}
    .case_list .list{width:764px;}
}



/* ========================== 琪哥 end ================================ */




.fl { float:left;}
.fr { float:right;}
.nav-box{position: relative;}
.nav-box-bg{position: absolute;width: 80%;height: 100%;top: 0;left: 10%;background: #f2f8f9;}
.job-list{position: relative;width: 80%;top: 0;left: 10%;}
.nav-box-img{margin-bottom: 200px;}

.rec{margin-top: 104px;}
.rec-list .rec-list-head{width: 155px;height: 121px;position: relative;}
.rec-list .rec-list-head:after{content: "";position: absolute;right: 0;top: 0;background: url(img/rec_ico.png) no-repeat;display: block;width: 53px;height: 121px;}
.rec-list .rec-list-head h2{font-size: 34px;line-height: 48px;color: #333;}
.rec-list .rec-list-head span{font-size: 14px;line-height: 26px;color: #333;}
.rec-list li{position: relative;width: 32.1%;height: 400px;background: #fff;text-align: center;padding-top: 56px;box-sizing: border-box;float: left;margin: 0 0.58%;}
.rec-list li .rec-list-title{font-size: 20px;line-height: 58px;color: #333;}
.rec-list li .rec-list-title:after{content: "";display: block;width: 50px;height: 1px;background: #00468e;margin: 0 auto;}
.rec-list li .rec-list-smt{text-align: left;/*text-indent: 2em;*/padding-left: 20px;font-size: 14px;line-height: 28px;color: #333;margin-top: 12px;}

.rec-list li .rec-list-con{text-align: left;padding-left: 45px;}

.rec-list li p{font-size: 14px;line-height: 28px;color: #333;}
.rec-list li a{width: 74%;height: 40px;display: block;border: 1px solid #00468e;text-align: center;font-size: 14px;color: #00468e;line-height: 40px;position: absolute;bottom: 60px;left: 14%;}
.rec-list li:nth-child(1) .rec-list-title:before{content: "";display: block;width: 36px;height: 41px;background: url(img/cont_ico.png) no-repeat;background-position: 0 0;margin: 0 auto;}
.rec-list li:nth-child(2) .rec-list-title:before{content: "";display: block;width: 44px;height: 41px;background: url(img/cont_ico.png) no-repeat;background-position: -509px 0;margin: 0 auto;}
.rec-list li:nth-child(3) .rec-list-title:before{content: "";display: block;width: 44px;height: 41px;background: url(img/cont_ico.png) no-repeat;background-position: -1015px 0;margin: 0 auto;}
.rec-box{position: relative;width: 100%;height: 440px;margin-bottom: 70px;}
.rec-bg1{height: 440px;margin-top: 113px;padding-top: 74px;box-sizing: border-box;position: absolute;width: 90%;}
.eg1{background: url(img/recbg1.jpg) center no-repeat;top: 0;right:0;}
.eg2{background: url(img/recbg2.jpg) center no-repeat;top: 0;left:0;}
.rec-bg1-head{width: 142px;height: 121px;position: relative;margin: 0 auto;box-sizing: border-box;padding-top: 29px;margin-bottom: 42px;}
.rec-bg1-head:after{content: "";display: block;position: absolute;top: 0;left:50%;margin-left: -26px;background: url(img/rec_icow.png) no-repeat;width: 53px;height: 121px;}
.rec-bg1-head h2{font-size: 34px;line-height: 34px;color: #fff;text-align: center;}
.rec-bg1-head span{font-size: 14px;line-height: 14px;color: #fff;text-align: center;display: block;margin-top: 7px;}
.img-box{width: 100%;height: 1000px;}
.rec-bg1 p{font-size: 30px;line-height: 48px;color: #fff;text-align: center;}
.rc-from{background: #eee;margin-top: 86px;width: 100%;height: 605px;}

/*人才招聘*/
.recruit-list{width: 100%;margin-bottom: 230px;}

.recruit-list h2{font-size: 36px;line-height: 36px;color: #111;margin-top: 64px;margin-bottom: 44px;}
.recruit-list h2 span{font-size: 22px;line-height: 36px;color: #00a7eb;margin-left: 14px;}

.recruit-list ul{width: 100%;}
.recruit-list li{width: 100%;height: 50px;border-top: 1px solid #e6e6e6;text-align: center;overflow: hidden;zoom: 1;}
.recruit-list .reccon div{width: 300px;height: 50px;float: left;}
.recruit-list .reccon p{font-size: 14px;line-height: 50px;color: #666;text-align: center;}
.recruit-list .rechead{width: 100%;height: 57px;border-top: 3px solid #e6e6e6;}
.recruit-list .rechead div{width: 300px;height: 47px;float: left;padding-top: 10px;}
.recruit-list .rechead .rezw p{font-size: 16px;line-height: 18px;background: url(/static/zpico.png) 0px 0px  no-repeat;padding-left: 36px;text-align: center;display: inline-block;font-weight: bold;}
.recruit-list .rechead .redd p{font-size: 16px;line-height: 18px;background: url(/static/zpico.png) 0px -20px  no-repeat;padding-left: 36px;text-align: center;display: inline-block;font-weight: bold;}
.recruit-list .rechead .rers p{font-size: 16px;line-height: 18px;background: url(/static/zpico.png) 0px -40px  no-repeat;padding-left: 36px;text-align: center;display: inline-block;font-weight: bold;}
.recruit-list .rechead .retm p{font-size: 16px;line-height: 18px;background: url(/static/zpico.png) 0px -63px  no-repeat;padding-left: 36px;text-align: center;display: inline-block;font-weight: bold;}

.reccont{width: 860px;height: 362px;margin: 0 auto;overflow: auto;padding: 26px 0;border-bottom: 1px solid #ccc;box-sizing:border-box;}
.reccont p{font-size: 14px;}
.reccontfot{width: 860px;height: 45px;margin: 29px auto;}
.reccontfot a{width: 180px;height: 45px;float: left;font-size: 14px;line-height: 45px;text-align: center;color: #fff;background: #00a7eb;}
.reccontfot p{font-size: 14px;line-height: 45px;color: #808080;float: right;}


label{display: none;}
.contact-form{height: 730px;width: 73.3%;margin: -50px auto 0;position: relative;}
.contact-form input,.contact-form textarea,.contact-form select{border: 1px solid #000;outline: none;background: #f2f8f9;text-indent: 10px;}
.contact-form input{width: 44.6%;height: 48px;}
.contact-form input, .contact-form textarea{position: absolute;font-size: 14px;color: #888;}
.contact-form .yyname{left: 0;top: 0;}
.contact-form .sex{right: 0;top: 0;}
.contact-form .age{left: 0;top: 70px;}
.contact-form .tel{right: 0;top: 70px;}
.contact-form .email{left: 0;top: 140px;}
.contact-form .post{right: 0;top: 140px;}
.contact-form .ffcontent{left: 0;top: 210px;width: 100%;}
.contact-form .blue2{cursor: pointer;position: absolute;bottom: 150px;left: 50%;width: 31%;margin-left: -15.5%;background: #262626;opacity: .9;color: #fff;font-size: 14px;transition: all .3s;}
.blue{border: none;}
.blue2:hover{opacity: 1;}

.service-form{height: 460px;width: 73.3%;margin: -50px auto 0;position: relative;}
.service-form input{width: 44.6%;height: 48px;}
.service-form input, .service-form textarea, .service-form select{position: absolute;font-size: 14px;color: #888;border: 1px solid #000;outline: none;background: #f2f8f9;text-indent: 10px;}
.service-form .yyname{left: 0;top: 0;}
.service-form .yycompany{right: 0;top: 0;}
.service-form .phone{left: 0;top: 70px;}
.service-form .email{right: 0;top: 70px;}
.service-form select{left: 0;top: 140px;width: 100%;height: 48px;}
.service-form select option{height: 30px;line-height: 30px;}
.service-form .maincontent{left: 0;top: 210px;width: 100%;}
.service-form .blue2{cursor: pointer;position: absolute;bottom: 0;left: 50%;width: 31%;margin-left: -15.5%;background: #262626;color: #fff;font-size: 14px;}

.i-head-logo, .head-logo{display: block;}
.m-i-head-logo, .m-head-logo{display: none;}


@media screen and (max-width:1000px) {
    html,
    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    code,
    form,
    fieldset,
    legend,
    input,
    textarea,
    p,
    blockquote,
    th,
    td {
        font-size: 22px;
    }

    /*首页*/
    .i-head-nav li a{font-size: 24px;}
    .banner-text{width: 80%;left: 10%;margin-left: 0;}
    .i-wrap1-inner .i-wrap1-pic span{font-size: 20px;}
    .i-wrap1-inner ul li:first-child{width: 100%;}
    .i-wrap1-inner ul li{width: 49%;}
    .i-wrap5-inner ul li{width: 48%;margin-bottom: 20px;}
    .n-title{font-size: 22px;}
    .n-subtitle{font-size: 20px;}

    /*走进德方*/
    .head{width: 99%;left: 1%;}
    .head-nav{right: 110px;}
    .head-nav ul li{width: 120px;}
    .head-nav ul li a{font-size: 24px;}
    .banner-nav .nav-current{font-size: 20px;text-indent: 29%;}

    .campany{width: 99%;margin-right: 0.5%;}
    .txt .txt-subtitle{font-size: 20px;}
    .about_wrap5 .contact .cn{font-size: 26px;}
    .about_wrap5 .contact .en{font-size: 24px;}
    .about_wrap5 .contact .message li{font-size: 22px;}


    /*德方新闻*/
    .news-top{width: 99%;}
    .news-top-text .n-title{font-size: 26px;}
    .news-top-text .n-time{font-size: 20px;}
    .news-top-text .n-subtitle{font-size: 24px;}

    .news-submenu ul li a{font-size: 30px;}
    .more{font-size: 20px;}

    /*工程案例*/
    .pdlb .bd .bbdd li div{top: 15%;}
    .pdlb .bd .bbdd li p{font-size: 20px;}
    .panzxl .pzdh_rbox .pzdh_rboxcon p,.panzxr .pzdh_rbox .pzdh_rboxcon p{font-size: 18px;}


    .case_main, .about_main, .news_main{width: 99%;}

    .service-wrap1 .bd li .title{font-size: 38px;}

    .service-wrap2-pic{width: 50%;}
    .service-wrap2-text{width: 50%;}
    .service-wrap2-text .subtitle{font-size: 24px;}
    .service-wrap2-textinner{height: auto;margin-top: auto;top: 0}
    .service-wrap2-text .summary{font-size: 20px;}
    

    .rec-list li{width: 90%;margin: 0 auto 20px;left: 5%;}
    .rec-list li .rec-list-title{font-size: 24px;}
    .rec-list li .rec-list-smt{font-size: 22px;}
    .layer-anim{width: 90% !important;left: 5% !important;}
    .layui-layer-title{font-size: 50px !important;padding-left: 20px !important;}
    .layui-layer-page .layui-layer-content{padding-left: 20px !important}
    .reccont p{font-size: 24px !important;}
    .reccontfot a{font-size: 22px !important;}
    .reccontfot p{font-size: 22px !important}


    .banner-content .cn-name{font-size: 60px;}
    .banner-content .en-name{font-size: 34px;}

    .article-read{width: 94%;}
    .article-top .article-title{font-size: 32px;}
    .article-top .article-info{font-size: 24px;}
    .article-top .article-time{font-size: 24px;}

    .article-main{width: 100%;}
    .sidebar{width: 100%;margin-left: auto;}
    .sidebar-top form .search-keyword{height: 80px;font-size: 24px;}

    .sidebar-news li a{font-size: 22px;}

    .foot-main{width: 85%;margin: 0 auto;}
    .foot-main .foot-nav{display: none;}
    .foot-info li{font-size: 24px;}

    .i-wrap-title{}
    .i-wrap-title h3{margin: 0 auto}


    .i-wrap2 .i-wrap-title, .i-wrap4 .i-wrap-title{text-align: center;width: 80% !important;margin-left: auto !important;left: 10%;}
    .i-wrap-title h3{text-align: center;}

    .i-head-logo{left: 20px;}
    .i-head-small .i-head-nav{right: 0;top: 20px;}
    .i-head-nav{right: 0;top: 40px;}


    .i-head-logo, .head-logo{display: none;}
    .m-i-head-logo, .m-head-logo{display: block;}





}


.chanye-list-pop{width: 528px;height: 748px;position: absolute;left: 50%;top: 50%;margin-left: -264px;margin-top: -374px;}
.chanye-list-pop img{float:left;display:block;width:396px;height:auto;}
.chanye-list-pop p{font-size:14px;line-height:2em;padding-top:20px ;float:right;width:350px;display:block;}
.chanye-list-pop p b{font-size:32px;line-height: 50px;display:block;color:#00468e;font-weight:normal;padding:20px 0}