@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1024px){
.wrapper {min-width: 100%;}
.banner .sliderInner,
.banner .sliderInner li {height: 400px;overflow: hidden;width: 100%;}
.banner {width: 100%;height: 400px;overflow: hidden; position:relative;}
.w {width: 100%;}
.page-tit { width: 100%;height: 204px;line-height: 204px;position: absolute;top: 0;left: 50%;margin-left: -600px;}
.pho-slider {margin-top: 20px;width: 100%;height: 404px;position: relative;}
.pho-slider .sliderInner {width: 100%;height: 404px;overflow: hidden;}
.pho-slider .sliderInner li {float: left;width: 100%;height: 404px;position: relative;overflow: hidden;
margin-right: 2px;}
.banner .list-tit {width: 100%;position: absolute;left: 50%;margin-left: -500px;bottom: 50px;text-align: center;}
.comp-slider .sliderInner {width: 100%;height: 100px;overflow: hidden;margin-top: 20px;}
.nav a {float: left;padding: 0px 10px;}
.nav a:hover {text-decoration: none;}
.nav .btn-search{ position: absolute;width: 60px;height: 60px;font-size: 0px;background: url(../png/ico-search.png) no-repeat center;top: 0;right: 0;margin-left: 0;padding: 0;}
.nav .btn-fb { position: absolute;width: 60px;height: 60px;font-size: 0px;background: url(../jpg/shandong1.jpg) no-repeat center;top: 0;left: 50%;margin-left: 333px;padding: 0;}
.h-search {position: absolute;top: 100%;left: 50%; margin-left: -513px;background-color: #0a5492;
padding: 25px 0;display: none;}
.i-fast .item-fast {display: inline-block;width: 138px;height: 200px;overflow: hidden;
background: url(../png/fast.png) no-repeat center top;margin: 0px 7px;color: #fff;font-size: 18px;}
.i-list li {float: left;width: 44%;padding:0 3%;margin-bottom: 40px;}
.i-list2 li {display: inline-block;width: 410px;height: 240px;overflow: hidden;position: relative;
margin: 0px 44px;}
.i-list3 li {float: left; width: 248px; display:block; margin-left:7%;}
.i-list3 .list-img {width: 248px;height: auto;overflow: hidden;position: relative;margin:0 auto;}
.i-list3 li img{ width:100%;}
.cities {width: 70%;height: auto;overflow: hidden;margin:5% 15% 0;}
.i-list5 li {float: left;position: relative;overflow: hidden;margin-right: 1%;margin-left:2%;}
.abo-flash {width: 34%;margin-top: 15px;margin:0 33%;}
.pho-slider dt {width: 40%;height: 50%;}
.pho-slider dd {width: 30%;margin-left: 2px;margin-bottom: 2px;}
.comp-slider .sliderInner li {float: left; overflow: hidden; margin: 0px 8px;}
.i-list3 .list-label {position: absolute;height: 42px;line-height: 42px;background-color:rgba(37,112,175,0.8);
font-size: 14px;color: #fff;top: 0px;left: 0px;padding: 0px 16px;}
.fInner{ padding:0 5%; width:90%;}
.f-links {float: left;width: 185px;height: 56px;background-color: #115792;margin-top:10px;}
.select-group,
.select-group .select-selected {width: 185px;height: 56px;line-height: 56px;position: relative;
font-size: 18px;height: 56px;}
.oview-img {width: 320px;height: 213px;margin-right:0;float:none;}

.oview-text {overflow: hidden;font-size: 17px;line-height: 26px; padding-top:20px;}
.pho-slider .btn-prev {background-position: 0 0;left: 0px;}
.pho-slider .btn-next {background-position: -51px 0px;right: 0px;}
.art-text p img {width: 320px;margin: 0px auto 0px;font-size: 14px;line-height: 1.5em;
color: #666;}
.art {padding: 10px 15px;}
.videos {width:100%;background-color: #fff;}
.exc-items .exc-img img {display: block;width: 100%;height: 200px;}
.exc-items .exc-item {width: 410px;background: #fff; margin-bottom: 40px;padding-bottom: 10px;}
.liv-items .liv-item {
  width: 320px;
  height: 455px;
  overflow: hidden;
  margin-right: 100px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-bottom: 30px;
  margin-right: 18px;
}
.menu-right {
  float: none;
  width: 100%;
}
.menu {
  width:100%;
  background: url(../png/menu.png) repeat-x left top #fafafa;
  margin-bottom:20px;
  min-height:auto;
  float:none;
}
.menu li.hang2 em {
  display: block;
  width: 100%;
  height: 66px;
  padding:10px 0 0 10px;
  text-indent:0px;
  line-height: 24px;
  background-color: #50b8be;
  background:#50b8be url(../png/menu-item2.png) no-repeat right top;
}
.menu li.hang2 a:hover em {
  background:#0092dd url(../png/menu-item2-focus.png) no-repeat right top;
}
.list img {
  float: none;
  margin-right:0;
  width: 220px;
  height: 148px;
  margin-bottom:10px;
}

.left {
  float: none;
  width: 100%;
}
.right {
  float: none;
  width: 100%;
  background-color: #ececec;
  padding-bottom: 100px;
}
.art-text iframe { height:200px;}
}
@media screen and (max-width:768px){
.nav a {float: left; padding: 0px 8px;}
.nav,
.nav li,
.nav a {
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 14px;
}
.h-search {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -385px;
  background-color: #0a5492;
  padding: 25px 0;
  display: none;
}
.i-fast .item-fast {
  margin: 0px 30px;
}
.i-list li {
  float: left;
  width: 46%;
  padding:0 2%;
  margin-bottom: 40px;
}

.i-list .list-item {
  padding: 0px 5px 0 5px;
}
.i-list3 li {
  float: left;
  width: 220px;
  display:block;
  margin-left:3%;
}
.i-list3 li img{width:100%;}
.i-list2 li {
  display: inline-block;
  width: 310px;
  height: 200px;
  overflow: hidden;
  position: relative;
  margin: 0px 22px;
}

.i-list3 li {
  float: left;
  width: 228px;
  display:block;
  margin-left:2.6%;
}
.i-list3 .list-img {
  width: 228px;
  height: auto;
  overflow: hidden;
  position: relative;
   margin:0 auto;
}
.i-list3 li img{ width:100%;}

.i-list4 .list-img,
.i-list4 .list-img a,
.i-list4 .list-img img {
  width: 180px;
  height: 108px;
}
.i-list3 .list-label{ font-size:12px;}
.i-list4 .list-tit {font-size: 14px; line-height: 18px;
}
.cities {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin:5% 0 5%;
}
.abo-flash {
  width: 46%;
  margin-top: 15px;
  margin:0 27%;
}
.i-list5 li,
.i-list5 img {
  width: 166px;
  height:124px;
}
.pho-slider dt {
  width: 50%; 
  height:100%;
}
.f-links {
  float: right;
  width: 160px;
  height: 56px;
  background-color: #115792;
  margin-top:10px;
  position:relative;
  top:-100px;
}
.select-group,
.select-group .select-selected {
  width: 160px;
  height: 56px;
  line-height: 56px;
  position: relative;
  font-size: 18px;
  height: 56px;
}
.art-text iframe { height:200px;}
}
@media screen and (max-width:414px){
.logo {display: block; width: 90%; margin: 0 auto; padding-top: 10%;}
.logo img{ width:100%;}
.nav{height:60px;}
.nav li,
.nav a {height: 30px; line-height: 30px; color: #fff; font-size: 12px;}
.nav-sec {position: absolute; z-index:3; left: 0;top: 100%;background-color: #0a5492;width: 278px;color: #92bde1;display: none;}
.banner .sliderInner,
.banner .sliderInner li {height: 300px;overflow: hidden;width: 100%;}
.banner {width: 100%;height: 300px;overflow: hidden; position:relative;}
.banner .list-tit {width: 1200px; position: absolute; left: 50%;margin-left: -600px;bottom: 50px;text-align: center;}


.nav .btn-search,.nav .btn-facebook,.nav .btn-twitter {position: absolute;width: 30px;height: 30px;font-size: 0px;background: url(../png/ico-search.png) no-repeat center;
top: 30px;right: 60px;margin-left: 0;padding: 0;}

.nav .btn-facebook{
	right: 30px;
}
.nav .btn-twitter{
	right: 0;
}
.nav .btn-facebook{
	background-image: url(../png/facebook.png);
}
.nav .btn-twitter{
	background-image: url(../png/twitter1.png);
}
.h-search {position: absolute;top: 100%;left: 50%;margin-left: -208px;background-color: #0a5492;padding: 25px 0;display: none;}
.banner .list-tit {width: 360px;position: absolute;left: 50%;margin-left: -180px;bottom: 50px;text-align: center;}
.banner .list-tit h2 {
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
  padding: 0px 50px;
}
.banner .btn-slider {
  position: absolute;
  z-index: 9;
  width: 41px;
  height: 41px;
  font-size: 0px;
  line-height: 0px;
  top: 30%;
  background: url(../png/btn-slider2.png) no-repeat;
}
.i-list li{width:50%; padding:0;}
.i-list2 li {
  display: inline-block;
  width:90%;
  height: 200px;
  overflow: hidden;
  position: relative;
  margin: 0px 5% 20px;
}

.i-list3 li {
  width: 228px;
  display:block;
  margin:0 auto 20px;
  float:none;
}
.i-list4 li {
  float: none;
  width: 100%;
  margin-bottom: 15px;
  overflow:hidden;
}
.i-news {
  padding: 20px 0px;
  background-color: #fff;
}
.i-news .i-list {
  margin-top: 10px;
}
.i-fea {
  padding: 20px 0px 15px;
}

.i-fea .i-list2 {
  margin-top: 10px;
}
.i-dev {
  background-color: #fff;
  padding: 20px 0px;
}

.i-dev .i-list3 {
  margin-top: 15px;
}
.i-tit {
  font-size: 28px;
  line-height: 42px;
  text-align: center;
}
.i-list .list-tit{ font-size:16px; line-height:18px;}
.i-list img {
  float: left;
  width: 156px;
  height: 101px;
  margin-left: 23px;
  margin-bottom: 10px;
}
.i-list3 .list-tit {
  font-size: 16px;
  line-height: 18px;
  margin-top: 12px;
}
.i-culInner {
  padding: 20px 0px 20px;
}
.i-cul .i-list4 {
  margin-top: 15px;
}
.i-fast .item-fast {
  display: inline-block;
  width:118px;
  height: 170px;
  overflow: hidden;
  background: url(../png/fast.png) no-repeat center top;
  background-size:118px 170px;
  margin: 0px 30px;
  color: #fff;
  font-size: 18px;
}
.i-fast .item-fast:hover {
  background-image: url(../png/fast-hv.png);
  text-decoration: none;
  background-size:118px 118px;
}
.ico-fast1 {
  background-position: -10px -10px;
}

.ico-fast2 {
  background-position: -155px -10px;
}

.ico-fast3 {
  background-position: -304px -10px;
}

.ico-fast4 {
  background-position: -449px -10px;
}

.ico-fast5 {
  background-position: -595px -10px;
}

.ico-fast6 {
  background-position: -740px -10px;
}
.abo-flash {
  width: 86%;
  margin-top: 15px;
  margin:0 7%;
}
.mt50{ margin-top:10px;}

.i-abo {
  padding: 20px 0px;
  background-color: #fff;
}
.citiesInner {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
}
.cities .item-map {
  position: absolute;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  top: 0;
  left: 0;
  text-shadow: 0px 0px 5px #000;
}
.cities img{ width:100%;}
.cities .item-map1 {
  left: 184px;
  top: 47px;
}

.cities .item-map2 {
  left: 132px;
  top: 30px;
}

.cities .item-map3 {
  left: 60px;
  top: 26px;
}

.cities .item-map4 {
  left: 292px;
  top: 50px;
}

.cities .item-map5 {
  left: 302px;
  top: 20px;
}

.cities .item-map6 {
  left: 60px;
  top: 100px;

}

.cities .item-map7 {
  left: 133px;
  top: 55px;
}

.cities .item-map8 {
  left: 172px;
  top: 85px;
}

.cities .item-map9 {
  left: 222px;
  top: 84px;
}

.cities .item-map10 {
  left: 117px;
  top: 115px;
}

.cities .item-map11 {
  left: 148px;
  top: 106px;
}

.cities .item-map12 {
  left: 220px;
  top: 110px;
}

.cities .item-map13 {
  left: 220px;
  top: 150px;
}

.cities .item-map14 {
  left: 74px;
  top: 154px;
}

.cities .item-map15 {
  left: 100px;
  top: 145px;
}

.cities .item-map16 {
  left: 124px;
  top: 176px;
}

.cities .item-map17 {
  left: 182px;
  top: 165px;
}
.i-exc {
  padding: 20px 0px 22px;
  background: url(../jpg/exc.jpg) no-repeat right bottom #E2EAF2;
}

.i-exc .i-list5 {
  margin-top: 15px;
}
.i-list5 li {
  float: left;
  position: relative;
  overflow: hidden;
  margin:0 4.5% 5%;
}
.pho-slider dt {
	width:24%;
  height:30%;
}
.pho-slider .sliderInner li {
 width:42%;
  height: 260px;
  margin-right: 2px;
}
.i-attr {
  padding: 60px 0px 0px;
  background-color: #fff;
}
.pho-slider .sliderInner {
  width: 100%;
  height: 260px;
  overflow: hidden;
}
.pho-slider {
  margin: 20px 0 30px;
  width: 100%;
  height: 260px;
  position: relative;
}
.f-menu dl {
  margin-bottom: 30px;
  padding-right: 10px;
}
.menu-column1 {
  width: 120px;
}
.f-links {
  float: right;
  width: 160px;
  height: 56px;
  background-color: #115792;
  margin-top:10px;
  position:relative;
  top:-10px;
}
.select-group a {
  display: block;
  padding: 5px 10px;
  line-height: 22px;
}

/*2020.6.2*/
.banner .btn-next{ background-position:-51px 0;}
/*2020.6.2*/
.art-text iframe { height:200px;}
}
@media screen and (max-width:375px){
.h-search {position: absolute;top: 100%;left: 50%;margin-left: -160px;background-color: #0a5492;padding: 10px 0;display: none;}
.h-search .inp-text {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  background-color: #2570af;
  color: #fff;
  font-size: 16px;
  border: none;
  margin: 0;
  padding: 0 15px;
}
.i-list4 .list-item {
  padding: 0px 20px;
}	
.abo-flash {
  width: 100%;
  margin:0 0;
}
.flash-img {
  width: 320px;
  height: 210px;
  overflow: hidden;
  margin:0 auto;
}
.flash-img img{ width:100%;}
.flash-tit {
  width:320px;
  font-size: 20px;
  line-height: 24px;
  margin: 20px auto 0;
}
.cities .item-map13 {
  left: 200px;
  top: 135px;
}
.cities .item-map17 {
  left: 162px;
  top: 150px;
}
.cities .item-map15 {
  left: 100px;
  top: 135px;
}
.cities .item-map14 {
  left: 50px;
  top: 140px;
}
.cities .item-map6 {
  left: 60px;
  top: 85px;

}
.cities .item-map10 {
  left: 117px;
  top: 100px;
}
.i-list5 li {
  float: left;
  position: relative;
  overflow: hidden;
  margin:0 0 5% 3.5%;

}
.menu-column1 {
  width: 120px;
}
.menu-column2 {
  width: 165px;

}
.menu-column3 {
  width: 125px;

}
.header {
  height: 105px;
}
.nav a {float: left; padding: 0px 5px;}
.i-fast .item-fast{ margin:0 15px;}
.i-list li {float: none; width: 90%; margin:0 5% 20px;}
.i-list img {width: 136px; height: 81px; margin-right: 10px; margin-bottom: 10px;}
.i-list4 .list-img,.i-list4 .list-img a,.i-list4 .list-img img {width: 150px; height: 102px;}
.i-list4 .list-tit {font-size: 14px; line-height: 16px; margin-top:0;}
.flash-img img{ width:90%; margin:0 5%;}
.flash-tit {width:280px; font-size: 20px;line-height: 24px; margin: 0 auto 0;}
.cities img{ width:105%;}
.cities .item-map5 {left: 262px; top: 20px;}
.cities .item-map4 {left: 272px; top: 50px;}
.i-list5 li,.i-list5 img {width: 144px; height:104px;}
.i-list5 .list-label{ font-size:14px;}
.oview-img {width: 280px;height: 133px;margin-right:0;float:none;}
.art-text p img {
  width: 270px;
  margin: 0px auto 10px;
  font-size: 14px;
  line-height: 1.5em;
  color: #666;
}
.art {
  padding: 10px 15px;
}
.oview-img img {
  display: block;
  width: 70%;
  height: 100%;
}
.exc-items .exc-item {width: 320px;background: #fff; margin-bottom: 40px;padding-bottom: 10px;}
.art-text iframe { height:200px;}

	}