html { overflow-y:scroll; }
html,body{overflow-x:hidden;}
*{margin:0px; padding:0px; word-wrap:break-word;}
img,input,select{vertical-align:middle;}
ul,li{list-style:none;}
a{text-decoration:none; color: #666	}
a:hover{color:#666; -webkit-transition: color ease 0.3s;}
img{border:none;}
.clear{ clear:both; height:0px;	 margin:0; padding:0;width:0; border:none; overflow:hidden;}
body{font-size:14px;font-family: "Microsoft YaHei"; color: #666;  min-height: 1000px;;}
.w_1200{width: 1200px; margin: 0 auto;}

@font-face {
  font-family: 'iconfont';  /* project id 1800920 */
  src: url('https://at.alicdn.com/t/font_1800920_qojc96nwj.eot');
  src: url('https://at.alicdn.com/t/font_1800920_qojc96nwj.eot?#iefix') format('embedded-opentype'),
  url('https://at.alicdn.com/t/font_1800920_qojc96nwj.woff2') format('woff2'),
  url('https://at.alicdn.com/t/font_1800920_qojc96nwj.woff') format('woff'),
  url('https://at.alicdn.com/t/font_1800920_qojc96nwj.ttf') format('truetype'),
  url('https://at.alicdn.com/t/font_1800920_qojc96nwj.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
/*  主要样式 */
nav{margin-bottom: 10px;}
.top img {margin-bottom: 20px;}
.yyui_menu1 { height:50px; line-height:50px;  } 
.yyui_menu1 li { float:left; position:relative;} /*这一级是导航*/
.yyui_menu1 li a { display:flex; border-bottom: 2px solid #fff;  justify-content: center; line-height:50px; text-decoration:none; width: 92px; text-align: center;  color:#404040;font-weight: bold; font-size: 16px   }
.yyui_menu1 li a:hover {border-bottom: 2px solid #3278c9;}
.yyui_menu1 li.line {content: ""; height: 20px; margin-top: 15px;  width: 1px; background-color: #d4d4d4; display: block;}
.yyui_menu1 li ul { position:absolute; float:left; width:92px;  display:none; background-color:#FFFfff; z-index:9999;} /*这是第二级菜单*/
.yyui_menu1 li ul a { font-size: 12px; width:92px;text-decoration:none; color:#333333; border-bottom: 1px solid #ddd; height: 35px; line-height: 35px;}
.yyui_menu1 li ul a:hover { background:#f2f2f2;} 
.yyui_menu1 li ul ul{ top:0;left:150px;}
.top {margin: 30px auto 0 auto; display: flex;justify-content: space-between; align-items: flex-end;}

/* banner */
/* theme-default */
.theme-default {width: 100%; height: 582px; position: relative;}
.theme-default #slider{width:1920px;height:582px; left: 50%; margin-left: -960px;}
.theme-default .nivoSlider{background:url("../images/loading.gif") no-repeat 50% 50% rgb(255, 255, 255);margin-bottom:50px;position:relative;}
.theme-default .nivoSlider img{left:0px;top:0px;display:none;position:absolute;}
.theme-default .nivoSlider a{border:0px currentColor;display:block;}
.theme-default .nivo-controlNav{left:48%; border-radius: 15px; padding: 3px 5px; height:15px;bottom:10px;position:absolute;z-index:9;background:rgba(255,255,255,0.8);background-repeat:no-repeat;}
.theme-default .nivo-controlNav a{background:#aaa;border:0px currentColor;width:15px;height:15px; border-radius: 50%; text-indent:-9999px;margin-right:5px; float:left;display:block;}
.theme-default .nivo-controlNav a.active{background:#282828;}
.theme-default .nivo-directionNav a{background:url("../images/arrows.png") no-repeat;border:0px currentColor;width:65px;height:65px;text-indent:-9999px;display:block;}
.theme-default a.nivo-nextNav{background-position:-65px 0px;top:251px;right:30px;}
.theme-default a.nivo-prevNav{left:30px;top:251px;}
.theme-default a.nivo-nextNav:hover{background-position:-65px -65px;top:251px;right:30px;}
.theme-default a.nivo-prevNav:hover{background-position:0px -65px;left:30px;top:251px;}
.theme-default .nivo-caption{font-family:Helvetica,Arial,sans-serif;}
.theme-default .nivo-caption a{color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);border-bottom-width:1px;border-bottom-style:dotted;}
.theme-default .nivo-caption a:hover{color:rgb(255, 255, 255);}
/* nivoSlider */
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgb(0, 0, 0);left:0px;width:30%;bottom:0px;color:rgb(255, 255, 255);display:none;position:absolute;z-index:8;opacity:0.8;}
.nivo-caption p{margin:0px;display:none;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{top:45%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}

.tit {text-align: center; margin: 50px 0;}

/* 关于我们 */
.about .w_1200{display: flex;}
 .about_main {
      width: 522px; flex-shrink: 0;
      height: 100%;
    }
.about_main .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      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;
    }
.about .right {margin-left: 20px;;}	
.about .right h2{color: #024c88; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.about .right .line { background-color: #efb135; height: 5px; width:150px; margin-bottom: 20px;}
.about .right .text {line-height:30px;}
.about .right  ul {display: flex; justify-content: space-between; margin-top: 20px;}


 .case_main {
      width: 1240px; margin: 0 auto;
      height: 45%;
    }
	.case_main a {display: block; background-color: #fff;}
 .case_main img {width: 257px; height: 192px;}	
.case_main .swiper-slide {
      text-align: center;
      font-size: 14px;
      /* Center slide text vertically */
      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;
    }

    @media (max-width: 760px) {
.case_main .swiper-button-next {
        right: 10px;
        transform: rotate(90deg);
      }

.case_main  .swiper-button-prev {
        left: 10px;
        transform: rotate(90deg);
      }
    }
.case {background: url(../images/bg.png); width: 1920px; height: 500px; background-size: 100%; margin: 30px 0; }	
.case p {height: 35px; line-height: 35px; font-size: 16px}
.case .tit {margin: 0; padding: 50px 0;}

.more {width: 100px; height: 35px; background: #efb135; margin: 40px auto 0 auto; text-align: center; color: #fff; line-height: 35px; border-radius: 5px;}
.more a {color: #fff;}


.demo1,.demo2{visibility: visible;  overflow: hidden;  position: relative; z-index: 2;height: 100%; width: 560px;margin-left: 0px;}
.demo2 li {display: flex; align-items: center; padding: 10px 0;}
.round {width: 20px; height: 16px; margin-right: 10px; background-color: #fff; border: 2px solid #134eab; border-radius: 50%;}
.demo2 .date {width: 20%; color: #aeaeae;}
.demo2 img {width: 80px; height: 80px; margin-right: 10px;}
.demo2 .info a{display: flex; justify-content: flex-start;}
.demo2 .info h2 {font-size: 18px; color: #333; font-weight: normal;}
.demo2 .info p {font-size: 12px; color: #989898; line-height: 26px; margin-top: 5px;}

.newslist {width: 560px;}
.newslist .title img {width: 26px; height: 26px;flex-shrink: 0;}
.down .title img {width: 73px; height: 23px;flex-shrink: 0;}
.newslist .title {display: flex;  justify-content: space-between; margin-bottom: 20px;}
.newslist .title  a {display: block;}
.newslist .title .left	 {display: flex; align-items: center; font-size: 18px; font-weight: normal; color: #707070; }
.newslist .title .left h2 {font-weight: normal; margin-left: 10px;}
.newslist .title a {display: block; background-color: rgba(19, 78, 171, 1); color: #fff; height: 30px; line-height: 30px; border-radius: 10px;padding: 0 10px;}
.down .title a {display: block; background-color: #fff;  color: #808080; height: 30px; line-height: 30px; border-radius: 10px;padding: 0 10px;}

.video video{width: 500px;}
.main {display: flex; justify-content: space-between; margin-bottom: 30px;;}

.down {background-color: #f6f6f6;  padding:15px ; width: 460px;}

.video_main {display: flex;justify-content:flex-start;}
.video_main  img {width: 231px; height: 331px; margin-right: 20px;}
.video_main  h2 {font-size: 18px; color: #303030; font-weight: normal; margin: 20px 0;}
.video_main i {color: #2678c9; margin-right: 10px;}
.video_main p {line-height: 40px;}
.video_main a { margin-top: 40px; display: block; width: 80px; height: 30px; text-align: center; line-height: 30px;background-color: #2678c9; color: #fff;}
.right_top img{width: 335px; height: 225px;}
.right_top {display: flex; justify-content: space-between;}
.right {}
.honor_main img{width: 385px; height: 225px;}
.honor_main {width: 385px; height: 225px;}
.culture {background-color: #fafcff; text-align: center; padding-bottom: 10px;}
.culture  h2 { font-weight: normal; padding: 30px 0 10px 0;}
.culture p {padding: 0 50px; line-height: 32px;}
.culture a {display: block; margin: 20px auto ; }

footer{width: 100%;position: relative; margin-top: 40px;  background: url(../images/dddb_04.png) no-repeat; height: 329px;}
footer .w_1200 {position: relative; height: 329px;}
.f_main {display: flex; justify-content: space-between; }
.f_main .left ul{ display: flex; padding-top: 40px; }
.f_main .left ul li {margin-right: 30px;}
.f_main .left ul li h2 ,.f_main .right  h2 {font-size: 16px; color: #fff; font-weight: normal; line-height: 32px;}
.f_main .left ul a {color: #ffff;}
.f_main .left ul p {line-height: 32px; }
.f_main .right {margin-top: 0; padding-top: 40px;}
.f_main .right img {width: 100px; height: 100px; margin-bottom: 10px;}
.f_main .right ul{display: flex; justify-content: flex-end;}
.f_main .right ul li { margin-left: 20px; text-align: center; color: #fff;}
.f_main .right ul li:nth-child(1){text-align: left; line-height: 32px; margin-left: 0;}
.f_main .right .iconfont {font-size: 20px; margin-right: 10px;}
footer .bottom {position: absolute; bottom: 10px; color: #fff; width: 100%; }
footer .bottom p:nth-child(1) {float: left;}
footer .bottom p:nth-child(2) {float: right;}

/* 内页	 */
.nei_banner {width: 100%; height: 300px; position: relative;}
.nei_banner  .con {width: 1920px; height: 300px ; margin-left: -960px; left: 50%; position: absolute;}

.position {height: 50px; line-height: 50px; background-color: #f2f2f2;}
.position span {color: #2678c9;}

.nei_nav {margin: 30px auto;}
.nei_nav ul {display: flex;flex-wrap: wrap;}
.nei_nav ul li {margin-right: 20px; height: 35px; margin-bottom: 20px; line-height: 35px;; background-color: #f2f2f2; }
.nei_nav ul li a {display: block;padding: 0 10px;}
.nei_nav ul li a:hover ,.nei_nav ul li a.on{background-color:#2678c9 ; color: #fff;}

.container .title {}
.container .title h2 {font-size:26px; color: #282828;margin-bottom: 20px; text-align: center; padding: 20px 0; border-bottom: 1px solid #ddd;font-weight: normal;}
.container p {line-height: 32px; color: #656565;}

.caselist {width: 1200px; overflow: hidden; margin: 0 auto;}
.sph{}
.spbq{
	width: 373px;
	height: 331px;
	float: left;
	line-height: 2;
	padding: 10px;
	margin: 3px;
	position: relative;
	overflow: hidden;
}
.spbq h2{
	color: #14191e; background: #f2f2f2;
	font: bold 14px/18px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"微软雅黑",Tahoma,Arial,sans-serif;
	height: 50px; line-height: 50px; text-align: center;
}
.spbq span{
	display: block;
	color: #b4bbbf;
	font: 12px/18px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"微软雅黑",Tahoma,Arial,sans-serif;
	margin: 8px 0;
}
.spbq b{
	color: #787d82;
	font: 12px/18px "Microsoft Yahei","Hiragino Sans GB",Helvetica,"微软雅黑",Tahoma,Arial,sans-serif;
}
.biankuang{
	width: 3px;
	height: 3px;
	position: absolute;
	z-index: 99;
	border-radius:10px;
	/*background: black;*/
}
.biankuang_1{
	height: 3px;
	top: -6px;
	left:0px;
	border-left: 3px solid #2678c9;
}
.biankuang_2 {
	width: 0px;
	bottom:-3px;
	left: 0px;
	border-top: 3px solid #2678c9;
}
.biankuang_3{
	height: 0px;
	bottom:0px;
	right:0px;
	border-right: 3px solid #2678c9;
}
.biankuang_4{
	width:0px;
	top:-3px;
	right:0px;
	border-bottom: 3px solid #2678c9;
}
.text_gobuy {
	position: absolute;
	z-index:9;
	top: -30px;
	left: 0px;
	width: 393px;
	height: 50px;
	overflow: hidden;
	background:rgba(207, 208, 211, 0);
	cursor: pointer;
	transition:all  300ms;
	-webkit-transition:all  300ms;
	-moz-transition:all  300ms;
	-o-transition:all  300ms;
}
.text_gobuy_show{
	height: 50px;
	position: absolute;
	z-index:9;
	bottom: 0px;
	width: 363px;
	overflow: hidden;
	padding: 20px 15px ;
	cursor: pointer;
	background-color: rgba(32, 32, 33,0.3);
}
.spbq p{
	position: absolute;
	bottom:10px; width: 100%;
	text-align: center;
	line-height: 33px;
	color: #fff
}
.spbq img ,.zst {width: 373px; height: 280px; overflow: hidden; transition: all 1s linear;}
.spbq:hover img  {transform: scale(1.2);}

.nei_case { display: flex; justify-content: space-between;}

#DB_gallery ul, #DB_gallery li{list-style:none;margin:0;padding:0}
#DB_gallery img{border:none;vertical-align:top; width: 100%; }

#DB_gallery .DB_imgSet {position:relative;width:580px;height:387px;overflow:hidden;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:580px;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px}
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:0;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:100px;height:63px;border:5px solid #ff0000;left:0;top:0}
#DB_gallery .DB_thumSet .DB_thumMove li img { width: 110px; height: 73px}

.case_text {width: 570px;;}
.case_text  h2 {color: #282828; font-size: 26px; line-height: 60px; border-bottom: 1px dashed    #ddd;}
.case_text p {line-height: 32px; padding: 20px 0;border-bottom: 1px dashed    #ddd;border-top: 1px dashed    #ddd;}
.case_text  a ,.detail h2,.nei_joblist  h2  { font-size: 16px; font-weight: normal; margin-top: 30px; display: block; background-color: #ff6600 ; height: 35px; line-height: 35px; padding: 0 15px; width: 80px; text-align: center; color: #fff;}
.detail h2 {background-color: #2678c9;}
.detail .con {border: 1px solid #f2f2f2; padding: 20px; line-height: 26px; color: #656565;}
.detail .con img {max-width: 100%;}
.nei_newslist ul li{display: flex; margin: 20px 0; justify-content: flex-start; background-color: #f2f2f2; padding: 15px; transition:all  300ms;}
.nei_newslist img {width: 200px; height: 130px; margin-right: 20px;}
.nei_newslist h2 {font-weight: normal; color: #282828; font-size: 18px; line-height: 45px;}
.nei_newslist .text {display: flex; justify-content: space-between; }
.nei_newslist .text p {color: #989898; margin-top: 20px;}
.nei_newslist .date {margin-left: 20px; width: 17%; flex-shrink: 0;}
.nei_newslist .date p:nth-child(1) {font-size: 18px; color: #656565;}
.nei_newslist .date a.nei_more {display: block; padding: 10px 20px;text-align: center;  border: 1px solid #ddd; border-radius: 10px; margin-top: 20px;}
.nei_newslist li:hover {background-color: #2678c9; box-shadow: 0 0 6px  #000; }
.nei_newslist li:hover h2 ,.nei_newslist li:hover p ,.nei_newslist li:hover a,.nei_newslist li:hover  p:nth-child(1) {color: #fff;}
.nei_joblist {display: flex; justify-content: space-between;}
.nei_joblist .left {width: 900px;}
.nei_joblist  h2 {background-color: #2678c9;}
.nei_joblist .left li{border: 1px solid #ddd; padding: 15px;}
.nei_joblist .left li p.name{ display: flex; justify-content: space-between; color: #989898; margin-bottom: 10px;}
.nei_joblist .left li p.name span:nth-child(1){font-size: 18px;  color: #282828;}
.nei_joblist .left li .line { display: flex; }
.nei_joblist .left li .line  p{width: 33.3%; line-height: 32px;}
.nei_joblist .left li .line  p span {color: #989898;}
.container {}
.container img {max-width: 1200px;}
.container .contact {display: flex; justify-content: space-between;}
.container .contact .left {font-size: 16px; color: #282828;  line-height: 26px;}
.container .contact .map {border: 1px solid #ddd;}