@charset "utf-8";
@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
/*初始化开始*/
*{margin:0;padding:0;}
body{background:#fff; background-size:cover; font:12px/22px "Microsoft YaHei","SimSun"; font-size:100%;}
body,ul,ol,li,p,a,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;box-sizing: border-box;}
li,img,input,em,select{ list-style:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;color: #333;}
a:hover{text-decoration: none !important;color: #333;}
select::-ms-expand { display: none; }
.img_none{display:none;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}
.clear::after {
    content: '.';
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;}
body {
    font-size: 14px;
    font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
    border: 0;
    color: #333;
}
/*header开始*/
.container-fluid{
    max-width: 1200px;
}
.logo{
    padding: 0;
    line-height: 95px;
}
.header-top{
   background:#e3e3e3;
    font-size: 12px;
}
.dex span{
    display: inline-block;
    padding: 0 5px;
}
.dex span:hover .a{
    color:red;
}
.dex span:hover .a{
    color:red;
}
.top-title{
    margin-top: 20px;
    margin-left: 50px;
}

.num{
   margin-top: 15px;
}
.num span {
    display: inline-block;
    color: #333;
    margin-left: 10px;
}
.phone{
    margin-top: 15px;
    }
.top-num{
    font-size: 25px;
    color: red !important;
    font-weight: 600;
}
.bottom-num{
    font-size: 25px;
    color: red !important;
    font-weight: 600;
    letter-spacing: -2px;
}

.top-title h3{
    font-size: 25px;
    letter-spacing:7px
}
.glyphicon {
    top: 0;
}

.header2 .navbox {
    position: relative;
    background: #1857a6;
    height: 50px;
}

.header2 .navbox nav {
    max-width: 1200px;
    margin: 0 auto;
}

.header2 .navbox  nav ul {
    width: 100%;
}

.header2 .navbox nav li {
    position: relative;
    width: 12.2%;
    transition: all 0.3s;
}

.header2 .navbox  nav li a {
    margin: 0 auto;
    display: block;
    color: #fff;
    height: 50px;
    font-size: 16px;
    /*background: url(../img/nav-bor_15.png) no-repeat center left;*/
    border-right:1px solid #497192;
}
.header2 .navbox  nav li a p{
    line-height: 12px;
    font-size: 12px;
}
.header2 .navbox  nav li a h3{
    padding-top: 10px;
    line-height: 20px;
    font-size: 16px;
}

.header2 .navbox  nav li:hover {
    background: #d42f29;
}
.hover{
    background: #d42f29 !important;
}
.header2 .navbox  nav li:hover a {
    color: #fff;
    text-decoration: none
}

.header2 .navbox nav li:hover ul {
    display: block;
    z-index: 8;
}

.header2 .navbox  nav li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    background: #1857a6;
}
.header2 .navbox nav li ul li {
    width: 100%;
    background: none;
}

.header2 .navbox nav li ul li a {
    line-height: 50px;
    background: none;
}

.header2 .navbox nav li ul li:hover {
    background: #d42f29;
}

.icon-menu{
    line-height: 95px;
}

/*大图滚动开始*/
.banner{ width:100%; float:left;/*cursor:grab; cursor:-webkit-grab; cursor:-o-grab;cursor:-ms-grab;*/}
/*改*/
.swiper-pagination-bullet { width:10px;height:10px;  background:rgba(255,255,255,0.4); border: 2px solid transparent;}
.swiper-pagination-bullet-active { background:#fff; }
.ban_img { width:100%; padding-top:34%; position:relative;}

.big {  position:absolute; left:7%;top:35%;}
/*.big h1 { font-size:38px; color:#000; font-family:'微软雅黑'; line-height:77px; font-weight:bold;}
.big h1 span { font-size:20px; font-weight:100; }
.big h2 { font-size:20px; color:#000; font-family:'Arial'; line-height:30px;}
.big a { display:block; width:80px; height:25px; line-height:25px;text-align:center;border:1px solid #000;border-radius:5px; margin-top:2%; color:#000;}*/
.fist{position:absolute; left:2%;top:10%; text-align:center;max-width: 500px}
.dog {position:absolute; left:45%;top:15%; text-align:center;}
.ag{position:absolute; left:65%;top:32%; text-align:center;}
/*.dog h1 { font-size:38px; color:#fff; font-family:'微软雅黑'; line-height:95px;border-bottom:1px solid #fff;}*/
/*.dog h1 span { font-size:20px; font-weight:100; }
.dog h2 { font-size:30px; color:#fff; font-family:'微软雅黑'; line-height:77px;}
.dog h3 {font-size:20px; color:#fff; font-family:'Arial'; line-height:30px; }
.dog a { display:block; width:80px; height:25px; line-height:25px;text-align:center;border:1px solid #fff;border-radius:5px; margin:2% auto; color:#fff;}*/
/*改*/
/*.cat {  position:absolute; left:15%;top:35%; width:28%;}
.cat h1 { font-size:30px; color:#fff; font-family:'微软雅黑'; line-height:75px;float:left; }
.cat h1 a { font-size:0px;width:80px; line-height:24px; height:24px; !*border:1px solid #fff;*! border-radius:5px;text-align:center;display:block; overflow:hidden; float:right; margin-top:35px;color:#fff; }
.cat h2 { font-size:30px; color:#fff; font-family:'微软雅黑'; line-height:57px; padding-left:10%;text-align:right;}*/
/*大图滚动结束*/
/**//*banner开始*/
/*.banner{width:100%;}*/
/*.ban_img {width:100%;position:relative;padding-top: 29.04%;}*/
/*.swiper-pagination-bullet {width:32px; height:4px; border:1px solid #fff;  border-radius:0; background:rgba(0,0,0,0); opacity:1; }*/
/*.swiper-pagination-bullet-active {background:#8cc43d;border:1px solid #8cc43d; }*/
/**/
/*轮播图*/
/*.slider {
    width: 100%;
    height: 100px;
    overflow: hidden;
}*/
/*banner*/
/*.slider-main{height:100px;}
.slider-main li{width:100%;}
.banner{width:100%;overflow:hidden;}
.osSlider-main .slider-nav{bottom:5px;}
.osSlider-main .slider-nav li{height:16px;line-height:14px;padding:0 3px;margin:0 2px;font-size:12px;}*/
/**/

.input-group {
    margin-top: 20px;
}
.search{
  margin: 10px 0;
}
.search>h3{
    text-align: left;
    padding-left: 10px;
    font-size: 20px;
    color: #1857a6;
    background:url("../images/z-b_05.png")center left no-repeat ;
    margin-top: 20px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 3px solid #1857a6;
    border-radius: 0px;}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0px;
    background: #1857a6;
    color: white;
    }

/**/
.service{
    margin-top: 20px;
    background: #efefef;
    padding-top: 20px;
}
.ser-mes{
    background: url("../images/bj1_17.png") top center no-repeat;
    background-size: 100% 100%;
    margin-top: 20px;
    padding-top: 20px;
}
.tit>h3{
    background: url("../images/tit-b_09.png") center center no-repeat;
}
.tit>p{
    font-size: 12px;
    letter-spacing: 2px;

}
.tit2>h3{
    background: url("../images/tt-b_07.png") center center no-repeat;
    color: white;
}
.tit2>p{
    font-size: 12px;
    letter-spacing: 2px;
    color: white;
}
.one{
    width: 20%;
    height:240px;
    float: left;

}
.one>p{
    width: 80%;
    line-height: 3;
    color: white;
    margin: 20px auto;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.one>h4{
    color: white;
    padding-top: 40px;
}
.two{
    position: relative;
    width: 20%;
    height:240px;
    float: left;
    background: white;
}
.two>h5{
    padding-top: 20px;
    line-height: 2;
    background: url("../images/t-b_17.png")bottom center no-repeat;
    height: 20%;
}
.two>img{
    margin-top: 25%;
    height: 50%;
}
.service-img{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5%;
    width: 90%;
    height: 60%;
    background: url("../images/ser_17.jpg");
    background-size: cover;
}
.hidden-600{
    display: block;
}
.block-600{
    display: none;
}
/**/
.num1-right{
margin-left: -100px;
}
.lc{
    background: url("../images/bj2_02.png") top center no-repeat;
    background-size: 100% 100%;
    margin-top: 30px;
}
.lc-top{
    padding-top: 30px;
    margin-bottom: 30px;
}
.num2{
    background: url("../images/num2-b_02.png")top center no-repeat;
    background-size: 100% 70%;
}
.num2-right{
    margin-top: -100px;
    margin-left: -100px;
}
.num2-left{
    text-align: left;
    z-index: 3;
}

.num3-left{
    margin-top: -200px;
    z-index: 6;
}
.num4-right{
    margin-left: -100px;
    margin-top: 30px;
}
/**/
.img-top{padding-top:48.64%;}
.img-position{position: absolute;top: 0;bottom: 0; left: 0;right: 0; max-width: 100%; max-height: 100%;display: block;margin:auto;padding: auto;}
.case{
    margin-top: 30px;
}
.case-mes>li>a{
    position: relative;
    display: block;
    border: 1px solid #999;
}
.case-mes>li>a:hover>img{
    transform:rotateY(360deg);
    -ms-transform:rotateY(360deg); 	/* IE 9 */
    -moz-transform:rotateY(360deg); 	/* Firefox */
    -webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
    -o-transform:rotateY(360deg);
    transition:all .5s linear;
}
.case-mes>li>a>img{transition:all .5s linear;}

.case-mes>li{
    width: 18%;
    margin:20px 1%;
}
.case-mes>li>p{
    line-height: 30px;
}
/**/
.about{
    background: url("../images/b3_06.jpg" )top center no-repeat ;
    padding-bottom: 150px;
    background-size: 100% 100%;
}
.about-right>p{
    color: white;
    line-height: 2;
    font-size: 14px;
    text-indent: 28px;
}
.about-right>span>a{
    display: inline-block;
    padding: 3px 15px;
    border: 2px solid #ffffff;
    color: white;
    margin-top: 10px;
}
.about-right>span>a:hover{
    border: 2px solid red;
    background: #d42f29;
}
.tit2{
    padding: 30px 0;
    margin-bottom: 20px;
}
/**/
.news-top{margin-top:-100px;
    background: white;
    padding: 4px;
    border:4px solid #fff;
    box-sizing: border-box;
}
.t-left:nth-child(1)>li{
    padding-left: 0;
}
.t-left{
    padding-left: 0;
}
.zizi .swiper-container4 .swiper-slide .pic { width:100%;position:relative;overflow:hidden;}
.zizi .swiper-container4 .swiper-slide .pic .zizi_img { padding-top:99%}
.zizi .swiper-container4 .swiper-slide .pic img { display:block; max-width:100%;margin:5% auto;}
.swiper-button-next4 { width:33px;height:52px;font-size: 50px; left:10px}
.swiper-button-prev4 { width:33px;height:52px;font-size: 50px; right:10px}
.mes-left>h4{
    width: 100%;
    background: #1857a6;
    color: white;
    line-height: 40px;
    padding-right: 0;
}
.left-top-left{
    width: 40%;
}
.left-top-right{
    width: 58%;
    margin-left: 2%;
}
.left-top-right>h4>a{
    font-size: 14px;
    line-height: 40px;
}
.left-top-right>span{
    font-size: 10px;
    margin-bottom: 15px;
    display: inline-block;
}
.left-top-right>p{
    font-size: 12px
}
.mes-left>p>a>span{
    display: inline-block;
}
.mes-left>p>a{
    line-height: 2;
    font-size: 14px;
}
.mes-left>p>a:hover>span{
    color:#1857a6;
}
.mes-right>h4{
    width: 100%;
    background: #b7b7b7;
    color: white;
    line-height: 40px;
    padding-left: 0;
}
.mes-right>p>a>span{
    display: inline-block;
}
.mes-right>p>a{
    line-height: 2.5;
    font-size: 14px;
}
.mes-right>p>a:hover>span{
    color:#1857a6;
}
.tt>h3:nth-child(1)>a{
    font-size: 18px;
    background: #1857a6;
    color: white;
    line-height: 40px;
    margin-bottom: 20px;
    display: block;
}
.tt>h3{
    padding: 0;
}
.tt>h3:nth-child(2)>a{
    font-size: 18px;
    background: #b7b7b7;
    color: white;
    line-height: 40px;
    margin-bottom: 20px;
    display: block;
}
.xl>h4{
    line-height: 2;
    color: white;
}.xl>h5{
     line-height: 2;
    color: white;
 }
.bd form input{
    width: 70%;
    border: 1px solid #1857a6;background: none;
    line-height: 40px;
}
.bd form textarea{ width: 70%;background: none;border: 1px solid #1857a6}
.input_list{
    margin-top: 15px;
}
.input_list>span{
    color: white;
}
.contact{
    background: url("../images/bj4_33.jpg") top center no-repeat;
    background-size: 100% 100%;
    padding-bottom: 30px;
}
.footer{
    color: white;
    background: #1857a6;
    font-size: 10px;
    line-height: 40px;
}
.input_list>button{
    background: #1857a6;
    color: white;
    line-height: 40px;
    width: 70%;
     outline: none;
    border: none;
    margin: 0 auto;
}
/**/
/*手机底部*/
.hot{width:100%; height:58px; background: #1857a6; position:fixed; bottom:0; left:0; z-index:99; z-index: 999}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; }
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; }
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }
/**/
.picture4-img-top{padding-top:90%;}
.img-position-absolute{position: absolute;top: 0;bottom: 0; left: 0;right: 0; max-width: 100%; max-height: 100%;display: block;margin:auto;padding: auto;}
.neiye-mes{margin: 30px 0;}
.neiye-nav-title{ height:50px;color:#fff;background:#1857a6; line-height: 50px;background-size: cover ; font-size: 20px;}
.neiye-nav-title h5{line-height:50px; font-size: 18px; text-align: center;}
/*.neiye-nav-title h5 small{line-height: 50px;color: white;font-size: 12px}*/
.neiye-nav-title h5 span{display: inline-block;margin-right: 5%;}
#neiye-nav{background: white;padding: 8px 0;}
.neiye-nav-con{margin:8px 0;cursor: pointer;}
.neiye-nav-con h5{color:#000; line-height: 40px; text-align: left; font-size: 16px;
    margin-left:10%;background:#e8e8e8;}

.neiye-nav-con2{margin:8px 0;cursor: pointer;}
.neiye-nav-con2 a{display: block; background:#e8e8e8;}
.neiye-nav-con2 h5{color:#000; line-height: 40px; text-align: left; font-size: 16px;margin-left: 10% }
.neiye-nav-con2 h5 b{margin-left: 15% }
.neiye-nav-con2 a:hover{background: #1857a6;}
.neiye-nav-con2 a:hover>h5{color: white;}
.neiye-nav-con2 .active{
    background:#1857a6;
}
.neiye-nav-con2 .active>h5{
    color: white;
}
#neiye-nav2>img{margin-top: 10px}

#neiye-nav2>p{
    line-height: 2;
}
#neiye-nav2>h5{
    color: #1857a6;
    line-height: 30px;
}

.padding2{
    border-bottom: 1px solid #ccc;
    line-height: 42px;
    background: url("../images/nt-b_03.png")0 center no-repeat;
}
.padding2>.neiye-left-title>h3{
    line-height: 42px;
    font-size: 18px;
    color: white;
    margin-left: 12%;
}
.padding2>.neiye-left-title{width: 20%}
.padding2>.neiye-right-title{
    color: #aaaaaa;font-size: 14px;}
.about-message{margin: 20px 0;}
/*移动端横向下拉导航*/
.subNavBox{margin:10px 10px 0px 10px;}
.subNav{text-align:center;cursor:pointer;font-size:24px;color:white; background:#1857a6;}
.subNav h5{font-size:18px;line-height:45px;display:inline;}
.subNav h5 small{color: white;}
.subNav span{line-height:45px;margin-right:20px;font-size: 18px;}
.subNav b{line-height: 45px;}
.navContent{display:none;}
.navContent>li{background:#e3e3e3;}
.navContent>li:hover{background:#e3e3e3;}
.navContent>li>a{display:block;font-size:16px;line-height:40px;color:#333;margin:3px 0 0 20%;
}
/**/
.con-top>img{margin-top: 10px}

.con-top>p{
    line-height: 2;
}
.con-top>h5{
    color: #1857a6;
    line-height: 30px;
}
/**/
.reg-item{
    margin-top:30px;
}
.list-mes{transition: all linear .3s; margin-bottom: 20px;}

.list-mes:hover{
    box-shadow: 5px 5px 15px #333;
    transform: translateY(-6px);
    transition: all linear .3s;
}
.reg-left{
    width: 30%;
    text-align: left;
}
.reg-left>img{
    padding: 3px;
}
.reg-right{
    width: 68%;
    margin-left: 2%;
}
.list-mes{
    background: white;

}
.reg-right>a>h4{
    margin-top: 10px;
    font-size: 16px;
}
.reg-right>a>p{
    font-size: 12px;
    margin-top: 10px;
}
.reg-right>span{
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
}
/**/
@media (max-width: 1199px){
    .fist{max-width: 400px}
}
@media (max-width: 991px){
    body{
        padding-bottom: 50px;
    }
    /*移动端导航 */
    header .sjdnav{ width:150px; height:auto; position:absolute;right:10px; top:95px;z-index:5; }
    header .sjdnav ul{ padding:0; margin:0;}
    header .sjdnav li{ height:35px;display:block; padding:0; background:#1857a6; text-align:center; margin-bottom:2px;}
    header .sjdnav li a{display:block; color:white; line-height:35px; }
    header .sjdnavhide{ height:0; overflow:hidden;}

    .two{
        width: 25%;
        height:240px;
        float: left;
        background: white;
        margin-bottom: 20px;
    }
    .one{
        width: 25%;
        height:240px;
        float: left;
        margin-bottom: 20px;
    }
    .block-991{
        display: block;
    }
    .input-group{
        width: 80%;
        margin: 0 auto;
        margin-top: 30px;
    }
    /**/
    .num1-right{
        margin-left: 0px;
    }
    .num1-left{
        text-align: center;
    }
    .num2{
        background:#1857a6;
        margin: 20px 0;
        padding: 20px 0;
    }
    .num3-left{
        margin-top: 0px;
        z-index: 6;
    }
    .num3-right{
        text-align: center;
    }
    .num4-right{
        margin-left:0px;
        margin-top: 20px;
    }
    .num4-left{
        text-align: center;
    }
    .case-mes>li{
        width: 23%;
        margin:20px 1%;
    }
    .about-left{
        text-align: center;
    }
    .footer-mes{
        text-align: center;
    }
    /*banner*/

    #banner {
        height: 350px;
    }

    #banner .main_image {
        height: 350px;
    }

    #banner .main_image li span {
        height: 350px
    }

}
@media (max-width: 767px){
    .two{
        width: 33.3%;
        height:240px;
        float: left;
        background: white;
        margin-bottom: 20px;
    }
    .one{
        width: 33.3%;
        height:240px;
        float: left;
        margin-bottom: 20px;
    }
    .block-991{
        display: none;
    }
.input-group{
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}
    .search>h3{
        text-align: left;
        padding-left: 10px;
        font-size: 16px;
        color: #1857a6;
        background:url("../images/z-b_05.png")center left no-repeat ;
    }
    .case-mes>li{
        width: 31.3%;
        margin:20px 1%;
    }
    .logo img{
        width: 450px;
    }
    .reg-right>p {
        font-size: 12px;
        margin-top: 2px;
        line-height: 1.3;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
}}
@media (max-width: 600px){
    .service>.container-fluid{
        padding: 0;
    }
    .two{
        width: 46%;
        height:240px;
        float: left;
        margin: 0 2% 20px;
        background: white;
        margin-bottom: 20px;
    }
    .one{
        width: 46%;
        height:240px;
        float: left;
        margin: 0 2% 20px;
        margin-bottom: 20px;
    }
    .hidden-600{
        display: none;
    }
    .block-600{
        display: block;
    }
    .left-top-right>span {
        font-size: 10px;
        margin-bottom: 15px;
        display: inline-block;
        line-height: 1;
    }
    .logo img{
        width: 400px;
    }
    .reg-right>p{
        font-size: 12px;
        margin-top: 5px;
        line-height: 1.3;
    }
}
@media (max-width: 500px){
    .logo{
        width: 310px;
    }
    .icon-menu{
        line-height: 70px;
    }
    .logo{
        padding: 0;
        line-height: 70px;
    }
    .logo img{
        width: 320px;
    }
    header .sjdnav{top:70px;}

    .search>h3{
        text-align: left;
        padding-left: 10px;
        font-size: 14px;
        color: #1857a6;
        background:url("../images/z-b_05.png")center left no-repeat ;
    }
    .case-mes>li{
        width: 48%;
        margin:20px 1%;
    }
    .left-top-right>h4>a {
        font-size: 12px;
        line-height: 20px;
    }
    .left-top-right>span{
        font-size: 10px;
        margin-bottom: 5px;
        display: inline-block;
        line-height: 1;
    }
    .left-top-right>p {
        font-size: 10px;
        line-height: 1.5;
    }
    .mes-left>p>a>span:nth-child(1){
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .camera_prev > span, .camera_next > span {
     display: none;
    }
}
@media (max-width: 414px){
    .one,.two{
        height: 200px;
    }
    .one>p{
        width: 80%;
        line-height: 2;
        color: white;
        margin: 10px auto;
        font-size: 12px;
    }
    .one>h4 {
        color: white;
        padding-top: 30px;
    }
    .two>img {
        margin-top: 10%;
        height: 50%;
    }
    .two>h5 {
        padding-top:5%;
        line-height: 1;
        background: url(../images/t-b_17.png)bottom center no-repeat;
        height: 20%;
    }
    .logo{
         width: 250px;}

    .search>h3{
        font-size: 12px;
    }
    .left-top-right>p {
        font-size: 10px;
        line-height: 1.2;
    }
    .left-top-right>h4>a{
        font-size: 12px;
        line-height: 17px;
    }
    .left-top-right>p:nth-child(3){
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;}
    .logo img{
        width: 250px;
    }
    .reg-right>p{
        font-size: 12px;
        margin-top:2px;
        line-height: 1.2;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;

    }
    .reg-right>h4{
        margin-top: 5px;
        font-size: 14px;
    }
    .reg-right>span>a{
        display: inline-block;
        margin-top: 5px;
    }
    .reg-right>span>a>img{
        width: 60%;
    }
    .reg-left img{
        padding: 2px;
    }
    .reg-right>p{
        font-size: 12px;
        margin-top: 5px;
        line-height: 1.2;
    }
}

@media (max-width: 340px){
    .logo{
        width: 200px;
    }
    .logo img{
        width: 230px;
    }
    .one>h4 {
        color: white;
        padding-top: 20px;
    }
    .one,.two{
        height: 180px;
    }
    .search>h3{
        text-align: left;
        padding-left: 10px;
        font-size: 12px;
        color: #1857a6;
        background:url("../images/z-b_05.png")center left no-repeat ;
    }
    .search>h3{
        font-size: 10px;
    }
    .left-top-right>h4>a {
        font-size: 12px;
        line-height: 20px;
    }
    .left-top-right>span {
        display: none;
    }
    .left-top-right>p {
        font-size: 10px;
        line-height: 1.2;
    }
    .left-top-right>p:nth-child(4){
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;}
    .left-top-right>h4>a {
        font-size: 12px;
        line-height: 15px;
    }
    .swiper-button-prev4 {
        right: 4px;
    }

    .swiper-button-next4 {
        left: 4px;
    }
    .reg-right>h4{
        margin-top: 0px;
        font-size: 12px;
    }
    .reg-right>span>a{
        display: inline-block;
        margin-top: 2px;
    }
    .reg-right>span>a>img{
        width: 60%;
    }
    .reg-left img{
        padding: 0px;
    }
    .reg-right>p{
        font-size: 10px;
        margin-top: 2px;
        line-height: 1.4;
    }
}

/*分页样式*/
div.page {padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin:10px 3px; padding-top: 3px; text-align: center;}
div.page a {border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #eb5914; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none;}
div.page a:hover {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page a:active {border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #777777;}
div.page span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #eb5914; margin-right: 3px; padding-top: 2px;}
div.page span.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px;}

.row {
  margin: 0;
}
 .product-con .plist {
  padding: 0 8px 20px;
}
.product-con .plist a {
  display: block;
  text-decoration: none;
  border: 1px solid #ccc;
  padding: 5px;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}
.product-con .plist a:hover {
  border-color: #00acef;
}
.product-con .plist a .con h4 {
  margin: 10px 0 3px;
  color: #292929;
  font-size: 1.4rem;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  text-align: center;
  transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
}