@charset "utf-8";
/* CSS Document */

body { font-size: 14px; font-family:"syR"; color: #333; background: #fff;/*height:100%*/}
@font-face{font-family: "syR";src: url(../fonts/syr.ttf);}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;height:100%}
input, select, textarea { vertical-align: middle; outline:none; border:0; }
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img { border: 0; vertical-align: middle; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color:#2b2b2b; }
/*a:hover{ color: #218bce;}*/
* { padding: 0; margin: 0; }
.fl { float: left; }
.fr { float: right; }
.clearFix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.w1280 { width: 1280px; margin: 0 auto; }
.w1300{ width: 1300px; margin: 0 auto; }
.w1520{ width: 1520px; margin: 0 auto; }
.w730 { width: 730px; margin: 0 auto; }



/*head*/
header {background:#fff;width: 100%;padding: 8px 0;position:relative;top: 0;left: 0;z-index: 9999;box-shadow: 0 0 4px 1px #ccc;}
header.zix {z-index: 9999;background: rgba(255,255,255,0.8);box-shadow: none}
header.on {position: fixed;top: 0;left: 0;}
header.on .logo {width: 300px;transition: 0.5s ease}
header.on .nav {margin-top: 10px;transition: 0.3s ease}
.logo{width:342px;background-repeat: no-repeat;transition: 0.5s ease}
.logo img {width: 100%;height: auto}
.nav {margin:20px 150px 0 0;transition: 0.3s ease}
.nav a {float: left;line-height:30px;font-size: 16px;}
.nav a:hover,.nav a.active {color: #009d59;}
.nav a:hover span,.nav a.active  span {color: #fff;background: url("../images/nav-bg_06.png") no-repeat center;}
.nav a i {display: inline-block;padding: 0 15px;font-style: normal}
.nav a span{display: inline-block;position: relative;height: 30px;min-width: 112px;text-align: center}
.swiper-slide{text-align:center;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}

.menu-handler { display:none; overflow: hidden; width:40px; height:35px; cursor: pointer; position: absolute; right:10px; top:12px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 40px; height: 5px; background:#1472c4; display: block; position: absolute; z-index: 5; top:0px; left: 50%; margin: 0px 0px 0px -20px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 3px; }
.menu-handler .burger-2 { top:10px; }
.menu-handler .burger-3 { top:20px; }
.menu-handler.active .burger-1 { top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.menu-handler.active .burger-3 { top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.menuBox{ position:fixed; left: 100%; top: 0px; background-color:#1472c4; height: 100%; width: 100%; z-index: 9998; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;  }
.openMneu{ left: 0;}
.menuBox a:link, .menuBox a:visited { color: #fff;}
.menuBox a:active,.menuBox a:hover { color: #fff;}
.navMobile{ padding:50px 0;}
.navMobile a{ padding: 15px 40px; font-size: 18px; display: block; position: relative;}
.navMobile p a{ display:block; padding-left:20px; border-bottom:1px solid #2f8cdd;}
.navMobile p a:before{ content:""; width:15px; height:15px; position:absolute; right:5%; top:50%; transform:translateY(-50%) scale(0); -webkit-transform:translateY(-50%) scale(0); -moz-transform:translateY(-50%) scale(0); background:url(../images/mnav_1.png) center no-repeat;  transition:0.4s; -webkit-transition:0.4s;}
.navMobile p a:hover,.navMobile p a.cur{ background-color:#2f8cdd; border-bottom:1px solid #4da0e8;}
.navMobile p a:hover:before,.navMobile p a.cur:before{ transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1);}
.navMobile .msubnav{ display: none;}
.msubnav{ background:#2f8cdd; display:none;}
.msubnav li{ width:50%; float:left; border-bottom:1px solid #4da0e8; box-sizing:border-box;}
.msubnav li a{ font-size: 16px; position:relative; display:block;}
.msubnav li a:before{ content:""; width:7px; height:12px; background:url(../images/mnav_2.png) center no-repeat; position:absolute; right:10%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transition:0.4s; -webkit-transition:0.4s;}
.msubnav li:nth-child(odd){ border-right:1px solid #4da0e8;}
.msubnav li a:hover{ color:#fff;}
.msubnav li a:hover:before{ right: 5%;}


/*banner*/
.banner{overflow: hidden;width: 100%;margin-top: 0px;position: relative}
.banner .swiper-slide img{width:100%;height:auto;transition:1s linear 2s}
.banner .swiper-slide-active img,.swiper-slide-duplicate-active img{transition:16s linear;transform:scale(1.2,1.2)}
.banner .swiper-pagination{position: absolute;bottom:30px!important;left:0!important;text-align:center;}
.banner .swiper-pagination-bullet{display: inline-block;width:12px;height:12px;opacity:1;background:#cccccc;}
.banner .swiper-pagination-bullet-active{background:#007cc3}
/*banner end*/

.main {padding: 30px 0;background: url("../images/bg_03.jpg") no-repeat center;background-size: cover}
.vn .video {width: 480px;height: 270px;margin-right: 30px;float: left;overflow: hidden}
.vn .video img{width: 100%;height: auto}


.vn .pic-wrap {width: 360px;height:270px;float: left;margin-right: 30px;overflow: hidden;position: absolute;top: 0;left: 0}
.vn .pic {width: 360px;height:270px;background-size:100%;background-position: center;background-repeat: no-repeat}
.vn .pic:hover {;background-size:105%;transition: 0.2s linear}

.news-box {width: 580px;float:left;position: relative;padding-left: 390px;-webkit-box-sizing:initial !important;}
.news-box .news-wrap {width: 100%;overflow: hidden}
.i-hd {position: relative;padding-left: 19px;}
.i-hd:after {position: absolute;width: 6px;height: 40px;content:"";background: #ff9600;top: 12px;left: 0px;}
.i-hd h3 {font-size: 24px;color: #333;}
.i-hd p {font-size: 16px;color: #28166f;}
.i-hd p span{font-size: 16px;color: #007cc3;}
.tabs {display: inline-block;position: absolute;top:20px;right: 0;}
.tabs a {display: inline-block;width: 114px;height: 30px;background:url("../images/nav-bg2_04.png") no-repeat center;font-size: 16px;color: #fff;line-height: 30px;text-align: center}
.tabs a.active {background: url("../images/nav-bg_06.png") no-repeat center;}
.news-wrap {margin-top: 30px;}
.news-wrap .swiper-warpper {position: static}
.news-wrap .swiper-slide ul {width: 100%;height: 165px;overflow: hidden}
.news-wrap .swiper-slide ul li{width: 100%;line-height:28px;}
.news-wrap .swiper-slide ul li a{display: inline-block;width: 100%;color: #999;transition: 0.3s ease;}
.news-wrap .swiper-slide ul li .pic{width: 360px;height:270px;float: left;margin-right: 30px;overflow: hidden;position: absolute;top: 0;left: 0}
.news-wrap .swiper-slide ul li .pic img {width: 360px;height:270px;}
.news-wrap .swiper-slide ul li a span{display: inline-block;max-width:70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.news-wrap .swiper-slide ul li a:hover{color: #333;transition: 0.3s ease;}
.j-box {width: 480px;background: #fff;padding: 20px;box-sizing: border-box !important;}
.j-box li {line-height: 25px !important;}

.proj-wrap {margin-top: 20px;}
.proj-box {width:1010px;overflow: hidden;padding: 20px 30px;background: #fff;box-sizing: border-box;}
.proj-box .swiper-slide  .pic {width: 216px;height: 120px;overflow: hidden}
.proj-box .swiper-slide  .pic img{width: 216px;height: 120px;transition: 0.5s ease}
.proj-box .swiper-slide:hover  .pic img{transform: scale(1.1);transition: 0.5s ease}
.pic-show {margin-top: 40px;width: 930px;overflow: hidden}
.pic-show p {line-height: 45px;color: #999;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center}

.footer {padding: 20px 0;background: #fff;text-align: center;border-top: 1px solid #cccccc}
.footer p {font-size: 16px;color: #666666;line-height: 26px;}

/*内页*/
.page {width: 100%;min-height:95%;height:auto;padding-bottom:130px;box-sizing: border-box}
.footer {margin-top: -93px;}
.ny-banner {background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;height: 200px;}
.ny-hd {margin-top: 60px;}
.ny-hd a {display: inline-block;float: left;margin-right: 50px;font-size: 18px;color: #666666;padding-bottom: 10px;border-bottom: 6px solid;border-color: #fff}
.ny-hd a:hover,.ny-hd a.active {color: #007cc3;border-color: #007cc3}
.ny-con {margin-top: 30px;}
.ny-tit h3 {font-size: 36px;font-weight: bold;color: #28166f}
.ny-tit h3 span {color: #007cc3}
.ny-tit p {font-size: 24px;color: #5fa4e1}
.ny-text {margin-top: 30px;color: #666666;font-size: 16px;line-height: 36px;}
.ny-text img {max-width: 100%;}

/*新闻中心*/
.news-item {margin-bottom: 40px;width: 100%;position: relative;padding-left: 350px;box-sizing: border-box;min-height: 178px;}
.news-item .pic {width: 322px;height: 178px;border: 1px solid #ccc;transition:background-size 0.3s linear;;background-repeat: no-repeat;background-size:100%;background-position: center;position: absolute;left: 0;top: 0}
.news-item:hover .pic {background-size: 110%;transition:background-size 0.3s linear;}
.news-item .text {width: 100%;}
.news-item .text h3 {color: #333;font-size: 18px;max-width:95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.news-item .text p,.news-item .text .date {color: #999999}
.news-item:hover .text p{color: #333}
.paging{margin-top: 2%;}
.paging a{height: 38px;line-height: 38px;padding:0 15px;background: #d2d2d2;display: inline-block;font-size: 16px;color: #fff;margin:0 5px;}
.paging a:hover{background: #007cc3;}
.paging .nowpage {height: 38px;line-height: 38px;padding:0 15px;background: #007cc3;display: inline-block;font-size: 16px;color: #fff;margin:0 5px;}

/*新闻中心_详细*/
.new_xx{/*padding: 40px 0;*/}
.new_xx_head{color: #222222;font-size: 24px;font-weight: bold;text-align:center;}
.new_xx_data{height: 38px;line-height: 38px;text-align: center;background: #e9e9e9;margin: 30px 0;}
.new_xx_data span{color: #898989;font-size: 16px;margin:0 10px;padding: 0 0 0 24px;}
.new-riqi{background: url(../images/news2_03.jpg) no-repeat left center;}
.new-nabmer{background: url(../images/news_06.png) no-repeat left center;}
.new-name{background: url(../images/news_03.png) no-repeat left center;}


.new_xx_txt{}
.new_xx_txt p{font-size: 16px;line-height: 36px;color: #222222;overflow: hidden;}
.new_xx_txt p img{max-width: 100%;height: auto !important;}
.new_xx_pag{height: 38px;line-height: 38px;background: #e9e9e9;padding: 0 2%;position: relative;margin-top: 50px;}
.new_xx_pag ul li{height: 38px;line-height: 38px;width: 45%;}
.new_xx_pag ul li a{color: #5d5d5d;display: block;}
.new_xx_pag ul li.prevA{}
.new_xx_pag ul li.nextA{float:right;text-align: right;}
.new_xx_pag ul li.btn{position: absolute;left: 45%;top: 0;height: 38px;line-height: 38px;background:#a7a7a7;width: 10%;text-align: center; }
.new_xx_pag ul li.btn a{color: #fff;}
.new_xx_pag ul li.btn img{margin:0 10px 0 0;}
.new_xx_pag ul li.prevA a:hover,.new_xx_pag ul li.nextA a:hover{/*font-weight: bold;*/color: #007cc3;}


/*招贤纳士*/
.re-item {display: inline-block;float: left;margin-right: 20px;background-size:105%;background-position: 0 0 ;background-repeat: no-repeat;width: 300px;height: 450px;transition:background-position 0.3s linear }
.re-item:hover {background-position: -15px 0;transition:background-position 0.3s linear }
.re-item h3 {font-size: 24px;color: #fff;text-align: center;padding-top: 70px;}

.video-box {width: 888px;height:auto;margin: 30px auto}

.zw-item {font-size: 14px;border-bottom: 1px dashed #ccc;padding-bottom: 30px;margin-bottom: 30px;float: left;width: 46%}
.zw-item:nth-child(odd){margin-right:8%}
.zw-item .det{text-align: right;}
.zw-item .det a {display: inline-block;background: #007cc3;text-align: center;width: 120px;height: 40px;line-height: 40px;color: #fff}
.ny-page {text-align: center}
.ny-page a {display: inline-block;font-size: 16px;color: #333;padding: 0 12px;}
.ny-page a:hover,.ny-page a.active {background: #007cc3;color: #fff;}

.center {text-align: center}
.center a{color: #666666;font-size: 16px;}
.center h3 a{border-radius: 5px;background:#5fa4e1;color: #fff;;display: inline-block;width: 400px;height: 50px;border: 1px solid #5fa4e1;box-sizing: border-box;line-height: 50px;position: relative;margin-bottom: 40px;}
.center h3 a:after {content: "";display: inline-block;width: 1px;height: 40px;position: absolute;bottom: -40px;left: 50%;background: #000}
.cp-list {display: inline-block;margin-top: 40px;}
.cp-list li {float: left;}
.cp-list li a {border-radius: 5px;background:#5fa4e1;color: #fff;position: relative;display: inline-block;width: 50px;height: 340px;border: 1px solid #5fa4e1;text-align: center;box-sizing: border-box;padding: 30px  10px  0 10px;line-height:17px;margin: 0 30px;}
.cp-list li a:hover {background:#007cc3;transition: 0.2s}
.cp-list li a:before {content: "";display: inline-block;width: 1px ;height: 40px;background: #000;position: absolute;top: -40px;left: 50%}
.cp-list li a:after {content: "";display: inline-block;width:110px ;height:1px;background: #000;position: absolute;top: -40px;left: 50%}
.cp-list li:last-child a:after {display: none}

@media screen and (max-width: 768px) {
    .center h3 a{display: inline-block;width: 100%;height: 50px;border: 1px solid #000;line-height: 50px;color: #666666;position: relative;margin-bottom: 40px;}
    .cp-list {margin-top: 0}
    .cp-list li{width: 100%;margin-bottom: 20px;}
    .cp-list li a {width:100%;height:50px;margin: 0;line-height: 50px;padding: 0 ;}
    .cp-list li a:before,.cp-list li a:after {display: none;}
}

/*视频列表*/
.w {margin: 0 auto;width: 100%;}
.videoList li{ width:300px; float:left; margin: 40px 5px 0 5px; display:inline-block;}
.videoList li:hover{ color:#007cc3;}
/*.videoList li:nth-child(2n+2){ margin-left:24px;}*/
.videoList li .figure{ width:100%; height:200px; position:relative; overflow:hidden;}
.videoList li .figure img{ width:100%; height:100%; display:block; transition:350ms linear; -webkit-transition:350ms linear;}
.videoList li .figure .cover{ background: url(../images/black.png); display:block; position:absolute; top:0; left:0; right:0; bottom:0; transition: 600ms; -webkit-transition: 600ms;  }
.videoList li .figure .ico{ background:url(../images/video-ico.png) no-repeat; width:60px; height:70px; position:absolute; left:50%; top:50%; margin:-35px 0 0 -30px; z-index:10;}
.videoList li .tit:hover {color:#007cc3;}
.videoList li .tit{ font-size:16px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:15px;}
.videoList li .tit:before{ content:''; background:#373d41; width:4px; height:4px; position:absolute; left:0; top:26px; border-radius:50%;}
.videoList li .line{ background:#dee1e3; width:100%; height:1px; position:relative;}
.videoList li .line:before{ content:''; background:#007cc3; width:0; height:1px; position:absolute; left:0; top:0;  transition: 600ms; -webkit-transition: 600ms;}
.videoList li:hover .tit:before{ background:#007cc3;color:#007cc3;}
.videoList li:hover .line:before{ width:100%;}
.videoList li:hover .figure img{transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }