@charset "utf-8";
@media screen and (max-width:1440px){
    .content,
    .had,
    .nav ul,
    .youshi,
    .about,
    .anli_lb,.concom{ width:1200px;}

    .x_banner{ height:inherit;max-width: 100%;min-width:  100%; }
    .x_banner img{ position:relative; width:100%;    left: 0%;
        margin-left: 0px; }
    .youshi .d_item h3{ font-size:22px;}
}


@media screen and (max-width:1199px){
    .youshi .d_item dd{ height:195px;}
    .content,
    .had,
    .nav ul,
    .youshi,
    .about,
    .links ul,.concom,
    .anli_lb{ width:auto;}


    .content{width:inherit; margin:0 10px}
    .had{ width:auto; margin:0 10px;}
    .head {
        width: auto;
        min-width: auto;
    }
    .about {
        width: auto;
        margin: 0px auto 65px;
        overflow: hidden;
    }
    .ys {
        width: auto;
        max-width: auto;
        margin: 0px auto 0;

        padding: 40px 0 80px;
    }
    .youshi{ width:auto  ; margin:0px auto; padding:0 10px;}
    .news_box,.nav ul{ width:auto;}
}

@media screen and (max-width:1024px){
    #leftsead,.side{ display:none;}

    .caidan{ display:block}

    .top_box{ width:inherit; text-align:center; max-width:inherit; min-width:inherit;  }
    .head{ width:100%; max-width:inherit; min-width:inherit; position:relative}
    .top{ text-align:center; width:auto; max-width:inherit; min-width:inherit;}
    .top span{display:none;}
    .had{   width: auto; padding:3% 0; margin: 0px 5px; text-align:right;}
    .hot img:first-child{ display:none;}.hot img:nth-child(2){ display:inherit;}.hot img:last-child{ display:inherit;}.hot img{ margin:0 3px;}
    .tet{ display:none;}

    .g-adv{ display:block;}
    .banner{display:none;}
    .gengduo{ display:block;}

    .mbanner{ width:100%; margin:0px auto; overflow:hidden; display:block;}
    .mbanner img{ width:100%; margin:0px auto;}

    .liucheng { display:none;}
    .hot{ display:none;}

    .nav{   margin:0px auto; width:100%; overflow:hidden; background:#009966; height:100%; position:relative; z-index:9; display:none; position:absolute;}
    .nav ul{ width:auto; margin:0px auto; overflow:hidden; padding:0px;}
    .nav ul li{ width:100%; height:inherit; border-bottom:1px #ccc solid; line-height:inherit; padding:3% 0;   text-align:center; position:relative; overflow:hidden;}
    .nav ul li a{ display:block; color:#fff; font-size:0.2rem;}
    .nav ul li a:hover{background:none;}
    .nav ul li ul{ position:absolute; width:100%;  z-index:999; background:#2cade9; display:none;}
    .nav ul li ul li{ width:100%; height:45px; line-height:45px; text-align:center; float:none;}


    .youshi .d_item .txt {
        padding-top: 0px;
        overflow: hidden;
        margin-left: 75px;
    }
    .youshi .d_item .txt dd{ line-height:0.38rem;}



    .title{text-align:center;padding:6% 0 6%; overflow:hidden;width:inherit;margin:0 auto; }
    .title h3{font-size:0.3rem;;text-align:center;color:#333;font-weight:600; margin:-15px auto;}

    .title p{font-size:0.2rem;color:#666; line-height:inherit;}
    .title b{color:#333}


    .pic_nav{overflow:hidden;text-align:center; margin:20px auto;}



    .pic_nav h3 {
        width: auto;
        background: #009966;
        color: #fff;
        padding: 15px 0;
        font-size: 28px;
        font-weight: 400;
        float:inherit;
    }
    .pic_nav ul{ padding:5px;}

    .pic_nav ul li{width:33.33%; border:3px #fff solid; box-sizing:border-box; float:left; margin:0px; height:inherit;  }
    .pic_nav ul li a{ display:block; font-size:0.18rem;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2% 5%;}

    .x_banner img:first-child{ display:none}
    .x_banner img:last-child{ display:block}

    .pic_content ul li{width:50%;float:left;overflow:hidden;margin-right:0px;margin-bottom:0px;margin-top:0px;position:relative; border:5px #fff solid; box-sizing:border-box;}
    .pic_content ul li div{ overflow:hidden; width:99%; border:1px #ccc solid}
    .pic_content ul li p{ height:inherit; line-height:inherit; padding:2% 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; font-size:16px; display:block}
    .pic_content ul li:nth-child(n+7){ display:none;}
    .pic_content ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
    .pic_content ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
    .pic_content ul li a p{color:#fff}
    .pic_content ul li:hover p{bottom:0px;}
    .pic_content ul li dl{ display:none}
    .pic_cont ul li dl{ display:none}
    .pic_cont ul li {width:50%;float:left;overflow:hidden;margin-right:0px;margin-bottom:0px;margin-top:0px;position:relative; border:5px #fff solid; box-sizing:border-box;}
    .pic_cont ul li p{ height:inherit; line-height:inherit; padding:2% 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center; font-size:16px; display:block}
    .pic_cont ul li:hover p{bottom:0px;}
    .pic_con ul li{width:50%;float:left;overflow:hidden;margin-right:0px;margin-bottom:0px;margin-top:0px;position:relative; border:5px #fff solid; box-sizing:border-box;}
    .pic_con ul li div{  overflow:hidden;}
    .pic_con ul li p{ height:inherit; line-height:0.35rem; padding:3% 4% 3% 0;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;  font-size:0.2rem;}
    .pic_con ul li p:after { top: 15px;}

    .x_banenr{display:none;}
    .m_banner{display:block;}

    .ysbg{ background:url(../images/mysbj.png) no-repeat center center; background-size:cover;}

    .slider{ display:block}
    .ysbg-r {width: auto; float:inherit; margin:0 auto;}
    .ys-item{  padding-bottom:20px;}
    .ys-item img{ width:40px; height:40px;}
    .ys-item h3{ font-size:0.25rem}

    .owl-theme .owl-controls{margin-top: 10px;text-align: center; background:#f2f2f2; height:30px; padding-top:10px}
    .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);opacity: 1;text-decoration: none;}
    .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;}
    .owl-theme .owl-controls .owl-page span{display: block;	width:10px;height:10px;margin:5px 5px;background: #bebab9;border-radius:5px}
    .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ background-color:#009307;}
    .owl-carousel .owl-wrapper:after {content: ".";	display: block;	clear: both;visibility: hidden;line-height: 0;height: 0;}
    .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
    .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
    .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
    .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
    .owl-carousel .owl-item{float: left;}
    .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
    .owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    .grabbing {cursor:url(grabbing.png) 8 8, move;}
    .owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility:hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);-ms-transform: ranslate3d(0,0,0); position:relative}
    .owl-origin {-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%;-moz-perspective : 1200px;-moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%;perspective : 1200px;}
    .owl-fade-out {  z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;}
    .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease;}
    .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease;animation: backSlideOut 1s both ease;}
    .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;}
    .owl-goDown-out {-webkit-animation: scaleToFade .7s ease both;-moz-animation: scaleToFade .7s ease both;animation: scaleToFade .7s ease both;}
    .owl-goDown-in {-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}
    .owl-fadeUp-in {-webkit-animation: scaleUpFrom .5s ease both;-moz-animation: scaleUpFrom .5s ease both;animation: scaleUpFrom .5s ease both;}
    .owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both;-moz-animation: scaleUpTo .5s ease both;animation: scaleUpTo .5s ease both;}
    @-webkit-keyframes empty {0% {opacity: 1}}
    @-moz-keyframes empty {0% {opacity: 1}}
    @keyframes empty {0% {opacity: 1}}
    @-webkit-keyframes fadeIn {0% { opacity:0; }100% { opacity:1; }}
    @-moz-keyframes fadeIn {0% { opacity:0; }100% { opacity:1; }}
    @keyframes fadeIn {0% { opacity:0; }100% { opacity:1; }}
    @-webkit-keyframes fadeOut {0% { opacity:1; }100% { opacity:0; }}
    @-moz-keyframes fadeOut {0% { opacity:1; }100% { opacity:0; }}
    @keyframes fadeOut {0% { opacity:1; }100% { opacity:0; }}
    @-webkit-keyframes backSlideOut {25% { opacity: .5; -webkit-transform: translateZ(-500px); }75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }}
    @-moz-keyframes backSlideOut {25% { opacity: .5; -moz-transform: translateZ(-500px); }75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }}
    @keyframes backSlideOut {25% { opacity: .5; transform: translateZ(-500px); }75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }}
    @-webkit-keyframes backSlideIn {0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }  75% { opacity: .5; -webkit-transform: translateZ(-500px); }100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }}
    @-moz-keyframes backSlideIn {0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }75% { opacity: .5; -moz-transform: translateZ(-500px); }100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }}
    @keyframes backSlideIn {0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }75% { opacity: .5; transform: translateZ(-500px); }100% { opacity: 1; transform: translateZ(0) translateX(0); }}
    @-webkit-keyframes scaleToFade {to { opacity: 0; -webkit-transform: scale(.8); }}
    @-moz-keyframes scaleToFade {to { opacity: 0; -moz-transform: scale(.8); }}
    @keyframes scaleToFade {to { opacity: 0; transform: scale(.8); }}
    @-webkit-keyframes goDown {from { -webkit-transform: translateY(-100%); }}
    @-moz-keyframes goDown {from { -moz-transform: translateY(-100%); }}
    @keyframes goDown {from { transform: translateY(-100%); }}
    @-webkit-keyframes scaleUpFrom {from { opacity: 0; -webkit-transform: scale(1.5); }}
    @-moz-keyframes scaleUpFrom {from { opacity: 0; -moz-transform: scale(1.5); }}
    @keyframes scaleUpFrom {from { opacity: 0; transform: scale(1.5); }}
    @-webkit-keyframes scaleUpTo {to { opacity: 0; -webkit-transform: scale(1.5); }}
    @-moz-keyframes scaleUpTo {to { opacity: 0; -moz-transform: scale(1.5); }}
    @keyframes scaleUpTo {to { opacity: 0; transform: scale(1.5); }}


    .slide img{width:100%}
    .item,.pitem,.hitem{ margin:0 5px;}
    .item div,.pitem div,.hitem div{ width:100%; border:1px solid #ccc; overflow:hidden;}
    .item p,.pitem p,.hitem p{ width:100%; text-align:center; line-height:30px;}
    .owl-carousel ul{ width:100%; overflow:hidden;}
    .owl-carousel ul li{ float:left;}
    .owl-carousel ul li div{ overflow:hidden;}
    .prolist {border-radius: 5px;-webkit-border-radius: 5px;overflow: hidden;border: 1px solid #e1e1e1;box-shadow: 0 0 2px #c7c4c4;margin: 10px 2px;}
    .prolist ul li .down {height: 40px;display: block;padding-left: 10px;line-height: 40px;border-bottom: 1px solid #e1e1e1;position:relative;background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e1e1e1));background-image: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);background-image: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);background-image: -o-linear-gradient(top, #fbfbfb, #e1e1e1);background-image: -ms-linear-gradient(top, #fbfbfb, #e1e1e1);background-image: linear-gradient(top, #fbfbfb, #e1e1e1);}
    .prolist ul li p a {display: block;width: 15%;height: 40px;position: absolute;right: 0;top: 0;pointer-events: auto;}
    .prolist ul li p a:before {content: "";position: absolute;background: url(../images/href_icon.png) no-repeat;background-size: 100%;width: 20px;height: 20px;right: 19px;top: 12px;z-indx: 10;-moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
    .prolist ul li ul li{height: 38px;line-height: 38px;border-bottom: 1px solid #e1e1e1;padding-left: 33px;position: relative;white-space: nowrap;overflow: hidden;}
    .prolist ul li ul li:before {content: "";overflow: hidden;position: absolute;left: 20px;top: 17px;z-index: 7;width: 0;height: 0;border-width: 3px;border-style: solid;transform: roate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
    .prolist ul li ul li:before {border-color: #0053a7 #0053a7 transparent transparent;}
    .slick-slide{ overflow:hidden; margin-right:10px}
    .slick-slide img{display:block;}
    .slick-slide img.slick-loading{border:0 }
    .slick-slider{margin:30px auto 50px;}
    .slick-slider{ position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
    .slick-list{position: relative;display: block;overflow: hidden; margin: 0;padding: 0;}
    .slick-list:focus{outline: none;}
    .slick-list.dragging{cursor: pointer;cursor: hand;}
    .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
    .slick-track{position: relative;top: 0;left: 0;display: block;}
    .slick-track:before,.slick-track:after{display: table;content: '';}
    .slick-track:after{clear: both;}
    .slick-loading .slick-track{visibility: hidden;}
    .slick-slide{display: none;float: left;height: 100%;min-height: 1px; border:3px solid #ccc;}
    [dir='rtl'] .slick-slide{float: right;}
    .slick-slide.slick-loading img{display: none;}
    .slick-slide.dragging img{pointer-events: none;}
    .slick-initialized .slick-slide{display: block;}
    .slick-loading .slick-slide{visibility: hidden;}
    .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
    .slick-dots { position: absolute; margin-top:15px;text-align: center;background: #f2f2f2;height:30px;padding-top: 10px; width:100%}
    .slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px; margin: 0px 5px; padding: 5px 0; cursor: pointer; }
    .slick-dots li button { border: 0; background: #bbb; display: block; height: 10px; width: 10px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none;border-radius: 5px; }
    .slick-dots li.slick-active button{background: #0053a7;}
    .slick-initialized .slick-center{ border:3px solid #0053a7;}
    .slider-tit{text-align: center;font-size: 0.2rem;color: #0053a7;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; height:inherit; text-align:center; margin-top:10px; padding:0 5px; height:auto;}
    .slider-tit a{color: #0053a7;}
    .slider-tit h4{ font-size:0.16rem; color:#666; font-weight:400; text-transform:uppercase;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .slider-con{ line-height:0.35rem; font-size:0.2rem; padding:18px 5px; }

    .slider-con dd{ overflow:hidden; margin-bottom:5px; background:url(../images/ios.png) no-repeat left 10px; line-height:28px; color:#666; text-indent:1em;}

    .footer .tetx1{ float:none; width:auto;}
    .footer .tetx1 h3{ text-align:center;}

    .slider-butn{ background:#5f5f5f; font-size:14px; color:#fff; height:30px; line-height:30px; width:120px; margin:10px auto; text-align:center;}
    .slider-butn a{color:#fff}
    .slick-initialized .slick-center .slider-butn{ background:#ff5c01}
    .youshi{ margin:10px;}
    .youshi .ystit{ margin:0 auto; text-align:center}
    .youshi .yscon img{ width:100%}
    .slide-tit{height:50px;width: 100%;bottom: 0;left: 0; background:#000;  filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; color:#fff; line-height:50px}
    .slide-tit span{ padding:0 5px; font-size:24px; height:50px; width:30px; float:left}
    .slide-tit em{font-style:normal; padding:0 5px; font-size:13px;}
    .titlog{ line-height:25px}
    .slide-con{ margin:10px; line-height:25px; clear:both;}
    .slide-con span {display: block;width: 18px;height: 18px;background: #f60;color: #fff;text-align: center;line-height: 18px;float: left;border-radius: 10px;margin-right: 10px; margin-top:5px}
    .aboutlist,.agentlist,.caseslist{width:100%;margin-top:10px; overflow:hidden;}
    .aboutlist ul li,.agentlist ul li,.caseslist ul li{ margin:5px; height:30px; line-height:30px; overflow:hidden; background:#246cd8; float:left; text-align:center}
    .aboutlist ul li a,.agentlist ul li a,.caseslist ul li a{color:#fff}
    .agentlist ul li.on,.caseslist ul li.on{ background:#ff6e42}

    .about{ width: inherit;  margin: 0px auto}
    .anli{width:inherit;}
    .iabout-video{float:inherit;display:block;width:inherit;height:inherit;border:0px solid #fff;position:relative;box-shadow:0 0 0px 0 #ddd;}
    .iabout-video img{width:100%}
    .iabout-video:before,.iabout-video:after{content:'';position:absolute;width:0;height:0;bottom:-10px;border-style:solid; display:none;}
    .iabout-video:after{border-width:0 0 95px 60px;border-color:transparent #d1d1d1;right:-70px;}
    .iabout-video:before{border-width:0 60px 95px 0;border-color:transparent #d1d1d1;left:-70px;}
    .iabout-cont{width:inherit;float:inherit; padding:25px;}
    .iabout-cont .ti{font-size:0.32rem;font-weight:bold; background-size:10%; text-align:center;}
    .iabout-cont .line{display:block;width:72px;height:1px;margin:10px auto}
    .iabout-cont .desc{line-height:0.35rem; overflow:hidden; height:inherit;-webkit-line-clamp: 7;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;display: -webkit-box; font-size:0.22rem; color:#333; text-indent:2em;}

    .iabout-cont .ti p:before {
        content: "";
        display: block;
        width: 50px;
        height: 1px;
        background-color: #009966;
        margin: 10px auto 10px;
    }
    .iabout-cont .link{margin-top:30px;}
    .iabout-cont .link a{display:inline-block;width:155px;height:58px;background:url(../images/iabout_btn.png) no-repeat 0 -58px;line-height:58px;font-size:16px;color:#fff;text-align:center;}
    .iabout-cont .link a:hover{background-position:0 0;transition:0s ease-out;-moz-transition:0s ease-out;-webkit-transition:0s ease-out;-o-transition:0s ease-out;}
    .iabout-cont dd{margin:20px auto; text-align:center;}


    .ipro-silder{ width:100%;}
    .news_box{ width:inherit; padding:0 0px;}
    .shebei{ width:inherit}
    .bottom_nav{width:100%; max-width:100%; min-width:100%; margin:0px auto; background:#314b90;}
    .bottom_nav ul{ width:inherit; overflow:hidden; margin:0 auto;}

    .shebei,.ipro{display:none;}

    .news_left{width:inherit; overflow:hidden; float:inherit;}
    .news_right{width:inherit; overflow:hidden; float:inherit;}
    .news_left ul li div{width:inherit;
        height: auto;
        overflow: hidden;}

    .news_left ul li div img{width:100%}

    .bottom_nav{ display:none;}

    .news_left ul li span{ margin-left:20px;}
    .footer{background:#333;width:auto;max-width:inherit;margin:0 auto;min-width:inherit;text-align:center;color:#fff;padding:30px 0 20px; overflow:hidden; }
    .footer dd{text-align:center; float:inherit; line-height: 0.35rem; font-size:0.2rem;}
    .footer .rwem{ float:right; display: none;}
    .footer .rwem span{ float:left;}
    .footer .rwem span img{width:130px; height:130px; }
    .footer .rwem span  img.ddt{width:261px; height:94px;    padding-top: 62px;}
    .fiv{display:none;}

    .top{ font-size:0.22rem; }

    .pic_content ul li p{ font-size:0.22rem;}

    .news_left ul li h4{font-size:0.22rem;}
    .gengduo{font-size:0.25rem; }
    .news_left ul li dd {
        height:inherit;
        font-size: 0.2rem;
        color: #666;
        line-height: inherit;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .news_left ul li {
        height:inherit;
        line-height: inherit;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.22rem;
        -webkit-transition: all .5s;
        transition: all .5s; padding:1.5% 0;
    }

    .faq{ margin-top:20px;}
    .fq{overflow:hidden; height:400px}
    .fq ul{overflow:hidden;}
    .fq ul li{ overflow:hidden; padding:15px 15px 15px 50px; }
    .fq ul li dd{ height:inherit; line-height:inherit; margin-bottom:10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:0.22rem;}
    .fq ul li dt{ height:inherit; line-height:inherit;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; font-size:0.2rem; color:#666;}
    .fq ul li dd a{ color:#0053a7;-webkit-transition:all .5s;transition:all .5s;}
    .fq ul li dd a:hover{ color:#f00; padding-left:10px;-webkit-transition:all .5s;transition:all .5s;}



    .content_mbx{ width:100%}
    .news{margin:0px auto 10px; overflow:hidden; }
    .news ul{ overflow:hidden; }

    .news ul li{ overflow:hidden; border:1px #ccc solid; padding:10px; float:inherit; width:inherit;}
    .news ul li span{display:block; float:left; width:90px;  text-align:center;-webkit-transition:all .5s;transition:all .5s; margin-right:22px;}
    .news ul li span b{display:block; font-size:0.3rem; color:#fff; padding:10px 0;}
    .news ul li span i{display:block; font-size:0.16rem; color:#fff; border-top:1px #fff dotted; padding:5px 0; font-style:normal;}

    .news ul dl{ overflow:hidden;padding-bottom:3px;}
    .news ul dl h3{font-size:0.22rem;  color:#333; margin-bottom:0.1rem;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s; font-weight:400;}
    .news ul dl p{  font-size:0.2rem; line-height:0.25rem;; color:#666;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }



    .fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}
    .fy p{width:50%;height:inherit;line-height:0.35rem;float:left;color:#666;font-size:0.2rem;text-align:center;border-right:1px solid #d2d2d2; box-sizing:border-box; padding:2% }
    .fy p:last-child{border:none; width:100%; border-top:1px #ccc solid}
    .fy p a{color:#666}
    .fy p a:hover{color:#006cd8}



    .anli_lb{width:auto;overflow:hidden;margin:20px auto 0;}
    .anli_lb ul{overflow:hidden;}
    .anli_lb ul li{width:50%;float:left;overflow:hidden;margin-right:0px; border:5px #fff solid; box-sizing:border-box;margin-bottom:0px;margin-top:0px}
    .anli_lb ul li div{overflow:hidden;width:100%;height:100%;border:1px #fff solid}
    .anli_lb ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:inherit;line-height:inherit;font-size:0.0.2rem;;text-align:center}
    .anli_lb ul li a:hover dd{color:#fff}
    .anli_lb ul li a{color:#333}
    .anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}
    .anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
    .anli_lb ul li:nth-child(4n){margin-right:0px;}
    .pro-intro{     padding: 10px 0px 20px;}
    .pro-intro h2{font-size:0.3rem;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}
    .pro-intro .share{width:100%;height:inherit;line-height:0.35rem;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center; padding:10px 10px;}
    .pro-intro .share p span{display:block;font-size:0.16rem;color:#999; line-height:20px;}

    .mssg-intro{overflow:hidden;margin:0  auto;;padding-bottom:2%; margin-bottom:20px; background:url(../images/z.png) no-repeat; width:auto;;}
    .fanhui{background:#eeeeee;text-align:center;color:#999;padding:2% 0;margin:0px 0 0;font-size:.25rem; display:block;}
    .fanhui a{color:#fff}

    .buttom{background:#00b551;bottom:0;margin:0 auto;max-width:100%;min-width:320px;position:fixed;width:100%;z-index:9999; display:block;}
    .buttom ul{overflow:hidden}
    .buttom ul li{color:#fff;float:left;width:25%;padding:2% 0;border-right:1px #009944 solid;box-sizing:border-box}
    .buttom ul li .sy{overflow:hidden;text-align:center;vertical-align:middle;width:50%;margin:0 auto}
    .buttom ul li p{font-size:14px;overflow:hidden;text-align:center}
    .buttom ul li a{color:#fff}
    .buttom ul li .sy img{width:30px;}

    .bnav{ display:none;}
    .toolbar{ display:none;}
    .links { display:none;}

    .youshi .swiper-slide:nth-child(2n) .d_item{ float:inherit;}
    .youshi .swiper-slide:nth-child(2n) .d_img{ float:inherit;; margin-top:0px;}

    .youshi  .d_item{ float:inherit; width:auto;}
    .youshi  .d_img{ float:inherit;width:auto;}
    .youshi .d_item .tit span h2{ font-size:0.25rem}
    .youshi .d_item .tit div {
        float: left;
        width: 60px;
        height: 60px;
        display: block;
        float: left;
        margin-right: 15px;
    }
    .youshi .d_item {
        padding-bottom: 30px;
        position: relative;

    }
    .youshi .d_item .tit div img{ width:100%}
    .youshi .d_item .tit span h2{ padding:0px;}
    .youshi .d_item .tit span h4{ font-size:0.2rem; line-height:0.38rem;}

    .youshi .swiper-pagination { display:block;}
    .ys{ padding:30px 0}
    .youshi .d_item .txt dd{ font-size:0.2rem;}
    .news_left .ttt div{ width:40%; height:auto;}
    .news_left .ttt h4{ font-size:0.22rem;}
    .news_left .ttt dt{ font-size:0.18rem;}
    .news_left .ttt dd{ font-size:0.2rem; line-height:0.35rem;    -webkit-line-clamp:2;}

    .about_box{ height:inherit; overflow:hidden;}
    .aabut{ width:auto; margin:135px 20px 0; border-radius: 10px;}
    .anli ul li,.anli ul li div{ width:220px;}

    .kao{ display:none;}


    .news_box .focus {
        width: auto;
        height: auto;
        overflow: hidden;
        background: #ffffff;
        float:inherit;
        margin-top: 30px;
        padding-bottom: 35px;
    }

    .news_box .list {
        width: auto;
        height: auto;
        overflow: hidden;
        float: inherit;
        margin-top: 30px;
    }
    .news_box .swiper-pagination{ display:block}
    .html{ overflow:hidden;}
}
@media screen and (max-width:750px){

    .pro-intro .textxq  iframe{ width:100%; height:220px; display:block; margin:0px auto;}
    .news_nav a{width:46%;}

    .logo img:first-child{ display:none;}
    .logo img:last-child{ display:block;}
    .slider-tit h2{ font-size:0.2rem;}
    .b_nav,.ewm{ display:none;}

    .footer .info{width:auto;text-align:center;float:inherit;height:auto;overflow:hidden}
    .footer .left{height:auto;float:inherit}
    .footer .info h3{ font-size:0.3rem;}
    .footer .info p{ font-size:0.18rem; line-height:0.36rem}

    .Copyright{font-size: 0.16rem; padding: 10px 2% 1.2rem;}
    .n_banner img:first-child{ display:none; }
    .n_banner img:last-child{ display:block;}

    .mbx .p1{float:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
    .mbx .p1 a{display:inline;float:none}

    .huanjing h3{ font-size:0.3rem; text-align:center; padding:0px;}
    .huanjing .swiper-button-prev,.huanjing .swiper-button-next {  width: 25px; height: 42px;}
    .huanjing .swiper-slide p{ font-size:0.2rem;}
    .youshi .d_item h3{ font-size:0.3rem;}
    .youshi .d_item dd{ font-size:0.2rem; line-height:0.38rem;}
    .pic_con ul li{ width:auto;     float:inherit;}
    .iabout-cont .ti p{ font-size:0.22rem;}
    .title p img{ width:75%}
    .pic_nav h3 p{ display:none;}
    .pic_nav h3{ font-size:0.3rem;}
    .tell{ display:block;}
    .tell img{ width:100%}
    .logo{ width:88%;}
    .logo img,.caidan img{ width:100%;height: auto;}
    .caidan{ width:30px;}
    .huanjing .swiper-container{ margin:30px 30px;}
    .about_box{ margin-bottom:80px;}
}

@media screen and (max-width:470px){
    .logo{ width:80%; overflow: hidden;}
    .logo img{width: 100%;height: auto;}
    .logo img:first-child{ display:none;}
    .logo img:last-child{ display:block;}
    .hot{ width:26%; text-align:right}
    .hot img{ width:40% }
    .youshi .d_item dd{ height:130px;}
}