@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1100px) {
.mianw{ width:90%;}
.headernav{ width:1130px} 
.nav_menu li { background-position:28% 46% !important;background-size:14% !important}
.main .con {width:100%}
.newslist li a {width: 85%;font-size: 16px;}
.newslist li span {width: 15%;  }
.footer .link{ height:35px;padding: 25px 0;}
.footer .link .left span{ font-size:16px}
.footer .link .right a{width: 178px; line-height: 35px; font-size:14px}
.footer .link .right {
    width: 990px;}
.footer .text p {
    font-size: 14px;
}
.footer .text a {
    font-size: 14px;}
.footer .code .wem {
    width: 85px;}
.footer .link .left{ width:110px;}
.footer .code .wem p{ font-size:12px;}
.footer .code .cuo{ width:28%}
.footer .text{ margin-top:20px}
.zhuanti .left {
    width: 240px;}
.zhuanti .left ul li a {
    font-size: 16px;}
.zhuanti .right {
    width: 795px;}
.zhuanti .right .zhuanlan li a {
    width: 80%;}
.zhuanti .right .zhuanlan li span {
    width: 20%;}
.zhuanti .right h1{ font-size:18px}
.zhuanti .right h1:before{ top:16px}
.hudong .box .right{ width:788px;}
.hudong .box .right .text .box{ width:630px}
.hudong .box .right .text h1{ width:630px}
.showmessage .title{ font-size:22px}
.main .con .bannews .ban{ height: auto;}
.rotaion_list li{ width:600px}
.demo1{ width:calc(100% - 570px) }
.demo1 .tab_box li{ height:46px; line-height:46px;}
.demo1 .tab_box li a { width:75%}
.demo1 .tab_box li span { width:25%}
.main .con .ad li {
    width: 32%;
    margin-left: 2%;}
.main .con .wnnews .btns {
    width: 17%;}
.demo2 {
    width: 49%;  }
.main .con .wnnews .notice { }
.demo2 .tab_box li a {
    width: 75%;}
.demo2 .tab_box li span {
    width: 25%;}
.main .con .wnnews .notice ul li span{width: 30%;}
.main .con .ad2 li {
    width: 49%; margin-left:2%}
.main .con .wnnews .btns li{ background-position:12%  45% !important; background-size:22% !important}
.main .con .news .brand {
    width: 26%;}
.demo3 {
    width: 35%; margin-right:2%}
.main .con .news1{width: 35%; margin-right:2%}
.main .con .meili .left{ width:13%}
.main .con .meili .right{ width:87%}
.main .con .news1.m2{ margin-right:2%; }
.mianw{ width:85%}
.headbanner{ width:85%}
.indexad{ width:85%}
.yx-rotaion-btn{ width:95%}
.main2{ width:85%;}
.main .con .headnews .rights{ width:740px}
}
@media screen and (max-width: 1100px) { 
.nav_menu li a{ background-position:28% 46% !important; background-size:14% !important}

.newslist li a {width: 85%;font-size: 14px; height:40px; line-height: 40px;}
.newslist li span {width: 15%; font-size:12px}
.footer .link{ height:35px;padding: 25px 0;}
.footer .link .left span{ font-size:14px}
.footer .link .right a{width: 164px; line-height: 35px; font-size:14px;margin-left: 10px;}
.footer .link .right {
    width: 890px;}
.footer .text p {
    font-size: 14px;
}
.footer .text a {
    font-size: 14px;}
.footer .code .wem {
    width: 85px;}
.footer .link .left{ width:110px;}
.footer .code .wem p{ font-size:12px;}
.footer .code .cuo{ width:28%}
.footer .text{ margin-top:20px}
.zhuanti .left {
    width: 240px;}
.zhuanti .left ul li a {
    font-size: 16px;}
.zhuanti .right {
    width: 695px;}
.zhuanti .right .zhuanlan li a { font-size:14px; height:40px; line-height: 40px;}
.zhuanti .right .zhuanlan li span { font-size:12px;line-height: 40px;}
.park li .text p{ height:44px;    -webkit-line-clamp: 2;}
.hudong .box .right{ width:688px;}
.hudong .box .right .text .box{ width:530px}
.hudong .box .right .text h1{ width:530px}
.livemessage .text{ font-size:14px; }
.livemessage .text p{line-height:2}
.livemessage .tab h1{ font-size:14px;line-height: 40px;}
.livemessage .tab .box li span{font-size:14px}
.livemessage .tab .box{ padding:20px 30px}
.livemessage .tab .box li textarea{ width:760px}
.livemessage .submit input[type=submit]{ width:150px; height:45px; line-height:45px;}
.showmessage .title{ font-size:20px}


.main .con .bannews .ban{ width:550px;height: auto;}
.rotaion_list li{ width:550px} 
.demo1 .tab_menu{ height:45px;}
.demo1 .tab_menu li{ height:45px; line-height:45px}
.demo1 .tab_box li{ height:43px; line-height:43px;}
.main .con .wnnews .btns li a{ font-size:18px}
.main .con .news1 ul li a{ width:70%}
.main .con .news1 ul li span{ width:30%}
}

