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

/*-------------------- 首页开始 --------------------*/





/* banner */

/*首屏*/

.met-index-first {

  padding-top:50px;

  /* 如果浏览器不支持渐变，使用图像作为背景 */

  background: #62a8ea;

  background: linear-gradient(135deg, #62a8ea, #00b5ec);

  /* Webkit: Safari 5.1+, Chrome 10+ */

  background: -webkit-linear-gradient(135deg, #0e3974, #00a5b5);

  /* Firefox 3.6+ */

  background: -moz-linear-gradient(135deg, #62a8ea, #00b5ec);

  /* Opera 11.10+ */

  background: -o-linear-gradient(135deg, #62a8ea, #00b5ec);

  /* IE 10 */

  background: -ms-linear-gradient(135deg, #62a8ea, #00b5ec);

  /* IE < 10 */

  FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#62a8ea, endColorStr=#00b5ec);

}

.container{padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;}

.met-index-first h1 {

  font-size:40px;

  line-height: 1;

}

.met-index-first h1 span {

  font-size:28px;

  line-height: 1.5;

}

.met-index-first img {

    margin: 30px auto -10px;

  }

 .center-block{display:block;margin-right:auto;margin-left:auto}

.met-index-left-right h3 {

  font-size:30px;

  line-height: 1.2;

  margin: 0 0 10px;

}

.met-index-left-right p {

  font-size: 16px;

  line-height: 1.5;

  margin: 0;

  color: #555;

}

.met-index-body.white p {

  color:#fff;

}

.met-index-body .met-index-link {

  display: inline-block;

  font-size: 24px;

  color: #4e97d9;

  text-decoration: none;

  transition: all 0.5s;

  -moz-transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

}

.met-index-body .met-index-link:hover {

  color: #2a333c;

}







.biao{border-left:2px solid #f76a34;font-size:1rem;padding-left:3%;line-height:20px;}

.biao a{float:right;width:7%;margin-top:10px;}



.tabs{height:84px;}

.tabs a{display:block;float:left;width:25%;color:#2483ba;text-align:center;font-size:.8rem;}
.tabs img{ width:70%;}
.tabs a.active{color:#f76a34;}

.tabs a.active span{ background-position:top center; }

.tabs a span{width:50%;margin:0 20%;height:45px;display:inline-block;}



.swiper-container{background:#f5f5f5;height:325px;width:100%;}

.swiper-slide{/*height:325px;*/width:100%;background:none;color:#828282;}

.content-slide{padding:3% 6%; text-align:center;}

.content-slide h3{ font-weight:500; font-size:1.2rem;line-height:1.6em; color:#333;margin-bottom:3%;}

.content-slide p{ font-size:.7rem;line-height:21px;}

.content-slide img{ width:60%;margin-top:3%;}



.swiper-container {

	margin:0 auto;

	position:relative;

	overflow:hidden;

	-webkit-backface-visibility:hidden;

	-moz-backface-visibility:hidden;

	-ms-backface-visibility:hidden;

	-o-backface-visibility:hidden;

	backface-visibility:hidden;

	/* Fix of Webkit flickering */

	z-index:1;

}

.swiper-wrapper {

	position:relative;

	width:100%;

	-webkit-transition-property:-webkit-transform, left, top;

	-webkit-transition-duration:0s;

	-webkit-transform:translate3d(0px,0,0);

	-webkit-transition-timing-function:ease;

	

	-moz-transition-property:-moz-transform, left, top;

	-moz-transition-duration:0s;

	-moz-transform:translate3d(0px,0,0);

	-moz-transition-timing-function:ease;

	

	-o-transition-property:-o-transform, left, top;

	-o-transition-duration:0s;

	-o-transform:translate3d(0px,0,0);

	-o-transition-timing-function:ease;

	-o-transform:translate(0px,0px);

	

	-ms-transition-property:-ms-transform, left, top;

	-ms-transition-duration:0s;

	-ms-transform:translate3d(0px,0,0);

	-ms-transition-timing-function:ease;

	

	transition-property:transform, left, top;

	transition-duration:0s;

	transform:translate3d(0px,0,0);

	transition-timing-function:ease;



	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}

.swiper-free-mode > .swiper-wrapper {

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-ms-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	margin: 0 auto;

}

.swiper-slide {

	float: left;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box;

}





.tabs a .fw1{background:url(../images/images/fww1.png) no-repeat bottom center;background-size:100% 200%; text-align:center;}

.tabs a .fw2{background:url(../images/images/fww2.png) no-repeat bottom left;background-size:100% 200%; text-align:center;}

.tabs a .fw3{background:url(../images/images/fww3.png) no-repeat bottom left;background-size:100% 200%; text-align:center;}

.tabs a .fw4{background:url(../images/images/fww4.png) no-repeat bottom left;background-size:100% 200%; text-align:center;}

.tabs a .fw5{background:url(../images/images/fww5.png) no-repeat bottom left;background-size:100% 200%; text-align:center;}




.anli-lie li{float:left;width:49%;margin-right:2%; height:150px;background:#f5f5f5;margin-bottom:3%;}

.anli-lie1 li{background:#fff;}

.anli-lie li.mr-0{margin-right:0;}

.anli-lie li a{color:#999;font-size:.7rem;}

.anli-lie li .tu{width:100%; height:100px; overflow:hidden;}

.anli-lie li .tu img{ width:100%;}

.anli-lie li .wen{padding:3% 5%;}

.anli-lie li a h3{font-size:.8rem;font-weight:500;color:#333;height:20px;line-height:20px;overflow:hidden;}

.anli-lie li a p{height:20px;line-height:20px; overflow:hidden;}



.anli-lies li{float:left;width:49%;margin-right:2%; height:150px;background:#f5f5f5;margin-bottom:3%;}

.anli-lie1 li{background:#fff;}

.anli-lies li.mr-0{margin-right:0;}

.anli-lies li a{color:#999;font-size:.7rem;}

.anli-lies li .tu{width:100%; height:100px; overflow:hidden;}

.anli-lies li .tu img{ width:100%;}

.anli-lies li .wen{padding:3% 5%;}

.anli-lies li a h3{font-size:.8rem;font-weight:500;color:#333;height:20px;line-height:20px;overflow:hidden;}

.anli-lies li a p{height:20px;line-height:20px; overflow:hidden;}





/* 首页知识选项卡 */

.zhishi .hd{ height:35px;line-height:35px;width:100%; display:inline-block;margin-bottom:3%;}

.zhishi .hd ul{ float:left;height:35px;width:100%; display:inline-block;}

.zhishi .hd ul li{ float:left;width:23%;background:#d8d8d8;margin-right:2.5%;cursor:pointer;color:#828282;font-size:.9rem; text-align:center; border-radius:5px;}

.zhishi .hd ul li.on{color:#fff;background:#E81E1A;}

.zhishi .hd ul li:last-child{ margin-right:0;}

.zhishi .bd ul{zoom:1; width:100%; display:inline-block;color:#666;}

.zhishi .bd ul li{ border:1px solid #dfdfdf;width:100%;display:inline-block;padding:2%;font-size:.8rem;margin-bottom:2%; border-radius:6px;}

.zhishi .bd ul li .date{float:left;width:15%;text-align:center;font-size:.7rem;padding-top:15px;}

.zhishi .bd ul li .date b{font-size:1.6rem;width:100%;display:inline-block;margin-bottom:2%;}

.zhishi .bd ul li .wen{float:right;width:84%;line-height:22px;}

.zhishi .bd ul li .wen h3{font-weight:500;color:#333;font-size:.9rem;margin-bottom:1%;}

.zhishi .bd ul li .wen span{ width:100%; display:inline-block; text-align:right;color:#999;font-size:.7rem;}



.chakan{ display:inline-block; display:inline-block;color:#fff; border:none; font-family:"Microsoft Yahei";background:#E81E1A; border-radius:5px;padding:0 15%;font-size:1rem;height:45px;line-height:45px;}

.zixun{ background:url(../images/images/tel.png) no-repeat left center; text-align:center; background-size:8% auto;text-decoration:none;color:#333; font-size:1rem;}



.weizhi li{margin-bottom:5%;font-size:.8rem;line-height:22px;padding-left:5%;color:#999;background:url(../images/images/map.png) no-repeat left top; background-size:3% auto;}

.weizhi li h3{font-size:1rem; font-weight:500;color:#333;margin-bottom:3%;}



.qq a{float:left;width:15%;display:inline-block;margin:0 8%;}



.bot-fot{font-size:.7rem;line-height:22px;}



/*案例*/

.index-selection{width:94%;overflow:hidden;margin:3%}

.index-selection ul{float:left;width:100%;white-space:nowrap;overflow-y:auto;}

.index-selection ul li{vertical-align:top;display:inline-block;margin-right:3%;font-size:.8rem;}

.index-selection ul li a{color:#666; display:inline-block;padding:0 10px;height:25px;line-height:25px;}

.index-selection ul li a.on,.index-selection ul li a:hover{color:#E81E1A;}



/*新闻*/

.news li{ background:#fff;width:100%; padding:2%;display:inline-block;margin-bottom:2%;}

.news li a{color:#666;font-size:.7rem;line-height:20px;}

.news li img{width:100%;margin-bottom:2%;}

.news li h3{font-weight:500; font-size:.9rem;color:#333;height:23px;line-height:23px; overflow:hidden;}

.news li p{height:40px; overflow:hidden;}

.news li span{color:#999;}



.biaotou{height:50px;line-height:50px;font-size:.8rem;color:#999;}

.biaotou a{float:right;color:#999;}

.biaotou span{margin-right:3%;}



.xiangqing h3{font-size:1rem; text-align:center; font-weight:500; color:#333;margin:3% 0;}

.xiangqing p{font-size:.8rem;line-height:20px;}



.anli h3{font-size:1rem;color:#333;font-weight:500;height:40px;line-height:40px;}

.anli p{line-height:22px;font-size:.8rem;}





.bg1{box-shadow:2px 2px 2px #f3f3f3;width:100%;}



.alzs{padding-top:20%; width:100%; display:inline-block;}

.bg2{width:80%;margin:0 auto;padding-bottom:8%;background:url(../images/images/bg2.png) no-repeat top center; background-size:100% auto;z-index:1111;}

.bg2 .tu{ width:76%;overflow:hidden;height:125px;padding-top:3%;margin-left:12.4%;}

.bg2 .tu img{width:100%;}



.aa{ background:url(../images/images/aa.jpg) repeat-y #fff; background-size:100% auto;}

.bb{background:url(../images/images/bb.jpg) no-repeat top center; background-size:100% auto;}

.aaa{background:url(../images/images/aa.jpg) no-repeat left top 30% #fff; background-size:100% auto;}

.neirong p,.neirong img{margin-bottom:8%;line-height:22px;}



.saoma .tu1 img{width:25%;}

.saoma .tu2 img{width:22%;}

.saoma p{font-size:.8rem;color:#666;line-height:23px;}



.anli1 h3{font-size:1.1rem;font-weight:500;color:#666;height:50px;line-height:50px;}

.anli1 h3 span{padding-right:3%;}

.anli1 h3 a{margin-left:3%;color:#666;font-size:.9rem;}



.lianxiti{padding:10% 0;font-size:.8rem;line-height:20px;}

.lianxiti h3{font-size:1.1rem;font-weight:500;margin-bottom:2%;}

.lianxiti img{width:8%;margin-bottom:2%;}



.add{width:100%; padding:2% 3%;}

.add dt{float:left;width:28%;}

.add dt img{width:90%;padding-top:40%;}

.add dd{float:right;width:68%;font-size:.8rem;line-height:22px;color:#666;}

.add dd span{color:#E81E1A;}



.luxian li{width:100%; padding:2% 3%; background:#fff;margin-bottom:3%;color:#666;line-height:23px;font-size:.8rem;}

.luxian li h4{height:35px;line-height:35px; font-size:1rem;font-weight:500;}

.luxian li h4 span{float:right;width:5%;}



.tiandan a{width:40%; border:3px solid #E81E1A;color:#0085a1; text-align:center; display:inline-block;height:40px;line-height:33px; font-size:.8rem;}



.wz p{ font-size:.8rem;line-height:23px;color:#666;}

.zoujin ul li{width:100%; text-align:center; display:inline-block;margin:2% 0;line-height:25px;font-size:.8rem;}

.zoujin ul li img{width:25%;}



.youshi li,.youshi li img{margin-bottom:3%;}



.fuwu li{float:left;width:48%;margin-right:4%;text-align:center;margin-bottom:3%;font-size:.7rem;line-height:23px;}

.fuwu li.mr-0{margin-right:0;}

.fuwu li img{width:50%;}

.fuwu li h4{ font-size:1rem; height:30px;line-height:30px;font-weight:500;margin-bottom:2%;}



.wxin li{float:left;width:48%;margin-right:4%;text-align:center;margin-bottom:3%;}

.wxin li.mr-0{margin-right:0;}

.wxin li img{width:50%;}

.wxin li h4{ font-size:1rem;color:#9c9c9c;height:30px;line-height:30px;font-weight:500;margin-bottom:2%;}

.wxin li p{color:#9c9c9c;font-size:.7rem;line-height:23px;}



.tabs1{height:40px;margin-bottom:5%;}

.tabs1 a{display:block;float:left;width:20%;margin-right:6.5%;color:#333;text-align:center;line-height:40px;font-size:.8rem;text-decoration:none;}

.tabs1 a:last-child{margin-right:0;}

.tabs1 a.active{color:#0195b3; border-bottom:2px solid #0195b3;}

.swiper-container1{height:500px;overflow:hidden;width:100%;}



.content-slide1 ul li{width:100%; display:inline-block;margin-bottom:5%;}

.content-slide1 li a p{color:#666;font-size:.8rem;line-height:23px;}

.content-slide1 li a h3{font-size:1rem;margin-bottom:3%;color:#333; font-weight:500;line-height:25px;}

.content-slide1 li a span{font-size:.7rem;margin-bottom:3%;color:#333;display:inline-block;width:100%;}



.alzs1{padding-top:225px;width:100%; display:inline-block;}

.alzs1 h3{text-align:center;line-height:50px;font-size:18px; font-weight:500;margin-bottom:30px;}

.bg3{width:40%;margin-left:10%;background:url(../images/images/a1.png) no-repeat top center; background-size:100% auto;padding-bottom:25%;z-index:1111;}

.bg3 .tu{   height: 197px;

width:82%;overflow:hidden;padding-top:20.5%;margin-left:13%;}



.bg3 .tu img{width:100%;}





.saoma1{margin-right:5%;width:40%;margin-top:20%; text-align:center;}

.saoma1 .ma img{width:70%;}

.saoma1 .ma p{height:35px;line-height:35px;font-size:.7rem;}

.saoma1 a{color:#fff; display:inline-block;text-align:center;width:100%; font-size:.7rem;height:35px;line-height:35px;border-radius:10px;background:#de4b44;}



.spzs li{float:left;width:47%;text-align:center;margin-right:6%;padding-bottom:25%;background:url(../images/images/a2.png) no-repeat top center;background-size:100% auto;}

.spzs li.mr-0{margin-right:0;}

.spzs li .tu{height:205px;padding-top:24%;overflow:hidden;}

.spzs li img{ width:89%;height:200%;}



.app li{width:100%; display:inline-block;font-size:.8rem;line-height:23px;margin-bottom:4%;}

.app li h4{font-weight:500;height:35px;line-height:35px;font-size:1rem;margin-bottom:1%;}

.app li h4 img{float:left; width:5%;margin-right:5%;margin-top:4%;}



.biao1{height:45px;line-height:45px;font-size:1rem; font-weight:500;padding:3% 0;width:100%; display:inline-block;}





.biaodan li{width:100%; display:inline-block; margin:5% 0;}

.biaodan li span{float:left; display:inline-block;height:100%;width:10%;line-height:25px;}

.biaodan li .bdan{width:80%;float:left;color:#0085a1;}

.biaodan li .bdan p{hieght:25px;line-height:25px;font-size:1rem;}

.biaodan li input{ border:1px solid #c2c2c2; border-radius:5px;height:34px;line-height:35px;margin-top:5%;width:90%; background:#fff url(../images/images/jpan.png) no-repeat right 5% center; text-indent:3%;background-size:15% auto;}



.tj{width:60%;color:#0085a1; height:45px;line-height:40px; border:3px solid #0085a1; background:#fff;font-family: "Microsoft Yahei"; font-size:.9rem;}





.erweima{width:300%;z-index:999;margin-left:-100%;margin-top:10%;display:inline-block; display:none;}

.erweima img{width:100%;}

.weixin:hover .erweima{display:block;}

.weixin{float:left;width:15%;display:inline-block;margin:0 8%;}

.weixin a{width:100%;}





@media only screen and (min-device-width: 375px){

.tabs a span{height:50px;}



.biao{font-size:1.1rem;line-height:22px;}

.biao a{fmargin-top:10px;}



.tabs{height:84px;}

.tabs a{font-size:.9rem;}

.tabs a span{height:50px;}



.swiper-container{background:#f5f5f5;height:325px;width:100%;}

.swiper-slide{/*height:325px;*/width:100%;background:none;color:#828282;}

.content-slide{padding:3% 0; text-align:center;}

.content-slide h3{ font-weight:500; font-size:1.2rem;line-height:1.6em; color:#333;margin-bottom:3%;}

.content-slide p{ font-size:.7rem;line-height:21px;}

.content-slide img{ width:100%;margin-top:3%;}

	

.anli-lie li{height:160px;}

.anli-lie li a{font-size:.8rem;}

.anli-lie li .tu{height:105px;}

.anli-lie li a h3{font-size:.9rem;height:21px;line-height:21px;}

.anli-lie li a p{height:21px;line-height:21px;}



.anli-lies li{height:160px;}

.anli-lies li a{font-size:.8rem;}

.anli-lies li .tu{height:105px;}

.anli-lies li a h3{font-size:.9rem;height:21px;line-height:21px;}

.anli-lies li a p{height:21px;line-height:21px;}



.index-selection ul li{font-size:.9rem;}

.index-selection ul li a{height:27px;line-height:27px;}



/*新闻*/

.news li a{font-size:.8rem;line-height:22px;height:22px;}

.news li h3{font-size:1rem;height:26px;line-height:26px;}

.news li p{height:45px;}



.biaotou{height:53px;line-height:53px;font-size:.9rem;}



.xiangqing h3{font-size:1.1rem;}

.xiangqing p{font-size:.9rem;line-height:23px;}



.anli h3{font-size:1.1rem;height:45px;line-height:45px;}

.anli p{line-height:23px;font-size:.9rem;}



.saoma p{font-size:.9rem;line-height:24px;}



.lianxiti{font-size:1.1rem;line-height:22px;}

.lianxiti h3{font-size:1.4rem;}



.wz p{ font-size:.9rem;line-height:24px;}

.zoujin ul li{line-height:25px;font-size:.9rem;}



.weizhi li{font-size:.9rem;line-height:24px;}

.weizhi li h3{font-size:1.1rem;}



.fuwu li{font-size:.8rem;line-height:24px;}

.fuwu li h4{ font-size:1.1rem;height:30px;line-height:30px;}



.tabs1{height:42px;}

.tabs1 a{line-height:42px;font-size:1rem;}

.swiper-container1{height:550px;}

.content-slide1 li a p{font-size:.9rem;line-height:25px;}

.content-slide1 li a h3{font-size:1rem;line-height:27px;}

.content-slide1 li a span{font-size:.8rem;}



.bg2 .tu{height:145px;}

.bg3 .tu{   height: 233px;}

.spzs li .tu{height:240px;}	

}



@media only screen and (min-device-width: 414px){

.tabs a span{height:55px;}



biao{font-size:1.2rem;line-height:25px;}

.biao a{fmargin-top:10px;}



.anli-lie li{height:110px;}

.anli-lie li a{font-size:.8rem;}

.anli-lie li .tu{height:120px;}

.anli-lie li a h3{font-size:1rem;height:22px;line-height:22px;}

.anli-lie li a p{height:22px;line-height:22px;}



.anli-lies li{height:180px;}

.anli-lies li a{font-size:.8rem;}

.anli-lies li .tu{height:120px;}

.anli-lies li a h3{font-size:1rem;height:22px;line-height:22px;}

.anli-lies li a p{height:22px;line-height:22px;}



.index-selection ul li{font-size:1rem;}

.index-selection ul li a{height:29px;line-height:29px;}



/*新闻*/

.news li a{font-size:.9rem;line-height:23px;height:23px;}

.news li h3{font-size:1rem;height:28px;line-height:28px;}

.news li p{height:50px;}



.biaotou{height:55px;line-height:55px;font-size:1rem;}



.xiangqing h3{font-size:1.2rem;}

.xiangqing p{font-size:1rem;line-height:25px;}

.anli h3{font-size:1.2rem;height:50px;line-height:50px;}

.anli p{line-height:25px;font-size:1rem;}



.saoma p{font-size:1rem;line-height:25px;}



.lianxiti{font-size:1.2rem;line-height:24px;}

.lianxiti h3{font-size:1.65rem;}



.wz p{ font-size:1rem;line-height:27px;}

.zoujin ul li{line-height:27px;font-size:1rem;}



.fuwu li{font-size:.9rem;line-height:26px;}

.fuwu li h4{ font-size:1.2rem;height:32px;line-height:32px;}



.tabs1{height:42px;}

.tabs1 a{line-height:42px;font-size:1.1rem;}

.swiper-container1{height:600px;}

.content-slide1 li a p{font-size:1rem;line-height:25px;}

.content-slide1 li a h3{font-size:1.1rem;line-height:27px;}

.content-slide1 li a span{font-size:.9rem;}



.bg2 .tu{height:160px;}

.bg3 .tu{   height: 257px;}

.spzs li .tu{height:264px;}	

}



/*商桥样式*/

.kuang{width:90%;height:180px;background:url(../images/images/a11.jpg) no-repeat;position:fixed; top:30%; left:5%;z-index:99999; background-size:100% auto;}

.kuang span{position:absolute;width:30px;height:30px;top:0;right:0; cursor:pointer;display:inline-block; z-index:88;}

.kk1{width:30%;height:25px;display:inline-block; border-radius:20px; float:left;margin-left:3%;}

.kk2{width:28%;height:25px;display:inline-block; border-radius:20px;float:left;margin-left:3%;}