﻿@charset "utf-8";




/*productlist*/

    .main_p{width: 100%;height: auto;}
    .product_bannertit{position: absolute;top: 242px;left: 50%;margin-left: -490px;}
	.product_bannertit1{font-size: 36px;font-weight: lighter;line-height: 40px;color: #e20a17;animation-delay: 0.5s}
	.product_bannertit2{font-size: 50px;font-weight: bold;line-height: 62px;color: #fff;margin-top: 20px;animation-delay: 0.8s}
	.product_bannertit3{font-size: 30px;font-weight: lighter;line-height: 34px;color: #fff;margin-top: 30px;animation-delay: 1.2s}

	.product{padding-top: 500px;width: 1200px;margin: 0 auto;}
	.product_tit{width: 1200px;margin: 17px 0;text-align: right;margin-bottom: 63px;}
	.product_tit a{display: inline-block;height: 150px;width: 150px;border-radius: 50%;border: solid 1px #007bbb;position: relative;margin-right: 80px;transition: all 0.6s;}
	.product_tit a span{line-height: 150px;text-align: center;color: #fff;font-size: 22px;font-weight: lighter;display: block;transition: all 0.6s;opacity: 1;}
	.product_tit a:hover{background:#007bbb }
	
	.product_con{width: 100%;}
	.product_con .product_list_p{width: 100%;float: left;}
	.product_con .product_list_p .product_con_tit{width: 297px;height: 297px;float: left;background: #007bbb;border-radius: 40px 0 0 0;}
	.product_con .product_list_p .product_con_tit a{display: block;width: 252px;margin-top: 45px;margin-left: 20px;padding-right: 8px; text-align: center;line-height: 34px;font-size: 22px;font-weight: lighter;color: #fff;position: relative;}
	.product_con .product_list_p .product_con_tit a span{position: absolute;top: 0;right: 0;}
	
	.product_con ul{float: left;width: 903px;}
	.product_con ul li{width: 297px;height: 297px;float: left;margin-left: 4px;margin-bottom: 4px; position: relative;background: rgba(238, 238, 236, 0.8);overflow: hidden;}
	
	.product_con ul li h1{ margin-left: 50px;margin-top: 38px;font-size: 18px;line-height: 42px;color: #000;text-align: left;font-weight: lighter;}
	.product_con ul li .product_icon{position: absolute;left: 50px;bottom: 50px;width: 84px;}
	.product_con ul li .product_icon img{width: 100%;display: block; color:#007bbb;}
	.product_con ul li .product_img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.6s;}
	.product_con ul li:hover .product_img{opacity: 1;}
	
	
	.product_con .products_list1 .product_con_tit{height: 220px;}
	.product_con .products_list1 ul li{width: 899px;height: 220px;}
	
	.product_con .products_list2 ul li:first-child{width: 447px;}
	.product_con .products_list2 ul li:first-child + li{width: 448px;}
	
	.product_con .products_list3 {}
	
	.product_con .products_list4 .product_con_tit{height: 598px;}
	.product_con .products_list4 ul li{width: 447px;}
	
	.product_con .products_list5 .product_con_tit{height: 598px;}
	.product_con .products_list5 ul li:first-child{width: 447px;}
	.product_con .products_list5 ul li:first-child + li{width: 448px;}
	
	.product_con .products_list6 ul li{height:170px;width: 447px }
	.product_con .products_list6 ul li h1{margin-top: 18px; }
	.product_con .products_list6 ul li .product_icon{bottom: 20px;}
	.product_con .products_list6 ul li:first-child + li,.product_con .product_list4 ul li:first-child + li + li + li{width: 448px;}
	.product_con .products_list6 .product_con_tit{height: 518px;}
	
	.product_con .products_list7 {}
	
	.product_con .products_list8 ul li{height:170px;width: 447px }
	.product_con .products_list8 ul li h1{margin-top: 18px; }
	.product_con .products_list8 ul li .product_icon{bottom: 20px;}
	.product_con .products_list8 ul li:first-child + li,.product_con .product_list4 ul li:first-child + li + li + li{width: 448px;}
	.product_con .products_list8 .product_con_tit{height: 692px;}
	
	
	
	
	
	.product_con .product_list2 .product_con_tit{height: 598px;}
	.product_con .product_list2 ul li:first-child{width: 447px;}
	.product_con .product_list2 ul li:first-child + li{width: 448px;}
	
	
	
	.product_con .product_list3 .product_con_tit{height: 220px;}

	.product_con .product_list3 ul li{width: 899px;height: 220px;}
	.product_con .product_service .product_con_tit{height: 110px;}
	.product_con .product_service ul li{width: 899px;height: 110px;transition: all 0.4s;}
    .product_con .product_service .product_con_tit a{margin-top: 38px;}
    .product_con .product_service ul li h1{margin-top: 0;line-height: 110px;transition: all 0.4s;}
    .product_con .product_service ul li:hover h1{color: #fff;}
    .product_con .product_service ul li:hover{background: #007bbb;}


	.product_con .product_list4 ul li{height:170px;width: 447px }
	.product_con .product_list4 ul li h1{margin-top: 18px; }
	.product_con .product_list4 ul li .product_icon{bottom: 20px;}
	.product_con .product_list4 ul li:first-child + li,.product_con .product_list4 ul li:first-child + li + li + li{width: 448px;}
	.product_con .product_list4 .product_con_tit{height: 518px;}
	
	.product_con .product_list5 ul li:first-child{width: 447px;}
	.product_con .product_list5 ul li:first-child + li{width: 448px;}
	
	.product_con .product_list6 .product_con_tit{height: 598px;}
	.product_con .product_list6 ul li{width: 447px;}
	
	
	
	
	
	.productCenter{width: 1110px;margin: 110px auto 170px;}
	.productCenter h1{font-size: 50px;line-height: 50px;    margin-top: 36px;color: #007bbb;font-weight: lighter;float: left;}
	.productCenter .productCenter_con{float: right;}
	.productCenter p{font-size: 22px;line-height:48px;color: #000000;font-weight: lighter;}
	/*.product_con2 .product_list:first-child ul li:first-child{border-radius: 0px 40px 0 0;}*/
	
	
	/*三级页面包屑*/
    .nav_mbx{width: 1200px; margin: 0 auto; padding-top: 500px; z-index: 99;}
	.nav_mbx ul li{text-align: center;font-size: 20px;height: 70px;background: #eeeeec;float: left;margin-right: 2px;position: relative;}
	.nav_mbx ul li a{color: #007bbb;width: 100%;line-height: 70px;display: block;}
	.nav_mbx ul li a span{position: absolute;top: 29px;right: 26px;width: 8px;height: 14px;background: url(../images/jiantou_blue.png) no-repeat center;background-size: cover;}
	.nav_mbx ul li:hover{background: #e6001f;}
	.nav_mbx ul li:hover a{color: #fff;}
	.nav_mbx ul li:hover a span{color: #fff;background: url(../images/jiantou_b.png) no-repeat center;background-size: cover;}
	.nav_mbx ul .nav_mbx1{width: 394px;}
	.nav_mbx ul .nav_mbx2{width: 400px;}
	.nav_mbx ul .nav_mbx3{width: 400px;background:#e6001f; }
	.nav_mbx ul .nav_mbx3 a{color: #fff;}
	
	
	
	.tech_info{width: 1200px;margin: 0 auto; padding-top:30px;}
	.tech_info h1{font-size:30px;color:#fff; text-align:center; line-height:60px;font-weight:lighter;margin-top:40px;margin-bottom:50px;}
	.tech_info .tech_info_con{width: 100%;}
	.tech_info .tech_info_con p{font-size: 22px;line-height: 44px;color: #000000;font-weight: lighter;text-align: justify;}
	.tech_info .tech_info_con img{display: block;max-width: 100%;margin: 0 auto;} 

/*产品内页*/
    .product_info_con{width: 100%;margin-top: 80px;}
	.product_info_con_2{width: 100%;margin-top: 60px;}
	.product_info_con h2{text-align: center; font-size: 28px; text-align: center; line-height: 30px; color: #007bbb;}
	.product_2round .product_line,.product_3round .product_line{width: 100%;height: 42px;background: url(../images/line23.png) no-repeat center;margin-top: 24px;}
	.product_4round .product_line{width: 100%;height: 42px;background: url(../images/line4.png) no-repeat center;margin-top: 24px;}
	.product_info_con ul{width: 100%;text-align: center;}
	.product_2round ul,.product_3round ul,.product_4round ul{margin-top: -44px;}
	
	.product_info_con ul li{width: 288px;height: 288px;display: inline-block;margin:74px 42px 0; background: #eae7ee;border-radius: 50%;overflow: hidden;transition: all 0.6s;}
	.product_info_con ul li div{width: 288px;height: 288px; display: table-cell;text-align: center;vertical-align: middle;}
	
	.product_1square ul li{width: 290px; height: 110px; display: inline-block; margin:32px 50px 32px 50px; background: #eeeeec; border-radius:20px; overflow: hidden;}
	.product_1square ul li div{width: 290px; height: 110px; display:table-cell; text-align:center; vertical-align: middle;}
	
	.product_1square_b ul li{width: 1200px; height:auto!important;  display: inline-block; margin:32px auto 0; background: #eeeeec;border-radius: 20px;overflow: hidden;}
	.product_1square_b ul li div{width: 1200px; height:auto!important; padding-bottom:30px; padding-top:10px; display: table-cell; text-align: left!important; vertical-align: middle;}
	
	.product_2round ul li{width: 360px;height: 360px;display: inline-block;margin:74px 98px 0; background: #eae7ee;border-radius: 50%;overflow: hidden;}
	.product_2round ul li div{width: 360px;height: 360px; display: table-cell;text-align: center;vertical-align: middle;}
	.product_3round ul li{width: 288px;height: 288px;display: inline-block;margin:74px 42px 0; background: #eae7ee;border-radius: 50%;overflow: hidden;}
	.product_3round ul li div{width: 288px;height: 288px; display: table-cell;text-align: center;vertical-align: middle;}
	.product_4round ul li{width: 244px;height: 244px;display: inline-block;margin:74px 26px 0; background: #eae7ee;border-radius: 50%;overflow: hidden;}
	.product_4round ul li div{width: 244px;height: 244px; display: table-cell;text-align: center;vertical-align: middle;}
	
	
	.tech_info .tech_info_con .product_info_con ul li div p{ display:block; font-size: 18px; color: #555; text-align:center; line-height:26px; transition: all 0.3s;}
	
	.tech_info .tech_info_con .product_info_con_2 ul li div p{ display:block; font-size: 18px; color: #333; line-height:26px; transition: all 0.3s;}
	.tech_info .tech_info_con .product_info_con_2 ul li div span{ font-size: 18px; color: #007bbb; font-weight:bold; line-height:26px; transition: all 0.3s;}
	.tech_info .tech_info_con .product_info_con_2 ul li div i{ font-size: 18px; color: #e20a17;line-height:26px; transition: all 0.3s;}
	
	.tech_info .tech_info_con .product_1square ul li div p{ padding: 0 50px;}
	.tech_info .tech_info_con .product_1square_b ul li div p{ padding: 20px 50px 0px 50px; text-align:left!important; line-height:30px; }
	
	.tech_info .tech_info_con .product_3round ul li div p{line-height: 36px;}
	.tech_info .tech_info_con .product_4round ul li div p{line-height: 36px;}
	
	
	.product_con_tit2{margin-top: 88px;border-top: solid 1px #9f9f9f;padding-top: 73px;}
	.tech_info .tech_info_con .product_info_con ul li:hover {background: #007bbb;}
	.tech_info .tech_info_con .product_info_con ul li:hover div p{color: #fff!important;}
	
	.tech_info .tech_info_con .product_info_con_2 ul li:hover {background: #007bbb;}
	.tech_info .tech_info_con .product_info_con_2 ul li:hover div p{color: #fff!important;}
	.tech_info .tech_info_con .product_info_con_2 ul li:hover div span{color: #fff!important;}
	.tech_info .tech_info_con .product_info_con_2 ul li:hover div i{color: #f0f0f0!important;}
	
	/*感兴趣模块*/
            .Box {position: relative; padding-bottom:150px; }
			.Box .content {width: 1200px;margin: 0 auto;}
			.Box h2 {text-align: center; margin-bottom: 35px; padding-top:100px; font-size:30px; color: #007bbb;}
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 37px;height: 36px;position: absolute;top: -69px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(../images/left.png) no-repeat center;right: 52px;display: block!important;background-size: 36px 36px;}
			.Box .Box_con .btnr {background: url(../images/right.png) no-repeat center;right: 6px;display: block!important;background-size: 36px 36px;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 396px;height: 250px;margin-left: 6px;overflow: hidden;background: #eeeeec;position: relative;cursor: pointer;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li .cur1{width: 100%;height: 100%;text-align: center;}
			.Box .Box_con .conbox ul li .cur1 h1{font-size: 20px;color:#777; font-weight:normal; height: 100px; text-align:center; padding-top: 43px;line-height: 48px;}
			.Box .Box_con .conbox ul li .cur1 img{display: inline-block;width: 75px;}
			.Box .Box_con .conbox ul li .cur2{ width: 100%;height: 100%; position: absolute;top: 0;left: 0;opacity: 0;transition: all 0.6s;}
			.Box .Box_con .conbox ul li .cur2 img{ width: 396px;height: 250px;}
			.Box .Box_con .conbox ul li:hover .cur2{opacity: 1;}
			

            .Box .Box_con .conbox ul li.red{background: #e6001f;}
			.Box .Box_con .conbox ul li.red h1{color: #fff;}

			.Box .Box_con .conbox ul li.curHover .cur2{opacity: 1;}
			.Box .Box_con .conbox ul li.curHover:hover .cur2{opacity: 0;}
			.Box .Box_con .conbox ul li:nth-child(3n) .cur2{opacity: 1;}
			.Box .Box_con .conbox ul li:nth-child(3n):hover .cur2{opacity: 0;}
			
            .Box .Box_con .conbox ul li:nth-child(3n) .cur2{opacity: 1;}
            .Box .Box_con .conbox ul li:nth-child(3n):hover .cur2{opacity: 0;}
	
	
/*试验中心*/
.tech_info .tech_testCenter_con{width: 1050px;margin: 0 auto;}
	.tech_testCenter{width:1056px;margin: 50px auto 0;}
	.tech_testCenter li{width: 185px;margin: 11px;display: inline-block;}
	.tech_testCenter li div{width: 185px;height: 185px;position: relative; display: table-cell;
    text-align: center;
    vertical-align: middle;border-radius: 50%;background: rgba(234, 231, 238, 0.9);}
.tech_testCenter li div span{display: inline-block;position: relative;}
	.tech_testCenter li div img{transition: all 0.6s;}
	.tech_testCenter li div .tech_testCenterImg1{opacity: 0;z-index: 1;position: absolute;top: 0;left: 0;}
	.tech_testCenter li div .tech_testCenterImg2{opacity: 1;z-index: 2;width: 82px;display: inline-block;}
	.tech_testCenter li:hover .tech_testCenterImg1{opacity:1;}
	.tech_testCenter li:hover .tech_testCenterImg2{opacity: 0;}
.tech_testCenter li:hover div{background:#e6001f; }
	.tech_info .tech_testCenter_con .tech_testCenter li p{text-align: center;font-size: 20px;font-weight: lighter;color: #000;}
/*技术标准平台*/
.tech_platform{width: 774px;height: 407px; margin: 58px auto;position: relative;}
	.tech_platform li{position: absolute;}
	.tech_platform .tech_iconBg{width: 492px;top: 58px;left: 50%;margin-left: -246px;}
	.tech_platform .tech_iconCenter{width: 170px;top: 90px;left: 50%;margin-left: -85px;animation:rotate 5s infinite 2s;
-webkit-animation:rotate 5s infinite 2s; /*Safari and Chrome*/}
	@keyframes rotate{
    0%{
        transform: rotate(0);
      }
    25%{
    	transform:rotate(180deg);
    }
    50%{
    	transform:rotate(180deg);
    }
    75%{
         transform: rotate(360deg);
    	}
        100%{
         transform: rotate(360deg);
    	}
	}
	@-webkit-keyframes rotate{
    0%{
        transform: rotate(0);
      }
    25%{
    	transform:rotate(180deg);
    }
    50%{
    	transform:rotate(180deg);
    }
    75%{
         transform: rotate(360deg);
    	}
        100%{
         transform: rotate(360deg);
    	}
	}

	.tech_platform .tech_icon01{width: 130px;top: 0px;left: 0;}
	.tech_platform .tech_icon02{width: 130px;top: 0px;right: 0;}
	.tech_platform .tech_icon03{width: 130px;bottom: 0px;left: 0;}
	.tech_platform .tech_icon04{width: 130px;bottom: 0px;right: 0;}
	.tech_platform li img{width: 100%;}
	.tech_info .tech_info_con .tech_platform li p{text-align: center;font-size: 22px;line-height: 22px;margin-top: 21px;}



/*@media(max-width:1680px){
	body{zoom:0.875;}
}
@media(max-width:1440px){
	
	body{zoom:0.75;}
	.nav>ul>li .mad1 .p1>ul {margin-left: 492px;}
	.nav>ul>li .div1 .p1 .nav_2{margin-left: 82px;}
	.nav>ul>li .mad5 .p1 ul {margin-left: 768px;}
}
@media(max-width:1366px){
	body{zoom:0.71146;}
	.nav>ul>li .mad1 .p1>ul {margin-left: 462px;}
	.nav>ul>li .div1 .p1 .nav_2{margin-left: 82px;}
	.nav>ul>li .mad5 .p1 ul {margin-left: 753px;}
	
}

@media(max-width:1680px){
	body{overflow-x: hidden;}
	.body{width: 1920px;position: absolute;left: 50%; margin-left: -960px; top: 0; 
	    transform-origin: center top; 
		transform: scale(0.875,0.875); 
		-ms-transform: scale(0.875,0.875); 
		-webkit-transform: scale(0.875,0.875); 
		-o-transform: scale(0.875,0.875);}
	
}
@media(max-width:1440px){
	
	.body{

		transform: scale(0.75,0.75);
	    -ms-transform: scale(0.75,0.75); 
		-webkit-transform: scale(0.75,0.75); 
		-o-transform: scale(0.75,0.75);}
	

}
@media(max-width:1366px){
	.body{
 
	transform: scale(0.71146,0.71146); 
	-ms-transform: scale(0.71146,0.71146); 
	-webkit-transform: scale(0.71146,0.71146); 
	-o-transform: scale(0.71146,0.71146);}

	
}

*/
