@charset "utf-8";
.wrap{position:relative;}
.banner{margin-top:90px;overflow:hidden;position:relative;height: 440px;}
.pro{width:1200px;margin:auto;}
.product-content_tit{font-size:28px;color:#1976d2;text-align:center;line-height:100px;}
.product-content {
    padding-top: 20px;
    width: 1200px;
    margin: auto;height:450px;}
.product-list{width:170px;height:210px;background:white;border-radius:30px; float:left;margin-right:36px;margin-bottom:36px;text-align:center;cursor:pointer;transiton:all 300ms;-webkit-transition:all 300ms;}
.product-list .title{color:#666;font-size:18px; line-height:10px}
.product-list:last-child{margin:0}
.product-list p a:hover{color:#1976d2}
.product-list .list{width:140px;height:140px;margin:18px 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:hover{box-shadow:0px 1px 8px rgba(25,118,210,0.5);}
.product-list .list div{width:166px;height:166px;border-radius:50%;background:#1976d2;opacity:0.8;display:none;}
.product-list .list a{    left: 53px;position: absolute; top: 70px;color: white;display:none;}
.product-list .list:hover {display:block}


.pro_classify {padding-top:100px;padding-left:60px;}
.pro_classify .title{width:481px;margin: 0 auto 100px auto;background:url(../images/title.png) no-repeat center center;text-align:center; font-size:24px;color:#1976d2;}
.pro_classify_list .pro_img{width: 180px;
    height: 180px;
    align-items: center;
    display: flex;
    justify-content: center;}

.pro_classify_list .pro_img img{max-width: 140px;max-height: 140px;}
.pro_text .pro_list{width:840px;font-size:16px;color:#999;line-height:24px}
.pro_text .pro_list a:hover{color:#1976d2;}
.pro_text .pro_title a{font-size:20px;color:#333;line-height:60px}
.pro_classify_list{border-bottom:1px dotted #e1e1e1;margin-bottom:20px;padding-bottom:20px;}
.pro_classify_list:after{display:block;content:"";clear:both;}
.pro_text .pro_list{text-indent:0;}
.pro_text .pro_title{text-indent:0;}
.pro_classify_list .pro_text{padding-top:30px;margin-bottom:100px;}


p#back-to-top {
            position:fixed;
            display:none;
            bottom:100px;
            right:80px;			
			background:#1976d2;
			padding:15px;
        }
p#back-to-top a{color:#fff;}

/*产品详情页*/
.pro_tit{text-align: center;
    border-bottom: 1px dotted #e1e1e1;
    margin-bottom: 50px;
    padding-top: 50px;}
.pro_tit h2 {
    color: #666;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
}
.pro_tit h4 {
    color: #999;
    font-size: 12px;
    font-weight: normal;
    line-height: 50px;
}
#a1{margin:auto;}
.download_btn a{width:96px;height:25px;    display: block;float:right;text-align:right;background:url(../images/download.png) no-repeat left center;margin-left:30px;}
.download_btn a:hover{color:#1976d2;}
.download_btn{margin-bottom:10px;}
.pro_video{top:0;
    position: absolute;
    right: 12%;
	border:10px solid #fff;}
@media screen and (max-width: 1440px) {
    .pro_video{
    right: 0;
	}
}
.banner>img{
	left: 50%;
    margin-left: -960px;
    position: absolute;
	 }
.pro_text p{text-indent: 2em;
    color: #888;
    font-size: 14px;
    line-height: 30px;}

/*弹框*/
.black_overlay{  display: none;  position: absolute;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:1001;  -moz-opacity: 0.8;  opacity:.80;  filter: alpha(opacity=80);  } 
.white_content {padding-top: 240px; display: none;  position: fixed;  top: 30%;  left:50%;margin-left:-263px;  width: 525px;  height:301px;  background:url(../images/tankuang.png);  z-index:1002;  overflow: auto;  } 
.white_content .inputOuter{float:left;width:240px;height:38px;}
.white_content .input_tips{float:left;width:80px;height:44px;line-height:44px;text-align: right;margin-right: 10px;}
.inputstyle{width:240px;height:32px;}
.input_con{width: 360px;
    height: 260px;
    margin: auto;}
.input_con li{float:left;height:55px;}
.input_con .button_blue{height: 41px;
    margin-top: 18px;
    border-radius:20px;
    background: #1976d2;
    border: none;
    cursor: pointer;
    border-bottom: 3px solid #0078b3;
    color: #fff;
    font-size: 16px;
    text-align: center;
    outline: none;
	margin-left: 50px;
	width:245px; }
.input_con .button_blue:hover{background: #2d88bc;}
.white_content a{width:64px;height:64px;position:absolute;right:0px;top:0px;}

@media(max-width: 768px){
    .product-list:hover{box-shadow:none;}
.banner{margin-top:53px;height:230px;overflow: hidden;}
.banner>img{
    left: 50%;
    margin-left: -500px;
    position: absolute;
    width:1000px
}
.product-content{width:100%;display:flex;flex-flow:row wrap;justify-content:space-around;height:auto}
.pro{width:100%;}
.product-list{margin-right:0;width:200px;height:190px}
.pro_classify{padding-left:0px;}
.pro_classify_list{display:flex;justify-content: space-between;}
.pro_text .pro_list{width:550px;}
p#back-to-top{bottom:50px;right:20px;padding:10px 15px;}
    .download_btn{margin-right:20px;}
    .pro_text p{padding:10px 20px;}
	.pro_video{border:none;}

}

@media(max-width: 414px){
.banner>img {
    margin-left: -300px;
    width: 600px;}
.product-list .list{width:100px;height:100px;}
.product-content_tit{line-height:50px;    font-size: 22px;}
    .pro_classify .title{width:394px;margin: 0 auto 50px auto}
    .pro_classify_list .pro_text{padding-top:0;margin-bottom:20px;}
    .pro_classify_list .pro_img img {
        max-width: 100%;
        max-height: 100%;
    }
    .pro_classify_list .pro_img {
       padding:0px;
        width: 100px;
        height: 100px;
    }
    .pro_text .pro_list {
        width: 280px;font-size:14px;
    }
    .pro_classify{padding:0 10px;}
    .pro_text .pro_title a{font-size:18px;}
    .pro .pro_tit h2{font-size:18px;}
}
@media(max-width: 375px){
.banner>img {
    margin-left: -275px;
    width: 550px;}
    .product-list{width:140px;}
    .pro_text .pro_list{width:240px;}
    .pro_classify_list .pro_img{width:90px;height:90px}
    .pro_classify .title{width:350px;}

}
@media(max-width: 320px){
.banner>img {
    margin-left: -250px;
    width: 500px;}
    .pro_classify .title{width:290px;}
}