* { font-family:"微软雅黑",Arial, Helvetica, sans-serif; }
img {max-width: 100%;}
ul,li {padding: 0px; margin:0px; list-style-type: none;}
.carousel-control {background-image:none!important}
.adPic img{width: 100%;}	

.header {background-color: #000; position: relative;}
.header .iconfont{	color: #fff;line-height: 55px; font-size: 20px;}
.header .search {float:left;padding-left: 10px; width: 20%;}
.header .logo{float: left; width: 60%; text-align: center;}
.header .logo img {height: 35px; margin: 10px;}
.header .menu{float: right; padding-right: 10px;width: 20%; text-align: right;}

.zmenu {  width:100%; z-index: 10; background-color: #fff; border-bottom: 3px solid #000; display: none; position: absolute; top: 55px; left:0px; width: 100%; z-index: 999}
.zmenu li {line-height: 40px; padding: 0 20px; color: #000000; border-bottom: 1px solid #CFCFCF; text-align: center;  text-transform: uppercase;}


.ad1 {background-color: #0064AF; position: relative; }
.ad1 img {width: 100%;}
.ad1 div {position: absolute; top: 34%; left: 0px; width: 100%; color: #FFEF00; text-align: center;}
.ad1 div p:nth-child(1){font-size: 6vw; line-height: 9vw; font-weight: 800;}
.ad1 div p:nth-child(2){font-size: 7.8vw;}


.ad2 {background-color: #0064AF; position: relative; }
.ad2 img {width: 100%;}
.ad2 div {position: absolute; top: 40%; left: 0px; width: 100%; color: #fff; text-align: center;}
.ad2 div p:nth-child(1){font-size: 6vw; line-height: 3vw;}
.ad2 div p:nth-child(2){font-size: 7.8vw;}

.ad3 {background-color: #0064AF; position: relative; }
.ad3 img {width: 100%;}
.ad3 div {position: absolute;top: 20%;left: 0px;width: 100%;color: #fff;text-align: center;}
.ad3 div p:nth-child(1){font-size: 6vw;line-height: 3vw;color: #FFEF00;}
.ad3 div p:nth-child(2){font-size: 3vw;padding: 3% 5%; line-height: 6vw;}

.nyAdvs {z-index: -1}

.indexAbout .content_ {padding:5%}
.indexAbout img{width: 100%;}
.indexAbout .content_ .wenzi{ font-size: 2.5vw; line-height: 3vw; color: #A1A1A1;}
.indexAbout .content_ .More{ text-align: right; color: #A1A1A1;line-height: 1vw;}

.CanDo {padding:5%}
.CanDo .title_{ font-size: 5vw; text-align: center; color: #666666;}
.CanDo .content_{font-size: 3.5vw; line-height: 5vw; color: #A1A1A1; text-align:center; margin-top: 10px;}

.ProSort {padding:3%;}
.ProSort ul {width: 100%;margin: 0px auto;}
.ProSort ul li {width: 24.25%; float: left; margin-right: 1%; position: relative; background: #0165AF; height: 110px;}
.ProSort ul li p{ color:#fff00a; font-size: 2vw; padding: 5px 0 0 5px}
.ProSort ul li img{ width: 18%; position: absolute; left: 10px; bottom:10px; }
.ProSort ul li i{ position: absolute; right: 10px; bottom: 10px; color: #fff; font-size: 7vw;}
.ProSort ul a:nth-child(4) li {margin-right:0!important;}

.proList {margin-top: 30px;}
.proList .title_{ font-size: 5vw; text-align: center; color: #666666; }
.proList ul li{padding:5% 3% 0 3%; }
.proList ul li img{width: 100%;}
.proList .pro {background-color: #0064AF; padding: 3%; position: relative;}
.proList .pro .proTitle {color: #fff; width: 60%; font-size:3vw;}
.proList .pro .attr {color: #fff; width: 60%; font-size:2vw; margin: 10px 0 5px 0;}
.proList .pro .icon {position: absolute; right: 3%; top: 3%; text-align: center;}
.proList .pro .icon i{color: #fff; font-size: 9vw;}
.proList .pro .icon .links{background-color: #FFEF00; font-size: 2vw; display: block; padding: 3px;}



.indexPartners {padding:3%;}
.indexPartners .title_{ font-size: 5vw; text-align: center; color: #666666; margin: 30px 0 20px 0;}
.indexPartners .desc{font-size: 1vw;color: #a1a1a1;margin: 2vw 0 4vw 0;}
.indexPartners .desc p{margin: 0;}
.indexPartners .content{padding:4vw 0;}

.footer {margin-top: 40px;}
.footer .f1{ background:url(../mobile/images/t12.gif); background-size: 100% 100%; text-align: center; color: #fff;font-size: 3vw; line-height: 10vw; }
.footer .f2{background:url(../mobile/images/t13.gif) no-repeat #212125; background-size: 100%; color: #fff; padding: 3%;}
.footer .f2 ul li{padding-left: 5%; position: relative; line-height: 3.5vw; font-size: 2vw;}
.footer .f2 ul li i{position: absolute; left: 0px; top: 0px;}
.footer .f2 .phone {float: left; width: 33%; margin-bottom: 15px;}
.footer .f2 .banQuan{margin-top: 20px; font-size: 2vw;}
.footer .f4 {background-color: #000000;  color: #989898; padding: 3%;}
.footer .f4 .wenzi {float: left; text-transform: uppercase; font-size:2vw;}
.footer .f4 .logo{ float: right; width: 20%;}
.footer .f4 .logo .img{ height: 30px;}






/****************** 以下是内页*******************/


.AboutContentss img{width: 100%;} 
.AboutContentss .title_{ font-size: 7vw; text-align: center; color: #EEEEEE; margin: 30px 0 10px 0;}
.AboutContentss .title2_{ font-size: 6vw; text-align: center; color: #666666; margin: 30px 0 10px 0;}



.inSideProList {padding: 3%;}
.inSideProList ul a li{ margin-bottom: 3%; }
.inSideProList ul a li img {border:1px solid #A1A1A1; width: 100%;}
.inSideProList ul a li .content_ {background-color: #0064AF; padding:3%}
.inSideProList ul a li .content_ .title_{float: right; width: 69%; color: #fff; font-size: 3vw; line-height:5vw; text-align: right;}
.inSideProList ul a li .content_ .Speed_{float: left; color: #FFEF00; width: 29%;}
.inSideProList ul a li .content_ .Speed_ p {font-size: 2vw; line-height: 3vw;}



.proAds {background-color: #0064AF; position: relative; min-height: 121px;  }
.proAds img {width: 100%;}
.proAds div {position: absolute; top: 40%; left: 0px; width: 100%; color: #FFEF00; text-align: center;}
.proAds div p{font-size: 3.5vw; line-height: 3vw;}
.proAds .ShouShi{font-size: 50px!important; color:#fff; position: absolute; left: 10%; bottom:20%; z-index: 999; animation:shouShiAnim 4s 3; }

.carouselProInfo{margin:0 3%;border: 1px solid #a1a1a1; min-height: 200px;  }
.carouselProInfo .carousel-indicators{bottom: -35px;}
.carouselProInfo .carousel-indicators .active{background-color: #000;}
.carouselProInfo .carousel-indicators li{border:1px solid #949494;}

.xian{border-bottom: 1px solid #a1a1a1;width: 100%;}
.proInfoParam{margin: 12% 3% 0 3%;}
.proInfoParam p{font-size: 1vw;margin-bottom: 2vw}
.proInfoParam p:nth-child(3){font-weight: bold;font-size: 3.6vw;margin: 2vw 0;}
.proInfoParam .table{}
.proInfoParam .table tr td,.proInfoParam .table tr th{border: 0;padding: 8px 0;font-size: 3vw;}
.proInfoParam .table tr th{width: 30%}

.proContents{margin: 0 3%;padding: 3% 0;}
.proContents img{width: 100%; height: auto;}


.news {}
.news .title{ font-size: 5vw; text-align: center; color: #666666; margin: 30px 0 20px 0;}
.news ul{padding:0 3% 4% 3%;display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center;}
.news ul a{color: #666;font-size: 1.5vw;width: 49.5%;margin-top: 4%}
.news ul a li{}
.news ul a li .newsImg{border: 1px solid #a7a7a7;}
.news ul a li img{width: 100%}
.news ul a li p{margin: 0;padding: 3% 0;}

.newsInfo{padding: 3%}
.newsInfoBack{font-size: 3vw;color: #a1a1a1;text-align: center;margin-top: 3%}

.contact{}
.contact .ShantouIMAKO{float: left;padding-left: 0px !important;}
.contact .ShantouIMAKO p{margin: 0;font-size:4.5vw; line-height: 4vw;}
.contact .ShantouIMAKOImg{float: right;width: 13%}
.contact .ShantouIMAKOImg img{width: 100%;}
.contact .f2{padding: 3%;}
.contact .f2 ul li{padding-left: 5%; position: relative; line-height: 3.5vw; font-size: 3vw;margin-top: 3vw}
.contact .f2 ul li em{position: absolute; left: 0px; top: 0px;color: #0064af;}
.contact .f2 .phone {float: left; width: 33%; }
.contact .f2 .banQuan{margin-top: 20px; font-size: 2vw;}
.contact .f2 .email{float: left; width:90%; }
.contact .f2 .Wx{float: left; width: 5%;}
.contact .f2 .Qq{float: left; width: 5%;}
.contact .f2 .Qq em{font-size: 19px;}

.contact .Company{padding: 3%;}
.contact .Company p{margin: 0;font-size: 3vw;}
.contact .Company p:nth-child(1){font-weight: bold}
.contact .Company p:nth-child(2),.contact .Company p:nth-child(3){font-size: 2vw}
.contact .map{margin: 3% 0;}


		
		@keyframes shouShiAnim {
		  from {left:10%; opacity: 1;}
		  to {left:90%;opacity: 0;}
		}