@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote,h1,h2,h3,h4,h5,h6,p
{ margin:0px; padding:0px;} 
html button::-moz-focus-inner{ border-color:transparent!important; } 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
fieldset, img { border:0; }
iframe { background-image: none; }
.clear {clear:both; height:0px;}
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
img{ border:0px;}
body{font-family:arial; color:#000; font-weight:400; overflow-x: hidden; -webkit-text-size-adjust:none; font-size:12px; min-width: 1200px;}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#FF0000;}
.fl{float:left;}
.fr{float:right;}
.none{display:none;}
.txt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.h10px{ height:10px; width:100%; clear:both;}
.h15px{ height:15px; width:100%; clear:both;}
.h25px{ height:25px; width:100%; clear:both;}
.h50px{ height:50px; width:100%; clear:both;}
.mt20px{ margin-top:20px !important;}
.w1004{width:1004px; margin:0 auto;}
.w1104{width:1104px; margin:0 auto;}
.w1200{width:1200px; margin:0 auto;}
.blod{ font-weight:bold;}
html{ -webkit-text-size-adjust:none; font-size:12px;}
center{ text-align:center; line-height:60px;}
em{ font-style:normal;}
.tecen{ text-align: center;}
.red{color: red;}
i,em{ font-style: normal;}
.bgf4{background: #f4f4f4 !important;}
/*
内容样式开始
头部信息
*/
#head{position: fixed;left: 0;top: 0;background: #fff;width: 100%; height: 85px; z-index: 2;}
.head_con{display: flex;align-items: center;justify-content: space-between; padding: 0 3vw;}
.head_con .logo{width: 240px; height: 80px;}
.head_con .nav_con{display: flex;align-items: center; }
.head_con .nav_con li{line-height: 85px;font-size: 16px;padding: 0 30px;}
.head_con .nav_con li a{display: block;position: relative;}
.head_con .nav_con li a i{display: block;position: absolute;left: 50%;top: 70px;transition: all ease-in-out .5s; height: 2px;background: #017fbe; width: 0;}
.head_con .nav_con li a:hover i{width: 100%; left: 0; display: block;}
.head_con .nav_con li a:hover{color: #017fbe;}
.head_con .nav_con li.hover a i{width: 100%; left: 0; display: block;}
.head_con .nav_con li.hover a{color: #017fbe;}

#banner{width: 100%; overflow: hidden; position: relative; margin-top: 85px;}
#banner .hdp{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#banner img{display: block; width: 100%;}
#banner>img{opacity: 0;}
#banner .rslides_nav{display: none;}
#banner .rslides_tabs {width: 100%; position: absolute; height: 20px; bottom: 30px; display: flex; align-content: center; justify-content: center;}
#banner .rslides_tabs li{width: 10px; height: 10px; background: #000000; border-radius: 5px; margin: 0 4px; line-height: 10px; overflow: hidden; text-indent: 10px; cursor: pointer;}
#banner .rslides_tabs li.rslides_here{background: #fff;}

#imain1{padding-bottom: 50px;}
.im1_cla{font: 500 18px/30px "微软雅黑"; }
.im1_cla a{color: #333; margin-right: 27px;}
.im1_cla a:hover{color: red;}
.im1_nr .up{padding: 50px 0 0; margin-bottom: 10px; display: flex;align-content: center; justify-content: space-between;}
.im1_nr .up .p1{background: #fff; justify-content: center; width: 700px; height: 730px;}
.im1_nr .up .z{padding: 30px 0 0; text-align: center;}
.im1_nr .up .z .txt{font-size: 24px; color: #333; line-height: 2; font-weight:500}
.im1_nr .up .lj{padding: 30px 0 0; text-align: center; line-height: 2;}
.im1_nr .up .lj a{font-size: 18px; color: #666; margin: 0 20px;}

.im1_nr .up .p2{width: 480px;}
.im1_nr .up .p2 .son{background: #fff; margin-bottom: 20px;}
.im1_nr .up .p2 .son .p{position: relative;}
.im1_nr .up .p2 .son .p .pic{display: block; height: 290px; overflow: hidden;}
.im1_nr .up .p2 .son .p .pic img{display: block; width: 100%;}
.im1_nr .up .p2 .son .p .gwc{position: absolute; right: 0; bottom: 0; display: block; background: url(/images/gwc.jpg); background-size: 100% 100%; width: 50px; height: 50px;}
.im1_nr .up .p2 .son .txt{display: block; font: 500 18px/66px "微软雅黑"; color: #333; text-align: center;}



.im1_nr .down{display: flex; overflow: hidden; flex-wrap: wrap;}
.im1_nr .down .son{width: 33%; margin:0 0.165%; background: #fff;}
.im1_nr .down .son .p{position: relative;}
.im1_nr .down .son .p .pic{display: block; height: 210px; overflow: hidden; position: relative;}
.im1_nr .down .son .p .pic img{display: block; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.im1_nr .down .son .p .gwc{position: absolute; right: 0; bottom: 0; display: block; background: url(/images/gwc.jpg); background-size: 100% 100%; width: 50px; height: 50px;}
.im1_nr .down .son .txt{display: block; font: 400 18px/66px "微软雅黑"; color: #666; text-align: center;}

.bgf6{background: #f6f6f6;}
#imain2{display: flex; align-content: center; padding: 30px 3vw;}
#imain2 .video{flex: 1; position: relative;}
#imain2 .video img{display: block; width: 100%;}
#imain2 .video video{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#imain2 .text{flex: 1; margin-left: 3vw; padding: 30px 0;}
#imain2 .text .nr{font: 400 16px/2 "微软雅黑"; color: #666; text-align: justify; text-justify: inter-ideograph;}
#imain2 .text .more{display: block; width: 140px; height: 48px; border: #666 solid 1px; margin: 20px auto; line-height: 48px; font-size: 14px; color: #666; text-align: center; border-radius: 3px;}

.bgdae3e2{background-color: #dae3e2;}
.im3_nr{padding: 30px 0 20px;width: 1200px;margin: 0 auto; height: 560px; position: relative;}
.im3_nr .youshi{width: 1112px; height: 578px; margin: 0 auto;}
.im3_nr .rslides_nav{width: 30px; height:30px; background: #484846 url(../images/lf.jpg) center center no-repeat;border-radius: 5px; position: absolute; left: 64%; bottom: 12%; line-height: 40px; text-indent: 40px; overflow: hidden;}
.im3_nr .rslides_nav.next{margin-left: 40px; background: url(../images/ri.jpg) center center no-repeat #484846;}

.im4_nr{display: flex;align-items: center; overflow: hidden; padding-left:30px; padding-right:30px}
.im4_nr a{display: block;flex: 1; height:395px; position: relative; overflow: hidden;}
.im4_nr a img{display: block;width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding-right:6px}


#imain5{padding: 50px 3vw;}
.i_tit{padding: 25px 0;text-align: center;}
.i_tit h4{height: 42px;font-size: 36px;color: #6b645e;line-height: 42px;font-weight: 400;}
.i_tit i{display: block;width: 35px; height: 2px;background-color: #017fbe;margin: 0 auto;}
.i_tit h3{font: 400 20px/36px "微软雅黑";color: #333;}
.im5_cla{text-align: center;font: 400 18px/32px "微软雅黑";color: #333;}
.im5_cla a{margin: 0 40px;}
.im5_cla a.on{color: #017fbe;}
.im5_nr{padding: 20px 0 0;}
.im5_nr li{width: 32%;float: left; height: 76px;border-bottom: #dcdbdb solid 1px;font: 400 16px/76px "微软雅黑";display: flex;align-items: center;justify-content: space-between;margin-right: 2%;}
.im5_nr li a{color: #666;}
.im5_nr li span{color: #666;}
.im5_nr li:nth-child(3n){margin-right: 0;}


.link{padding: 20px 3vw;font: 400 14px/30px "微软雅黑";color: #666;}
.link a{color: #999;}
.link a:hover{color: red;}
.link em{width: 1px; height:14px;margin: 0 10px; display: inline-block;background-color: #999;vertical-align: middle;}

#boot{background: #333;}
.bt_con{display: flex;justify-content: space-around;padding: 25px 3vw;}
.bt_con dl{width: 260px;}
.bt_con dl dt{width: 180px; height: 50px;line-height: 50px;border-bottom: #484848 solid 1px;font: 500 16px/50px "微软雅黑";color: #888888;}
.bt_con dl dd{padding: 25px 0 0;line-height: 34px;font-size: 14px;}
.bt_con dl dd a{color: #ccc;width: 49%; display: inline-block;}
.bt_con dl dd a:hover{color: red;}
.bt_con dl.ct{width: 43%;}
.bt_con dl.ct dt{width: 100%;}
.bt_con dl.ct dd{display: flex;justify-content: space-between;}
.bt_con dl.ct .c{font: 400 14px/34px "微软雅黑";color: #ccc;}
.bt_con dl.ct .c .zx{display: block;width: 270px;height: 45px;background: url('../images/bt_kf.jpg') 82px center no-repeat #3f3f3f;border-radius: 5px;font: 400 16px/45px "微软雅黑";color: #fff;text-align: center;text-indent: 2em;margin: 20px 0 20px;}

#copy{background: #222; height: 60px;line-height: 60px;color: #666; padding: 0 3vw;}
#copy a{color: #666;}
#copy a:hover{color: red;}

.ny_banner{width:100%; height: auto; overflow: hidden; background: #b2b3b9; padding:50px 0; margin-top: 90px;}
.ny_banner .ny_banner_left{width:50%; float: left;}
.ny_banner .ny_banner_left h4{width:100%; height: 40px; line-height: 40px; font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.ny_banner .ny_banner_left p{font-size: 16px; color: #fff; line-height: 26px;}
.ny_banner_right{float: right; font-size: 14px; color: #fff; margin-top:75px; line-height:26px;}
.ny_banner_right a{font-size: 14px; color: #fff; margin: 0px 10px;}
.ny_banner_right a:hover{color:#d7171e}
.container{ width:1200px; margin: 0 auto;}

/*内页左边导航*/
.ny_all{width:100%; height: auto; overflow: hidden; margin-top: 36px; margin-bottom:80px;}
.ny_left{width:21.5%; height: auto; float: left}
.ny_left_title{width:100%; height: 90px; background: #d7171e; line-height: 90px; text-align: center; font-size: 30px;color: #fff; font-weight: bold;}
.ny_left_nav{width:100%; height: auto; padding: 16px 0 60px 16px; background: #f0f0f1}
.ny_left_nav .yiji li{width: 100%; height:auto;  padding-left:10px; margin-bottom:1px; background:url(/images/dian.png) no-repeat 8px 22px; }
.ny_left_nav ul li a{padding-left: 15px; font-size: 16px; color: #333333;display: block;  height:50px;line-height: 50px;position: relative;}
.ny_left_nav ul li .inactive{ background:url(/images/off.png) no-repeat 210px center;}
.ny_left_nav ul li .inactives{background:url(/images/on.png) no-repeat 210px center;} 
.ny_left_nav ul li ul{display: none;}
.ny_left_nav ul li ul li { width: 100%; height: 50px; line-height: 50px; background: none;}
.ny_left_nav ul li ul li ul{display: none;}
.ny_left_nav ul li ul li a{ padding-left:20px; font-size: 14px; color: #666666}
.ny_left_nav ul li ul li.active a{color:#d7171e; font-size: 14px; background: url(/images/r_jt.png) no-repeat 200px center}
.ny_left_nav ul li.active a{color:#d7171e}
.ny_left_nav ul li:hover a.inactive{color:#d7171e}
.ny_left_nav ul li ul li:hover a{color:#d7171e}
.ny_left_nav ul li .inactives{color:#d7171e}
.ny_left_nav ul li ul li:hover a{color:#d7171e}
.yiji li.active{background:#fff url(/images/dian.png) no-repeat 8px 22px;}
.ny_left_nav ul li ul li:hover{background: url(/images/r_jt.png) no-repeat 210px center}
.ny_left_nav .yiji li:hover{background:#fff url(/images/dian.png) no-repeat 8px 22px;}
/*内页右边内容*/
.ny_right{width:75%; height: auto; float: right; padding-top:10px;}
.ny_right_title{width:100%; height: 47px; border-bottom: 1px solid #dddddd}
.ny_right_title h3{font-size: 24px; height: 40px; line-height: 40px; color: #484848; font-weight: bold; background: url(/images/hs.png) no-repeat left center; padding-left: 20px;}
.ny_about_info{width:100%; height: auto; overflow: hidden; font-size: 14px; color: #666666; line-height: 30px; margin-top:35px; }
.ny_about_info img{max-width: 100%;}

/*手机二级导航*/
.ny_sjleft{width:100%; height: auto; overflow: hidden; background: #f0f0f1; display: none; margin-bottom: 20px;}
.ny_sjleft li{width:33.33%;  float: left;  line-height: 40px; text-align: center}
.ny_sjleft li a{font-size: 0.9rem; color: #666; text-align: center}
.ny_sjleft li.active{background: #d7171e;}
.ny_sjleft li.active a{color:#fff}
/*新闻*/
.ny_news_list{width:100%; height: auto; overflow:hidden; margin-top: 10px;}
.ny_news_list ul{width:100%; height: auto; overflow: hidden;  margin-bottom: 30px;}
.ny_news_list li{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #dddddd; padding: 25px 0;}
.news_time{width:10%; float: right; text-align: center; background: #f5f5f5; padding: 20px 0}
.news_time time{color: #d7171e; font-size: 16px; margin-top: 5px; display:block; overflow: hidden; width: 100%; height:20px; line-height:20px; font-family: "Arial"; font-weight: 500;}
.news_time p{ font-size:40px; color: #d7171e;height: 35px; line-height: 35px; font-weight: bold;}

.ny_news_info{width:64%; float: left; margin-left: 3%}
.ny_news_info h3{ font-size:18px; color: #555555;  width:100%; height:35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_news_info p{width:100%; line-height:26px; color: #666; font-size: 14px; word-break:break-all;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.ny_news_info span{width:98px; height:32px; border: 2px solid #cccccc; text-align: center; line-height: 28px; font-size: 14px; color: #666666; display: block; margin-top: 10px; padding: 0;}

.ny_news_img{width:21%; height:auto; float:left; overflow: hidden}
.ny_news_img img{width:100%; height: auto;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_news_list li:hover{border-bottom: 1px solid #d7171e;}
.ny_news_list li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_news_list li:hover span{background: #d7171e; color: #fff; border:2px solid #d7171e; }
.ny_news_list li:hover .news_time{background: #d7171e;}
.ny_news_list li:hover .news_time p{color:#fff}
.ny_news_list li:hover .news_time time{color:#fff;}
.ny_news_list li:hover h3{color:#d7171e;}

.ny_rtime{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; font-size:14px;}
.ny_rtile{width: 100%; font-size: 20px; color: #555; padding: 10px 0px; text-align: center; clear: both}
.ny_rxingqu{width: 100%; font-size: 20px; color: #333; padding: 10px 0px; clear: both}
.keyword_light img{max-width:100%;}

.fav{width:100%; clear:both;display: block;overflow: hidden;}
.fav li{width:100%; height:30px; line-height:30px; border-bottom:#ddd 1px dashed; float:left;}
.fav li a{float:left;width:70%; height:30px; line-height:30px; overflow:hidden; color:#666; font-size:14px;}
.fav li a:hover{color:#000;}
.fav li span{float:right; color:#999; font-size:12px; margin-right:2%;}
.keyword_light{font-size:14px;color:#666; line-height:30px; margin:20px 0}
#newsmsg {
	width:95%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	line-height:30px;
}
#newsmsg p{ line-height:28px;}
#newsfoot {width:100%; border:#DFDFE0 1px solid; background:#F7F7F7; height:60px; padding:5px;}
#newsfoot a{color:#666;}

/*产品中心*/
.ny_product{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.ny_product ul{width:100%; height: auto; overflow: hidden}
.ny_product ul li{width:32%; float: left; height: auto; margin-right: 2%; margin-bottom: 10px;}
.ny_product ul li .products_pic{height:auto; display: block;overflow: hidden;width:100%; border:1px solid #ddd;}
.ny_product ul li .products_pic img{width:100%;  height:100%;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_product ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_product li p{ height:35px; line-height: 35px; text-align: center;  font-size: 16px; color: #666}
.ny_product ul li:nth-child(3n){margin-right: 0px;}
.ny_product ul li p{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center}
.ny_product ul li:hover p{color:#d7171e}
.ny_proshow_xq{width:100%; height:auto; overflow:hidden; font-size: 18px; line-height:28px; height: 200px; display: block;}
.slideTxtBox .hd{width:100%; height:50px; line-height:50px; background:#323136;}
.slideTxtBox .hd ul{width:100%; height:50px; line-height:50px;}
.slideTxtBox .hd ul li{ float:left; cursor:pointer; color:#fff; width:160px;  text-align:center}
.slideTxtBox .hd ul li.on{ background:#d7171e;}
.slideTxtBox .bd .bd_xx{width:100%; height:auto; overflow:hidden}

.ny_pro_hot{width:100%; height:auto; overflow:hidden; margin-top:20px;}
.ny_pro_hot h3{width:100%; font-size:30px; color:#d7171e; font-weight:bold; text-align:center;  margin-bottom:30px;}
.ny_pro_hot ul{width:100%; height:auto; overflow:hidden}
.ny_pro_hot ul li:nth-child(3n){ margin-right:0}
.ny_pro_hot ul li{width:32%; float: left; height: auto; margin-right: 2%; margin-bottom: 10px;}
.ny_pro_hot ul li .ny_pro_hpic{height:auto; display: block;overflow: hidden;width:100%; border:1px solid #ddd;}
.ny_pro_hot ul li .ny_pro_hpic img{width:100%;  height:100%;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.ny_pro_hot ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_pro_hot li p{ height:35px; line-height: 35px; text-align: center;  font-size: 16px; color: #666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  width:100%}