@media screen and (max-width: 1024px) {
.mianw{ width:100%;}
.main2{ width:90%}
.zuo{ display:none}
.you{ display:none}
.header{ height:120px; text-align:center}
.header img{   margin-top:25px; width:35%; float:left} 
.headernav{ width:90%} 
.nav_menu{ height:50px;line-height:50px}
.nav_menu li a{ background-position:23% 46% !important;background-size:14% !important;font-size:18px}
  
.newslist li a {width: 85%;font-size: 14px; height:40px; line-height: 40px;}
.newslist li span {width: 15%; font-size:12px}
.footer .link{ height:35px;padding: 25px 0;}
.footer .link .left span{ font-size:14px}
.footer .link .right a{width: 164px; line-height: 35px; font-size:14px;margin-left: 10px;}
.footer .link .right {
    width: 890px;}
.footer .text p {
    font-size: 14px;
}
.footer .text a {
    font-size: 14px;}
.footer .code .wem {
    width: 85px;}
.footer .link .left{ width:110px;}
.footer .code .wem p{ font-size:12px;}
.footer .code .cuo{ width:28%}
.footer .text{ margin-top:20px}
.zhuanti .left {
    width: 150px;}
.zhuanti .left ul li a {
    font-size: 16px;}
.zhuanti .right {
    width: 685px  }
.zhuanti .right .zhuanlan li a { font-size:16px; height:45px; line-height: 45px;}
.zhuanti .right .zhuanlan li span { font-size:14px;line-height: 45px;}
.mianw{ width:90%;}
.headbanner{ width:90%;}
.indexad{ width:90%;}
.footer{ margin-top:20px;}
.footer .link{width:100%;}
.footer .link .left{width:12%;    background-size: 25%;}
.footer .link .right{ width:88%}
.footer .link .right a{ width:18%; padding:0; font-size:12px;}
.footer .text p{ font-size:12px;}
.footer .text a{ font-size:12px;}
.hudong .box .right{ width:588px;}
.hudong .box .right .text .box{ width:430px}
.livemessage .tab .box li textarea{ width:580px}
.showmessage .title{ font-size:18px}
.main .con .headnews .right h1{ font-size:20px}

.main .con .bannews .ban{ width:510px;height: auto;}
.rotaion_list li{ width:510px} 
.demo1{ width:calc(100% - 530px); float:right}
.demo1 .tab_box li{ height:46px; line-height:46px}
.demo1 .tab_box li:nth-child(7){ display:none}
.main .con .wnnews .btns li a{ font-size:16px; padding:0 20px 0 70px}
.main .con .wnnews .btns li{background-position: 18% 45% !important;}
.main .con .wnnews .notice ul li span{ width:32%}
.main .con .wnnews .notice ul li a{ width:68%}
.main .con .meili .left img{ width:90%}
.main .con .headnews .rights{ width:750px}
}
@media screen and (max-width: 990px) {
.zhuanti .right .zhuanlan img{ max-width:100%}
.header .right .box1{ display:none}
.font1{ font-size:14px;}
.font2{ font-size:16px;}
.mianw{ width:95%;/* border-top:2px solid #198e39*/}
.main .con { 
    margin: 10px auto;
}
.nav{padding: 0 0 0 25px;} 
.headernav{ width:100%; height:auto;line-height:40px}
.nav_menu{ height:80px; line-height:40px}
.nav_menu li  { width:33.33%; height:40px;line-height:40px;border-top: 1px solid #fff; border-right: 1px solid #fff; margin-left:1.5}
.nav_menu li a{ font-size:16px;padding:0 20px 0 40px;background-position:15% 48% !important; background-size:12% !important}
.nav_menu li:nth-chid(3){ border-right:none !important} 
.footer{ padding:0 2.5%}
.zhuanti{ width:100%}
.zhuanti .left{ width:100%;    margin: 10px 0;}
.zhuanti .right{ width:100%; margin-left:0}
.zhuanti .left .ad{ display:none}
.zhuanti .left ul li{ width:calc(25% - 6px); margin:0 2px;  margin-bottom:4px;float: left; border:1px solid #ddd; background:none; height:30px; line-height:30px;}
.zhuanti .left ul li.on{ background:#196ad6; }
.zhuanti .left ul li.on a{color:#fff}
.zhuanti .left ul li:hover{background:#196ad6;}
.zhuanti .left ul li a{ font-size:13px; width:95%; color:#333;  padding-left:5px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align:center}
.zhuanti .right .title{ height:30px; } 
.zhuanti .right h1 {
    font-size: 14px;line-height: 35px;padding-left: 10px;
}   
.zhuanti .right h1:before { height:12px;top: 12px;}
.newslist li a {
    width: 75%;padding-left: 5px;}
.newslist li span{width:25%; padding-right:5px}
.footer .link .left{ display:none}
.footer .link .right{width:100%;margin-bottom: 15px ;  }
.footer .link .right a {
    width: auto;
    line-height: 22px; background:none;margin-left: 0; margin-right:10px}
.footer .link{ padding:15px 0 10px 0; height:44px; display:none}
.footer .text{ width:100%;     margin: 5px 0 10px 0;}
.footer .code{ display:none}
.footer .text p{    padding: 2px 0}
.footer .text p span {
    margin-right: 10px;word-break:keep-all; line-height:20px; display:inline-block;
}
.footer .text a{ margin-right:10px;display:inline-block;}
.header{ height:90px}
.header img { margin-top: 12px; }
.headbanner , .indexad{ width:95%}
.pagination p { display:none}
.zhuanti .right .zhuanlan li  a{ width:75%; font-size:14px;padding-left: 5px;}
.zhuanti .right .zhuanlan li span{ font-size:12px;    width: 25%;padding-right: 5px;}
.newslist { margin-top:10px;}
.shownews .date span { font-size:12px}
.shownews h1 { font-size:16px; padding:15px  0 5px 0}
.shownews .date{ padding:5px 0}
.shownews .detail{ padding:10px }
.shownews .detail p { font-size:14px; line-height:2; }
.shownews { margin-top:10px;}
.park li img{width:50%;}
.park li .text{ width:50%; padding:15px 15px 0 15px}
.park li .text h2 { font-size:14px; line-height: 20px;}
.park li .text p{ font-size:12px; line-height:20px; height:40px;margin: 5px 0;}
.park li .text span{ display:none}
.hudong .box .left{display:none} 
.hudong .box .right .text{ width:94%; margin:2% 3%}
.hudong .box .right .text .box{ width:100%} 
.hudong .box .right .text h1{ width:100%}
.hudong .box .right{ width:100%; margin-left:0%}
.hudong .box .right .img{ display:none}
.hudong .box .right .text h1 span{ font-size:14px; float:right;margin-right:5px;line-height: 35px;}
.hudong .box .right .text .box input[type=submit] { width:15%; font-size:14px; height:33px;}
.hudong .box .right .text h1 a{ display:block; float:left;line-height: 35px; } 
.livemessage{ margin-top:10px;padding-top: 10px;}
.livemessage .tab .box li span{ width:17%; margin-right:3%}
.livemessage .tab .box li input[type=text]{ width:75%}
.livemessage .tab .box li .sel{ width:75%}
.livemessage .tab .box li textarea{ width:75%}
.livemessage .submit{ margin:30px 0}
.livemessage .submit input[type=submit]{ height: 40px; line-height:40px}
.showmessage .title{ font-size:16px;line-height: 26px;}
.showmessage .box ul li .w1{ width:15%}
.showmessage .box ul li .w2{ width:34%}

.main .con .headnews .left img{ width:100%}
.main .con .headnews .right{width: 82%;    padding-left: 2%;}
.main .con .headnews .right a{ width:100%; display:block; overflow:hidden;  text-overflow: ellipsis; white-space: nowrap;line-height: 30px;}
.menu{ display:block}
.main .con .wnnews .btns{ width:100%; margin:2% 0}
.demo2{  margin-left:0;  }
.main .con .wnnews .notice{      }
.main .con .wnnews .btns li {
    width: 23%;
    margin-left: 2%;; display:inline-block
}
.main2{ width:95%}
.main .con .wnnews .btns li:nth-child(1){ margin-left:0}
.main .con .bannews .ban{ width:100%;height: auto;}
.rotaion_list li{ width:100%} 
.demo1{ width:100%; float:right; margin-left:0; margin-top:3%}
.yx-rotation-title { }
.yx-rotation-t{ width:80%;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;  }
.main .con .ad{ display:none}
.main .con .news1 { width:49%}
.demo3{ width:49%; margin-right:0}
.main .con .news{ margin-bottom:2%}
.main .con .news .brand{ width:100%; margin-top:2%}
.main .con .brand ul li:nth-child(1n+1){ display:block}
.main .con .brand ul li{ width:49%; float:left; margin-left:2%}
.main .con .brand ul li:nth-of-type(odd){ margin-left:0}
.main .con .news .brand .box{ display:none}
.main .con .news1.m2{ margin-right:0}
}
@media screen and (max-width: 768px) {
.park li img {
    width: 100%;
}
.mianw , .headbanner, .indexad , .main2 { width:98%}
.main .con{ margin:0; padding: 6px;}
.yx-rotation-t{ font-size:14px}
.header { height:65px;}
.headnews{ display:none}
.demo1 .tab_menu li{ width:75px;}
.headermenu2{ width:100%; position:relative; background:#0a4ca5; height:60px; top:0}
.headermenu2 a{  display:inline-block; padding:0; line-height:30px; float:left; width:25%}
.headermenu2 a:nth-child(1){ display:none}
.headermenu2 a:nth-child(2)::after , .headermenu2 a:nth-child(6)::after{  width: 0;}

nav{ width:100%; position:relative; background:#0a4ca5; height:60px; top:0}
nav .level>li:nth-child(1){ display:none}
nav .level>li{ width:25%; height:30px}
nav .level>li a{ line-height:30px; display: block;}
nav .level>li:hover .two{ display:none !important}
.yx-rotaion-btn{ width:70%}
.shownews h1{ line-height:24px; padding:15px 0} 
.shownews .detail{ width:100%}
.shownews .detail p{ line-height:1.8; margin:0; padding:0; text-align:left; text-indent:0 !important}
.shownews .detail p img{ max-width:100%}
 
.header img{ width:85%}
.header .right .box2{ display:none}
.park li {margin: 15px 0 0 0;}
.park li .text{width: 100%;padding: 15px;}
.brands li{ width:48%}
.brands li:nth-of-type(odd){ margin-left:0}
.brands li:nth-of-type(even){ margin-left:2%}
.brands li a p{ font-size:12px; line-height:20px; height:40px;}
.brands li a h2{ font-size:14px; line-height:26px;}
.livemessage .text p{ padding-left:0}
.livemessage .tab h1{ padding-left:15px;line-height: 35px;}
.livemessage .tab .box{ padding:10px 20px}
.livemessage .tab .box li span{width: 25%;}
.livemessage .tab .box li input[type=text] {width: 68%;}
.livemessage .tab .box li .sel {width: 68%;}
.livemessage .tab .box li textarea {width: 68%;}
.livemessage .tab .box li em{ margin-left:0}
.livemessage .submit input[type=submit] {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    width: 100px;
}
.showmessage .box ul li span{ padding-left:10px; font-size:12px}
.showmessage .box ul li .w1{ width:24%}
.showmessage .box ul li .w2{ width:25%}
.showmessage .box ul li .w2 span{ padding-left:0}
.showmessage .box ul li .bg{ background:none}
.showmessage .box ul li p {
    padding: 0 10px;
    line-height: 2;
    font-size: 14px;
}
.showmessage .title{font-size: 14px; line-height:22px}
.showmessage{ padding-top:20px; margin-top:10px;}
.demo1 .tab_menu li{ height:40px; line-height:40px;}
.demo1 .tab_menu{ height:40px;}
.demo1 .tab_menu li a{ font-size:13px}
.demo1 .tab_box li a{ font-size:14px}
.demo1 .tab_box li span{ font-size:12px;}
.demo1 .tab_box li { height:40px; line-height:40px; background-position:5px 18px}
.main .con .wnnews .btns li{ width:48%; background-size:15% !important}
.main .con .wnnews .btns li:nth-child(3){ margin-left:0}
.main .con .wnnews .btns li a{ line-height:50px}
.demo2{ width:100%; margin-top:2%}
.main .con .wnnews .notice{ width:100%; margin-top:2%; margin-left:0}
.main .con .news1{ width:100%;  }
.demo3{ width:100%; margin-top:2% }
.main .con .meili .left{ width:25%}
.main .con .meili .right{ width:75%;margin-top: 5px}
#marquee2 ul li{ padding:0; margin-left:-1%}
#marquee2 ul li img{ width:80%}
.main .con .headnews .left{ display:none}
.main .con .headnews .right{ width:100%; padding-left:0}
.headnews{ padding:2% }
.main .con .headnews .right h1{ font-size:16px; line-height:24px}
.main .con .headnews .right p{ line-height:22px;}
.yx-rotaion-btn span { width:31px; height:31px; background-size:100%}
.yx-rotaion-btn .right_btn{ right:20px;    background-size: 100%; background-position:0}
.main .con .ad2 li { overflow:hidden}
.main .con .ad2 li img{ width:140%; margin-left:-20%}
.main .con .icons ul li{ width:48%; margin-left:2%; margin-bottom:2%; height:40px; }
.main .con .icons ul li a{ line-height:40px;}
.main .con .icons ul li:nth-child(1){ background:url(../images/icon2.png) no-repeat 20%  45% #e9f3fc; background-size:20%}
.main .con .icons ul li:nth-child(2){ background:url(../images/icon3.png) no-repeat 20%  45% #e9f3fc; background-size:20%}
.main .con .icons ul li:nth-child(3){ margin-left:0; background:url(../images/icon4.png) no-repeat 20%  45% #e9f3fc; background-size:20%}
.main .con .icons ul li:nth-child(4){ background:url(../images/icon5.png) no-repeat 20%  45% #e9f3fc; background-size:20%}
.main .con .icons ul li:nth-child(5){ margin-left:0; background:url(../images/icon5.png) no-repeat 20%  45% #e9f3fc; background-size:20%; display:none}
.demo2 .tab_menu li a{ font-size:13px;}
.demo2 .tab_menu li{ width:75px;}
.main .con .wnnews .notice .tab a{font-size:13px;width:75px}
.main2 .meili .left{ display:none}
.main2 .meili .rights{ width:100%; height:auto}
.main2 .meili .rights li{ width:25%; height:auto; margin:5px 0}
.main2 .meili .rights li img{ margin-top:0; width:50%}
.footer span , .footer a{ font-size:12px;}
.footer a{ line-height:22px;}
#marquee2{ height:auto}
}
@media screen and (max-width: 480px) {
.livemessage .tab .box li span {
    font-size: 12px;
}
.nav_menu li a{ background-position:15% 48% !important; background-size:16% !important}
}