.indcp{width:100%; float:left; padding:10px 0;}

.indcptitle{width:1198px; height:130px; margin-bottom:20px; position:relative; border: 1px solid #e0e0e0;}
.indcptitle ul li{float:left; width:238px; height:130px; text-align:center; position:relative; left:-1px; border-left:1px solid #e0e0e0;}
.indcptitle ul li .url{float:left; width:100%; height:100%;}
.indcptitle ul li .photo{width:60px; height:62px; margin:18px 0;transition: all 0.3s ease-in-out; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.indcptitle ul li .title{font-size: 14px; line-height: 14px; height: 14px; color: #333; text-align: center; width:100%; float:left; overflow:hidden;}
.indcptitle ul li .url:hover{overflow: hidden; border-radius: 5px; background: #fff; box-shadow: 0px 5px 20px rgb(0, 0, 0, 10%);z-index:999px;}
.indcptitle ul li .url:hover .photo{-webkit-filter: none;filter: none;transform: scale(1.2);}


.indcplist{height: 680px;position: relative; margin-bottom: -1px;overflow: hidden;border: 1px solid #e0e0e0;}
.indcplist .product{position: absolute;border: 1px solid #e0e0e0;}
.list_1 .product_1{width:600px; height:680px;}
.list_1 .product_1{left:-1px;}
.list_1 .product_1,.list_1 .product_2,.list_1 .product_3{top:-1px;}
.list_1 .product .url,.list_2 .product .url{width:100%; height:100%; float:left;}

.list_1 .product_2,.list_1 .product_3,.list_1 .product_4,.list_1 .product_5{width:300px; height:340px;}
.list_1 .product_2,.list_1 .product_4{left:600px;}
.list_1 .product_3,.list_1 .product_5{left:901px;}
.list_1 .product_4,.list_1 .product_5{top:340px;}

.list_1 .product_1 .photo{width:520px; height:589px; margin:40px auto auto 40px; display:block;}
.list_1 .photo{width:200px; height:209px; margin:45px auto 25px 50px; display:block;}
.list_1 .photo{-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.list_1 .title{font-size: 14px; line-height: 14px; height: 14px; color: #333; text-align: center; width:100%; float:left; overflow:hidden;}
.list_1 .list-prd-view,.list_2 .list-prd-view{text-align:center; color:#000; border:1px solid #ccc; border-radius:15px; line-height:30px; float:left; padding:0 30px; margin-left:92px; display:none;}
.list_1 .product_1 .list-prd-view,.list_2 .product_1 .list-prd-view,.list_2 .product_2 .list-prd-view{margin-left:234px;}
/*.list_1 a:hover .title{color:#F00;}*/
.list_1 .product .url:hover,.list_2 .product .url:hover{margin-bottom: 20px; overflow: hidden; text-align: center; border-radius: 5px; background: #fff; box-shadow: 0px 5px 20px rgb(0, 0, 0, 10%);z-index:999px;}
.list_1 .product .url:hover .list-prd-view,.list_2 .product .url:hover .list-prd-view{display:block; margin-top:10px;}
.list_1 .product .url .list-prd-view:hover,.list_2 .product .url .list-prd-view:hover{background-color:#567dfe; color:#fff; border:1px solid #567dfe;}
.list_1 .product_2 .url:hover .photo,.list_1 .product_3 .url:hover .photo,.list_1 .product_4 .url:hover .photo,.list_1 .product_5 .url:hover .photo{margin:35px auto 25px 50px;}
.list_1 .product_1 .url:hover .photo{margin:30px auto auto 40px;}
.scale-text {transition: all .5s;}


.list_2 .product_1{width:600px; height:340px;}
.list_2 .product_1,.list_2 .product_3{left:-1px;}
.list_2 .product_1,.list_2 .product_2{top:-1px;}

.list_2 .product_2{width:600px; height:680px; left:600px;}
.list_2 .product_3{width:300px; height:340px;top:340px;}
.list_2 .product_4{width:299px; height:340px;top:340px;}
.list_2 .product_4{left:300px;}

.list_2 .product_1 .photo{width:500px; height:255px; margin:30px auto 10px 45px; display:block;}
.list_2 .product_2 .photo{width:520px; height:589px; margin:40px auto auto 40px; display:block;}
.list_2 .product_3 .photo,.list_2 .product_4 .photo{width:200px; height:209px; margin:45px auto 25px 50px; display:block;}
.list_2 .product .photo{-webkit-transition: all .2s ease-in;-moz-transition: all .2s ease-in;-ms-transition: all .2s ease-in;-o-transition: all .2s ease-in;transition: all .2s ease-in;}
.list_2 .product_1 .url:hover .photo{margin:15px auto 10px 45px; display:block;}
.list_2 .product_2 .url:hover .photo{margin:30px auto auto 40px;}
.list_2 .product_3 .url:hover .photo,.list_2 .product_4 .url:hover .photo{margin:35px auto 25px 50px;}

.list_2 .title{font-size: 14px; line-height: 14px; height: 14px; color: #333; text-align: center; width:100%; float:left; overflow:hidden;}






.indexcplist{width:1200px; margin:20px 0; }
.indexcplist .product{float:left; width:590px;background:#FFF;box-shadow: 0px 2px 5px rgb(0, 0, 0, 10%); border-radius: 5px; margin:5px;}
.indexcplist .product .proimg{float:left; width:200px; height:200px; margin:10px;}
.indexcplist .product .proimg img{width:200px; height:200px;transition: all 0.3s ease-in-out;}
.indexcplist .product .protitle{float:left; width:350px; height:200px; margin:10px;}
.indexcplist .product .protitle .title{font-size:18px; line-height:30px; margin-top:15px;}
.indexcplist .product .protitle .area{font-size:14px; line-height:24px; margin-top:10px; color:#F00;}
.indexcplist .product .protitle .characteristic{font-size:14px; line-height:30px; margin-top:10px;}
.indexcplist .product .protitle .see{margin-top:10px;}
.indexcplist .product .protitle .see img{width:116px; height:26px; float:left;}
.indexcplist .product .protitle .see .list-prd-view{float:left; margin-left:50px;text-align:center; color:#000; border:1px solid #ccc; border-radius:15px; line-height:30px; float:left; padding:0 30px;}
.indexcplist .product .protitle .see .list-prd-view:hover{background-color:#567dfe; color:#fff; border:1px solid #567dfe;}
.indexcplist .product .url{width:100%; height:100%; float:left}
.indexcplist .product .url:hover .proimg img{transform: scale(1.05);}
.indexcplist .product .protitle .title:hover{color:#567dfe;}






.about{margin-top:30px;}
.about .abtitle{width:100%; height:55px;}
.about .abtitle ul li{float:left; width:50%; text-align:center; font-size:24px; font-weight:bold; line-height:55px; background:#ddd;}
.about .abtitle ul li a{width:100%; height:100%; float:left;}
.about .abtitle ul li a:hover{background:#567dfe; color:#FFF;}
.about .abtitle ul li.hover{background:#567dfe;color:#FFF;}
.about .abtitle ul li.hover a{color:#FFF;}

.abcontent{width:100%; margin-top:50px;}
.abcontent p{box-sizing: border-box; margin-top: 0px; margin-bottom: 30px; color:#000; font-size: 15px; white-space: normal; text-indent:2em;}
.abcontent .abimg{float:left; width:100%; margin-bottom:30px;}
.abcontent .abimg img{width:100%;}
.maintitle{width:100%; text-align:center; padding:100px 0 50px 0;}
.maintitle h1{font-size:48px; line-height:48px; color:#333333;}
.maintitle h1 s{width:100%; height:9px; background:url(http://syjndq.com/image/about/a6_03.png) center center no-repeat; display: block; margin:0 auto; margin-top:18px;}



.culture .item ,.advantage .item {
	width:100%;float:left;margin-bottom:20px;
}

.culture .item .adleft ,.advantage .item .adleft {
	float:left; 
}

.culture .item .adright ,.advantage .item .adright {
	float:right; 
}
.col-lg-7{width:660px; padding:15px;}
.col-lg-5{width:480px; padding:15px;}

.culture .advan img ,.advantage .advan img {
	width:100%;
}

.culture .advan h2 ,.advantage .advan h2 {
	color:#f03c02;margin-top:15px; font-size:36px;
}

.culture .advan h4 ,.advantage .advan h4 {
	color:#000;line-height:26px;font-size:14px; font-weight:500;
}

.culture .advan .desc,.advantage .advan .desc{
	font-size:16px;	line-height:30px;margin-top:20px;
}

.culture .advanimg img ,.advantage .advanimg img {
	width:100%;
}