body{background-color: #fff}
a {
    text-decoration: none;
    color: inherit;
}
/*====================导航*********/
.header{
	width:100%;min-width: 1200px;
/*	position:fixed;
	top:33px;
	left:0;*/
	z-index:999;
	height:76px;
	/*padding: 0 30px;*/ background:#fff;
	/*background: rgba(28, 35, 39, 0.8);*/
}
/*左侧logo*/
.header .left{
	width: 12%;
}
.header .left a img{

	margin-top: 18px; margin-bottom:18px;
}
.header .left .img2{
	display: none;
}
/*右侧*/
.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	height: 100%;
	line-height: 76px;
	display: block;
}
.header .navbar_nav li{
	float:left;
	position: relative;
	display: block;margin: 0 15px;
}
.header .navbar_nav li:after{
    content: "";
    width: 0;
    height: 1px;
    background: #0c7c75;
    position: absolute;
    bottom: 15px;
    left: 0;
    transition: all 0.5s ease 0s;
}
.header .navbar_nav li:hover:after{
    width: 100%;
}
.header .navbar_nav li a{
	text-decoration: none;
	height: 100%;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #000; line-height:103px;
	font-size: 18px;
}
.header .navbar_nav li:hover a{
	color: #0c7c75;
}
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.in_a{font-size:max(18px,1.5vw)}
.fw600{font-weight:600}
.lh200{line-height:200%}
.header .navbar_nav li.dropdown .jt{
	width: 20px;
	height: 20px;
	background: url(i/top.png) no-repeat;
	background-size: 100% 100%;
	display: block;
}
.header .navbar_nav li.dropdown .dropdown_menu{
	display: none;
	position: absolute;
	top:68px;
	width: 100%;
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 120%;
    left: -10%; z-index:10000;
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 14px;
	color: #666;
	padding: 0 5px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	margin-bottom: 2px;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu{
	display: block;
	background: #f3f3f3;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{
	color: #666;
}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{
	color: #fff;
	background: #0c7c75;
}
/*白色背景的头部*/
.header.on{
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.header.on .left .img1{
	display: none;
}
.header.on .left .img2{
	display: block;
}
.header.on .navbar_nav li a{
	color: #333;
}
.header.on .navbar_nav li:hover a{
	color: orangered;
}
#navToggle{
	display: none;
}

.m_nav{
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
    height: 100%;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: 0;
    transform: translateX(100%);
}
.m_nav.open{
    transform: translateX(0);
}
.m_nav .top{
	height: 60px;
	padding: 20px;
	box-sizing: border-box;
}
.m_nav .top .closed{
	width: 30px;
	height: 30px;
	vertical-align: middle;
	float:right;
	cursor: pointer;
}
.m_nav .logo{
	width: 100%;
	margin:0 auto;
}
.m_nav .logo img{
	height: 50px;
	display: block;
	margin:30px auto;
}
.m_nav .ul{
	margin-top: 30px;
}
.m_nav .ul li{
	padding: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	transform: translateY(0);
	-webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}
.m_nav.open .ul li{
	opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}
.m_nav .ul li a{
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
}
.m_nav .ul li .dropdown_menu{
	display: none;
}
.m_nav .ul li.dropdown.active .dropdown_menu{
	display: block;
}
.m_nav .ul li .dropdown_menu a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 40px;
	box-sizing: border-box;
	border-bottom: 1px solid #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}

@media screen and (max-width: 1200px){
.banner img{height: 400px !important;object-fit: cover;	}
.banner{ width:100%; height:400px !important; min-width: 1200px;overflow:hidden; position:relative;font-size:0}
.b-img{ height:400px !important;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:400px !important; float:left;background-size:100%!important }
.b-list{ height:50px; padding-top:340px !important; position:relative; margin:0 auto;z-index:1;}
.bar-left {top: -20% !important;}
.bar-right {top: -20% !important;}
}


.banner{ width:100%; height:585px; min-width: 1200px;overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:585px; float:left;}
.b-list{ height:50px; padding-top:554px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:8px; height:8px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #0c7c75;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width: 50px;  height: 100px; background:url(../image/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:242px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../image/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:242px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}
.index-tit{ text-align:center; margin-bottom:30px;}
.index-tit h3{ font-size:30px; color:#4b4a4a; font-weight:normal; line-height:30px; padding-bottom:10px; }
.index-tit h4{ font-size:16px; color:#727272; font-weight:normal; line-height:16px}
.index-pro{ padding-top:30px;}
.in-prolm{ width:12.9%; border:1px solid #0c7c75}
.in-prolm h3{ background:#0c7c75; font-size:24px; color:#ffff; line-height:60px; text-align:center}
.in-prolm ul li{ font-size:16px; color:#565656; line-height:16px; padding-top:24px; padding-bottom:16px; margin:0 8px; border-bottom:1px solid #e8e8e8}
.in-prolm ul li:last-child{ background:#0153a7; color:#fff; text-align:center; line-height:38px; padding-top:0; padding-bottom:0; margin-top:10px; margin-bottom:6px}
.in-pro-list{ width:85.8%}


/**/
.sdpet{min-width:1200px; width:100%; margin:0 auto; background:url(../image/in-gs-bg.jpg) no-repeat center center;/* background-size:100% 100%;*/}
.pet-con{ width:52%;/* background: rgba(71,134,211,0.8);*/ /*padding-left:15%;*/ padding-top:56px; padding-bottom:88px; /*padding-right:5%*/}
.pet-con h3{ font-size:24px; color:#494949; line-height:24px; padding-bottom:12px; font-weight:normal}
.pet-con h2{color:#0c7c75; font-size:23px; line-height:23px; padding-top:20px; padding-bottom:20px; }
.pet-con h4{ color:#0c7c75; font-size:34px; line-height:34px; font-weight:bold; padding-bottom:52px; /*padding-top:6px; padding-bottom:31px;*/}
.pet-con-p p{ font-size: 16px; line-height:200%; text-indent:2em; color:#838383; text-align: justify;}
.in-tel{    margin-top: 4vh;
    BACKGROUND: #0c7c75;
    width: 300px;
    text-align: center;
    border-radius: 10px;
    font-size: 24px;
    line-height: 55px;
    color: #ffffff;}
.in-news-tit h3{ font-size:30px; color:#373636; line-height:30px; background:url(../image/news-icon.png) right center no-repeat; padding-right:78px; }

.in-news-tit span{ display:inline-block; font-size:14px; color:#c2c2c2; line-height:30px;}
.in-news-tit span a{ color:#c2c2c2;}
.in-news{ padding-top:60px; padding-bottom:15px;}
.in-news-tit{ padding-bottom:16px; border-bottom:1px solid #dcdcdc}


/**/
.in-case-tit h3{ font-size:30px; color:#373636; line-height:30px;  padding-right:78px; }

.in-case-tit span{ display:inline-block; font-size:14px; color:#c2c2c2; line-height:30px;}
.in-case-tit span a{ color:#c2c2c2;}
.in-case{ padding-top:60px; padding-bottom:15px;}
.in-case-tit{ padding-bottom:16px; border-bottom:1px solid #dcdcdc}






/**/
.newslists {
    
    color: #333;
  padding-top: 20px; padding-left:12px; padding-right:12px;
}

.box_10040 ul,
.box_10040 li {
    list-style: none;
}

.newslists .news-item a {
    text-decoration: none;
    color: #333;
}

.newslists .news-item {
    /*padding: 20px;*/
    margin: 15px 0px;
    border: 1px solid #eee;
    overflow: hidden;
    width: 48%;
    float: left;
    transition: all ease .3s;
    box-sizing: border-box;
    height: 123px;
}

    .newslists .news-item .date-info {
        width: 80px;
/*        height: 80px;*/
        float: left;
       
        text-align: center;
        overflow: hidden;
		padding:20px; height: 83px;
    }
.newslists .news-item .news-content .news-title a{ font-size: 20px; }
        .newslists .news-item .date-info h2 {
            height: 56px;
            line-height: 56px;
            font-size: 38px;
            color: #aaa;
            transition: all ease .3s;
        }

        .newslists .news-item .date-info h3 {
            height: 25px;
            line-height: 25px;
            color: #aaa;
            font-size: 14px;
            font-weight: normal;
            transition: all ease .3s;
        }

    .newslists .news-item .news-content {
        margin-left: 110px; padding:20px; height: 83px;
    }

        .newslists .news-item .news-content .news-title {
            font-size: 16px;
            font-weight: normal;
            margin-top: 5px;
            margin-bottom: 10px;
			color:#2c2c2c;
        }

        .newslists .news-item .news-content p {
            font-size: 14px;
            line-height: 150%;
            color: #868686;
            transition: all ease .3s;
        }

    .newslists .news-item:nth-child(2n) {
        margin-left: 30px
    }

    .newslists .news-item:hover {
       /* box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
        border: 1px solid #0c7c75;
        background: #0c7c75*/
    }
.newslists .news-item:hover .date-info{ background:#0c7c75}

.newslists .news-item:hover .news-content{ background:#0c7c75 }

        .newslists .news-item:hover .date-info h2,
        .newslists .news-item:hover .date-info h3,
        .newslists .news-item:hover .news-title a,
        .newslists .news-item:hover .news-content p {
            color: #fff
        }.newslists .news-item:hover .news-content .news-title{ color:#fff}
		
		/**/
		.footer{ background:#f9f9f9 url(../image/foot_bj.jpg) no-repeat top center;min-width: 1200px;;}
		.footer-con-l{ padding-top:54px;}
		.footer-con-l p{ color:#8b8b8b; font-size:14px; line-height:25px;}
		.footer-con-l h4{ font-size:36px; color:#0c7c75; font-family:Impact; line-height:36px; padding-top:15px;}
		.footer .footer-logo{ padding-bottom:13px;}
		.footer-con-c h2{ font-size:20px; font-weight:bold; color:#0c7c75}
		.kj ul li{ font-size:14px; color:#777777; }
		
		
	.kjnav-l h2{ font-size:20px; line-height:36px; color:#0c7c75; font-weight:bold}
.kjnav-l-01 li{ font-size:14px; color:#777777; line-height:25px;}
.kjnav-r h2{ font-size:20px; line-height:36px; color:#0c7c75;  font-weight:bold}
.kjnav-r-02 li{ font-size:14px; color:#777777; line-height:25px;}
.kjnav-l-01{ height:106px;}
.kjnav-r-02{ height:106px;}
.kjnav-r-02 li{ float:left; width:50%}

.in-contact h2{ font-size:20px; line-height:36px; color:#fff; padding-bottom:20px;}
.in-contact h3{ font-size:36px; color:#fff; padding-top:16px; line-height:36px; padding-bottom:50px;}
.in-contact p{ font-size:14px; line-height:25px; color:#8b8b8b}
.erwm{ width:17.9%}
.kjnav {
    padding-left: 10%;
    width: 39.28%; padding-top:47px;
}
.kjnav-l{ width:13%;}
.kjnav-r {
    margin-left: 32%;
    /* margin-right: 95px; */
    width: 54.5%;
}	.xhx {
    display: block;
    height: 1px;
    width: 24px;
    background:#e5007e ;
    margin-bottom: 4px;
 /*   margin-top: 16px;*/
}
.footer-con-r{width: 48%;    display: flex;    padding-top: 65px;    justify-content: space-between;    flex-wrap: nowrap;
}
.gzh-con{ width:160px; height:135px; background:#009f95; text-align:center}
.gzh-img{ text-align:center; margin-top:-23px; width:130px; height:130px;}
.gzh-con p{ color:#fff; font-size:12px; line-height:22px;}



.links {
    width: 98%;
    padding-top: 24px;
	padding-left:1%;
	padding-right:1%
}
.links a {
    color: #363636;
    font-size: 14px;
    padding-right: 30px;
    display: inline-block;
    padding-bottom: 12px;
}
.footer-con{
    border-bottom: 1px solid #0c7c75;
    padding-bottom: 8px;}



.copy {
    color: #f2f1f0;
    font-size: 14px;
    line-height: 40px;
    width: 100%;
    margin: 0 auto;
    background: #0c7c75;
}
.copycon,.copycon a{ color:#f2f1f0}




.news{ padding-top:60px; padding-bottom:15px;}




.news-tit h3{ font-size:30px; color:#267c63; }



.news-tit{ padding-bottom:10px; border-bottom:1px solid #dcdcdc; line-height:30px;}

.breadcrumb1 {
    font-size: 14px;
    color: #267c63;
}.breadcrumb1 {
    /*padding-top: 38px;*/
}.breadcrumb1 .first {
    font-size: 14px;
    color: #267c63;
    background: url(../image/xfz-icon.png) no-repeat left center;
    padding-left: 24px;
}



.page1 {
    text-align: center;
    margin: 30px 0;
    color: #666;
    font-size: 12px;
}.pageing .list_no dt, .pagination {
    display: inline-block;
    margin-right: 24px;
}.pageing .list_no dd, .pagination li {
    display: inline-block;
    margin-right: 6px;
}.pageing .list_no dd a, .pagination li a {
    display: inline-block;
    font-size: 12px;
    padding: 7px 12px;
}.pagination .active {
    color: #fff;
}.pagination .active a {
    color: #fff;
    background: #0c7c75;
}.pageing .list_no dd a, .pagination li a {

    border: 1px #d5d5d5 solid;
  
}



/**/
.prolm{ width:12.9%; border:1px solid #0c7c75}
.prolm h3{ background:#0c7c75; font-size:24px; color:#ffff; line-height:60px; text-align:center}
.prolm ul li{ font-size:16px; color:#565656; line-height:16px; padding-top:24px; padding-bottom:16px; margin:0 8px; border-bottom:1px solid #e8e8e8}

.pro-list{ width:100%; margin-top: 30px;}
 .tabs-title a.selected, .tabs-title a.selected:hover {
    background: #e5007e;
    color: #fff;
}

/**/
.prod-lists .in-product .pro-item:nth-child(4n){ margin-right:0}
.prod-lists .in-product .pro-item { margin-bottom: 30px; float:left; margin-right:1.6%; width:23.8%}
.prod-lists .in-product .pro-item .pro-img { overflow: hidden; }
.prod-lists .in-product .pro-item .pro-img img { -webkit-transition: all ease .3s; transition: all ease .3s; }
.prod-lists .in-product .pro-item .caption { text-align: center; line-height:52px;/* padding: 25px 15px;*/ -webkit-transition: all ease .3s; transition: all ease .3s;    background: #0c7c75;}
.prod-lists .in-product .pro-item .caption .title {/* font-weight: bold;*/ font-size: 16px; color: #fff; -webkit-transition: all ease .3s; transition: all ease .3s; }
.prod-lists .in-product .pro-item .caption .sub-title { color: #666; margin-top: 10px; -webkit-transition: all ease .3s; transition: all ease .3s; }
.prod-lists .in-product .pro-item:hover .pro-img img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.prod-lists .in-product .pro-item:hover .caption { background-color: #0c7c75 ; }
.prod-lists .in-product .pro-item:hover .caption .title { color: #fff; }
.prod-lists .in-product .pro-item:hover .caption .sub-title { color: #fff; }
/**/
.lefttjlist{/* width: 240px;*/ /*border: 1px solid #d0a267*/}
.lefttjlist .message_title {
    width: 100%;
    /* background: #c89a69; */
    color: #009f95;
    height: 60px;font-weight:600;
    line-height: 60px;
    text-align: left;
    font-size: 24px;
    border-bottom: 2px solid #009f95;
}
.lefttjlist .message_title span b{ font-size:24px; font-weight: normal;}
.lefttjlist .message_title a{ display: none;}
.lefttjlist .message_title .more{ display: none; text-decoration:none; color:#FFF; padding-right:10px;}
.lefttjlist .message_title .more:hover{text-decoration:none; color:#FF0}
.lefttjlist .message{font-size:14px; width:100%;}
.lefttjlist .message li{line-height:40px;border-bottom:1px dashed #dbdbdb;}
.lefttjlist .message li a{ text-decoration:none; color:#666; font-size:14px;}
.lefttjlist .message li a:hover{ text-decoration:none; color:#c49c5e}
.lefttjlist .message .message_li .message_date{ display: none; color:#c49c5e}
.xbnum {
    background: #0c7c75;
    border-radius: 50%;
    width: 20px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-align: center;
   /* box-shadow: 0px 0px 5px #c89a69f7;*/
}
.pagecon p{ font-size: 18px; line-height: 200%; margin-top: 10px; text-indent: 2em }
.nscontent{ padding-bottom: 30px; }
/**/

.sx_con{ font-size:12px; color:#666;}
.sx_con .title{ text-align:center; border-bottom:#bbbbbb2e 1px solid; padding-bottom:10px;}
.sx_con .title h1{ color:#336699; font-size:14px; line-height:30px;}
.sx_con .title p span{ margin:0 10px;}
.sx_con .contMain{ padding:20px 0; line-height:200%;}
.sx_con .contMain .tiyao{ font-size: 14px; display: none; border:#E0E0E0 1px dashed; background:#F5F8FC; padding:10px; margin-bottom:30px;}
.sx_con .change{ margin-top:10px;}
.sx_con .change a{ color:#666; text-decoration:none; font-weight:normal;}
.sx_con .change a:hover{ color:#c49c5e;}
.sx_con .change .lastone{ color:#666666;}
.sx_con .key{ background:#F8F8F8 url(/iFile/165/artIcon.gif) no-repeat 10px 10px; height:30px; line-height:30px; padding-left:30px; margin-top: 30px;}
.sx_con .key a{ color:#4A628D; text-decoration:none;}
.sx_con .newslist h2{ font-size:14px; font-family:"微软雅黑",Arial; color:#505050; height:30px; line-height:30px;}
.sx_con .newslist li a{ color:#666; text-decoration:none; line-height:26px;}
.sx_con .title .title1{ font-size: 28px !important;color: #333;/*margin-bottom:30px !important;*/}
.nscontent p {
    font-family: "微软雅黑";
    text-indent: 2em;
    font-size: 16px;
    line-height: 200%;
    margin-top: 10px;
}
.show_sx{ padding: 50px 0px;color: #414141 }
.show-prev-next{ margin-bottom: 10px; }
.show_sx a{color: #414141; font-size: 14px;}
.show_sx strong{ font-size: 16px; font-weight: normal; }
/**/
.pet-con1{ width:100%%;/* background: rgba(71,134,211,0.8);*/ padding-top:56px; padding-bottom:88px; }
.pet-con1 h3{ font-size:24px; color:#494949; line-height:24px;/* padding-bottom:12px; */font-weight:normal}
.pet-con1 h2{color:#0c7c75; font-size:23px; line-height:23px; padding-top:20px; padding-bottom:20px; }
.pet-con1 h4{ color:#0c7c75; font-size:39px; line-height:39px; font-weight:bold; padding-bottom:52px; /*padding-top:6px; padding-bottom:31px;*/}
.pet-con-p1 p{ font-size: 16px; line-height:200%; text-indent:2em; color:#838383; text-align: justify;}
.rc-page-con{ font-size:16px; line-height:200%; text-indent:2em; margin-top:5px; /*padding:50px 0*/ padding-top:12px; padding-bottom:80px;}
.rc-page-con img,.rc-page-con iframe{margin-left:-2em;}

/**/
.cont {
    margin-bottom: 50px;
    padding-top: 60px;
}.lyb {
}.lyb .u-name, .lyb .u-tel, .lyb .u-email {
    width: 60%;
}.lyb .list {
    float: left;
    width: 100%;
    padding: 10px 0;
}.lyb .form-control {
    width: 100%;
    height: 45px;
    padding: 0 10px;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    outline: 0;
    color: inherit;
    font-family: inherit;
}.lyb .validate {
    float: left;
    width: 110px;
}


.lyb .ver-wrap {
    float: left;
    margin-left: 15px;
    line-height: 45px;
    color: #999;
    text-decoration: none;
}.lyb .ver-wrap img {
    vertical-align: middle;
}


.lyb .btn-submit {
    background: #2a2e74;
    position: relative;
}
.lyb .btn-submit, .lyb .btn-reset {
    width: 120px;
    margin-right: 20px;
    cursor: pointer;
    border-color: #2a2e74;
    color: #fff;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
}
.contact-lx-con {
    background: rgba(255, 255, 255,0.8);
    padding: 50px 20px 60px 25px;
}
.cont-it {
    display: flex;
    align-items: center;
    margin: 15px 0;
}
.fcl{color:#}
.cont-it h2 {
    font-size: 26px;
    margin-bottom: 20px;
	font-weight:bold
}
.cont-it {
    display: flex;
    align-items: center;
    margin: 15px 0;
}
.cont-it p {
    margin: 0 20px 0 0;
    border: 1px solid #0c7c75;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
}.cont-it p i {
    font-size: 24px;
    color: #666;
}.fa {
    display: inline-block; color:#0c7c75}
	.cont-it .txt h4 {
    font-size: 14px;
    margin-bottom: 5px;
	/*font-weight:bold*/
}.cont-it .txt span {
    font-size: 16px; font-weight:bold;
    color: #0c7c75;
}

.proimgs .in-product .pro-item { margin-bottom: 30px; }
.proimgs .in-product .pro-item .pro-img { overflow: hidden; }
.proimgs .in-product .pro-item .pro-img img { -webkit-transition: all ease .3s; transition: all ease .3s; }
.proimgs .in-product .pro-item .caption { text-align: center; line-height: 52px; /*padding: 25px 15px; */-webkit-transition: all ease .3s; transition: all ease .3s;    background: #f0f1f2;}
.proimgs .in-product .pro-item .caption .title {/* font-weight: bold;*/ font-size: 16px; color: #393939; -webkit-transition: all ease .3s; transition: all ease .3s; }
.proimgs .in-product .pro-item .caption .sub-title { color: #666; margin-top: 10px; -webkit-transition: all ease .3s; transition: all ease .3s; }
.proimgs .in-product .pro-item:hover .pro-img img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.proimgs .in-product .pro-item:hover .caption { background-color: #0c7c75 ; }
.proimgs .in-product .pro-item:hover .caption .title { color: #fff; }
.proimgs .in-product .pro-item:hover .caption .sub-title { color: #fff; }

@media (max-width: 768px) { .proimgs .in-product { padding: 0 5px; }
  .proimgs .in-product .pro-item { margin-bottom: 20px; padding: 0 10px; }
  .proimgs .in-product .pro-item .caption { padding: 15px 5px; }
  .proimgs .in-product .pro-item .caption .title { font-size: 16px; }
  .proimgs .in-product .pro-item .caption .sub-title { font-size: 14px;  display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} }

.proimgs .m-page { text-align: center; margin: 50px 0; }
.proimgs .m-page .pagination > li > a, .proimgs .m-page .pagination > li > span { color: #777;     margin: 0 5px;}
.proimgs .m-page .pagination > .active > a, .proimgs .m-page .pagination > .active > span, .proimgs .m-page .pagination > .active > a:hover, .proimgs .m-page .pagination > .active > span:hover, .proimgs .m-page .pagination > .active > a:focus, .proimgs .m-page .pagination > .active > span:focus { background-color: #2694f3 ; border-color:#2694f3 ; color: #fff; }
.proimgs .m-page .pagination > li > a:hover, .proimgs .m-page .pagination > li > span:hover, .proimgs .m-page .pagination > li > a:focus, .proimgs .m-page .pagination > li > span:focus { background-color: #2694f3 ; border-color: #2694f3 ; color: #fff; }

@media (max-width: 768px) { .proimgs .m-page { margin: 0; } }
.proimgs .in-product .pro-item {
    width: 23%;
}

.proimgs .in-product .pro-item{
    float: left;
    margin-bottom: 30px;
    padding: 0 1%;
}


.proimgs .in-product .pro-item img {
    max-width: 100%;
    vertical-align: middle;
    border: none;
    transition: all .3s;
}


.proimgs .in-product .pro-item .pro-img {
    /* height: 180px; */
    overflow: hidden;
    background: #fff;
    position: relative;
}

.proimgs{ padding-top: 30px; }


/**/
.xm-content * {
    margin: 0;
    padding: 0
}

.xm-content ul li {
    list-style: none
}

.xm-content img {
    border: 0
}
.xm-content .clearfix:after {
    display: block;
    content: "";
    clear: both;
}
.xm-content .small-img {
    display: flex;
    align-items: center;
    justify-content: center
}

.xm-content .clearfix:before,
.xm-content .clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}

.xm-content .magnifier {
 /*   width: 500px;*/
    position: relative;
    float:left;
    max-width: 43%;
}

.xm-content .magnifier-container {
/*    width: 500px;*/
    height: 500px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd; max-width: 100%;
    
}

.xm-content .images-cover {
    height: 100%;
    width: 100%;
    position: relative
}

.xm-content .images-cover img {
    position: absolute;
    max-width: 100%;
}

.xm-content .magnifier-assembly {
    height: 100px;
    overflow: hidden;
    position: relative;
    padding:4px 30px;
    margin-top:10px;
    border:1px solid #ddd;
}

.xm-content .magnifier-btn {
    position: absolute;

    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -40px
}

.xm-content .magnifier-btn span {
    line-height: 80px;
    height: 80px;
    width: 20px;
    background:#fff url(../image/prev2.jpg) center center no-repeat;
    display: block;
    z-index: 9998;
    text-align: center;
    cursor: pointer;
    border-radius: 3px
}

.xm-content .magnifier-btn .magnifier-btn-left {
    float: left;
}

.xm-content .magnifier-btn .magnifier-btn-right {
    float: right;
        background: #fff url(../image/next2.jpg) center center no-repeat;
}

.xm-content .magnifier-line {
    position: relative;
    overflow: hidden;
    height: 80px;
        padding:10px 0;
}

.xm-content .magnifier-line ul {
    display: block;
    font-size: 0;
    width: 10000%;
    position: absolute;
    left: 0;
    z-index: 9997
}

.xm-content .magnifier-line li {
    float: left;
    width: 134px;
    cursor: pointer
}

.xm-content .magnifier-line ul>.active .small-img img{
    border:2px solid #de0124;
    width:100px;
    height:65px;
}

.xm-content .small-img {
    margin: 5px;
    overflow: hidden;
    text-align: center;

}

.xm-content .small-img img{
    width: 130px;
    height: 74px;
        -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;

}

.xm-content .magnifier-view {
    width: 100%;
    height: 100%;
    position: absolute;
    right: -105%;
    top: 0;
    z-index: 9999;
    background-color: #fff;
    display: none;
    overflow: hidden;
    border:1px solid #ddd;
}

.xm-content .magnifier-view img {
    max-width:200%;
    display: block
}

.xm-content .animation03 {
    transition: all .3s ease-in .1s;
    -ms-transition: all .3s ease-in .1s;
    -moz-transition: all .3s ease-in .1s;
    -webkit-transition: all .3s ease-in .1s;
    -o-transition: all .3s ease-in .1s
}


.xm-content .cp_miaoshu{
    width: 47%;
    margin-left: 40px;
    float: left;
    height: 422px;
    padding-top:20px;
    padding-bottom:5px;
    }
    .xm-content .cp_miaoshu .cp_title{
            font-size: 26px;
    font-weight: 600;
    
    border-bottom: 1px #d5d5d5 dashed;
    color: #e6007f;
    font-family: "微软雅黑";
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 15px;
    overflow: hidden; margin-bottom: 15px;
    }
    .xm-content .cp_miaoshu .cp_con{
            padding-top: 10px;
    padding-bottom: 20px;
    }
    .xm-content .cp_miaoshu .cp_con .cp_type{
            line-height: 30px;
    color: #444;
    font-family: "微软雅黑",;
    font-size: 18px;
    font-weight: 400;
    display: block;
    }
.xm-content .cp-dec{
    margin-bottom: 20px;  margin-right: 5%;
}
.xm-content .cp-dec p{
    font-size:14px;
    color:#666;
    line-height: 28px;
    text-align: justify;

    -webkit-line-clamp:3;
   
    min-height: 30px;
}
    .xm-content .online li{
        font-size:14px;
        margin-top:8px;
    }
.xm-content .online li a{
        display: inline-block;
    vertical-align: middle;
    }
    .xm-content .phone{
        font-size:20px;
        color:#ca0a1d;
        font-weight:bold;
        margin-top:20px;
        padding-bottom:20px;
        width:310px;
    }
    .xm-content .phone span{
        font-size:26px;
        color:#fb6028;
                line-height: 40px;
    }

.move-view,.magnifier-view{display: none !important;}
.xm-con{ /*margin-left: 40px;*/ margin-top: 40px; }
.jzewm{ width: 45%; }
.jzewm img{ max-width: 100%; }
.jzewm p{text-align: center; font-size: 20px; color: #de0124; text-indent: 0; line-height: 30px; letter-spacing: 6px;font-weight: 600}


.xq-con .product_title {
    border-bottom: 1px solid #dedede;
    margin-bottom: 40px;
    padding-bottom: 15px;
    margin-top: 50px;
}
.zxjz-url{ padding-top: 20px; }
.zxjz-url span{ display: inline-block; background: #de0124; font-size: 20px; padding: 10px 30px; color: #fff }

.xm-content .images-cover img {
    position: absolute;
    max-width: 100%;
}.product_title b {
    font-size: 24px;
    font-weight: normal;
    color: #333;
    padding-left: 34px;
    background: url() no-repeat left center;
}.cl-content p {
    font-size: 16px;
    line-height: 200%;
    margin-top: 10px;
    text-indent: 2em;
}
.show-img-con{ width:76%; margin:0 auto; margin-top:50px;}
.header .navbar_nav .selected a{ color:#0c7c75; font-weight:bold}
.in-prolm ul li:hover a{ color:#0c7c75; font-weight:bold }
.prolm ul li:hover a{color:#0c7c75; font-weight:bold}
.prolm ul li.selected{color:#0c7c75; font-weight:bold}
.prolm ul li.selected a{color:#0c7c75; font-weight:bold}
.lxfs-gzhewm{ width:125px; height:125px;}
.lxfs-gzhewm img{ width:100%}
.lxfs-ywzx h5{ font-size:14px; font-weight:normal }
.lxfs-ywzx h4{ font-size: 36px;
    color: #0c7c75;
    font-family: Impact;
    line-height: 46px;
   }
.lxfs-ywzx	p{color: #8b8b8b;
    font-size: 14px;
    line-height: 20px;}
	.lxfs-ywzx{ padding-left:30px;}
	.lxfs-gzhewm{ padding-left:30px;}
	.xm-content{ position:relative}
	.lxfs{ position:absolute; top:176px;}
	.pro-img img{ max-width: 100% }

	.in-pro-lm img{max-width: 100%; border: none; vertical-align: top;}

.in-pro-lm {  padding: 10px 0; color: #444; padding-top: 30px; }
.in-pro-lm .tabs-title { /*text-align: center;*/ background: #0c7c75; width: 100%; font-size: 0}
.in-pro-lm .tabs-title a{ display: inline-block;  color: #fff; font-size: 16px; line-height: 16px; padding: 20px 5.9%; -webkit-transition: all .3s ease;  transition: all .3s ease; text-align: center;   }

.in-pro-lm .tabs-title a:last-child:after{ display: none; }

.in-pro-lm .tabs-title a:hover{ background: #e6007e; color: #fff;}
.one{width:1400px;}
@media screen and (max-width: 1680px) {
 .one{ width:1200px; }
 .in-pro-lm .tabs-title a{  padding: 20px 4.3%;}
  }
@media all and (min-width:1200px) and (max-width:1440px) {

.in-pro-lm .tabs-title a{    padding: 20px 4.3%;
}

.one{ width:1200px; }
}
@media screen and (max-width: 1200px) {
 .one{ width:1200px; }
  }