@charset "utf-8";
/*轮播图*/
     *{margin: 0;padding: 0;}
        #banner{height:820px;margin: 0 auto;position: relative;overflow: hidden;top:90px;margin-bottom:20px;left:50%;margin-left:-951px;width:1902px;}
        /*#banner ul{width:5760px;margin-left: 0;transition: 0.2s;}*//*transition为css3属性实现过渡效果*/
        #banner ul li{list-style-type: none;width: 1920px;height: 820px;float: left}
        #banner .btn #left,#banner .btn #right{width: 30px;height: 40px;background: rgba(0,0,0,.4);position: absolute;top: calc(50% - 20px);cursor: pointer; }
        #left{left: 0;}
        #right{right: 0;}
        #banner .btn #left img,#banner .btn #right img {width: 100%;height: 100%}
        #banner #banner-nav{position: absolute;left: calc(50% - 43px);bottom:10px;width:86px;height: 10px;}
        #banner #banner-nav span{background:#cccccc;width: 10px;height: 10px;float: left;border-radius: 50%;margin-left: 6px;cursor: pointer}
        #banner #banner-nav .on{background: #4f9fee}
		body{ overflow-x:hidden;}
/*<!--关于	-->	*/
body{background:#fff}
.wrap{
    width:100%;
	}
.wrap1{
    background: none;
	width:100%;
	margin-top: 160px;
	}
.about{height:500px;margin:auto;width:1200px;}
.f-left a{color:#3a9bd1;font-size:18px;line-height:70px;}
.about a:hover{color:#1976d2;}
.about .about_left{width:663px}
.about_left p:first-child{font-size:40px; color:#333;}
.about_left p:nth-child(2){font-size:26px;color:#1976d2;margin-top:10px;}
.about_left p:nth-child(3){font-size:18px;color:#666666; line-height:32px;margin-top:40px;margin-bottom:60px;}
/*产品分类*/

.index-title{text-align:center; padding-top:70px;    padding-bottom: 80px;}
.index-title .title{color:#333;font-size:26px;}
.index-title small{color:#99a2a9;font-size:14px;line-height: 30px;}
.index-title font{color:#3a9bd1;font-weight:bolder}
.product{background:#f1f6f9;    padding-bottom: 70px}
.product-list{border: 1px solid #e1e1e1;width:189px;height:380px;background:white;border-radius:16px; float:left;margin-right: 10px;text-align:center;cursor:pointer;transition:all 300ms;-webkit-transition:all 300ms; }
.product-list .title{color:#666;font-size:20px; line-height:60px}
.product-list>p:last-child{color:#999;font-size:14px;line-height:24px;width:130px;margin:auto}
.product-list p.title a:hover{color:#1976d2}
.product-content{width:1220px;margin:auto;height: 768px;}
.product-list .list{width:140px;height:140px;margin:33px auto; position:relative;border-radius: 50%;display:block}
.product-list .product-list01{background:#defbf8 url(../images/pro01.png) no-repeat center;background-size:contain;}
.product-list .product-list02{background:#defbf8 url(../images/pro02.png) no-repeat center;background-size:contain;}
.product-list .product-list03{background:#defbf8 url(../images/pro03.png) no-repeat center;background-size:contain;}
.product-list .product-list04{background:#defbf8 url(../images/pro04.png) no-repeat center;background-size:contain;}
.product-list .product-list05{background:#defbf8 url(../images/pro05.png) no-repeat center;background-size:contain;}
.product-list .product-list06{background:#defbf8 url(../images/pro06.png) no-repeat center;background-size:contain;}
.product-list .list div{position:absolute;left:0;bottom:0;right:0;top:0;width:10px;height:10px;border-radius:50%;background:transparent;transition: all 400ms;-webkit-transition: all 400ms;-moz-transition: all 400ms;-ms-transition: all 400ms;-o-transition: all 400ms;margin:auto;
             }

.product-list .list span{left:35px;position: absolute; top:60px;color: white;display:none; font-weight:800; font-size:18px;}


/*新闻资讯*/
.news{width:1200px;margin:auto;}
.news_tab li{float: left;
    width: 50%;
    height: 36px;
    line-height:28px;
    text-align: center;
    display: block;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;}
.right_news{width:815px;height:500px;}
.news_tab .tab{color: #333;width:304px;background:url(../images/tab1.png) no-repeat center;height:36px;}
/*.news_tab li:hover{font-weight:bold;color:#227fc6;border-bottom: 2px solid #227fc6 ;}
*/
.news_tab .tab li:first-child{color:#fff;}
.news_tab .current{background: url(../images/tab2.png);}
.news_content li{float:left;margin-bottom:20px;border-bottom:1px dotted #e1e1e1;padding-bottom:30px;}
.news_date{width:84px;height:69px;border-radius:10px;background:#e9e9e9;margin-right:33px;color:#666;text-align:center;padding-top:15px;}
.news_tab span{font-size:14px;float:right;color:#666;margin-right:40px;cursor:pointer}
.news_tab span a:hover{color:#1976d2}
.news_date>p:first-child{
	font-size:25px;
	}
.news_title{font-size:16px;color:#666;line-height:40px;}
.news_list{font-size:14px;color:#999;width:680px;line-height:20px;}
#tab2{display:none;}
.news_tab{height:50px;    margin-bottom: 30px}

/*合作伙伴*/
.partner_list{margin-left: -133px;}
.partner{background:#f1f6f9;}
.partner01{background:#fff;}
.partner_content{width:1200px;margin:auto;}
.partner_list .list{float:left;margin-left:133px;text-align:center;color:#666;padding-bottom:70px;height: 200px}
.partner_list .list img{    max-height: 100px;max-width: 198px;border:1px solid #ddd;}
.partner_list .list p{line-height:25px;font-size:16px;width: 200px;}


@media(min-width:769Px){
    .product-list:hover .list>div{-webkit-transform: scale(14,14);
        -moz-transform: scale(14,14);
        -ms-transform: scale(14,14);
        -o-transform: scale(14,14);
        transform: scale(14,14);
        background: rgba(0,0,0,0.6);
        }
    .product-list:hover .list span{display:block;}
    .product-list:hover{box-shadow:0px 1px 10px rgba(0,0,0,0.3);}
}

@media(max-width: 768px){
.about_right{display: none;}
.about{height:400px;margin:auto;width:100%;}
.about .about_left{float: none;
    margin: auto;width:698px;}
.wrap1{
     margin-top:70px;
    }
#banner .btn #left,#banner .btn #right{width:30px;height:50px; }

    #banner {
        height:auto;
        position: relative;
        overflow: hidden;
        top:51px;
        margin-bottom:0px;
        left:0;
        margin-left:0;
        width: 100%;}
#banner li img{width:1100px;;height:auto;margin-left:-166px;}
#banner ul li{height:auto;overflow: hidden;}

.product-content{
    height:784px; 
    display: flex;
    flex-flow:row wrap;
    justify-content:  space-around;
    align-content:space-between;
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
    margin: auto;}
.index-title{ padding-top:40px; padding-bottom:20px;}
.product-list{margin:0;width:227px;}
.news{width:100%;}
.news_left{display: none;}
.right_news{padding: 0 40px;
    width: 100%;
    box-sizing: border-box;}
.news_content li{display: flex;}
.news_date{flex-shrink: 0;margin-right: 20px;}
.news_list{width:auto}
.news_tab .tab{margin:auto}
.partner_content{width:100%;}
.partner_list{display:flex;flex-flow:row wrap;justify-content:space-around;margin-left: 0px;}
.partner_list .list{margin-left:0px;padding-bottom: 0px;height: 160px;}
.banner>img{width:1000px;margin-left:-500px;position: absolute;left:50%;}
.banner{margin-top:53px;height:230px;overflow:hidden;width:100%;}

}
@media(max-width: 414px){
#banner li img{width:700px;;height:auto;margin-left:-143px;}
.about{height:330px;}
.about .about_left{float: none; width:374px;}
.product-list{margin:0;width:180px;height:300px;}
.product-content{height:936px;} 
.product-list .list{width:100px;height:100px;margin: 30px auto 10px;}
.about_left p:first-child{font-size:30px; color:#333;display:none;}
.about_left p:nth-child(2){font-size:20px;color:#1976d2;margin-top:10px;}
.about_left p:nth-child(3){font-size:16px;color:#666666; line-height:28px;margin-top:20px;margin-bottom:20px;}
.right_news{padding:0 20px;}
.news_date{    width: 75px;
    height: 60px;padding-top:8px}
.news_date>p:first-child{font-size: 22px;}
.news_title {width:279px;text-overflow: ellipsis;word-wrap: normal;white-space: nowrap;overflow: hidden;}
.news_tab span{margin-right: 20px;margin-top: 20px}
.right_news{height:auto}
.product{padding-bottom: 50px}
.partner_list .list img {
    max-height:80px;
    max-width: 150px;
}
.partner_list .list p{width:150px;}
.banner>img {
    width: 600px;
    margin-left: -300px;
}
.banner{height:138px;}
}
@media(max-width: 375px){
#banner .btn #left,#banner .btn #right{width:25px;height:40px; }
#banner li img{width:500px;;height:auto;margin-left:-62px;}
.about .about_left{float: none; width:334px;}
.product-list{margin:0;width:160px;height:280px;}
 .product-content{height:1760px;}
    .news_title {
        width: 240px;
    }
.banner>img {
    width: 500px;
    margin-left: -250px;
}
.banner {
    height: 115px;
}
}

@media(max-width: 320px){
#banner li img{width:500px;;height:auto;margin-left:-90px;}
.banner>img {
    width: 460px;
    margin-left: -230px;
}
.banner {
    height: 106px;
}
.partner_list .list p {
    width: 120px;
}
.partner_list .list img{max-width:120px;}
.partner_list .list{height:120px;}
    .about .about_left{width:290px;}
    .product-list{width:140px;}
    .news_tab .tab{width:100%;}
    .news_title{width:190px;}
}