@charset "utf-8";
/* CSS Document */
/*index*/
.linet-itle { padding: 20px 0; overflow: hidden; }
.linet-itle h2 {font-size: 38px;margin-top: 0px;text-align: center;font-weight:600;color:#282828;line-height: 50px;}
.linet-itle h2 em{color:#0090d5;}
.linet-itle p.desc {font-size: 16px;text-align: center;width: 80%;color:#a4a4a4;margin: 5px auto 0px auto;text-transform: uppercase;background: url(../images/t_bg1.png) no-repeat center;letter-spacing: 1px;font-weight: 300;}

/*产品中心*/
.home_proitem {padding-top: 40px;padding-bottom: 70px;overflow: hidden;}

.Promenu { overflow: hidden; padding-bottom: 20px; padding-top: 10px; }
.Promenu ul{ text-align: center }
.Promenu ul li{display: inline-block;margin: 5px 0;}
.Promenu li a{border: 1px solid #dcdcdc;display: block;padding: 0 25px;width: auto;height: 60px;line-height: 60px;font-size:16px;margin:0 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.Promenu li a:hover { border: 1px solid #0b71a2; color: #fff; background:#0090d5; }

.pro_list { margin-top:35px; margin-bottom:22px; height: 487px }
.pro_list li {width:32.3%;float: left;position: relative;border: 1px solid #D6D6D6;margin-left:1.5%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-o-transition: all .3s ease;transition: all .3s ease;}
.pro_list li>a {display: block;overflow: hidden;height: auto;}
.pro_list li img {padding-top: 70px;display: block;margin: auto;}
.pro_list li h3 {position: absolute;padding-bottom: 20px;padding-top: 15px;padding-left: 18px;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;left: 0;top: 0;}
.pro_list li h3 strong {display: block;font-size: 20px;color: #333;line-height: 100%;}
.pro_list li h3 span { display: block; font-size: 14px; color: #333; line-height: 100%; text-transform: uppercase; margin-top: 9px; font-weight: 400 }
.pro_list li h3:after {position: absolute;content: "";width: 36px;height: 5px;background:#0075be;left: 20px;bottom: 0;opacity: 1;-o-transition: all .3s ease;transition: all .3s ease;}
.pro_list li h3:before { position: absolute; content: ""; width: 130px; height: 63px; background: url(../images/pro_more.png) no-repeat center; right: -1px; top: -1px; opacity:1; -o-transition: all .3s ease; transition: all .3s ease }
.pro_list li:nth-child(1) { margin-left:0;}
.pro_list li:hover { border-color: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, .1); z-index: 2 }
.pro_list li:hover h3:after {background: #de9108;}

@media only screen and (max-width:1199px) {
.home_proitem{width: 96%;margin: auto;}
}
@media only screen and (max-width:980px) {

}
@media only screen and (max-width:640px) {
.pro_list li{width: 100%;margin-bottom: 10px;}
.pro_list li:nth-child(2){margin-left:0;}
.pro_list li:nth-child(3){margin-left:0;}
}




/*HANGYE*/
.hyipart{width: 100%;height: auto;position: relative;}
.ipbg{position: absolute;width: 100%;height: 100%;z-index: -1;}
.ipbg .hybg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;}
.hybg1{background: url(../images/ipart1.jpg) center center no-repeat;}
.hybg2{background: url(../images/ipart2.jpg) center center no-repeat;}
.hybg3{background: url(../images/ipart3.jpg) center center no-repeat;}
.hybg4{background: url(../images/ipart4.jpg) center center no-repeat;}
.hy_qh{overflow: hidden;}
.hy_qh .left_box{width:50%;float: left;margin-top:180px;overflow: hidden;}
.hy_qh .left_box .infor .tit{font-size: 36px;line-height: 66px;font-weight: bold;color: #FFFFFF;letter-spacing: 1px;}
.hy_qh .left_box .infor .con{font-size: 22px;line-height: 40px;margin-top:20px;color: #FFFFFF;text-align: justify;}
.hy_qh .right_box {width:40%;height: 100%;background: rgba(0,0,0,0.12);float: right;}

.hy_qh .right_box li{padding:60px 10px;cursor:pointer;}
.hy_qh .right_box li.on{padding:60px 10px;background: rgba(255,255,255,0.3);}
.hy_qh .right_box li .t{font-size: 26px;color: #FFF;line-height:50px;text-align: center;}

@media only screen and (max-width:1024px) {
.hy_qh .left_box{float: none; width: 100%;margin-top: 60px;margin-bottom: 60px;}
.hy_qh .right_box{float: none; width: 100%;}
.hy_qh .right_box li{width: 25%;float: left;overflow: hidden;}
}
@media only screen and (max-width:767px) {
.hy_qh .right_box li .t{font-size: 20px;line-height: 30px;}
}


/*Advantage*/
.home_advantage{padding-top: 60px;padding-bottom:80px; background: url(../images/index_bg_1.png) no-repeat center top;background-size:cover;overflow: hidden;}
.advantage{padding-top: 20px;overflow: hidden;}
.advantage dl{width: 25%;float: left;overflow: hidden;padding: 0 10px;box-sizing: border-box;}
.advantage dt{margin: auto;width: 200px;margin-bottom: 22px;}
.advantage dt img{display: block;border: 10px solid #ffffff;border-radius: 100%;}
.advantage dd {text-align: center;}
.advantage dd h3 {height: 50px;font-size: 26px;line-height: 50px;font-weight: bold;color: #0090d5;}
.advantage dd p {margin-top: 10px;font-size: 15px;line-height: 30px;height: 90px;overflow: hidden;}

@media only screen and (max-width:1023px) {
.advantage dl{width:50%;margin-bottom: 20px;}
}
@media only screen and (max-width:599px) {
.advantage dl{width:100%;}
.advantage dd p{height: auto;}
}



/*CASE*/
.home_case{padding-top:40px;padding-bottom:70px;overflow:hidden;}
.hcaseBox{margin-top:30px;position: relative;}
.hcaseBox .hcase_list{overflow: hidden;}
.hcase_list ul li{width:33.33%;overflow: hidden; float: left;}
.hcase_list ul li .itemc{display: block;padding:0 8px;box-sizing: border-box;}
.hcase_list ul li a{display: block;padding:20px;padding-bottom:50px;border: 1px solid #ddd;box-sizing: border-box;}
.hcase_list ul li .tit{font-size: 20px;color: #333;font-weight: normal; margin-top: 20px;}
.hcase_list ul li .view_detail {display: block;width: 120px;height: 32px;font-size: 14px;line-height: 30px;text-align: center;background: #0074bd;color: #fff;margin-top: 20px;}
.hcase_list ul li:hover a{border: 1px solid #0074bd;background:#0074bd;transition: all ease 600ms;}
.hcase_list ul li:hover .tit{color: #FFF;}
.hcase_list ul li:hover .view_detail{background:#fff;color:#0074bd;}

.hcase_prev{position:absolute;top:160px;left:-64px;background:url(../images/LRicon.png) no-repeat;width:59px; height:59px;cursor:pointer}
.hcase_next{position:absolute;top:160px;right:-64px;background:url(../images/LRicon.png) no-repeat -120px 0px;width:59px; height:59px;cursor:pointer}
.hcase_prev:hover{background-position:-60px 0px;transition:all ease 600ms;}
.hcase_next:hover{background-position:-180px 0px;transition:all ease 600ms;}

@media only screen and (max-width:1400px){
.hcase_prev{left:-20px;}
.hcase_next{right:-20px;}
}
@media only screen and (max-width:768px) {
.hcase_list ul li{width:50%;}
}
@media only screen and (max-width:499px) {
.hcase_list ul li{width:100%;}
}




/*关于我们*/
.home_about{padding-top:40px; padding-bottom:80px;overflow: hidden;background: url(../images/adv_bg.png) no-repeat center top;background-size: cover;}
.h_ab_boxcon{margin-top: 20px;overflow: hidden;}
.h_ab_fl{width: 50%;box-sizing: border-box;padding-right: 80px;float: left;margin-top: 50px;}
.h_ab_fl h3{font-size: 28px;color: #000000;margin-bottom: 20px;font-weight: normal;}
.h_ab_fl h4{font-size: 20px;color:#0b7cb3;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #FFF;text-transform: uppercase;font-weight: normal;}
.h_ab_fl p{font-size: 15px;color: #000000;line-height: 28px;margin-bottom: 50px;text-align: justify;}
.h_ab_fl a.more{display: block;width: 152px;height: 50px;border-radius: 2rem;text-align: center;line-height: 50px;border: 1px solid #0074bd;color: #fff;background-color: #0074bd;font-size: 14px;position: relative;z-index: 0;overflow: hidden;}
.h_ab_fl a.more:after{content: '';display: block;width: 0%;height: 100%;background-color: #fff;position: absolute;top: 0;left: 0;z-index: -1;transition: all .3s;border-radius: 2rem;}
.h_ab_fl a.more:hover:after{width: 100%;}
.h_ab_fl a.more:hover{color: #003f2d;}
.h_ab_fr{width: 50%;float: right;display: block;}
.h_ab_fr img{display: block;width: 100%;}

@media only screen and (max-width:960px) {
.h_ab_fl{width: 100%;margin-bottom:30px;padding-right:0;}
.h_ab_fr{width: 100%;}
}


/*news*/
.home_new{padding-top:40px; padding-bottom:70px;overflow: hidden;}
.news_con {margin-top: 30px;overflow: hidden;}
.new_w_l {width:46%;padding-right: 4%; float: left;background: url(../images/news_line0.gif) repeat-y right;}
.new_w_r {width:46%;padding-left: 4%; float: left;}

.xw_m{ padding:10px 0 0;overflow: hidden;}
.xw_m dl{width:100%;overflow: hidden;}
.xw_m dt{width: 250px;height: 168px;float: left;overflow: hidden;padding:17px 0 0 0;}
.xw_m dt img{display: block}
.xw_m dd{overflow:hidden;margin-left:290px;padding-top:10px;}
.xw_m dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.xw_m dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.xw_m .news_desc{font-size: 14px;color: #666;line-height: 22px;height: 66px;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.xw_m dd span{display: block;width: 92px; padding:13px 0 0;}
.xw_m dd span a{display: block;font-size: 13px;color: #333;width: 90px;height: 25px;text-align: center;line-height: 23px; border:#666 1px solid;overflow: hidden;}
.xw_m dd span a:hover{background: #0074bd;color: #fff; border:#0074bd 1px solid;}

.xw_qie dl{width:100%;height: auto;border-bottom:#dcdcdc 1px dashed;padding:15px 0;}
.xw_qie dt{width: 80px;float: left;font-size: 15px;color: #545454;text-align: center;background: #f5f5f5;line-height: 34px;font-family: "Arial";}
.xw_qie dt i{display: block;font-size: 30px;line-height: 45px;color: #7d7d7d;background: #eaeaea;font-weight: bold;}
.xw_qie dd{margin-left: 100px;overflow:hidden;/* width:395px; */}
.xw_qie dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.xw_qie dd h5 a{font-size: 16px;color: #010101;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.xw_qie dd h5 a:hover{color: #0074bd;}
.xw_qie .news_desc{font-size: 14px;font-weight: 300;color: #9a9a9a;line-height: 22px;height: 44px;margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.new_w_l .xw_qie{margin-top: 28px;}

@media only screen and (max-width:1024px) {
.xw_m dt{width:180px;}
.xw_m dd{margin-left: 200px;}
}
@media only screen and (max-width:768px) {
.new_w_l{width:100%;padding-right:0;float:none;background:none;}
.new_w_r{width:100%;padding-left:0;float:none;}
}
@media only screen and (max-width:499px) {
.xw_m dt{width:50%;float: left;}
.xw_m dd{width:45%;float:right;margin-left:0;}
}

/**************************************************************************************************************
************************************************************内页************************************************
***************************************************************************************************************/
/* 面包屑 */
.breav-nav{width: 100%;height: 80px;line-height: 80px;overflow: hidden;
	background: -webkit-linear-gradient(left,#00b5ee,#004299);
	background: -o-linear-gradient(right,#00b5ee,#004299);
	background: -moz-linear-gradient(right,#00b5ee,#004299);
	background: linear-gradient(to right,#00b5ee,#004299);}
.location {float:left;background: url(../images/home.png) left center no-repeat;padding-left: 30px;overflow: hidden;color: #fff;font-size: 14px;font-weight: 300;}
.location a{color: #fff;}

/* 横向二级导航 */
.sub_muen {float:right;display: block;}
.sub_muen li{float: left;height:80px;margin-right:5px;position:relative;}
.sub_muen li p a {display: block;font-size: 16px;color: #fff;padding: 0 26px;}
.sub_muen li:hover p a, .sub_muen li.cur p a {color: #0060a2;background:#FFF;}

.m_sub_muen{display: none}
.m_sub_muen{text-align: center;margin-top: 30px;}
.m_sub_muen li{display:inline-block;margin:0 4px 10px;}
.m_sub_muen li a{display:block;padding:10px 30px;border:1px solid #cfcfcf;background:#ffffff;color:#333;font-size:15px;border-radius: 30px;}
.m_sub_muen .cur a{background:#0084c9;color:#FFF;}

@media only screen and (max-width:1023px) {
.sub_muen{display: none}
.m_sub_muen{display:block;}
}




/*Page Title*/
.ny-title {padding-bottom:10px;margin-bottom:50px;position:relative;text-align:center;}
.ny-title h3 {font-size:32px;color:#0075be;margin-bottom:10px;font-weight:bold;line-height:1.0;}
.ny-title p {font-size:15px;color:#a4a4a4;text-transform:uppercase;letter-spacing:1px;font-family:"Arial";}
.ny-title i{padding:0 15px;}




/*IMGLIST*/
.imglist li { width:25%; float: left;  margin-bottom: 1.5em; text-align: center;overflow: hidden; }
.imglist li a {display: block;border:#ececec 5px solid;background:#ececec;margin: 0 10px;}
.imglist li .pic{padding: 8px;background:#FFF;}
.imglist li img { width: 100%; height: auto; display: block }
.imglist li .wz{ padding: 5px 10px;}
.imglist .wz span {height: 35px; line-height: 35px;font-size: 16px;color: #555; text-align: center;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;display: block; }
.imglist li .wz p {height: 30px;line-height: 30px;font-size: 12px;color: #484848;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;opacity: 0.5;}
.imglist li a:hover{ border:5px solid #007ac2; background:#007ac2;}
.imglist li a:hover .wz p{ color:#fff;}
.imglist li a:hover .wz span{ color:#fff;}

@media (max-width:768px) {
.imglist li {width:50%;}
}
@media (max-width:499px) {
.imglist li {width:100%;}
}



/*newlist*/
.newlist li{height: 180px;overflow: hidden;}
.newlist li .time{ float: left; display: block; width:105px; height:85px; text-align:center; background:#eee; color:#999;}
.newlist li .time em{ height:35px; background:#f5f5f5; display:block; line-height:35px; font-size:14px;}
.newlist li .time span{ height:50px; line-height:50px; display:block; font-size:30px;}
.newlist li .linn{margin-left: 128px;}
.newlist li .name{color:#222222;height: 35px;border-bottom:#e0e0e0 solid 1px;overflow:hidden;font-size:18px;}
.newlist li .name em{ display:block; height:24px; line-height:24px; overflow:hidden;}
.newlist li .content{line-height:24px;overflow:hidden;padding-top:10px;height:58px;margin-bottom: 10px;color:#999;font-size: 15px;}
.newlist li .btnmore{ width:52px; color:#666;font-size:12px;background: url(../images/ico2.png) right center no-repeat;}
.newlist li:hover .time{ background:#0070ba; color:#fff;}
.newlist li:hover .time em{ background:#1785ce;}
.newlist li:hover .name{ color:#0070ba; font-weight:bold;}
.newlist li:hover .btnmore{ color:#0070ba;}



/*详情*/
.nrcompany h1 {text-align: center;padding-top: 10px;padding-bottom:18px;font-size: 28px;font-weight: normal;}
.met-editor {border-bottom:#eee solid 1px;padding-bottom: 10px;text-align: center;font-size: 16px;color: #999;font-weight: 300;}
.xwzy {font-size: 14px;color:#8c8c8c;line-height: 24px;margin-top:30px;background: #f5f5f5;padding:20px 28px;text-align: justify;}
.nrxqzy {font-size: 15px;padding: 50px 0;margin-bottom: 60px;line-height: 30px;text-align: justify;}




/*分页样式*/
.pglist {padding:30px 0 15px; width: 100%; text-align: center; clear: both; }
.pglist a, .pglist span{color:#666;padding: 4px 16px;margin: 0 2px;background:#fff;border:1px solid #edebeb;border-radius: 30px;}
.pglist * {display:inline-block;vertical-align: middle;line-height: 32px;padding-bottom:1px;}
.pglist a:hover, .pglist .current{display: inline-block;color: #fff;background: #0060a2;border-color: #0060a2;}
.pglist .pageinfo{display: none;}
/*reLink*/
.reLink{padding-top:40px;overflow: hidden;font-size: 15px;border-top:1px solid #EEE;}
.reLink a{color:#6b6b6b;text-decoration: none;}
.reLink a:hover{color:#ca0505;text-decoration:underline;}




/*CONTACT*/
.ContactInfo {background: #F5F5F5;padding: 50px 0;overflow: hidden}
.ContactInfo li{width: 25%;height: 180px;line-height: 30px;color: #333;text-align: center;float: left;border-right: 1px dashed #bbb;padding: 0 30px 0 30px;transition: 0.3s;}
.ContactInfo li:nth-child(4){border-right:none;}
.ContactInfo li img{}
.ContactInfo li span{display:block;font-size: 18px;font-weight: bold;}
.ContactInfo li em{display:block;font-size:15px;font-style: normal;line-height:20px;padding-top: 10px;}
.ContactInfo li:nth-child(4) em{font-size:13px;}
@media only screen and (max-width:1023px){
.ContactInfo li{width:50%;border-right:none;}
}
@media only screen and (max-width:499px){
.ContactInfo li{width:100%;height:auto;margin-bottom: 15px;}
}

/*公共百度地图*/
#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ float:left; width: 100%; box-sizing: border-box; border: 1px dashed #ccc; padding:8px;}
#Map .MapInfo #MapContainer{ width: 100%; height:430px; }
#Map .MapInfo img{max-width:none!important;}