﻿@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑"; box-sizing:border-box;}
body{ background:#fff;  }
img{ border:0; vertical-align:bottom; }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
table {margin: auto;}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{ width:1200px; margin: 0 auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}






/*产品*/
.index_product{ width: 100%;height:550px;background:#f0f0f0; padding-top: 40px; }
.productTitle{width:100%; height: auto; overflow: hidden; text-align: center}
.productTitle h3{font-size: 32px; font-weight:bold;color: #0170b3; height:35px; line-height: 35px;}
.productTitle p{font-size: 16px;color:#777777; text-align: center; height: 35px; line-height: 35px;}
.Box{width:100%; height: 519px; margin-top:28px;}
.Box .Box_con {position: relative; width: 1200px; margin: 0px auto;}
.Box .Box_con .conbox {position: relative;overflow: hidden; height:400px; width:100%; }
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;height:435px; margin-left:30px;overflow: hidden; position: relative;z-index: 9; width: 380px;}
.Box .Box_con .conbox ul li a{width:100%; height: 100%; display: block; overflow: hidden}
.con_pic{width:380px; height: 390px; overflow: hidden; position: relative}
.con_pic img{width:100%; height:auto; align-items: center; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.con_pic i{width:100%; height: 100%; background:rgba(0,0,0,0.01); position: absolute; top: 0px; left:0px; }
.pro_lei{width:320px; height: 140px; background: #fff; position: absolute; bottom:0px; left:50%; margin-left: -160px; z-index: 2; text-align: center; padding: 22px;}
.pro_lei h4{font-size: 17px; color: #000000; height: 35px; line-height: 35px; margin: 0px 0 10px; font-weight: bold;}
.pro_lei p{width:100%; height:38px; line-height: 30px; font-size: 14px; color: #777777; margin-bottom:25px;}
.pro_lei span{font-size:32px; color: #a1a1a1; }
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li:hover .con_pic img{transform: scale(1.1);}
.Box .Box_con .btn {display: block;width:40px;height:40px;cursor: pointer;  text-align: center; position: absolute;top: 50%; margin-top: -20px;}
.Box .Box_con .btnl {background: url(../images/p_left.png) no-repeat; left:-75px; }
.Box .Box_con .btnr {background: url(../images/p_right.png) no-repeat;  right:-75px; }
.Box .Box_con .btnl:hover{background: url(../images/p_hleft.png) no-repeat;}
.Box .Box_con .btnr:hover{background: url(../images/p_hright.png) no-repeat;}
.Box .Box_con .conbox ul li:hover span{color:#034EA2}
.Box .Box_con .conbox ul li:hover .lan_icon{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}


/*产品展示*/
.index_proshow{width:100%; height: 620px; background: #034EA2; padding-top: 70px; }
.index_proshow_list{width:820px; height: auto; float: left; margin-top: 46px;}
.index_proshow_t{width:100%; height: auto; overflow: hidden; text-align: center}
.index_proshow_t h3{font-size: 33px; font-family:"微软雅黑"; font-weight:bold;color: #fff; height:35px; line-height: 35px;}
.index_proshow_t p{font-size: 16px;color:#fff; text-align: center; height: 35px; line-height: 45px; }
.proshow_1{width:380px; height: 350px; background: #fff; float: left; margin-bottom: 28px; margin-right: 30px;}
.proshow_1 img{width:100%; height: auto; overflow: hidden; transform: scale(1.05);  transition: all 1s ease 0s; -webkit-transform: scale(1.05);  -webkit-transform: all 1s ease 0s;}
.proshow_t{width:100%; height:120px; padding: 30px 20px;}
.proshow_t p{font-size: 20px; color: #034EA2; line-height: 28px; font-weight:bold;float: left;margin-top: 14px;}
.proshow_t i{width:25px; height:25px; line-height:22px; font-size: 23px; text-align: center; font-weight: bold;  border-radius: 50%; background: #bebebe; color: #fff; display: block; font-style: normal; text-align: center;float: right;  margin-top:15px;}
.proshow_1 h4{width: 100%; height: 60px; line-height: 60px; color: #777777; font-size: 16px; text-align: center}
.proshow_pic{width:100%; height: 280px; position: relative;overflow: hidden}
.proshow_link{width:100%; height: 100%; position: absolute; top:0; left:0px; background-size: 100% 100%; background: url(../images/link.png) no-repeat;opacity: 0;     -webkit-transform: scale(.5); transform: scale(.5); -webkit-transition: all .35s ease;  transition: all .35s ease;}
.proshow_f{width:380px; height: 280px; float: left;overflow: hidden; position: relative; margin-right: 30px;}
.proshow_f img{width:100%; height: 100%; transform: scale(1.05);  transition: all 1s ease 0s; -webkit-transform: scale(1.05);  -webkit-transform: all 1s ease 0s;}

.index_proshow_right{width:380px;  height: 100%; float: right;  margin-top: 36px;}
.index_proshow_right .proshow_1,.index_proshow_right .proshow_f{margin-right: 0}
.index_proshow_right .proshow_f{margin-bottom: 28px;}
.proshow_1:hover .proshow_t i{background:#143e93}
.proshow_1:hover h4{background: #143e93;color: #fff}
.proshow_1:hover .proshow_link,.proshow_f:hover .proshow_link{ -webkit-transform: scale(1); transform: scale(1); opacity: 1;}
.proshow_1:hover img,.proshow_f:hover img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s;}
 



/*荣誉资质*/
.img-list li,.ny_shops li{float:left;margin:0 20px 20px 0; width:224px; height:auto; }
.img-list li a,.ny_shops li a{display:block;width:100%;height:100%;overflow:hidden}
.img-list li a div{width:100%;overflow: hidden; height:324px; border:1px solid #ddd;}
.img-list li a img,.ny_shops li a img{width:100%; height:100%; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.img-list li:hover img,.ny_shops li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.img-list li p,.ny_shops li p{height:30px;line-height:30px;text-align:center;color:#666; height:35px; line-height:35px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.img-list li:hover p,.ny_shops li:hover p{color:#034EA2}
.img-list li:nth-child(5n),.ny_shops li:nth-child(5n){ margin-right: 0px;}

/*厂房厂貌*/
.ny_shops li a div{width:100%;overflow: hidden; height:166px; border:1px solid #ddd;}




/*案列*/
.img-lists li{float:left;height: 245px;margin:0 26px 20px 0; width:280px;}
.img-lists li a{display:block;width:100%;height:100%;overflow:hidden}
.img-lists li a div{width:100%;height: 206px;overflow: hidden;}
.img-lists li a img{width:100%;height:100%;    transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.img-lists li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.img-lists li p{height:30px;line-height:30px;text-align:center;color:#666}
.img-lists li:hover p{color:#034EA2}
.img-lists li:nth-child(4n){ margin-right: 0px;}


/*联系我们*/
.m-cot{ height: auto; overflow: hidden; margin-top: 30px;}
.m-cot h3{font-size:24px}
.m-cot h3 i{display:block;width:120px;height:3px;margin:25px 0 10px;background:#666}
.m-cot .f-cl{float:left;width:684px; font-size:16px; color:#666; line-height:28px;}
.m-cot .ewm{float:right;margin-top:20px; margin-left: 15px;}
.m-cot .ewm img{width:110px;height:110px;border:1px solid #ddd; padding:8px;}
.m-cot .ewm p{text-align:center; height:40px; line-height:40px; font-size:14px; color:#666}
.iw_poi_title{color:#C52;font-size:14px;font-weight:700;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.keyword_light{margin-bottom:30px}
#newsfoot tr>td:first-child{padding-left:10px;font-size:14px;color:#555}
#newsfoot tr>td:first-child>a{color:#000}
#newsfoot tr>td:last-child{position:relative;top:0px;left:0px}
.proname{padding:20px 0 5px 0}



/*产品*/
.pro-list2{width:1132px;margin:0 auto}
.pro-list2 li{position:relative;float:left;width:280px;height:268px;margin:0 14px 30px}
.pro-list2 li img{display:block;width:280px;height:206px;overflow:hidden}
.pro-list2 li h4{height:60px;line-height:60px;text-align:center}
.pro-list2 .good_h{display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:50px 30px 0;color:#fff;}
.pro-list2 li h3{margin-bottom:20px;font-size:24px; width:100%; height:35px; line-height:35px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.pro-list2 li:hover .good_h{display: block;background: rgba(45,102,217,0.6);  }


/*搜索页面*/
.pro-search{width:1232px;margin:0 auto}
.pro-search li{position:relative;float:left;width:280px;height:295px;margin:0 14px 30px}
.pro-search li img{display:block;width:280px;height:206px;overflow:hidden}
.pro-search .good_h{display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:50px 30px 0;color:#fff;}
.pro-search li h3{font-size:24px; width:100%; height:35px; font-size:16px; color:#333; line-height:35px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.pro-search li div{width:100%; height:58px; line-height:26px; font-size:14px; color:#333; overflow:hidden}


/*详情页*/
.nyinfo_title{width:100%;font-size:20px; color:#555; padding:10px 0px; text-align:center; clear:both}
.info_time{width:100%; line-height:30px; color:#999; height:30px; margin-bottom:20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; clear:both}
.info_xq{width:100%; font-size:20px; color:#666; padding:10px 0px; clear:both}
.go_black{width: 90px;height: 30px;background: #034EA2; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; position: relative;}






@media screen and (max-width:1366px){
	.conbox_button{display: none;}
}

