﻿@charset "utf-8";

/*banner*/
.banner{position: relative; height:620px;overflow: hidden;clear: both;}
.ban_p,.ban_p li{ height:620px;overflow: hidden; width:100%;}
.ban_p ul,.ban_p li{width: 100% !important;}
.ban_p li a{ display:block; height:620px; background:url(../images/banner1.jpg) no-repeat center 0;}
.ban_t{width:1100px;height:70px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 13px;height: 13px;border-radius: 13px;margin-right:8px; display: inline-block;background: #fff;}
.ban_t em.on{background: #1173dc;}

.tils{ text-align: center; height: 125px; font-size: 22px; color: #666666; font-weight: normal;background:url(../images/x_li1.jpg) no-repeat center 137px;padding-top:36px;}
.tils i{ display: block; font-weight: bold; color: #18469b; font-size: 40px; line-height: 100%; padding-bottom: 13px;}


.seabox{overflow:hidden;height:80px;font-family:"Microsoft Yahei";background: #eaeaea;box-shadow: 6px 0 10px #c4c4c4,0px 0px 8px transparent;}
.sea_inp{width:390px;overflow: hidden;height: 40px;line-height: 40px;margin-top: 20px;}
.sea_inp .serach{width:260px;height:40px;border:0;background:#f4f4f4 url(../images/sea.png) no-repeat 18px center;line-height:40px;color:#8e8e8e;float:left;outline: none;display: block;position: relative;padding: 0 15px 0 45px;}
.sea_inp .sub{ width:70px; height:40px;border:0;float:left;cursor: pointer;display: block;color: #fff;background: #0155ab;}
.k_word{overflow:hidden;width:750px;height: 80px;line-height: 80px;}
.k_word a{color:#6b6b6b;padding: 0 20px 0 5px;}
.k_word b{color:#333;display: inline-block;font-weight: normal;}

/*问题*/
.kh_bj{padding-top:12px;height:775px;background: url(../images/kh_bj.jpg) no-repeat center top; overflow: hidden;font-family:"Microsoft Yahei";}
.kh{ position: relative; height: 459px; }
.kh li{width:320px; overflow: hidden; position: absolute;}
.kh li h3{ font-size:18px;color:#fff; font-weight: bold;padding-left:62px; height: 38px;line-height: 38px; margin-bottom: 10px;}
.kh li p{ line-height: 28px;color:#666;  font-size:15px; }
.kh li p b{font-weight: normal;color: #f28402;}
.kh .li_1{left:0;top:0;}
.kh .li_2{right:0;top:0;}
.kh .li_3{left:0;top:178px;}
.kh .li_4{right:0;top:178px;}
.kh .li_5{left:0;top:330px;}
.kh .li_6{right:0;top:330px;}

/*产品中心*



/* 设备中心 */  
.pro_bg {
    width:1300px;
    min-width: 1300px;
    margin: auto;
    height: 1120px;
	margin-top:20px;
}

.pro_l {}

.pro_z {
    width: 193px;
    height: 80px;
    background: #005bac;
    position: relative;
}

.pro_z a {
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: block;
    line-height: 80px;
    padding-left: 8px;
}

.pro_a {
    float: right;
    margin: 31px 20px 0 0;
    color: #999;
    font-size: 16px;
}

.pro_r a {
    font-size: 16px;
}

.pro_z a:after {
    content: "";
    background: url(../images/20200617095411_433413067.png)no-repeat;
    width: 22px;
    height: 18px;
    display: block;
    position: absolute;
    top: 32px;
    left: 26px;
}

.pro_z a:before {
    content: "";
    background: url(../images/20200617095815_1790958705.png)no-repeat;
    width: 10px;
    height: 14px;
    display: block;
    position: absolute;
    top: 34px;
    right: 30px;
}

.pro_r {
    width: 1200px;
    height: 80px;
	margin-left:50px;
}

.pro_r dl {
    padding-left: 20px;
}

.pro_r dl dd {
    float: left;
    font-size: 16px;
    width: 111px;
    line-height:50px;
    text-align: center;
    margin: 0px 10px;
	background: #1f5397;
}

.pro_r dl dd a {
    font-size: 16px;
	color:#fff;
}

#tablit .on {
    border-bottom: 3px solid #19a93a;
}

#tablit .on a {
    color:#fff;
}

.prod_img {
    position: relative;
    margin-right: 28px;
}

.prod_img p {
    position: absolute;
    top: 70px;
    left: 42px;
    font-size: 26px;
    font-weight: bold;
    color: #222;
}

.prod_img a {
    position: absolute;
    bottom: 40px;
    left: 42px;
    width: 112px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background: #222;
    display: block;
    -webkit-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.prod_img a:hover {
    width: 150px;
    background: #ff540d;
}

.pro_d .divproduct_new_div_item:nth-child(4n) {
    margin-right: 0px;
}

.divproduct_new_div_item_content {
    position: absolute;
    top:232px;
    left: 0;
    width: 100%;
    height: 67px;
    padding: 20px;
    box-sizing: border-box;
    background: #f5f5f5;
    transition: 0.3s ease-out;
}

.pro_d .divproduct_new_div_item:hover .divproduct_new_div_item_content {
    background: #003d8a;
}

.pro_d .divproduct_new_div_item {
    position: relative;
    float: left;
    width: 310px;
    height: 300px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.pro_d .divproduct_new_div_item .product_div_item_pic {
    width: 308px;
    height: 225px;
    overflow: hidden;
    border: 1px solid #eee;
}

.pro_d .divproduct_new_div_item .product_div_item_pic img {
    width: 100%;
    transition: 0.3s ease-out;
}

.pro_d .divproduct_new_div_item:hover .product_div_item_pic img {
    transform: scale(1.1) translateY(0);
}

.pro_d .divproduct_new_div_item_a {
    font-size: 18px;
    color: #222;
}

.pro_d .divproduct_new_div_item:hover .divproduct_new_div_item_a {
    color: #fff;
}

.pro_d .divproduct_new_div_item_body {
    width: 100%;
    display: none;
}

.pro_d .divproduct_new_div_item .divproduct_new_div_item_title {
    line-height: 27px;
    padding-bottom: 8px;
    transition: 0.2s all ease-in-out;
}
.tils{ text-align: center; height: 147px; font-size: 22px; color: #666666; font-weight: normal;background:url(../images/x_li1.jpg) no-repeat center 137px;padding-top:36px;}
.tils i{ display: block; font-weight: bold; color: #000; font-size: 40px; line-height: 100%; padding-bottom: 13px;}
/
/* 设备中心 */  
.pro_bg1 {
    width:1200px;
    min-width: 1300px;
    margin: auto;
    height: 480px;
	margin-top:20px;
}

.pro_l {}

.pro_z {
    width: 193px;
    height: 80px;
    background: #005bac;
    position: relative;
}

.pro_z a {
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: block;
    line-height: 80px;
    padding-left: 8px;
}

.pro_a {
    float: right;
    margin: 31px 20px 0 0;
    color: #999;
    font-size: 16px;
}

.pro_r a {
    font-size: 16px;
}

.pro_z a:after {
    content: "";
    background: url(../images/20200617095411_433413067.png)no-repeat;
    width: 22px;
    height: 18px;
    display: block;
    position: absolute;
    top: 32px;
    left: 26px;
}

.pro_z a:before {
    content: "";
    background: url(../images/20200617095815_1790958705.png)no-repeat;
    width: 10px;
    height: 14px;
    display: block;
    position: absolute;
    top: 34px;
    right: 30px;
}

/*简介*/


.jj{width:100%; background-image:url(../images/bj.jpg); background-position:center; background-repeat:no-repeat; height:492px; margin-top:33px;  }

.jjn1 h2{color:#ffffff; font-size:31px; line-height:2; text-align:center; padding-top:25px;}
.jjn1 p{color:#ffffff; font-size:21px; line-height:1.2; text-align:center; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; }

.jj1{ margin-top:35px;}
.jj2{ width:461px; height:311px;}
.jj3{ width:739px; background-color:#FFFFFF;height:311px;}

.jj23{ width:670px; margin:auto; margin-top:30px;  }
.jj23 p { color:#000; font-size:15px; font-weight:normal; line-height:2;   }

.jj4{ margin-top:15px;}
.jj4 ul{}
.jj4 ul li{ width:180px; height:58px; border-left:#d9d9d9 1px solid; float:left;}
.jj4 ul li img{ display:block; margin:auto;}
.jj4 ul li p{ color:#000; font-size:15px; text-align:center; line-height:2;}

.jj4 li:first-child{border-left:#ffffff 1px solid;}


/*横条*/
.serverDiv{
	width:284px;
	float:left;
	margin-right:20px;
	background-color:#4e4949;
	
}
.serverDiv a {
	color:#ffffff;
	
}

.serverDiv:hover{
	width:284px;
	float:left;
	margin-right:20px;
	background-color:#ff7000;
	
}
.serverDiv:hover img{
transition: all .5s;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
	 transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.w1200{ width:1200px; margin:0 auto;}

#tablit .on {
    border-bottom: 3px solid #005bac;
}

#tablit .on a {
    color:#fff;
}

.prod_img {
    position: relative;
    margin-right: 28px;
}

.prod_img p {
    position: absolute;
    top: 70px;
    left: 42px;
    font-size: 26px;
    font-weight: bold;
    color: #222;
}

.prod_img a {
    position: absolute;
    bottom: 40px;
    left: 42px;
    width: 112px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background: #222;
    display: block;
    -webkit-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.prod_img a:hover {
    width: 150px;
    background: #ff540d;
}

.pro_d .divproduct_new_div_item {
    position: relative;
    float: left;
    width: 380px;
    height: 236px;
    margin-right: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.pro_d .divproduct_new_div_item:nth-child(4n) {
    margin-right: 0px;
}

.divproduct_new_div_item_content {
    position: absolute;
    top:210px;
    left: 0;
    width: 100%;
    height: 67px;
    padding: 20px;
    box-sizing: border-box;
    background: #f5f5f5;
    transition: 0.3s ease-out;
}

.pro_d .divproduct_new_div_item:hover .divproduct_new_div_item_content {
    background: #005bac;
}

.pro_d .divproduct_new_div_item {
    position: relative;
    float: left;
    width: 310px;
    height: 307px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.pro_d .divproduct_new_div_item .product_div_item_pic {
    width: 308px;
    height: 206px;
    overflow: hidden;
    border: 1px solid #eee;
}

.pro_d .divproduct_new_div_item .product_div_item_pic img {
    width: 100%;
    transition: 0.3s ease-out;
}

.pro_d .divproduct_new_div_item:hover .product_div_item_pic img {
    transform: scale(1.1) translateY(0);
}

.pro_d .divproduct_new_div_item_a {
    font-size: 18px;
    color: #222;
}

.pro_d .divproduct_new_div_item:hover .divproduct_new_div_item_a {
    color: #fff;
}

.pro_d .divproduct_new_div_item_body {
    width: 100%;
    display: none;
}

.pro_d .divproduct_new_div_item .divproduct_new_div_item_title {
    line-height: 27px;
    padding-bottom: 8px;
    transition: 0.2s all ease-in-out;
}

/*合作客户*/
.hz{padding:0 0 30px;}
.hz_m{width: 1200px;overflow: hidden;}
.hz_m ul li{width: 240px;float: left;overflow: hidden;}
.hz_m ul li em{width: 220px;height: 124px;display: block;overflow: hidden;line-height: 0;box-shadow: 0 3px 8px 3px #d0d0d0;margin:10px;}
.hz_m ul li em img{width: 220px;height: 124px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.hz_m ul li span{ width:220px; display:block; text-align:center; height:25px; line-height:25px; overflow:hidden;font-size: 14px;color: #333;}
.hz_m ul li a:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}


/*关于*/
.aboutbox{font-family: "Microsoft Yahei";line-height:31px;color: #464646;position: relative;margin-bottom:25px;}
.about_p{position: absolute;left: 50%; height:460px;width:550px;border:5px solid #fff;}
.about_p img{height:460px;width:550px;}

.about{height:542px;}
.about_c{width: 510px;}
.about_c h2{height:153px;background:url(../images/line3.png) no-repeat 0 140px;font-size: 36px;line-height: 66px;color: #18469b;}
.about_c h2 em{display: block;line-height:62px;text-transform: uppercase;color: #6c6b6b;font-weight: normal;font-size: 40px;}
.about_c h2 a{display: block;color: #f7cc7d;}
.about_w{display: block;height:268px;overflow: hidden;padding: 27px 0 0;}
.about_more{display: block;width: 196px;height: 47px;line-height: 47px;border: solid 2px #929292;font-size: 16px;text-align: center;}
.about_more a{display: inline-block;color: #2e2e2e;background:url(../images/ico05.png) no-repeat right center;padding-right: 57px;}

/*风采展示*/
.show{font-family: "Microsoft Yahei";line-height:33px;position: relative;padding: 32px 0 0;}
.prev2,.next2{width: 80px;height: 80px;display: block;top:95px;right: -90px;background:url(../images/case_rico01.png) no-repeat 0 0;}
.prev2{left: -90px;background:url(../images/case_lico01.png) no-repeat 0 0;}
.prev2:hover,.next2:hover{background-position: 0 bottom;}
.show_l1{width: 1200px;overflow: hidden;}
.show_c li{width: 283px;float: left;margin: 0 23px 0 0;overflow: hidden;}
.show_c li span{display: block;line-height:33px;color:#a9a9a9;border-bottom: solid 2px #393939;text-align: center;}
.show_c li span a{display: block;color: #a9a9a9;}
.show_c li p,.show_c li p img{width:283px;display: block;overflow: hidden;}
.show_c .show_c1:nth-child(2) ul li{margin-top:50px;}


/*资讯*/
/*新闻*/
.news_f{width:100%; min-width:1200px;}
.news_f .newsmain{width:1200px; margin:0 auto}
.news_f .newsmain .newsfl{float:left; width:380px; margin-left: 30px;}
.news_f .newsmain .newsfenl{ margin-left:0px}
.news_f .newsmain .newsfenl .newsimg{height:120px; width:400px; padding-top:10px; padding-bottom:10px;} 
.news_f .newsmain .newsfl .newstitle{height: auto; overflow: hidden; padding:42px 0 24px 30px; background: url(../images/icon2.png) no-repeat 0 40px; text-align:left}
.news_f .newsmain .newsfl .newstitle a{display: block; color:#b5020b; font-size: 14px; font-weight: bold; margin: 11px 10px 0 0; float: right;}
.news_f .newsmain .newsfl .newstitle b{display: inline-block; color:#0c4da2; font-size:20px;}

/*友情链接*/
.link{height:100px;line-height:50px;font-family:"Microsoft Yahei";color: #7e7f82;overflow: hidden;white-space: nowrap;background:#eeeeee;clear: both;}
.link a{color: #7e7f82;display: inline-block;padding:0 30px 0 0;float:left;}