@media screen and (min-width:750px) {
    .con1{width: 1000px;margin: 0 auto;background-color: #fff;height:auto;}
    .con-title{padding: 70px 0 50px;text-align: center;font-size: 20px;font-weight:bolder;}
    .con-title .left{padding-right:37px;}
    .con-title .right{padding-left:37px;}
    .con1 .con1-contain{padding-bottom: 80px;}
    .con1 .con1-contain ul li{width: 240px;height:auto;float:left;margin-left: 13px;}
    .con1 .con1-contain ul li:nth-child(1){margin-left: 0;}
    .con1 .con1-contain ul:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
         content: "";
         display: block;
         height: 0;
         clear:both;
         visibility: hidden;
     }
    .con1 .con1-contain ul{
        *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
    }
    .con1 .con1-contain ul li img{width: 100%;height: 160px;}
    .con1 .con1-contain ul li p{font-size: 14px;text-align: center;line-height: 20px;margin-top: 16px;padding:0 30px;
        box-sizing: border-box;color:#484848;}

    .con2{background-color:#fafafa;width:100%;margin: 0 auto;height:auto;}
    .con2 .con2-contain{width:1000px;height:520px;position: relative;margin:0 auto;}
    .con2 .con2-contain .img{width: 460px;height: 400px;margin: 0 auto;}
    .con2 .con2-contain img{width: 100%;height: 100%;}
    .con2 .con2-contain .cont2-word1{width:300px;height:auto;font-size: 12px;}
    .cont2-word1 .title{height: 30px;font-size: 14px;color: #fff;}
    .cont2-word1 .title span{display:inline-block;background-color:#18252e;line-height: 30px;
        font-size: 14px;float: right;padding: 0 15px;}
    .cont2-word1 .text{text-align:left;line-height: 18px;}
    .con2 .con2-contain .one{position: absolute;top:15px;left:25px;}
    .con2 .con2-contain .two{position: absolute;top:200px;left:-40px;}
    .con2 .con2-contain .three{position:absolute;bottom:50px;right:170px;}
    .con2 .con2-contain .four{position: absolute;top:200px;right:-40px;}
    .con2 .con2-contain .five{position: absolute;top:15px;right:25px;}


    .con3{width: 100%;height: 620px;background: url(../images/cont3.jpg) no-repeat center center;background-size: cover;}
    .con3 .con3-content{width: 1000px;height: auto;margin: 0 auto;}
    .con3 .con3-title{padding:0 300px;box-sizing: border-box;font-size: 14px;text-align: center;
        line-height: 20px;color: #a3a3a3;}
    .con3 .con3-contain2 ul{height: auto;width: 100%;margin-top: 50px;}
    .con3 .con3-contain2 ul li{width: 120px;height: auto;float:left;margin-left: 20px;}
    .con3 .con3-contain2 ul li .img{height: 70px;}
    .con3 .con3-contain2 ul:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .con3 .con3-contain2 ul{
        *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
    }
    .con3 .con3-contain2 ul li img{width: 100%;}
    .con3 .con3-contain2 ul li p{font-size: 14px;text-align: center;line-height: 20px;padding:0 15px;box-sizing: border-box;
        margin-top: 10px;}

    .con4{width:100%;height: auto;background-color:#fff;}
    .con4 .con4-content{width:1100px;margin: 0 auto;height: auto;}
    .con4 .con4-content .con4-title{text-align: center;font-size: 0;color: #a7a7a7;padding-bottom: 40px;}
    .con4 .con4-content .con4-title span{font-size: 14px;padding:0 15px;border-right:1px solid #a7a7a7;cursor: pointer;}
    .con4 .con4-content .con4-title span:nth-child(6){border:none;}
    .con4 .con4-content .con4-content2 ul{height:auto;cursor: pointer;padding-bottom: 60px;}
    .con4 .con4-content .con4-content2 ul li{float:left;width:260px;border:1px solid #ccc; margin-left: 10px;}
    .con4 .con4-content .con4-content2 ul:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .con4 .con4-content .con4-content2 ul{
        *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
    }
    .con4 .con4-content .con4-content2 ul li .img{width:260px;height:190px}
    .con4 .con4-content .con4-content2 ul li img{width:100%;}
    .con4 .con4-content .con4-content2 ul li p.word1{text-align: center;padding-top:15px;font-size: 14px;}
    .con4 .con4-content .con4-content2 ul li p.word2{text-indent: 2em;font-size: 12px;
        line-height: 18px;padding: 15px;box-sizing: border-box;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;height:88px;box-sizing: border-box;}
    .con4 .con4-content .con4-content2 ul li .button{width: 75px;height: 30px;line-height: 30px;font-size: 12px;
        text-align: center;margin: 0 auto;border: 1px solid #333333;margin-bottom: 15px;margin-top: 10px;}

    .con5{width:100%;height: 450px;background: url(../images/con5.jpg) no-repeat center center;background-size: cover;}
    .con5 .con5-content{width:1000px;height: auto;margin: 0 auto;box-sizing: border-box;cursor: pointer;}
    .con5 .con5-content .title{padding: 100px 0 60px;font-size: 24px;font-weight: bolder;}
    .con5-content2 input{width: 100%;border: none;outline:none}
    .con5-content2{font-size: 0;}
    .con5-content2 .one{width: 165px;padding: 20px 10px;display: inline-block;background-color:#fff;font-size: 12px;}
    .con5-content2 .two{width: 165px;padding: 20px 10px;display: inline-block;background-color:#fff;font-size: 12px;margin-left: 10px;}
    .con5-content2 .three{width:405px;padding: 20px 10px;display: inline-block;background-color:#fff;font-size: 12px;
        margin-left: 10px;}
    .con5-content2 .four{width: 125px;padding: 20px 10px;display: inline-block;background-color:#89ba29;font-size: 12px;
        margin-left: 10px;color: #fff;text-align: center;}
    .con5-content .rul{font-size: 10px;margin-top: 40px;color: #888888;}


    .con6{width: 100%;height: auto;background-color: #fff;}
    .con6 .con6-content{width: 1000px;margin: 0 auto;height: auto;background-color:#fff;padding-bottom:60px;}
    .con6-content2 ul li{width: 240px;padding: 10px;background-color:#f6f6f6;height: auto;
        float: left;margin-left: 10px;box-sizing: border-box;margin-top: 10px;border-radius: 2px;}
    .con6-content2 ul:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .con6-content2 ul{
        *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
    }
    .con6-content2 ul li .img{width: 220px;height: 295px;}
    .con6-content2 ul li .img img{width: 100%;}
    .con6-content2 ul li p{padding: 10px 0 0px;font-size: 12px;text-align: center;color:#666666;}


    .con7{width: 100%;height: auto;background-color:#f6f6f6;}
    .con7 .con7-content{width: 1000px;margin: 0 auto;height: auto;padding-bottom:60px;}
    .con7-content2{}
    .con7-content2 ul li{width:160px;height: 90px;
        float: left;margin-left:50px;box-sizing: border-box;margin-top:40px;border-radius: 2px;
    background-color: #fff;}
    .con7-content2 ul li:nth-child(1){margin-left: 0;}
    .con7-content2 ul li:nth-child(6){margin-left: 0;}
    .con7-content2 ul li:nth-child(11){margin-left: 0;}
    .con7-content2 ul:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .con7-content2 ul{
        *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
    }
    .con7-content2 ul li img{width: 100%;}


    .dlist .dlist_item{margin: 20px 0 ;}
    .dlist  ul{width: 100%;margin-top: 20px;}
    .dlist ul li{width: 30px;float: left;text-align: center;}
    .dlist ul .active{background-color: #89ba29;color: #fff; text-align: center;}



}

@media screen and (max-width:768px){
    body{width:100%;}
    .con1{width:100%;height:auto;padding: 0 10px;box-sizing: border-box;}
    .con-title{padding:20px 10px 0;font-size:16px;font-weight:bolder;width: 100%;box-sizing: border-box;
    text-align: center;}
    .con-title .left{padding-right:10px;}
    .con-title .right{padding-left:10px;}
    .con1 .con1-contain{margin-top:25px;padding-bottom:20px;}
    .con1 .con1-contain ul li{width:100%;height:auto;}
    .con1 .con1-contain ul li img{width:100%;height:260px;}
    .con1 .con1-contain ul li p{font-size: 14px;text-align: center;line-height: 20px;margin-top: 16px;padding:0 30px 15px;
        box-sizing: border-box;color:#484848;}

    .con2{background-color:#fafafa;width:100%;height:auto;}
    .con2 .con2-contain{width: 100%;height:auto;margin-top: 15px;}
    .con2 .con2-contain .img{width:100%;height:auto;margin-top: 10px;display: none;}
    .con2 .con2-contain img{width: 100%;height: 100%;}
    .con2 .con2-contain .cont2-word1{width:100%;height:auto;font-size: 12px;padding: 10px;box-sizing: border-box;}
    .cont2-word1 .title{height: 30px;font-size: 14px;color: #fff;}
    .cont2-word1 .title span{display:inline-block;background-color:#18252e;line-height: 30px;
        font-size: 14px;float: right;padding: 0 15px;}
    .cont2-word1 .text{text-align:left;line-height: 18px;}
    .con2-contain .one span{float: left!important;}
    .con2-contain .two span{float: left!important;}



    .con3{width: 100%;height: 620px;background: url(../images/cont3.jpg) no-repeat center center;background-size: cover;}
    .con3 .con3-content{width:100%;height: auto;margin: 0 auto;}
    .con3 .con3-title{padding:20px;box-sizing: border-box;font-size: 14px;text-align: center;
        line-height: 18px;}
    .con3 .con3-contain2 ul{height: auto;width: 100%;}
    .con3 .con3-contain2 ul li{width: 90px;height: auto;float:left;margin-left: 30px;margin-top: 10px;}
    .con3 .con3-contain2 ul:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .con3 .con3-contain2 ul{
        *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
    }
    .con3 .con3-contain2 ul li img{width: 100%;}
    .con3 .con3-contain2 ul li p{font-size: 14px;text-align: center;line-height: 20px;box-sizing: border-box;
        margin-top: 10px;}


    .con4{width:100%;height: auto;background-color:#fff;}
    .con4 .con4-content{width:100%;margin: 0 auto;height: auto;}
    .con4 .con4-content .con4-title{text-align: center;font-size: 0;color: #a7a7a7;padding:20px 0;}
    .con4 .con4-content .con4-title span{font-size: 12px;padding:0 2px;border-right:1px solid #a7a7a7;cursor: pointer;}
    .con4 .con4-content .con4-title span:nth-child(6){border:none;}
    .con4 .con4-content .con4-content2 ul{height:auto;cursor: pointer;padding-bottom: 30px;}
    .con4 .con4-content .con4-content2 ul li{width:94%;border:1px solid #ccc; margin: 10px auto 0;}
   /* .con4 .con4-content .con4-content2 ul:after{!*伪元素是行内元素 正常浏览器清除浮动方法*!
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .con4 .con4-content .con4-content2 ul{
        *zoom: 1;!*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*!
    }*/
    .con4 .con4-content .con4-content2 ul li .img{width:100%;min-width: 245px;}
    .con4 .con4-content .con4-content2 ul li img{width:100%;}
    .con4 .con4-content .con4-content2 ul li p.word1{text-align: center;margin-top:20px;font-size: 14px;height: 30px;}
    .con4 .con4-content .con4-content2 ul li p.word2{text-indent: 2em;font-size: 12px;
        line-height: 16px;padding: 10px;box-sizing: border-box;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp:6;
        overflow: hidden;}
    .con4 .con4-content .con4-content2 ul li .button{width: 75px;height: 30px;line-height: 30px;font-size: 12px;
        text-align: center;margin: 0 auto;border: 1px solid #333333;margin-bottom: 15px;}


    .con5{width:100%;height:500px;background: url(../images/con5.jpg) no-repeat center center;background-size: cover;
    padding: 0 10px;box-sizing: border-box;}
    .con5 .con5-content{width:100%;box-sizing: border-box;}
    .con5 .con5-content .title{padding:40px 0 30px;font-size: 24px;font-weight: bolder;}
    .con5-content2 input{width: 100%;border: none;outline:none}
    .con5-content2{font-size: 0;}
    .con5-content2 .one{width:100%;padding: 20px 10px;background-color:#fff;font-size: 12px;box-sizing: border-box;}
    .con5-content2 .two{width:100%;padding: 20px 10px;background-color:#fff;font-size: 12px;margin: 10px 0;box-sizing: border-box;}
    .con5-content2 .three{width:100%;padding: 20px 10px;background-color:#fff;font-size: 12px;
        box-sizing: border-box; }
    .con5-content2 .four{width: 100px;padding: 20px;background-color:#89ba29;font-size: 12px;
        color: #fff;text-align: center;margin: 0 auto;margin-top: 40px;}
    .con5-content .rul{font-size: 10px;margin-top: 20px;color: #888888;}



    .con6{width: 100%;height: auto;background-color: #fff;}
    .con6 .con6-content{width:100%;margin: 0 auto;height: auto;background-color:#fff;padding-bottom:20px;}
    .con6-content2 ul li{width:48%;padding: 5px;background-color:#f6f6f6;height: auto;
        float: left;margin-left:5px;box-sizing: border-box;margin-top: 5px;border-radius: 2px;margin-top: 20px;}
    .con6-content2 ul:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .con6-content2 ul{
        *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
    }
    .con6-content2 ul li .img{width:100%;height: 230px;}
    .con6-content2 ul li .img img{width: 100%;}
    .con6-content2 ul li p{padding: 5px 0 0px;font-size: 12px;text-align: center;color:#666666;}


    .con7{width: 100%;height: auto;background-color:#f6f6f6;}
    .con7 .con7-content{width:100%;margin: 0 auto;height: auto;padding-bottom:30px;}
    .con7-content2{}
    .con7-content2 ul li{width:30%;height:65px;float: left;margin-left:10px;
        box-sizing: border-box;margin-top:20px;border-radius: 2px;}
    .con7-content2 ul:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .con7-content2 ul{
        *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
    }
    .con7-content2 ul li img{width: 100%;}
    .dlist  ul{width: 100%;}
    .dlist ul li{width: 50px;float: left;}
}