body{font-family: 'Open Sans', sans-serif;text-align:center;font-size:14px;color:#5B5B5B; padding:0; margin:0;}

input , textarea , select{font-family:"Microsoft Yahei"; color:#5B5B5B; font-size:14px;}

/*头部*/

.header{ width:100%; margin:0px auto; background:#E3E3E3; position:relative; overflow:hidden;}

.header .head{ width:1006px; margin:0px auto; text-align:left; padding:10px 0 15px;}

.head .logo{ width:440px; height:70px; float:left;}

.head .logo img{ width:440px; height:70px; vertical-align:top;}

.head .head_r{ width:215px; float:right; text-align:right;}

.head_r .tel{ display:inline-block; *display:inline; zoom:1; height:25px; line-height:30px; font-size:18px; color:#ACACAC; background:url(../images/icon1.png) no-repeat left center; padding-left:35px;}

.head_r .search{ width:210px; height:28px; background:#fff; float:right; position:relative; margin-top:18px; box-shadow:0px 0px 3px #999 inset;}

.head_r .search .text{ width:180px; height:28px; line-height:26px; position:absolute; left:0px; top:0px; padding:0px 5px; border:0px; background:none;}

.head_r .search .btn{ width:30px; height:26px; background-image:url(../images/icon2.png); background-color:#FE6B01; background-position: center center; background-repeat:no-repeat; position:absolute; right:0px; top:1px; cursor:pointer; border:0px; z-index:99;}

.nav_bg{ width:100%; height:50px; background:#FE6B01;}

.nav_bg .nav{ width:1000px; margin:0px auto; text-align:left;}

.nav_bg .nav li{ display:inline-block; *display:inline; zoom:1; height:50px; line-height:50px;}

.nav_bg .nav li a{ font-size:16px; color:#FFFFFF; display:inline-block; *display:inline; zoom:1; height:50px; line-height:50px; padding:0px 25px;}

.nav_bg .nav li.now ,.nav_bg .nav li:hover{ background:#E71F19;}

.nav_m .n_icon{ display:none; width:22px; height:18px; background:url(../images/nav_ico.png) no-repeat; position:absolute; right:0px; top:15px; z-index:9999; cursor:pointer;}

/*幻灯片*/

.banner{ width:100%; overflow:hidden; height:auto; margin:0px auto;}

/*幻灯片*/

.i_box_a{ width:1006px; margin:0px auto; padding-bottom:20px;}

.i_head{ width:100%; height:85px; line-height:85px; position:relative;}

.i_head .line{ width:100%; height:1px; background:#ccc; position:absolute; left:0px; top:42px; z-index:1;}

.i_head span{ display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; font-size:20px; color:#FD4D23; padding:0px 10px; background:#FFF; position:relative; z-index:6; top:27px;}

.i_head span a{font-size:20px; color:#FD4D23;}

.i_pl{ width:100%; text-align:center; padding-bottom:20px;}

.i_pl li{width:192px; height:187px;border:1px solid #ddd; overflow: hidden; float:left; margin-right:9px;}

.i_pl li a{display: inline-block;text-align: center;}

.i_pl li .icobox{

	width: 190px;

    height: 153px;

    border: 1px solid transparent;

    overflow: hidden;

	box-sizing: border-box;

}

.i_pl li img{

	display: block;

	vertical-align: middle;

	width: auto;

    height: 153px;

    margin: 0 auto;

}

.i_pl li p{ width:100%; height:30px; line-height:30px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#8C8C8C;}

.i_pl li a:hover p{ color:#FD4D23;}

.more{ display:block; width:155px; height:30px; line-height:30px; text-align:center; background:#FD4E23; font-size:17px; color:#FFF; margin:0px auto; clear:both;}

.hui_bg{ width:100%; padding-bottom:40px; background:#EEEEEE;}

.i_news .i_head span{ background:#EEEEEE;}

.i_news{ width:1006px; margin:0px auto; padding-top:10px;}

.i_news .i_nl{ width:545px; height:210px; float:left;}

.i_news .i_nl dt{ width:245px; height:210px; float:left; border:1px solid #ddd;}

.i_news .i_nl dt img{ width:245px; height:210px; vertical-align:top;}

.i_news .i_nl dd{ width:280px; float:right; text-align:left;}

.i_news .i_nl dd h5{ width:100%; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal;}

.i_news .i_nl dd h5 a{ font-size:14px; color:#555555;}

.i_news .i_nl dd .des{ width:100%; height:138px; font-size:12px; line-height:120%; overflow:hidden; color:#808080; margin-top:13px;}

.more_w{ width:100%; height:20px; line-height:20px; margin-top:18px;}

.more_w a{ font-size:14px; color:#FD4D23;}

.i_news .i_nr{ width:395px; float:right; margin-top:-15px;}

.i_news .i_nr li{ width:100%; height:40px; line-height:40px; border-bottom:1px dashed #ccc; position:relative; text-align:left; margin-bottom:5px;}

.i_news .i_nr li i , .i_news .i_nr li p ,.i_news .i_nr li span{ display:inline-block; *display:inline; zoom:1; vertical-align:top;}

.i_news .i_nr li i{ width:16px; height:12px; background:url(../images/icon6.png) no-repeat; margin-top:17px;}

.i_news .i_nr li a{ color:#8D8D8D;}

.i_news .i_nr li a:hover{ color:#FD4E23;}

.i_news .i_nr li .hot{ background:url(../images/icon5.png) no-repeat;}

.i_news .i_nr li p{ width:60%; height:40px; line-height:40px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:3px;}

.i_news .i_nr li span{ height:40px; line-height:40px; font-size:12px; position:absolute; right:0px; top:0px;}

.i_news .more{ margin-top:15px;}

.i_box_b{ width:1006px; margin:0px auto;}

.i_box_b .i_about{ width:100%; padding-bottom:30px;}

.i_box_b .i_about dt{ width:374px; height:276px; border:1px solid #ddd; text-align:center; float:right;}

.i_box_b .i_about dt img{ width:370px; height:272px; vertical-align:top; margin-top:2px;}

.i_about dd{ width:auto; text-align:left;}

.i_about dd b{ width:100%; font-size:16px; display:block; color:#272727; margin-bottom:20px;}

.i_about dd .des{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#989898; line-height:170%;}

.f_bg{ width:100%; padding:20px 0; font-size:12px; color:#7D7D7D; background:#2C2C2C;}

.f_bg .foot{ width:1006px;  margin:0px auto; line-height:185%;}

.scd{ width:1100px; margin:0px auto;}

.scd .scd_l{ width:300px; float:left; text-align:left; padding-bottom:10px;}

.scd_l .title{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #ddd; font-size:16px; color:#5B5B5B;}

.scd_l .s_nav{ width:100%; padding-top:5px;}

.scd_l .s_nav li{ width:100%; margin-top:7px; cursor:pointer;}

.scd_l .s_nav li .li_m{ width:100%; height:53px; line-height:53px; background:#FE6B01; color:#FFF;}

.scd_l .s_nav li .li_m a{ display:block; width:auto; height:53px; line-height:53px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 5%;}

.scd_l .s_nav li .li_m i , .scd_l .s_nav li .li_m span{display:inline-block; *display:inline; zoom:1; vertical-align:top; }

.scd_l .s_nav li .li_m i{ width:15px; height:15px;background:url(../images/icon7.png) no-repeat center center;padding-top: 13%;padding-right: 20px;}

.scd_l .s_nav li .li_m span{ font-size:14px; color:#FFF;}

.scd_l .s_nav li .er{ width:100%; display:none;}

.scd_l .s_nav li .er.now{ display:block;}

.scd_l .s_nav li .er dt{ width:100%; height:35px; line-height:35px;  margin-top:4px; background:#FFF;}

.scd_l .s_nav li .er dt a{ display:block; width:100%; height:35px; line-height:35px; font-size:12px; color:#8B8B8B;}

.scd_l .s_nav li .er dt a span{ margin-left:45px;}

.scd_l .s_nav li .er dt.now , .scd_l .s_nav li .er dt:hover{background:#FFEADA;}

.scd_l .s_nav li .er dt.now a , .scd_l .s_nav li .er dt:hover a{ color:#FD6B01;}



.scd .scd_r{ width:760px; float:right; text-align:left; padding-bottom:30px;margin-left: 30px;}

.scd_r .pst{ width:100%; height:60px; line-height:60px; text-align:left; border-bottom:1px solid #ddd; font-size:12px; color:#636363;}

.scd_r .pst a{ font-size:12px; color:#636363;}

.scd_r .pst a:hover,.scd_r .pro_l li a:hover p{ color:#FE6B01;}

.scd_r .pro_l{ width:100%; padding:20px 0 30px;}

.scd_r .pro_l li{ width:230px; float:left; margin:0 10px; margin-bottom:15px;}

.scd_r .pro_l li a{ border:1px solid #ddd; display: inline-block;text-align: center;width:227px;}

.scd_r .pro_l li .icobox{

	width: 228px;

    height: 170px;

    border: 1px solid transparent;

    overflow: hidden;

	box-sizing: border-box;

}

.scd_r .pro_l li img{

	display: block;

	vertical-align: middle;

	width: auto;

    height: 165px;

    margin: 0 auto;

}

.scd_r .pro_l li p{ width:100%; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; font-size:12px; color:#404040; margin:10px 0;}

.pages{ width:100%; text-align:center; padding-top:50px;}

.pages a ,.pages span , .pages input{ display:inline-block; *display:inline; zoom:1; height:25px; line-height:25px; vertical-align:top; margin:0 2px; font-size:12px; color:#333333; padding:0 10px;}

.pages a , .pages input{ border:1px solid #ddd; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

.pages a.page-num-current , .pages a:hover{ color:#FFF; background:#FD6B01; border:1px solid #FD6B01;}

.pages span{ margin:0px;}

.pages input{ width:40px; text-align:center; padding:0px;}

.pages .btn{ cursor:pointer; background:#969696; border:1px solid #969696; color:#FFF; font-size:13px;}

.scd_r .pro_d{ width:100%; text-align:left;}

.pro_d .title{ width:100%; height:40px; line-height:40px; font-size:14px; color:#404040;}

.pro_d dl{ width:100%; padding-top:30px;}

.pro_d dl dt , .pro_d dl dt img{ width:330px; height:230px; float:right; vertical-align:top;}

.pro_d dl dt{ border:1px solid #ddd;}

.pro_d dl dd{ width:415px; float:left; text-align:left; font-size:14px; color:#404040; line-height:170%;}

.pro_d dl dd h1{ width:100%%; font-size:16px; color:#404040; line-height:160%; margin-bottom:30px; font-weight:normal;}

.pro_d .p_ctn{ width:100%; text-align:left;word-break: normal;}

.pro_d .p_ctn img{ max-width:100%; height:auto; vertical-align:top;}

.pro_d table,.pro_d table tr, .pro_d table tr td{border:1px solid #ccc;border-collapse: collapse;}

.about{ width:100%; padding:20px 0 40px;}

.about h1{ width:100%; text-align:center; font-size:16px; color:#2D2D2D; font-weight:normal; line-height:160%; margin-bottom:30px;}

.about .about_m{ width:100%; font-size:14px; color:#797979; text-align:left; line-height:170%;}

.about .about_m p{ margin-bottom:20px;}

.contact{ width:100%; padding:50px 0;}

.contact dt , .contact dt img{ width:646px; height:373px; float:right; vertical-align:top;}

.contact dd{ width:320px; float:left; text-align:left; font-size:14px; color:#797979; line-height:175%;}

.contact dd h1{ width:100%; font-size:16px; color:#2D2D2D; margin-bottom:25px; font-weight:normal;}

.news{ width:100%; padding-bottom:60px;}

.news dl{ width:100%; padding:25px 0; border-bottom:1px dashed #ccc;}

.news dl dt , .news dl dt img{ width:215px; height:162px; float:left; vertical-align:top;}

.news dl dt{ border:1px solid #ddd;}

.news dl dd{ width:515px; float:right; text-align:left;}

.news dl dd .title{ width:100%; line-height:160%; position:relative; height:30px; line-height:30px; margin-bottom:8px;}

.news dl dd .title a{ font-size:14px; color:#737373;}

.news dl dd .title a:hover{ color:#FD4D23;}

.news dl dd .title p{ width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news dl dd .title span{ display:block; text-align:right; position:absolute; right:0px; top:0px; font-size:12px;}

.news dl dd .des{ width:100%; font-size:12px; color:#919191; line-height:120%; height:105px; overflow:hidden;}

.news dl dd .more{ width:100%; height:20px; line-height:20px; text-align:left; margin-top:5px; background:none;}

.news dl dd .more a{ font-size:12px; color:#FD4D23;}



.pst{ width:100%; height:60px; line-height:60px; text-align:left; border-bottom:1px solid #ddd; font-size:12px; color:#636363;}

.lh-3 {list-style: circle;}

.border-bottom-dashed {border-bottom: 1px dashed #dee2e6;}

.title{ width:98%; line-height:160%; position:relative; height:30px; line-height:30px; margin-bottom:8px; margin-left: 15px;}

.title a{ font-size:14px; color:#737373;}

.title a:hover{ color:#FD4D23;}

.title p{width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align: left;}

.title span{ display:block; text-align:right; position:absolute; right:0px; top:0px; font-size:12px;}



.about table,.about table tr, .about table tr td{border:1px solid #ccc;border-collapse: collapse;}

.about table tr td,.about table tr td p{ margin:5px !important ; padding: 5px;}



.contact h1{ font-size: 20px !important;}

.contact .about_m{ font-size: 16px !important;}

.contact .about_m p{margin-bottom: 0px !important;}





/*产品轮播*/

.scroll-pics{

	margin-top: 30px;

}

.scroll-pics .swiper-wrapper{

	height: auto !important;

}

.scroll-pics .mt-3{

	margin-top: 30px;

}

.view {

	max-width: 500px;

	position: relative;

}

.view .swiper-slide {

	height: 300px;

	max-width: 500px;

	padding: 0 3px;

	box-sizing: border-box;

	overflow: hidden;

	text-align: center;

}

.view .swiper-slide img {

	height: 100%;

}

.view .arrow-left {

	background: url(../images/index_tab_l.png) no-repeat left center;

	position: absolute;

	left: 10px;

	width: 28px;

	height: 300px;

	z-index: 10;

	display: none;

}

.view .arrow-right {

	background: url(../images/index_tab_r.png) no-repeat right center;

	position: absolute;

	right: 10px;

	width: 28px;

	height: 300px;

	z-index: 10;

	display: none;

}

.preview {

	position: relative;

	width: 440px;

	left: 30px;

}

.preview .swiper-slide {

	width: 87.5px;

	height: 70px;

	margin: 0 3px;

	box-sizing: border-box;

	overflow: hidden;

	cursor: pointer;

}

.preview .swiper-slide img {

	display: inline-block;

	height: 100%;

}

.preview .active-nav {

	border: 1px solid #F00;

}

.preview .arrow-left {

	background: #fff url(../images/feel3.png) no-repeat left center;

	position: absolute;

	left: -20px;

	top: 0;

	width: 20px;

	height: 70px;

	z-index: 10;

}

.preview .arrow-right {

	background: #fff url(../images/feel4.png) no-repeat right center;

	position: absolute;

	right: -20px;

	top: 0;

	width: 20px;

	height: 70px;

	z-index: 10;

}



@media only screen and (max-width: 768px) {

.view .swiper-slide {

	height: 200px;

}

.preview {

	display: none;

}

.view .arrow-left, .view .arrow-right {

	height: 200px;

	display: block;

}

}