@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ font-size:14px;}
a{ color:#333; font-family:"微软雅黑"; text-decoration: none;}
ul{list-style-type:none;}
.ysj{width:1200px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}

/*top*/
.top{ height:120px;}
.top .logo{ width:350px; height:120px; box-sizing:border-box; padding:38px 0;}
.top .daoh{ width:800px; height:120px;}
.top .daoh li{ float:left; margin:0 0px 0 48px; font-size:16px;}
.top .daoh li a{line-height:100px; padding-top:20px; display:block;}
.top .daoh li .on { color:#006ebd; border-bottom:2px solid #006ebd; box-sizing:border-box;}
.top .daoh li a:hover{ color:#006ebd; border-bottom:2px solid #006ebd; box-sizing:border-box;}

.tit{background:url(../images/tit_x.png) no-repeat center; text-align:center;}
.tit h1{ font-size:28px; color:#006ebd; font-weight: normal;}
.tit p{ font-size:12px; color:#333333; text-transform:uppercase; margin-top:5px;}

.tit2{background:url(../images/tit_x2.png) no-repeat center; text-align:center;}
.tit2 h1{ font-size:28px; color:#FFF; font-weight: normal;}
.tit2 p{ font-size:12px; color:#CCC; text-transform:uppercase; margin-top:5px;}

.chanp{ margin-top:40px;}
.cp_fl{ text-align:center; margin-top:25px; font-size:16px;}
.cp_fl a{ padding:0 10px;/* border-right:1px solid #333333;*/}
.cp_fl a.on { color:#006ebd;}
.cp_nr{ width:100%; margin-top:40px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.cp_nr li{ width:390px; /*height:317px;*/ float:left; position:relative;overflow: hidden; margin-bottom:40px;}
.cp_nr li a{ display:block; overflow:hidden;}
.cp_nr li img{ width:100%; height:100%; transition:all 1s ease;}
.cp_nr li .zi{ width:100%; height:40px; text-align:center; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0px; color:#FFF; line-height:40px; transition:all 1s ease;}
.cp_nr li:hover img {transform: scale(1.1);}
.cp_nr li:hover .zi{ height:100%; line-height:317px;}

.yous{ width:100%; height:630px; overflow:hidden; background:url(../images/ys_bg.png) no-repeat top center; box-sizing:border-box; padding-top:70px; background-attachment:fixed; background-size:auto 100%;}
.yous ul {}
.yous ul li {transition: all .6s;margin-right: 28px;position: relative;display: block;float: left;width: 379px;height: 268px;margin-top: 124px;background: #fff;text-align: center;}
.yous ul li:hover {background: #1fc8f1;}
.yous ul li:nth-child(3n) {margin-right: 0;}
.yous ul li a.img {position: absolute;top: -45px;left: 50%;margin-left: -45px;width: 90px;height: 90px;border-radius: 50%;background: #515151;text-align: center;display: block;line-height: 90px;overflow: hidden;}
.yous ul li:hover a.img{ background:#FFFFFF;}
.yous ul li:hover a.img img {opacity: 0;}
.bg {transition: all .6s;width: 90px;height: 90px;position: absolute;top: -100%;left: 0;}
.yous ul li:hover .bg {top: 0;}
.yous ul li:nth-child(1):hover .bg {background: url(../images/ys_11.png) no-repeat 50% 50%;}
.yous ul li:nth-child(2):hover .bg {background: url(../images/ys_22.png) no-repeat 50% 50%;}
.yous ul li:nth-child(3):hover .bg {background: url(../images/ys_33.png) no-repeat 50% 50%;}
.yous ul li h3 {padding: 0 20px;padding-bottom: 40px;}
.yous ul li h3 a {margin-top: 70px;display: block;font-size: 27px;color: #3d3d3d;line-height: 1;font-weight: 500;transition: all .6s;}
.yous ul li h3 dd {margin-top: 30px;font-size: 15px;line-height: 26px;color: #969696;font-weight: 500;transition: all .6s;}
.yous ul li:hover h3 a {color: #fff;}
.yous ul li:hover h3 dd {color: #fff;}

.anl{ margin:50px auto;}
.anl_nr{ margin-top:40px; display: flex; flex-wrap:wrap; justify-content:space-between;}
.anl_nr li{ width:386px; height:325px; text-align:center; float:left;}
.anl_nr li .tu{ width:100%; height:275px; overflow:hidden;}
.anl_nr li .tu img{ width:100%; height:100%; transition:all ease 1s;}
.anl_nr li p{ width:100%; height:50px; line-height:50px; transition:all ease 1s; font-size:16px;}
.anl_nr li:hover{ box-shadow:0px 0px 5px 0px #999;}
.anl_nr li:hover .tu img{transform: scale(1.08);}
.anl_nr li:hover p{ background:#1fc8f1; color:#FFF;}

.guany{ width:100%; height:500px; overflow:hidden; background:url(../images/gy_bg.jpg) no-repeat top center; box-sizing:border-box; padding-top:80px; background-attachment:fixed; background-size:100% auto;}
.gy_nr{ font-size:14px; color:#FFF; text-align:center; line-height:32px; margin-top:80px;}
.gy_nr a{ font-size:#FFF;}
.gy_lj{ width:340px; margin:70px auto; overflow:hidden;}
.gy_lj a{ width:160px; height:56px; text-align:center; line-height:56px; color:#FFF; transition:0.5s all ease;}
.gy_lj .fl{ background-color:#1fc8f1;}
.gy_lj .fr{ background-color:#fe8800;}
.gy_lj a:hover{ background-color:#FFF; color:#333;}

.news{ margin-top:50px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.xw_nr{width:385px; height:430px;}
.xw_tit{width:385px;height:193px;background: url(../images/xw_tit.jpg) no-repeat;text-align:center;color:#FFF; padding: 65px 0; box-sizing:border-box; text-transform:uppercase;}
.xw_tit h1{ font-size:22px; font-weight:normal;}
.xw_tit p{ margin-top:5px;}
.xw_nr li {position: relative;border-bottom: 1px dashed #d8d8d8;}
.xw_nr li a {font-size: 14px;display: block;line-height: 46px;color: #444444;padding-left: 20px;background: url(../images/mr.png) no-repeat 0 50%;}
.xw_nr li a:hover {text-decoration: none;color: #1fc8f1;background: url(../images/mr_jg.png) no-repeat 0 50%;}
.news .xw_nr:nth-child(2) .xw_tit{background: url(../images/xw_tit02.jpg) no-repeat;}
.news .xw_nr:nth-child(3) .xw_tit{background: url(../images/xw_tit03.jpg) no-repeat;}

.yqlj{ width:100%; height:50px; line-height:50px; margin-top:50px; background-color:#EEEEEE;}
.yqlj span{ color:#fe8800;}
.yqlj a{ margin:0 5px; color:#999;}

footer{ width:100%; height:200px; background:#333333; overflow:hidden;}
.dib_logo{ width:100%; text-align:center; margin-top:45px;}
.dib_nr{ color:#FFF; text-align: center; line-height:28px; margin-top:20px;}
.dib_nr a{ color:#CCC;}

/*内页*/
.ny_fl{ width: auto; float:right; height:30px; margin:0 auto; display:block; position:relative; z-index:10;top:-30px;}
.ny_fl li{ float:left; height:30px; background:#FFF; line-height:60px; /*background-color:#EEEEEE; */margin:0 5px;}
.ny_fl li a{padding: 0 20px; height:60px;  border:1px solid #EEE; display:block; box-sizing:border-box;}
.ny_fl li .on{ background-color:#1fc8f1; color:#FFF; border:1px solid #1fc8f1; }
.ny_fl li a:hover{ background-color:#1fc8f1; color:#FFF; border:1px solid #1fc8f1; }
.ny_cpnr{ padding-top:0px;}
.ny_ll{ height:60px; border-bottom:1px solid #d8d8d8; color:#666; margin-top:0px; overflow: hidden; width:100%;}
.ny_ll ul p{ border-bottom:2px solid #006ebd; line-height:58px; font-size:14px; display:inline-block;}
.ny_ll ul p img{ float:left; padding-top:20px; padding-right:6px;}
.nynr{ line-height:34px; color:#333; font-size:14px; padding:30px;}

/*分页样式1*/
.pageController {padding-right: 10px;padding-top: 5px;padding-bottom: 5px;color: #505050;margin: 0 auto;
border-top: 1px solid #E2E3E4;margin-top: 16px;line-height: 24px; margin-bottom:50px;}
.pageController a {background-color: #FFF;vertical-align: middle;border: #efefef 1px solid;color: #505050;padding: 5px 8px;margin-right: 3px;margin-left: 3px;}
.pageController a:hover {background-color: #efefef;color: #438ece;text-decoration: none;border: #efefef 1px solid;}
.pageController .currPage {background-color: #efefef;color: #ff0000;border: #efefef 1px solid;}
.pageController .t1 {float: left;margin-right: 5px;height: 24px;line-height: 22px;white-space: nowrap;}
.pageController .t2 {float: right;vertical-align: middle;line-height: 24px;}
.pageController .t2 #current {padding: 0 5px;line-height: 24px;}
.pageController .t1 span {padding-left: 4px;padding-right: 4px;}
.pageController select {height: 24px;vertical-align: middle;text-align: center;line-height: 24px;}
.pageController select option {vertical-align: middle;}

.al_ny .anl_nr li{ margin-bottom:20px; display: flex;flex-wrap: wrap; justify-content: space-between;}
.gy_ny{ font-size:16px; margin:20px auto; line-height:32px; min-height:350px;}
.gy_ny p{ text-align:justify; text-indent:2em;}
.lx_ny{ font-size:16px; text-align:center; margin:20px auto; line-height:32px; min-height:350px;}
.ewm{ width:200px; height:200px; margin: 0 auto;}
.ewm img{ width:100%; height:100%;}

/*新闻内页*/
.list1 {border: 1px solid #ddd;background: #fff;margin-top: 50px;line-height: 86px;height: 86px;padding: 0 25px;font-size: 14px;color: #333;}
.list1 h2 {font-weight: 500;font-size: 14px;color: #333;}
.list1 a {color: #666;font-weight: 500;}
.list_p1 li {display: block;margin-right: 32px;float: left;line-height: 86px;}
.neinews_list {}
/*.neinews_list li:first-child {border-top: 1px solid #ddd;}*/
.neinews_list li:last-child {border: none;}
.neinews_list li .ttjj {width: 272px;height: 153px;float: left;}
.neinews_list li .ttjj img {width: 120px;height: 90px;}
.neinews_list li {display: block;height: 153px;padding: 20px 0;padding-left: 20px;border-bottom: 1px solid #ddd;}
.neinews_list li:hover {border-left: 2px solid #1fc8f1;padding-left: 18px;}
.neinews_list li h3 a {line-height: 27px;display: block;margin-top: 12px;color: #333;font-size: 16px;}
.neinews_list li h3 a:hover {text-decoration: none;color: #e87518;}
.neinews_list li h3 {width: 830px;float: right;font-weight: 500;position: relative;}
.neinews_list li h3 span {display: block;line-height: 30px;color: #666;padding-top: 15px;font-size: 14px;}
.neinews_list li h3 dd {color: #999; font-size:12px; margin-top:15px;}


/*产品详情页*/
.chanp_xq{ overflow:hidden; min-height:1000px; margin-top: 40px;}
.chanp_xq .tit_xq{ text-align:center; font-size:30px;}
.chanp_xq .cptu_fd{ position:relative;}
.inquiry1{ margin-top:18px;}
.cpnr_xq{ font-size:16px; line-height:36px; color:#333; margin:30px 0; text-align:justify;}
.cpnr_xq p{ text-indent:2em;}
/*#box1,#box2 {position:absolute;top:30px;width:300px;height:300px;box-shadow:4px 4px 10px 0 #616161;}
#box1 {left:50px;}
#box2 {display:none;left:360px;overflow:hidden;}
#mark {display:none;position:absolute;top:50px;left:50px;width:100px;height:100px;opacity:0.4;filter:alpha(opacity=40);cursor:move;background-color:#000;}
#box1 img {width:100%;height:100%;}
#box2 img {display:block;width:300%;height:300%;}*/
#smallImg {width:300px;height:350px;position:relative;margin:20px auto;}
#smallImg img {	width:300px;	height:350px;}
#lay {	position:absolute;	left:0;	top:0;	border:1px solid #666;	opacity:0.6;	filter:alpha(opacity = 60);	background:#fff;	display:none;	cursor:move;}
#bigImg {	width:300px;	height:350px;	position:absolute;	left:770px;	overflow:hidden;	top:0;	display:none;}
#bigImg img {	position:absolute;	left:0;	top:0;}

.content-exp {padding: 10px 15px;font-size: 12px;background-color: #f5f5f5;margin-top: 20px;margin-bottom: 20px;border-radius: 5px;}
.content-exp li {line-height: 2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.content-exp li a:hover{ color:#006ebd;}

/*新闻详情页*/
.xw_xq{ overflow:hidden; min-height:500px; margin-top: 40px;}
.xw_xq .tit_xq{ text-align:center; font-size:30px;}
.xw_xq .info_title{ overflow:hidden; margin:20px 0; padding-top:8px; border-top:1px solid #e1e4e6;border-bottom:1px solid #e1e4e6;}
.xw_xq h3.title_bar {line-height: 26px;text-align: center;font-weight: normal;color: #808080;float: left;height: 26px;overflow: hidden;}
.xw_xq h3.title_bar span {padding-right: 10px;}
.share {padding-left: 5px;padding-bottom: 8px;float: left;width: 240px;height: 26px;}
.xw_xq .xwnr_xq{ text-align:justify; font-size:16px; color:#666; line-height:32px;}
.pageController2 {padding-right: 10px;padding-top: 5px;padding-bottom: 5px;color: #505050;margin: 0 auto;
border-top: 1px solid #E2E3E4;margin-top: 16px;line-height: 24px; margin-bottom:50px;}
.pageController2 a {background-color: #FFF;vertical-align: middle;color: #505050;padding: 5px 8px;margin-right: 3px;margin-left: 3px;}
.pageController2 .t1{ float:left;}
.pageController2 .t2{ float: right;}
.pageController2 a:hover { color:#006ebd;}