body,div,ul,li,a,dl,dd,dt,input,p,h1,h2,h3,h4,h5,h6,form,img{ margin: 0; padding: 0; }
html{ margin: 0; padding: 0; font-size:12px;}
html,body{
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
input,textarea,select,button,area {
    appearance:button;
    -moz-appearance:button;
    -webkit-appearance:button;
    outline:none;
    font-family:'Microsoft YaHei';
}
ul,li,dl,dd,dt{list-style: none;}
a{  text-decoration:none;  color:#2b292f;
    -webkit-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
img{border: 0; display: block; font-size:0;}
body {color:#444; background: #eee; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; }
.flex{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.jszcbox .jszctext{
	width: 75px;
}
.jszcbox .jszcimg{
	width: 55px;
}
.clearfix {overflow: auto; *zoom:1;/*IE/7/6*/}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.fl{ float:left;}
.fr{ float:right;}
.section{ width:92%; max-width:1300px; margin:auto;  }
.n-section{ width:96%; max-width:1300px; margin:auto;  }
.mian-position{width: 100%; z-index: 99; position: fixed; box-shadow: 0 1px 20px rgba(0,0,0,0.15); top: 0; background: #fff;}
.top-header{width: 100%;background: #2892f7;overflow: hidden;}
.top-header .wec{color: #fff;line-height:35px;}
.top-header .header-a{ line-height: 17px; padding:9px 0;}
.top-header .header-a a{display:block; float:left; color: #fff; padding: 0 15px; border-right: 1px solid #fff;}
.top-header .header-a a:last-child{border: 0;}
/*header*/

.header{width: 100%; height: 110px; background: #fff;position: relative;}
.header .section{}
.header .logo{margin: 10px 0 20px; position: absolute; left:10px; top:0;}
.header .logo img{max-width: 100%;display:block;}
.header .menu{float: right;}
.header .menu ul li{float:left; }
.header .menu ul li a{display:block;  padding: 0 20px; text-align:center;font-size: 16px;line-height: 105px; border-top: 5px solid #fff; color: #403f3f;}
.header .menu ul li a:hover{background: #f0f0f0;border-top: 5px solid #f60e0e;  }
.header .menu ul li a.on{background: #f0f0f0;border-top: 5px solid #f60e0e;}

.header .menu li .drop{ background:#777; overflow:hidden; position:absolute; width:100%; left:0; top:110px; display:none;}
.header .menu li .drop ul{ width:1000px; margin:0 auto; padding:15px 0;}
.header .menu li .drop li{ width:33.3333%; float:left;}
.header .menu li .drop li a{ padding:0;}
.m_menu{ background: url(../icon_nav.png) no-repeat center;  background-size:100%;width:40px; position:absolute; right:5px; top:0; height:70px; display:none;}
.h60{width: 100%; height: 60px; display: none;}

.i-title{width: 100%; text-align: center;}
.i-title h2{ color: #1f1f1f; font-size: 31px; line-height: 60px;}
.i-title em{background: url(../em.jpg) no-repeat center; margin:10px auto; height: 6px; display: block;width: 147px;}
.i-title .c-f{color: #fff;}

.i-more{width: 100%;overflow: hidden; padding: 40px 0;}
.i-more a{display: block; background: #2892f7; line-height: 40px; color: #fff; font-size: 16px; text-align: center; margin: auto; width: 186px;border-radius: 30px; height: 40px; }
.i-more a:hover{box-shadow: 0 0 10px #333;}

/*i-about*/
.i-about{width: 100%;  background: #fff;overflow: hidden; padding: 50px 0;}
.i-about .about-txt{width: 90%; overflow: hidden; margin: 50px auto; text-align: center; font-size: 15px; line-height: 35px; color: #868686;}
.i-about .about-img{width: 100%; overflow: hidden; }
.i-about .about-img ul{width: 100%; overflow: hidden; }
.i-about .about-img ul li{width: 33.333%; float: left; text-align: center;}
.i-about .about-img ul li img{display: block; margin:10px auto;}
.i-about .about-img ul li p{font-size: 25px;}

/*i-video*/
.i-video{width: 100%; height: 296px;  background: url("../video.jpg") no-repeat center; overflow: hidden; position:relative; }
.i-video a{display: block; background: url("../i-video-a.png");height: 75px; width: 75px; position:absolute; left: 50%; top: 50%; margin-left: -38px; margin-top: -38px;}
.i-video a:hover{color:#5fe037; border: 1px solid #5fe037;}

/*i-solution*/
.i-solution{width: 100%; padding:60px 0; background: #fff; overflow: hidden; }
.i-solution-ul ul{width: 100%; overflow: hidden; margin-top: 40px;}
.i-solution-ul ul li{width: 33.333%; float: left; text-align: center;}
.i-solution-ul ul li a{display:block; width:92%;overflow: hidden; margin:15px auto; background: #f8f8f8;}
.i-solution-ul .solution-ul-img{ border: 5px solid #2892f7; overflow: hidden;}
.i-solution-ul ul li img{width: 100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.i-solution-ul ul li span{ display: block; width: 110px; height: 35px;margin:45px 15px;  line-height: 35px; text-align: center; border: 1px solid #bfbfbf;  font-size: 14px; color: #818181;}
.i-solution-ul ul li a:hover span{color:#fff;border: 1px solid #2892f7; background: #2892f7;}
.i-solution-ul ul li a:hover img{transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}

/*i-yjy*/
.i-yjy{width: 100%; background:#f7f7f7 url("../i-yjy.jpg") no-repeat top center; padding:50px 0; overflow: hidden; }
.aui-nav-content-box { width: 100%; position: relative; margin-top: 50px; }
.aui-nav-list-box { background:#2892f7; width:100%; margin: auto; overflow: hidden; zoom: 1; border-bottom: none; z-index: 110; display: block; }
.aui-nav-list-box ul{float: right;}
.aui-nav-list-box ul li { float: left; color: #000; height: 58px; cursor: pointer; line-height: 58px; width: 150px;  text-align: center; font-size: 14px; }
.aui-nav-list-box ul li a {display: block;width: 100%; color: #fff; }
.aui-nav-list-box ul .aui-current a { background: #53a8f9; }
.aui-nav-list-box ul li a:hover{background: #53a8f9;}
.aui-nav-list-item { display: none;}
.i-yjy-fl{ width: 48%; float: left;}
.i-yjy-fl img{width: 100%;}
.i-yjy-fr{ width: 48%; float: right; color: #4f4f4f; font-size: 15px; line-height: 30px; }
.i-yjy-fr p{margin: 18px 0; text-indent: 2em;}
.i-yjy-fr a{display: block; width: 130px; height: 35px; background: #dcdcdc; text-align: center; border-radius: 30px; line-height: 35px; font-size: 15px;  color: #363535;}
.i-yjy-fr a:hover{ color: #2892f7;}


/*i-news*/
.i-news{width:100%;  background: #fff;overflow: hidden; padding:60px 0 10px 0;}
.i-news .i-news-box{width: 100%;overflow: hidden; margin-top: 50px;}
.i-news .news-query{width: 48%; float: left; margin: 30px 1%;}
.i-news .news-query a{display: block;width: 100%; overflow: hidden; }
.i-news .news-query .n-time{width: 20%; float: left;  color: #414141; text-align: center;}
.i-news .news-query .n-time span{display: block;width: 100%;     font-size: 68px;  }
.i-news .news-query .n-time i{width: 100%; font-size: 18px;  display: block;   font-style: normal;}
.i-news .news-query .n-txt{width: 78%; float: right;}
.i-news .news-query .n-txt h2 { font-size: 18px;  color: #414141;  height: 24px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.i-news .news-query .n-txt p{ color: #9b9b9b; font-size: 13px;  line-height: 22px; height: 88px;  margin: 5px 0;  overflow: hidden;  }
.i-news .news-query a:hover h2{ color: #2892f7;}

/*banner*/
.banner{ margin-top: 145px; overflow: hidden;}
.ab-ban{width: 100%; height: 380px;background: url("../ab-ban.jpg") no-repeat center;}
.cn-ban{width: 100%; height: 380px;background: url("../cn-ban.jpg") no-repeat center;}
.yjy-ban{width: 100%; height: 380px;background: url("../yjy-ban.jpg") no-repeat center;}
.news-ban{width: 100%; height: 380px;background: url("../news-ban.jpg") no-repeat center;}
.scfwswjj-ban{width: 100%; height: 380px;background: url("../scfwswjj-ban.jpg") no-repeat center;}
.cfljswjj-ban{width: 100%; height: 380px;background: url("../cfljswjj-ban.jpg") no-repeat center;}
.cs-ban{width: 100%; height: 380px;background: url("../cs-ban.jpg") no-repeat center;}
.sh-ban{width: 100%; height: 380px;background: url("../sh-ban.jpg") no-repeat center;}
.hz-ban{width: 1920px; height: 605px;background: url("../hz-ban.jpg") no-repeat center;}








.n-title{width: 100%;  text-align: center; padding-bottom: 30px; border-bottom: 1px solid #ccc; position: relative; }
.n-title h2{display: block;color: #1f1f1f;font-size: 31px; line-height: 40px; }
.n-title em{width: 14px; height: 2px; background: #2892f7; position: absolute; left: 50%; margin-left: -7px; bottom: -1px;}

.main{width: 100%;background: #fff; overflow: hidden; margin: -60px 0 50px 0; padding: 40px 0;}
.main-left{width: 20%; float: left;}
.main-left h1{background: #2892f7 url("../cs.png") no-repeat 20px 22px; padding: 20px 66px; line-height: 50px; color: #fff;}
.main-left .product-class{width: 100%; }
.main-left .product-class li{ width: 100%; line-height: 50px;  }
.main-left .product-class li a{display:block; background: #1a7cdd url("../case13.png") no-repeat  center right; padding-left:25px; border-bottom: 1px solid #2892f7; font-size: 15px;line-height: 45px; color: #fff;}
.main-left .product-class li a:hover{ background: #1a7cdd url("../case13.png") no-repeat  center right; }

.main-right{width: 78%; float: right;}
.border-box{ margin-bottom: 15px;}
.border-box h2{font-size:20px;margin:20px auto; text-align: center;}
.main-right .product-ul{width: 100%; overflow: hidden; margin: 27px 0;}
.main-right .product-ul li{width: 33.33%; float: left; text-align: center;}
.main-right .product-ul li a{display: block; width: 90%; margin:10px auto;}
.main-right .product-img{width: 100%; overflow: hidden; height:222px;}
.main-right .product-ul li img{width:100%; height:100%; display: block;transform: translateZ(0px);transition: transform 0.3s ease 0s; }
.main-right .product-ul li h4{ font-size: 16px; color: #666;background: #f1f1f1;  height: 45px; line-height: 45px; overflow: hidden;}
.main-right .product-ul li a:hover h4{color:#13439d;}
.main-right .product-ul li a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}

.main-right .content{width: 90%;overflow: hidden;  margin:30px auto; font-size: 15px; line-height: 28px;}
.main-right .content img{max-width:100%; margin:10px auto;}
.main-right .cp-img{width: 100%; text-align: center;}
.main-right .cp-img img{margin: auto;}
.main-right .cp-intro{width: 100%; line-height: 28px; padding: 30px 0; font-size: 14px; color: #333;}
.main-right .cp-intro span{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.main-right .cp-intro img{max-width:100%; margin:10px auto;}
.main-right .cp-intro p{padding: 5px 0;}
.main-right .news-titl{font-weight: bold; color: #111; padding: 25px 5px; text-align: center; background:#fff;font-size: 16px;}
.main-right .news-time{width: 100%; padding: 10px 0; font-size: 14px; line-height: 24px; border-bottom: 1px solid #e6e6e6; color: #666666; text-align: center;}
.main-right .news-intro{width: 100%; padding-top: 20px; line-height: 28px; font-size: 14px; color: #333;}
.main-right .news-intro img{max-width:100%; display: block; margin:15px auto;}
.main-right .news-intro h3{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.main-right .news-intro p{padding: 5px 0;}
.main-right .main-title{width: 100%; padding: 10px 0; background: #13439d; color: #fff; font-size: 24px; text-align: center; margin-top: 30px;}
.main-right .team-dl{width: 100%;overflow: hidden; }
.main-right .team-dl dl{width: 100%;overflow: hidden;  margin: 20px 0;}
.main-right .team-dl dl a{display: block;}
.main-right .team-dl dl dt{width: 25%; float: left;  overflow: hidden; }
.main-right .team-dl dl dt img{margin: auto; max-width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s; }
.main-right .team-dl dl dd{ width: 72%; float: right;}
.main-right .team-dl dl dd h2{font-size: 26px; text-align: left; color: #222; height: 50px; line-height: 50px;}
.main-right .team-dl dl dd h4{font-size: 20px; color: #444;   line-height: 40px;}
.main-right .team-dl dl dd p{font-size: 15px; color: #666;  height: 35px; line-height: 35px;}
.main-right .team-dl dl a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}

.main-news{width:100%; overflow: hidden; margin:45px 0;}
.main-news .news-query a{display: block;width: 100%;  padding-bottom: 30px; overflow: hidden; border-bottom: 1px dotted #c8c8c8;  margin-top: 40px; }
.main-news .news-query .time{width: 10%; float: left; text-align: center;}
.main-news .news-query .time span{   display: block;width: 100%;   float: left;  font-size: 48px;  color: #acacac;  margin-left: 1.52%;}
.main-news .news-query .time i{width: 100%; font-size: 12px;  display: block;  margin-top: 12px;  color: #acacac; font-style: normal;}
.main-news .news-query .news-box{width: 88%; float: right;}
.main-news .news-query .news-box dl{width: 100%;}
.main-news .news-query .news-box dl dd{width: 100%; float: right;}
.main-news .news-query .news-box dl dd h2 {font-size: 22px;  color: #373636;  height: 30px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; text-align:left; font-weight:bold;}
.main-news .news-query .news-box dl dd p{  color: #838383; font-size: 14px;  line-height: 24px;  margin-top: 15px; padding-bottom: 10px;  overflow: hidden; }
.main-news .news-query .news-box dl dd span{display: block; height: 25px; line-height: 25px;  width: 73px; text-align: center; font-size: 12px;  color: #666666;  border: 1px solid #666666;    margin-top: 30px;}
.main-news .news-query a:hover .news-box dl dt img {transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}
.main-news .news-query a:hover .news-box dl dd h2{ color: #00599f;}
.main-news .news-query a:hover .news-box dl dd span{color: #fff; background: #00599f;border: 1px solid #00599f;}
.main-news .news-query a:hover .time span{color: #00599f;}
.main-news .news-query a:hover .time i{color: #00599f;}


/*联系我们*/

.main-contact{width:100%; overflow: hidden; padding:50px 0; background: #fff;}
.con-content{margin-top: 50px;}
.main-contact .con-ul{width:100%;}
.main-contact .con-ul ul{width: 100%;}
.main-contact .con-ul ul li{width: 23%; float: left;  text-align: center; margin: 10px 1%;}
.main-contact .con-ul .contact-img{width: 140px; height: 140px; margin: auto; overflow: hidden; background: #f1eeec; border-radius: 100%;}
.main-contact .con-ul ul li h3{font-size: 25px; margin-top: 10px; padding: 15px 0; color: #000; }
.main-contact .con-ul ul li p{font-size: 15px; line-height: 25px;color: #444;}
.main-contact .con-ul ul li img{ width: 60px; margin:40px auto;}
.main-contact .con-map{width: 100%;overflow: hidden; margin-top: 50px;}

.my-map { margin: 0 auto; width: 100%; height: 380px; }
.my-map .icon { background: url(../marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}

.i-adv{width: 100%; padding: 50px 0;  background:#e9f0f6; overflow: hidden;}
.i-adv h2{font-size: 37px;color: #1c1c1c; padding: 10px 0;}
.i-adv p{font-size: 23px;color: #222222;}
.i-adv span.l{ font-size: 43px; color: #007ac7; font-weight: bold;}
.i-adv span.h{ color: #e18f00;}

.qt-pagination{ width:94%; margin:auto; overflow:hidden; padding:30px 0; text-align:center;}
.qt-pagination a{ background-color: #fff;border: 1px solid #e3e3e3;padding: 0 10px;margin-right: 3px; min-width: 30px;  height: 30px;  line-height: 30px;   display: inline-block;   text-align: center;
}
.qt-pagination .pages{ background:#365ed0; color:#fff;}


.foot-box{width: 100%; background:#666666; padding:40px 0 10px 0; border-top: 6px solid #d9360b;color: #d6d6d6; overflow: hidden;}
.foot-box .foot-top{width: 100%;overflow: hidden; border-bottom: 1px solid #979797; padding: 15px 0; }
.foot-box .foot-top h3{ font-size:28px;float: left;}
.foot-box .foot-top span{display: block; font-size:28px;float: right; font-weight: bold; font-style: italic; margin-right: 15px;}
.foot-box .foot-bot{width: 100%;overflow: hidden; padding-top: 15px;}
.foot-box .foot-bot .foot-bot-contact{float: left; max-width:75%;}
.foot-box .foot-bot .foot-bot-contact ul li{width: 36%; float: left; color: #fefefe; font-size: 15px;line-height: 30px; padding-left:4%; margin: 6px 0;}
.foot-box .foot-bot .foot-bot-contact ul li.ad{ background: url("../ad.png") no-repeat 0 5px;}
.foot-box .foot-bot .foot-bot-contact ul li.tel{ background: url("../tel.png") no-repeat 0 5px;}
.foot-box .foot-bot .foot-bot-contact ul li.mail{ background: url("../mail.png") no-repeat 0 5px;}
.foot-box .foot-bot .foot-bot-contact ul li.web{ background: url("../web.png") no-repeat 0 5px;}
.foot-box .foot-bot .foot-bot-contact ul li.fax{ background: url("../fax.png") no-repeat 0 8px;}
.foot-box .foot-bot .foot-bot-contact ul li a:hover{color: #d6d6d6;}
.foot-box .foot-bot .foot-bot-wx{float:right;}
.foot-box .foot-bot .foot-bot-wx img{max-width:100px; float:left; margin-right:15px; padding-top: 10px;}
.foot-link{width: 100%; background:#666666; padding:2px 0 10px 0; font-size: 16px; line-height: 26px; color: #d6d6d6;overflow: hidden;}
.foot-link .foot-link-title{width: 7%; float: left; }
.foot-link .foot-link-box{width:93%;float: right;}
.foot-link .foot-link-box a{display: block; float: left; margin-left: 15px;color: #d6d6d6; font-size: 14px;}
.footer{width: 100%;color: #aaaaaa; background:#303030;line-height: 24px; padding:15px 0;overflow: hidden;}
.footer a{color: #aaaaaa;}

@media (max-width:1500px){
    .header .section{width: 100%; max-width: 100%;}
    .header .menu ul li a{padding:0 10px;}
}

@media (max-width:1260px){
    .header{z-index: 9999; height: 70px; background: #fff;}
    .header .section{width: 100%;}
    .m_menu{ display:block;}
    .header .menu { position:absolute; left:0; top:70px; background:#2892f7; width:100%; display:none;z-index: 999;}
    .header .menu ul li{ width:100%; border-bottom:1px solid #1e83e3;}
    .header .menu ul li a{ padding:0; line-height: 40px; border: 0; color: #fff;}
    .header .menu li .drop ul{ width:100%; padding:0;}
    .header .menu li .drop{ position:static;}
    .header .menu li .drop .hide{ display:none;}
    .header .menu li .drop li{ width:100%; text-align:left;  box-sizing:border-box; border:none;}
    .header .logo{padding: 0 0;margin:5px 0;}
    .header .logo img{ height: 50px;}
    .header .menu ul li a:hover{background:none;border-top:0;  }
    .header .menu ul li a.on{background:none;border-top:0; }
    .banner{margin-top: 105px;}
    .foot-bot-contact{width: 50%;}
    .foot-box .foot-bot .foot-bot-contact ul li{ width: auto; padding-left: 30px; float: none;}
    .main-left{width: 100%;}
    .main-right{width: 100%; margin-top: 15px;}
    .i-news .news-query .n-time span{    font-size: 48px;}
}


@media (max-width:1200px){
    .foot-link .foot-link-title{width: 100%;    border-bottom: 1px solid #979797;}
    .foot-link .foot-link-box{width: 100%;}
    .i-adv h2{    font-size: 25px;}
    .i-adv span.l{    font-size: 25px;}
    .i-adv p{    font-size: 18px;}
    .i-about{padding: 30px 0;}
    .i-about .about-txt{    margin: 30px auto;}
    .i-solution,.i-yjy,.i-news{padding: 30px 0;}
    .i-news .i-news-box{    margin-top: 30px;}
    .i-news .news-query{    margin: 10px 1%;}
}
@media (max-width:1120px){
    .main-contact .con-ul .contact-img{width: 100px; height: 100px;}
    .main-contact .con-ul ul li img{    margin: 20px auto;}
}


@media (max-width:1024px){
    .i-yjy-fl{width: 100%; margin-top: 20px;}
    .i-yjy-fr{width: 100%;}
    .i-news .news-query .n-time span{    font-size: 28px;}
    .i-news .news-query .n-time i{    font-size: 15px;}
    .main-contact .con-ul ul li h3{    font-size: 20px;}
}
@media (max-width:999px){
.footer{text-align: center;}
.footer .fr{width: 100%;}
    .foot-box .foot-top span{display: none;}
    .i-news .news-query{width: 98%;}
    .i-title h2{font-size: 25px;}
    .n-title h2{font-size: 25px;}
    .foot-box .foot-top h3{    font-size: 20px;}
    .main-contact .con-ul ul li p{    font-size: 14px;  line-height: 22px;}
}

/*banner媒体查询*/
@media (max-width:768px){
    .aui-nav-list-box ul{width: 100%;}
    .aui-nav-list-box ul li{width: 25%;}
    .foot-box .foot-bot .foot-bot-contact ul li{    font-size: 14px;  line-height: 26px}
    .foot-box .foot-bot .foot-bot-contact ul li.ad{ background: url("../ad.png") no-repeat 0 2px;}
    .foot-box .foot-bot .foot-bot-contact ul li.tel{ background: url("../tel.png") no-repeat 0 2px;}
    .foot-box .foot-bot .foot-bot-contact ul li.mail{ background: url("../mail.png") no-repeat 0 2px;}
    .foot-box .foot-bot .foot-bot-contact ul li.web{ background: url("../web.png") no-repeat 0 2px;}
    .foot-box .foot-bot .foot-bot-contact ul li.fax{ background: url("../fax.png") no-repeat 0 4px;}
    .foot-link .foot-link-box a{    margin-left: 8px;}
}


@media (max-width:658px){
    .foot-bot-contact{width: 100%;}
    .foot-box .foot-bot .foot-bot-wx{width: 100%;}
    .banner{margin-top: 70px; height: 200px;}
    .ab-ban{background-size: cover;}
    .ab-ban{background-size: cover;}
    .cp-ban{background-size: cover;}
    .sl-ban{background-size: cover;}
    .cn-ban{background-size: cover;}
    .hz-ban{background-size: cover;}
    .zs-ban{background-size: cover;}
    .news-ban{background-size: cover;}
    .i-about .about-img ul li img{width: 60px;}
    .i-about .about-img ul li p{font-size: 18px;}
    .i-solution-ul ul li{width: 100%;}
    .top-header{display: none;}
    .main-right .product-ul li{width: 100%;}
    .main-news .news-query .time{width: 20%;}
    .main-news .news-query .news-box{width: 78%;}
    .main-contact .con-ul ul li{width: 48%;}
    .main-contact .con-ul ul li p{height: 50px;}
    .main-right .product-img{height: auto;}
    .my-map{height: 200px;}
}

@media (max-width:525px){

}

@media (max-width:428px){


}