/*(C) 2013-2023 DouCo Co.,Ltd.*/

/* 全局通用
----------------------------------------------- */
body {
 font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, Arial, Verdana, sans-serif;
 font-size:14px;
 color:#555;
 line-height:130%;
 margin:0;
 padding:0;
}
textarea {
 outline:none;
 font-size:12px;
 line-height:160%;
}
p, ul, ol, dl, dt, dd, form, blockquote {
 margin:0;
 padding:0;
}
ul, ol {
 list-style:none;
}
h1, h2, h3, h4, h5, h6 {
 font-size:18px;
 font-weight:normal;
}
em, b, i {
 font-style:normal;
 font-weight:normal;
}
img {
 border:0;
}
a {
 text-decoration:none;
 color:#333333;
}
a:hover {
 text-decoration:none;
}
input, img, select {
 outline:none;
 vertical-align:middle;
 margin:0;
}
.clear {
 clear:both;
 height:0;
 line-height:0;
 font-size:0;
}
label {
 cursor:pointer;
}
/*top*/
.w1200 {
	width:1200px;
	margin:0 auto;
}
.bold {
	font-weight:bold;
}
.pad20 {
	padding-top:20px;
}
.pad25 {
	padding-top:25px;
}
.top5 {
	margin-top:5px;
}
.top10 {
	margin-top:10px;
}
.w100 {
	width:100%;
}
/*top*/
.top {
	height:45px;
	background-color:#F2F2F2;
	line-height:45px;
	font-size:12px;
	color:#666;
}
.nav, .nav ul li a {
	height:100px;
	line-height:100px;
	display:block;
}
.nav ul {
	margin-left:140px;
}
.nav ul li {
	margin: 0px 26px;
	font-size:16px;
}
.nav ul li .active, .nav ul li a:hover { 
	color: #1f62d4; 
	border-bottom: 4px solid #1f62d4;
	box-sizing: border-box; 
}
/*.logo {
	padding:32px 0px;
}*/
/*banner*/
.banner .swiper, .banner .swiper a {
	width: 100%;
	height: 500px;
}
.banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.banner .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner .swiper {
	margin-left: auto;
	margin-right: auto;
}
.title {
	text-align:center;
	margin:100px auto 70px
}
.title2 {
	margin:100px auto 70px
}
.title p:first-child, .title2 p:first-child {
	font-size:32px;
	color:#333;
	line-height:40px;
}
.title p:nth-child(2), .title2 p:nth-child(2) {
	font-size:18px;
	color:#666;
	line-height:40px;
}
.title2 {
	position:relative;
}
.title2 p:nth-child(3) {
    width: 30px;
    height: 3px;
    background-color: #fff;
    margin: 15px 0px 25px 0px;
}
.title2 p:nth-child(4) {
	position:absolute;
	top:0px;
	right:0px;
	width: 120px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 20px;
    line-height: 30px;
    font-size: 14px;
	padding-left:20px;
}
.title2 p:nth-child(4) span {
	width:15px;
	height:15px;
	background:url(../images/more1.png);
	background-repeat:no-repeat;
	display:inline-block;
	position:absolute;
	margin-top:8px;
	margin-left:5px;
}
/*产品分类*/
.pro-type-cont ul {
	display: flex;
	padding-bottom:10px;
}
.pro-type-cont ul li {
	flex:1;
	background-color:#f8f8f8;
	border-radius:10px;
	width:180px;
	margin-right:20px;
	height:240px;
	box-shadow: 0px 10px 5px #dae0f9;
}
.pro-type-cont ul li img {
	position:absolute;
}
.pro-type-num {
	position:absolute;
	margin:20px 0px 0px 20px;
	font-size:18px;
	color:#1f62d4;
}
.pro-type-cont ul li div {
	height:80px;
	border-radius:0px 10px 10px 10px;
	background: -webkit-linear-gradient(left, #356dfe , #0050c1); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #356dfe, #0050c1); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #356dfe, #0050c1); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #356dfe , #0050c1); /* 标准的语法 */
	margin-top:160px;
	color:#fff;
	text-align:center;
}
.pro-type-cont ul li div p:first-child {
	font-size:20px;
}
.pro-type-cont ul li div p:nth-child(2) {
	font-size:12px;
}
.introduction {
	background:url(../images/bg.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	margin-top:70px;
	height:740px;
	overflow:hidden;
}
.I-main {
	margin-top:180px;
	box-shadow: 0px 0px 10px #dddddd;
	background-color:#fff;
}
.I-cont, .I-main ul {
	width:1000px;
	padding: 70px 100px;
	display: flex;
}
.I-cont-left {
	width:240px;
}
.I-cont-left p:nth-child(2) {
	font-size:18px;
	color:#1f62d4;
	line-height:40px;
}
.I-cont-left p:nth-child(3) {
	font-size:32px;
	color:#333;
	line-height:40px;
}
.I-cont-right {
	width:800px;
	font-size:14px;
	line-height:24px;
}
.I-cont-right p:nth-child(2) {
	width:165px;
	height:40px;
	background-color:#1f62d4;
	font-size:16px;
	line-height:40px;
	border-radius:20px;
	text-align:center;
	margin-top:20px;
}
.I-cont-right p:nth-child(2) a {
	color:#fff;
}
.I-main ul li {
	width:247px;
	flex:1;
	margin-right:4px;
	background-color:#1f62d4;
}
.process-main {
	background:url(../images/bg2.png);
	background-size:100%;
	background-repeat:no-repeat;
	margin-top:90px;
	height:430px;
	overflow:hidden;
}
.process-main ul li, .process-main div {
	width:240px;
}
.process-main ul li:first-child {
	text-align:right;
	margin-left:100px;
}
.process-main ul li:nth-child(2) {
	margin-left:530px;
}
.process-main ul li p:first-child, .process-main div p:first-child {
	font-size:18px;
	font-weight:bold;
	color:#1f62d4;
}
.process-main ul li p:nth-child(2), .process-main div p:nth-child(2) {
	font-size:14px;
	color:#666;
	margin-top:10px;
	line-height:24px;
}
.process-main div {
	margin:0 auto;
	text-align:center;
	margin-top:135px;
}
.process-main-ul2 {
	margin-top:30px;
}
.process-main-ul2 li:first-child {
	margin-left:40px !important;
}
.process-main-ul2 li:nth-child(2) {
	margin-left:630px !important;
}
.natural {
	background:url(../images/bg3.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	margin-top:70px;
	/*height:740px;*/
	overflow:hidden;
}
.colf {
	color:#fff !important;
}
.nav, .nav ul, .natural ul, .advantage ul, .process-main ul, .index-form-main, .index-form-main form, .footer-main, .footer-left ul, .footer-right {
	display:flex;
}
.natural ul li, .advantage ul li {
	flex:1;
}
.advantage ul li p {
	text-align:center;
	width:180px;
	margin: 0 auto;
}
.advantage ul li p:nth-child(2) {
	font-size:18px;
	color:#333;
	font-weight:bold;
	margin-top:15px;
}
.advantage ul li p:nth-child(3) {
	font-size:14px;
	color:#666;
	margin-top:10px;
	line-height:24px;
}
.news {
	background-color:#f8f9fb;
	overflow:hidden;
	margin-top:90px;
	padding-bottom:120px;
}
.news ul li {
	width:49%;
	margin-right:2%;
	height:110px;
	float: left;
	background-color:#fff;
	border: 1px solid #eee;
	box-sizing:border-box;
	margin-bottom: 20px;
}
.news ul li:nth-child(2n) {
    margin-right: 0;
}
.news ul li:hover { 
	box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.1); 
}
.news ul li .news-title {
    width: 90%;
    margin-top: 15px;
    margin-left: 30px;
    font-size: 16px;
    color: #606060;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news ul li .news-title a {
    float: left;
    width: 80%;
    /* height: 30px; */
    line-height: 30px;
    display: block;
}
.news ul li .news-title span.news-time {
    float: left;
    width: 20%;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
}
.news ul li p {
    width: 90%;
    height: 45px;
    line-height: 17px;
    margin-top: 6px;
    margin-left: 30px;
    font-size: 14px;
    color: #A3A3A3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 22px;
}
.news ul li a:hover { 
	color: #1f62d4;
	text-decoration: none;
}
footer {
	height:300px;
	background-color:#3b3b3b;
	position:relative;
}
.index-form {
	position:absolute;
	margin-top: -50px;
}
.index-form-main {
	width:1100px;
	margin:0 auto;
    height: 50px;
	background-color:#1f62d4;
	padding:25px 50px;
}
#index-form-p {
	font-size:18px;
	color:#fff;
	line-height:50px;
	float:left;
	width:900px;
}
#index-form-p span {
	font-size:24px;
	font-weight:bold;
}
#index-form-a {
	width: 150px;
	background-color: #fff;
    color: #666;
	text-align:center;
	float:right;
}
#index-form-a a {
	height:48px;
	width: 150px;
	background-color:#fff;
	color:#666;
	border:none;
	line-height:48px;
	font-size:14px;
}
.footer-main {
	padding: 120px 0px 50px 0px;
	border-bottom:1px solid #666;
}
.footer-left ul li {
	font-size:14px;
	width:80px;
	margin-top:30px;
}
.footer-left ul li a, .title2 p:nth-child(4) a {
	color:#fff;
}
.footer-right p:first-child {
	font-size:18px;
	font-weight:bold;
	color:#fff;
	position:relative;
	margin-left:250px;
}
.footer-right p:first-child span:first-child {
	width:25px;
	height:25px;
	background:url(../images/tel.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	display:inline-block;
	position:absolute;
}
.footer-right p:first-child span:nth-child(2) {
	margin-left:30px;
}
.footer-right p:nth-child(2) {
	font-size:32px;
	font-weight:bold;
	color:#1f62d4;
	line-height:36px;
	margin-top: -10px;
}
.footer-address {
	color:#fff;
	line-height:40px;
	height:40px;
}
/*产品列表页面*/
.main {
	margin:30px auto 120px;
	font-size:14px;
	color:#333;
	overflow:hidden;
	display:block;
}
.cont-left {
	width: 21%;
    float: left;
}
.cont-right {
	float: right;
    width: 75.5%;
}
.mleft1 {
    overflow: hidden;
    width: 260px;
    background-color: #fff;
    border: 2px solid #1f62d4;
    float: left;
    margin-bottom: 30px;
}
.cpzxbj {
    height: 100px;
    background: #1f62d4;
    text-align: center;
    margin-bottom: 20px;
}
.cpzxbj span {
    font-size: 28px;
    font-weight: bold;
    color: #FFF;
    background: url(../images/spx2.jpg) no-repeat 40% 68%;
    height: 79px;
    display: block;
    letter-spacing: 0.5px;
    margin-bottom: 11px;
    padding-top: 25px;
}
.cpzxbj span i {
    display: block;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 13px;
    width: 77px;
    margin-left: 125px;
    margin-top: 17px;
    font-style: normal;
}
.mleft1 .conn {
    padding: 0 10px 15px;
}
.pro-topnav {
    width: 86%;
    height: 40px;
    text-align: left;
    padding-left: 14%;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 6px 0;
	background-color:#1f62d4;
}
.pro-topnav {
    color: #FFFFFF;
    font-size: 15px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	position:relative;
}
.pro-topnav span {
	width:15px;
	height:15px;
	background:url(../images/down.png);
	background-repeat:no-repeat;
	display:inline-block;
	position:absolute;
	margin-top: 13px;
    left: 0px;
    margin-left: 10px;
}
.conn ul li div p {
    width: 210px;
    height: 32px;
    line-height: 32px;
    text-align: left;
    padding-left: 20px;
    margin-left: 10px;
    background-position: 5px center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}
.conn ul li div p a:hover {
	color:#1f62d4;
}
.conn ul li div {
	display:none;
}
.cont-right .box_bt {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 5px;
    margin-bottom: 30px;
}
.box_right_title {
    color: #555;
    line-height: 38px;
    font-size: 20px;
    font-weight: bold;
}
.bt_text_y {
    font-size: 14px;
    line-height: 31px;
    float: right;
    min-height: 30px;
    margin-top: -36px;
    max-width: 81%;
    background: url(../images/home.png) left center no-repeat;
    padding-left: 20px;
}
.sy_pro {
    width: 900px;
}
.fr {
    float: right;
}
#pro_ul {
    clear: both;
    overflow: hidden;
    width: 900px;
}
#pro_ul #ind_pro_img {
    text-align: center;
    width: 270px;
    float: left;
    margin: 0px 35px 30px 0;
}
#pro_ul .proimg_bk {
    width: 268px;
    height: 165px;
    border: 1px solid #dfdfdf;
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
}
#pro_ul p {
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    font-weight: normal;
    text-align: center;
    width: 268px;
    margin: 4px auto 0;
}
#pro_ul p a {
    color: #333;
    font-size: 15px;
}
.proimg_bk img {
	width:95%;
}
#pro_ul li:nth-child(3n) {
	margin-right:0px !important;
}
#pro_ul .proimg_bk:hover {
    border: 1px solid #1f62d4;
}
.pages { 
	cursor: default; 
	font-size: 14px; 
	padding: 10px; 
	text-align: center; 
}
.pages span { 
	margin: 0 3px; 
}
.pages span a { 
	color: #666; 
	text-decoration: none; 
	padding: 3px 8px; 
	border: 1px #ddd solid; 
	background: #fff; 
}
.pages span a:hover { 
	color: #f60; 
	border: 1px #f60 solid; 
	background: #fff; 
}
.number { 
	font-size: 14px; 
	color: #666; 
}
.number { 
	color: #666; 
	text-decoration: none; 
	padding: 3px 8px; 
	border: 1px #ddd solid; 
	background: #ececec; 
	font-weight: bold; 
}
.number a:hover { 
	color: #f60; 
	border: 1px #f60 solid; 
}
.pageyc { 
	display: none; 
}
/*新闻列表页面*/
.info_news li {
	height:120px;
    padding: 0 2%;
    overflow: hidden;
    background: #f1f1f1;
    margin-bottom: 16px;
}
.info_news li img {
	height:100px;
	float:left;
	margin:10px 20px 10px 0px;
}
.info_news li div {
	padding-right:20px;
}
.info_news li p:first-child {
	font-size:16px;
	color:#333;
	margin-bottom:10px;
	padding-top:25px;
}
.info_news li p:first-child span {
	float:right;
	font-size:14px;
	color:#000;
}
.info_news li p:nth-child(2) {
	font-size:14px;
	color:#666;
	line-height:24px;
}
.info_news li:hover {
	box-sizing:border-box;
	background-color:#1f62d4;
}
.info_news li:hover p, .info_news li:hover p span {
	color:#fff;
}
/*产品页面*/
.pro_main-top {
	width:100%;
	overflow:hidden;
}
.jqzoom {
    float: left;
    position: relative;
    width: 490px;
    height: 360px;
    padding: 0;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
}
.jqzoom img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.product_bigimg_text {
    width: 380px;
    float: left;
    text-indent: 0em;
    height: auto;
    overflow: hidden;
    padding: 0;
    line-height: 24px;
    margin: 0;
	margin-left:36px;
}
.product_bigimg_text h1 {
    margin-bottom: 0;
    border-bottom: 1px solid #efefef;
    color: #333;
    font-size: 26px;
    margin-bottom: 24px;
    padding: 0 0 10px;
    color: #1f62d4;
    font-weight: bold;
    line-height: 42px;
}
.product_bigimg_text .text1 {
    height: 72px;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 14px;
    background-color: #f8f8f8;
}
.text1 p {
    width: 100%;
    height: 72px;
    overflow: hidden;
    line-height: 24px;
    text-align: justify;
}
.prod-right-title {
    line-height: 26px;
}
.sgt_btn {
    width: 100%;
    height: 50px;
    overflow: hidden;
    margin: 25px auto 0;
    padding: 0;
}
.sgt_btn .sgt_bl {
    background-color: #1f62d4;
    float: left;
}
.sgt_btn .sgt_br {
    background-color: #3c3c3c;
    float: right;
}
.sgt_btn .sgt_bl, .sgt_btn .sgt_br {
    display: block;
    width: 48%;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
}
.pro_main-cont {
	margin-top: 20px;
    overflow: hidden;
}
.pro_main-xqtit {
	margin-bottom: 20px;
    border-bottom: 1px solid #dedede;
}
.pro_main-xqtit span {
    display: block;
    width: 14%;
    height: 50px;
    line-height: 50px;
    background: #1f62d4;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
/*新闻页面*/
.pro_photo h1 {
    text-align: center;
    line-height: 50px;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 5px;
	color: #666;
}
.pro_details_tongji {
    text-align: center;
    width: 100%;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #999;
}
.inside_con {
    padding: 10px 0;
    min-height: 300px;
}
.inside_con p {
	font-size:14px;
	color:#333;
	line-height:24px;
}
.ye {
    background: #f1f1f1;
    line-height: 32px;
    color: #555;
    margin-top: 20px;
    padding: 5px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ryzzlist {
	display:flex;
	flex-flow:row wrap;
}
.ryzzlist li {
	flex:1;
	margin-bottom:20px;
}
/*表单提交*/
.pro_main-form p {
    margin: 0 auto 20px!important;
    color: #666;
    font-size: 14px;
    line-height: 44px;
    webkit-box-sizing: inherit !important;
    -webkit-box-sizing: inherit !important;
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -o-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
	height: 44px;
	width:80%;
	margin:0 auto;
}
.pro_main-form p span {
	color:#f00;
}
.pro_main-form p input {
	background-color:#eee;
	border:none;
    color: #666;
	height: 40px;
	border: 1px solid #dfdfdf;
    box-sizing: border-box;
	margin-left:20px;
	float:right;
	width:85%;
	padding-left:3%;
}
.pro_main-form p select {
	background-color:#eee;
	border:none;
    color: #666;
	height: 40px;
	border: 1px solid #dfdfdf;
    box-sizing: border-box;
	margin-left:20px;
	float:right;
	width:85%;
	padding-left:3%;
}
.msg_btn {
    width: 84%;
    overflow: hidden;
    margin: 30px 0px 0px 150px;
    padding: 0;
    float: left;
}
.msg_btn input {
	width:160px;
	height:44px;
	border:none;
}
.msg_btn input:nth-child(2) {
	background-color:#1f62d4;
	color:#fff;
	font-size:16px;
	margin-right:20px;
}
.msg_btn input:nth-child(3) {
	background-color:#3c3c3c;
	color:#fff;
	font-size:16px;
}
/*悬浮框*/
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.show_btn{position: fixed;top:240px;right:5px; width:92px; height:26px; overflow:hidden; margin-top:50px; float:left; cursor:pointer; background:url(../images/qq.png) no-repeat;}
.show_btn span { font-size:14px; color:#fff; text-align:center; padding-top:30px; width:25px; display:block;}
.side_title {height:46px; position:relative; background:url(../images/sidebar_tit.png) 10px center no-repeat #4695dd;}
.side_title h2{ font-weight:normal; color:#fff; font-size:16px; letter-spacing:2px; text-align:center; line-height:46px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_tel.png) no-repeat left center; padding-left:22px;}
.silide_qq{width:160px !important;background:#da0903;padding:0 0 10px;position: fixed;top:240px;right:5px;text-align: center;border-radius: 4px;z-index:999999;    overflow: hidden;}
.silide_qq .conn{background:#fff;width:140px;margin:0 auto;padding:10px 0 5px;}
.silide_qq .tlt1{font-size: 18px;font-weight: bold;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);color:#fff;height:40px;line-height:40px;border-radius: 4px 4px 0 0;}
.silide_qq .tlt{font-size: 15px;font-weight: bold;color:#3a352b;height:30px;line-height:30px;}
.silide_qq .qq_btn{display:block;width:92px;height:26px;margin:6px auto;}
.silide_qq .zxrx p{color:#da0903;font-size: 17px;font-weight: bold;}
.silide_qq .zxrx span{display:block;color:#3a352b;font-size:14px;}
.silide_qq .lines{background: #da0903;width: 130px;margin: 0 auto;height: 1px;margin-bottom: 10px;margin-top: 10px;}
.silide_qq .close_btn{display:block;color: #fff;font-size:14px;height:24px;line-height:24px;padding:5px 0 0; cursor:pointer;}
.silide_qq .code{width:80%;margin:10px auto;display:block;}


.contpro-p {font-size:14px; color:#666; line-height:24px;}
.firstRow {height:40px; line-height:40px;}
.firstRow td:first-child, .firstRow td:nth-child(3) {padding:0px 20px;}
.firstRow td:nth-child(2), .firstRow td:nth-child(4) {padding-left:10px; padding-right:20px;}
.protable {border-spacing:0;border-collapse: collapse;}
.firstRow td {border:1px solid #333;}