@charset "utf-8";
/* CSS Document */

/*css重置*/
*{ margin:0; padding:0;font-family:"Microsoft YaHei";}
a{ text-decoration:none;font-family:"Microsoft YaHei";}
li{ list-style:none;}
.clearfix{ clear:both;}
img{ border:0; display:block;}
p{font-family:"Microsoft YaHei";}



/*首页理由*/
.s_ly_bg{ background-color:#f6f6f6; margin-top:-68px; }
.s_ly_box{ width:1337px; margin:0 auto; padding-top:107px; padding-bottom:238px;}
.s_ly_box .s_ly_p1{ font-size:48px; color:#0065ad; font-weight:bold; text-align:center;}
.s_ly_box .s_ly_p2{ font-size:18px; color:#333; text-align:center; margin-top:39px; margin-bottom:64px; }
.s_ly_tip{ width:292px; height:546px; float:left; position:relative; background-color:#ccc; margin-right:21px; margin-left:21px;}
.s_ly_kuang1{ width:292px; height:179px; overflow:hidden;}
.s_ly_kuang1 img{ width:292px; height:179px; transform: scale(1);transition: all 1s ease-out;}
.s_ly_tip:hover .s_ly_kuang1 img{transform: scale(1.2);}

.s_ly_tip .s_ly_pic{ position:absolute; left:118px; bottom:331px;transform-style: preserve-3d;transition: all 1s;transition:all 0.4s linear;}
.s_ly_tip:hover .s_ly_pic{ transform: rotateY(360deg);
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg); bottom:355px;}

.s_ly_kuang2{ width:292px; height:353px; background-color:#333333; position:absolute; left:0; bottom:0;transition:all 0.4s linear;}
.s_ly_nr{ width:245px; margin:0 auto; padding-top:28px;}
.s_ly_nr .s_ly_p3{ font-size:17px; color:#fff; font-weight:bold; text-align:center; margin-bottom:14px;}
.s_ly_nr .s_ly_p4{ font-size:14px; color:#9a9a9a; line-height:24px;}

.s_ly_tip:hover .s_ly_kuang2{ height:383px;}




/*首页优势*/
.s_ys_box{ width:1297px; margin:0 auto; margin-top:167px;}
.s_ys_left{ width:648px; float:left;}
.s_ys_kuang1{ width:324px; height:215px; float:left; background-color:#e5e5e5;}
.s_ys_kuang1 .s_ys_nr1{ width:265px; margin:0 auto; padding-top:22px;}
.s_ys_kuang1 .s_ys_nr1 .s_ys_p1{ font-size:19px; color:#333333; font-weight:bold;}
.s_ys_kuang1 .s_ys_nr1 .s_ys_line{ height:1px; background-color:#d2d2d2; margin-top:16px; margin-bottom:10px;}
.s_ys_kuang1 .s_ys_nr1 .s_ys_p2{ font-size:14px; color:#767676; line-height:23px;}

.s_ys_right{ width:649px; height:215px; float:left; overflow:hidden;}
.s_ys_right img{transform: scale(1);transition: all 1s ease-out;}
.s_ys_right img:hover{transform: scale(1.1);}


.s_ys_left1{ width:973px; height:216px; float:left; background-color:#333333;}
.s_ys_nr2{ width:900px; margin:0 auto; padding-top:36px;}
.s_ys_nr2 .s_ys_p3{ font-size:19px; color:#fff; font-weight:bold; margin-bottom:14px;}
.s_ys_nr2 .s_ys_p4{ font-size:14px; color:#fff; line-height:25px;}

.s_ys_right1{ width:324px; height:216px; float:right;overflow:hidden;}
.s_ys_right1 img{transform: scale(1);transition: all 1s ease-out}
.s_ys_right1 img:hover{transform: scale(1.1);}





/*中间导航*/
.zj_fl_box{box-shadow: 0px 6px 6px rgba(0,0,0,0.05);}
.zj_fl_box ul{ width:1233px; margin:0 auto;}
.zj_fl_box ul li{ width:177px; float:left; border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;}
.zj_fl_box ul li a{ display:block; font-size:18px; color:#333; line-height:60px; text-align:center;}




.skyblue li a.color9:hover,.menuactive{ background-image: linear-gradient(90deg, #0193ee 40%, #0073cb 80%); color:#fff!important;}
.skyblue li a:hover{background-image: linear-gradient(90deg, #0193ee 40%, #0073cb 80%); color:#fff;}



.max_box{ width:1233px; margin:0 auto; margin-top:77px; padding-bottom:90px;}
.max_box .max_p1{ font-size:46px; color:#1d1d1d; text-align:center;}
.max_table{ margin:0 auto; margin-bottom:50px;}
.max_table tr td{ font-size:16px; text-transform:uppercase;color:#555; padding-left:5px; padding-right:5px;}
.max_table .max_line{ width:40px; height:1px; background-color:#666;}




/*资质*/
.product-list li {
	float: left; 
	 
}

.product-list li {
	background: none;
	width: 380px;
	height: 390px; border:1px solid #ddd;
	
	display: block;
	line-height: normal;
	overflow: hidden;
	position: relative;  background:#fff; margin-right:42px; margin-bottom:27px;
	
	
}

.product-list li:nth-child(3n){margin-right:0px;}

.product-list li figure{ display:block; text-align:center; background:#f1f1f1}
.product-list li figure img {
	width: 380px;
	height: 320px;
	transition: 424ms linear;  
}




.product-list li figcaption {
	display: block;
	color: #5d5d5d;
	font-size: 16px;
	line-height: normal;
	margin-top: 20px;
	transition: 350ms;
	text-align: center; padding-bottom:30px
}

.product-box .product-down {
	float: left;
}

.product-list li  mark {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: rgba(0, 117, 207, 0.2);
	background: #0075cf\9;
	filter: alpha(opacity=20);
	z-index: 20;
	opacity: 0;
	transform: skewX(45deg);
	visibility: hidden;
	transition: 360ms;
}

.product-list li mark b {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -23px;
	margin-top: -23px;
	z-index: 30;
}

.product-list li  mark b:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #0075cf;
	position: absolute;
	left: 0;
	top: 23px;
	transform: translateX(-200px);
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
}

.product-list li  mark b:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #0075cf;
	position: absolute;
	left: 23px;
	top: 0;
	transform: translateY(-200px);
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
}

.product-list li  mark:before {
	content: "";
	width: 100%;
	height: 0%;
	border-left: 3px solid #0075cf;
	border-right: 3px solid #0075cf;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li  mark:after {
	content: "";
	width: 0%;
	height: 100%;
	border-top: 3px solid #0075cf;
	border-bottom: 3px solid #0075cf;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	transition: 320ms;
}

.product-list li:hover  mark {
	opacity: 1;
	transform: skewX(0);
	visibility: visible;
}
.product-list li:hover img{ transition:all 0.4s;transform: scale(1.1)}
.product-list li:hover mark:before {
	height: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover  mark:after {
	width: 100%;
	transition: 330ms 200ms;
}

.product-list li:hover f img {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
}

.product-list li:hover  mark b:before {
	transition: 355ms 180ms;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
}

.product-list li:hover  mark b:after {
	transition: 355ms 240ms;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
}

.product-list li:hover figcaption {
	color: #0075cf;
}




.newspage1 { margin:0 auto; margin-top:40px;}
.newspage1 A { font-size:14px; color:#666; padding-left:15px; padding-right:15px; padding-top:9px; padding-bottom:9px; border:1px solid #999; margin-left:3px; margin-right:3px; border-radius:7px;}
.newspage1 A:hover {BACKGROUND: #0065ad;  COLOR: #FFFFFF; border:1px solid #0065ad;}
.newspage1 SPAN.current{ font-size:14px; BACKGROUND: #0065ad;COLOR: #FFFFFF;border:1px solid #0065ad; padding-left:15px; padding-right:15px;padding-top:9px;padding-bottom:9px;margin-left:3px; margin-right:3px;border-radius:7px;}


.back_bg{ background-color:#ebebeb; margin-top:20px;}
.back_bg p{ font-size:13px; color:#666; text-align:center; line-height:38px;} 
.back_bg p a{color:#666;}





/*新闻*/
.xw_tip{ height:144px;  margin-bottom:12px;transition:all .3s linear; 
    -o-transition:all .3s linear; 
    -moz-transition:all .3s linear; 
    -webkit-transition:all .3s linear;}
.xw_kuang1{ width:183px; float:left; padding-top:29px;}
.xw_kuang1 .xw_p1{ font-size:38px; font-weight:bold; color:#000; text-align:center;}
.xw_kuang1 .xw_p2{ font-size:20px; color:#000; text-align:center; margin-top:5px;}
.xw_tip .xw_line{ width:1px; height:36px; background-color:#e5e5e5; float:left; margin-top:55px;}
.xw_tip .xw_p3{ font-size:16px; color:#333; float:left; line-height:144px; margin-left:60px;transition:all 0.4s linear;}
.xw_kuang2{ float:right; width:154px; border:1px solid #ccc; border-radius:37px; margin-right:46px; margin-top:46px;}
.xw_kuang2 p{ font-size:16px; line-height:53px; text-align:center; color:#333;}

.xw_tip:hover{background-color:#0065ad!important;}
.xw_tip:hover .xw_kuang1 .xw_p1{ color:#fff;}
.xw_tip:hover .xw_kuang1 .xw_p2{ color:#fff;}
.xw_tip:hover .xw_p3{ color:#fff; padding-left:10px;}
.xw_tip:hover .xw_kuang2{border:1px solid #fff;}
.xw_tip:hover .xw_kuang2 p{ color:#fff;}



.news_title{width:100%; font-size:16px; color:#0065ad; line-height:35px; padding-top:15px; padding-bottom:15px; background-color:#fbfbfb; text-align:center; border-bottom:1px solid #d6d6d6;border-top:1px solid #d6d6d6;}
.news_title2{ font-size:13px;color:#f31f42; text-align:right; margin-top:10px; font-weight:bold;}
.new_nr_wenzi{ margin-top:16px;}
.new_nr_wenzi p{ font-size:14px; text-align:justify; line-height:32px; color:#333;}
.new_nr_wenzi p a{color:#333;}
.new_nr_wenzi img{max-width:1195px!important; height:auto!important;; margin:0 auto; margin-bottom:5px; margin-top:5px;}
.new_nr_wenzi table{ width:100%;border:1px solid #ccc; border-bottom:0; border-left:0; }
.new_nr_wenzi table tr td{ padding:11px; font-size:14px; color:#333; line-height:26px;border:1px solid #ccc; border-top:0; border-right:0;}





/*联系我们*/
.con_box{ width:590px; float:left;}
.con_box h1{ font-size:25px; color:#0065ad; margin-bottom:30px; font-weight:bold;}
.con_box p{ font-size:17px; color:#333; line-height:42px;}
.con_box p a{color:#333;}
.con_box p span{ font-size:12px;}

.con_ditu{ float:right; width:640px; }
.con_ditu img{ width:640px;}


/*产品*/
.pro_fl_box{box-shadow: 0px 6px 6px rgba(0,0,0,.05);}
.pro_fl_box ul{ width:1300px; margin:0 auto;}
.pro_fl_box ul li{ width:430px; float:left; border:1px solid #d1d1d1; border-bottom:0; border-right:0;}
.pro_fl_box ul li a{ display:block; font-size:17px; color:#333; line-height:60px; text-align:center;}

.pro_fl_box ul li:nth-child(11){border-right:1px solid #d1d1d1;}
.pro_fl_box ul li:nth-child(3){border-right:1px solid #d1d1d1;}
.pro_fl_box ul li:nth-child(6){border-right:1px solid #d1d1d1;}
.pro_fl_box ul li:nth-child(9){border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}

/*.pro_fl_box ul li:nth-child(4){border-right:1px solid #d1d1d1;}
.pro_fl_box ul li:nth-child(8){border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
.pro_fl_box ul li:nth-child(11){border-right:1px solid #d1d1d1;}*/



.skyblue li a.color9:hover,.menuactive{ background-image: linear-gradient(90deg, #0193ee 40%, #0073cb 80%); color:#fff!important;
}
.skyblue li a:hover{background-image: linear-gradient(90deg, #0193ee 40%, #0073cb 80%); color:#fff;}



.pro_tip{ width:313px;  float:left; padding-left:10px; padding-right:10px;  padding-top:20px; padding-bottom:23px; border:1px solid #e5e5e5; border-radius:6px; margin-bottom:35px;  margin-right:16px;}
.pro_kuang{ width:293px; height:280px; margin:0 auto; overflow:hidden;}
.pro_kuang img{width:293px; height:280px;transform: scale(1);transition: all 1s ease-out;}
.pro_tip:hover .pro_kuang img{transform: scale(1.1);}

.pro_tip:nth-child(4n+2){margin-right:0px;}

.pro_tip .pro_line{ width:0px; height:1px; background-color:#0065ad; margin-top:15px;transition:all 0.3s linear; }
.pro_tip .pro_p1{ font-size:17px; color:#333; text-align:center; margin-top:16px;}
.pro_tip:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.pro_tip:hover .pro_p1{color:#0065ad;}
.pro_tip:hover .pro_line{ width:100%;}


.pro_titlepp{ font-size:17px; color:white; line-height:50px; text-align:center; background-color:#0065ad; font-weight:bold; margin-bottom:20px;}
.pro_nr_box p{ font-size:15px; color:#333; line-height:30px;}
.pro_nr_box img{ max-width:1300px!important; height:auto!important; margin:0 auto; display:block;}
.pro_nr_box table{ width:100%;border:1px solid #ccc; border-bottom:0; border-left:0; margin-top:20px; margin-bottom:20px;table-layout:fixed;word-break:break-all}
.pro_nr_box table tr td{ padding:11px; font-size:15px; color:#333; line-height:30px; text-align:center;  border:1px solid #ccc; border-top:0; border-right:0;}