body{background-color: #fff}
a {
    text-decoration: none;
    color: inherit;
}
/*====================导航*********/
.header{
	width:100%;
/*	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: 342px;
}
/*.header .navbar_nav li:hover a{ color: #fff }*/
.header .left a img{
	/*height: 40px;*/
	margin-top: 18px; margin-bottom:18px;
	max-width: 100%;
}
.header .left .img2{
	display: none;
}
/*右侧*/
.header .nav{
	width: 57%;
	-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-right: 3%*/ padding:0 1.8%; margin: 25px 0;
}
.header .navbar_nav li:last-child{ margin-right: 0 }
.header .navbar_nav li:after{
    /*content: "";
    width: 0;
    height: 1px;
    background: #002673;
    position: absolute;
    bottom: 15px;
    left: 0;
    transition: all 0.5s ease 0s;*/
}
.header .navbar_nav li:hover:after{
    /*width: 100%;*/
}
.header .navbar_nav li.selected{ background: #006dc3; border-radius: 10px; }
.header .navbar_nav li.selected a{ color: #fff }
.header .navbar_nav li a{
	text-decoration: none;
	height: 100%;
	/*padding: 0 25px;*/
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #000; line-height:50px; height: 50px; /*padding: 25px 0;*/
	font-size: 18px;
}
/*.header .navbar_nav li:hover a{
	color: #003ab0;
}*/
.header .navbar_nav li.dropdown{
	display: inherit;
	position: relative;
}
.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:60px;
	
	background: #fff;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width:185%;
    left: -35%; z-index:10000;
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	font-size: 14px;
	color: #666;
	padding: 0 10px;
	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: #0050b3;
}
/*白色背景的头部*/
.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;
}
.xm-content{ position: relative; }
.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;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}

@media screen and (max-width: 992px){
	.header{
		padding: 0 10px;
	}
	.header #navToggle {
		height: 100%;
		padding: 9px 15px;
		margin-right: -15px;
		display: inline-block;
		float: right;
	}
	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
		margin-top: 19px;
	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 1px;
		left: 0;
	}
	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		display: block;
		background: #4f4f4f;
	}
	.header #navToggle span:before {
		top: 8px;
	}
	.header #navToggle span:after {
		bottom: 10px;
	}
	.header #navToggle.open span:before {
		top: 10px;
		-webkit-transform: translateY(-11px) rotate(-45deg);
		-moz-transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
		-o-transform: translateY(-11px) rotate(-45deg);
		transform: translateY(-11px) rotate(-45deg);
	}
	.header #navToggle.open span:after {
		bottom: 12px;
		-webkit-transform: translateY(10px) rotate(45deg);
		-moz-transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
		-o-transform: translateY(10px) rotate(45deg);
		transform: translateY(10px) rotate(45deg);
	}
	.header #navToggle.open span {
		background: none;
	}
	.header #navToggle.open span:before,
	.header #navToggle.open span:after {
		background: #4f4f4f;
	}
	
	.header .nav{
		display: none;
	}
	
	.banner img{
		height: 600px;
		object-fit: cover;
	}
}


.banner{ width:100%; height:585px; 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:500px; 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 #14ab04;}
.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:25px; height:100px; background:url(../image/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:242px;}
.bar-right em{ display:block; width:25px; 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 #002673}
.in-prolm h3{ background:#002673; 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:#eaaa00; color:#000000; 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{ width:100%; margin:0 auto; background:url(../image/in-gs-bg.jpg) no-repeat; background-size:100% 100%;}
.pet-con{ width:37%;/* 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:#002673; font-size:23px; line-height:23px; padding-top:20px; padding-bottom:20px; }
.pet-con h4{ color:#002673; font-size:39px; line-height:39px; 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{ font-size:36px; line-height:36px; color:#004089; padding-top:60px;}
.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}
/**/
.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: 18px;
            font-weight: normal;
            margin-top: 5px;
            margin-bottom: 6px;
			color:#2c2c2c;
        }

        .newslists .news-item .news-content p {
            font-size: 16px;
            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 #00459b;
        background: #00459b*/
    }
.newslists .news-item:hover .date-info{ background:#f87a00}

.newslists .news-item:hover .news-content{ background:#0050b3 }

        .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:#f3f4f3;}
		.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:#0050b3; 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:#0050b3}
		.kj ul li{ font-size:14px; color:#777777; }
		
		
	.kjnav-l h2{ font-size:20px; line-height:36px; color:#0050b3; 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:#0050b3;  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:18%;}
.kjnav-r {
    margin-left: 15%;
    /* margin-right: 95px; */
    width: 66.5%;
}	.xhx {
    display: block;
    height: 1px;
    width: 24px;
    background:#f87a00 ;
    margin-bottom: 4px;
 /*   margin-top: 16px;*/
}
.footer-con-r{ padding-top:65px;}
.gzh-con{ width:160px; height:135px; background:#f87a00; text-align:center}
.gzh-img{ text-align:center; margin-top:-23px;}
.gzh-con p{ color:#fff; font-size:12px; line-height:22px;}



.links {
    width: 100%;
    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 #005dd3; padding-bottom:8px;}



.copy {
    color: #f2f1f0;
    font-size: 14px;
    line-height: 40px;
    width: 100%;
    margin: 0 auto;
    background: #0050b3;
}
.copycon,.copycon a{ color:#f2f1f0}




.news{ padding-top:60px; padding-bottom:15px;}




.news-tit h3{ font-size:30px; color:#373636; }



.news-tit{ padding-bottom:10px; border-bottom:1px solid #dcdcdc; line-height:30px;}

.breadcrumb1 {
    font-size: 16px;
    color: #717171;
}.breadcrumb1 {
    /*padding-top: 38px;*/
}.breadcrumb1 .first {
    font-size: 14px;
    color: #666666;
    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: #0050b3;
}.pageing .list_no dd a, .pagination li a {

    border: 1px #d5d5d5 solid;
  
}



/**/
.prolm{ width:12.9%; border:1px solid #002673}
.prolm h3{ background:#002673; 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:77%}


/**/
.prod-lists .in-product .pro-item:nth-child(3n){ margin-right:0}
.prod-lists .in-product .pro-item { margin-bottom: 30px; float:left; margin-right:1.6%; width:31.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; max-width: 100% }
.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: #f0f1f2;}
.prod-lists .in-product .pro-item .caption .title {/* font-weight: bold;*/ font-size: 16px; color: #393939; -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: #0050b3 ; }
.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: #000;
    height: 60px;
    line-height: 60px;
    text-align: left;
    font-size: 24px;
    border-bottom: 1px solid #d3d3d3;
}
.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; padding: 0 10px;}
.lefttjlist .message li a{ text-decoration:none; color:#666; font-size:14px;}
.lefttjlist .message li a:hover{ text-decoration:none; color:#0050b3}
.lefttjlist .message .message_li .message_date{ display: none; color:#c49c5e}
.xbnum {
    background: #0050b3;
    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:#002673; font-size:23px; line-height:23px; padding-top:20px; padding-bottom:20px; }
.pet-con1 h4{ color:#002673; 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;}
/**/
.cont {
    margin-bottom: 50px;
    padding-top: 60px;
}.lyb {
    width: 100%;
}.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: 38px;
    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;
}
.cont ul {
    width: 46.6%;
}
.cont ul {
    background: rgba(255, 255, 255,0.8);
    padding: 80px 20px 100px 25px;
}
.cont-it {
    display: flex;
    align-items: center;
    margin: 15px 0;
}
.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 #999;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
}.cont-it p i {
    font-size: 24px;
    color: #666;
}.fa {
    display: inline-block;}
	.cont-it .txt h4 {
    font-size: 18px;
    margin-bottom: 5px;
	font-weight:bold
}.cont-it .txt span {
    font-size: 16px;
    color: #666;
}

.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: #f8f8f8;}
.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: #0050b3 ; }
.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: 376px;
    padding-top:20px;
    padding-bottom:5px;
    }
    .xm-content .cp_miaoshu .cp_title{
            font-size: 20px;
    font-weight: 600;
    
    border-bottom: 1px #d5d5d5 dashed;
    color: #333;
    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;
}
/**/
.inabout{ height: 640px; }
.inabout .gy{
padding:74px 0
}
.inabout .gy-img{/*position: relative;*/}
.inabout .gy img{
    position: absolute;
    right: 0;
}
.inabout .gy-txt {
    background: #fff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    padding: 50px 26px;
    margin: 95px 0 0;
}
.inabout .gy-txt h2{
    font-size: 25px; line-height: 36px; color: #333333; margin-bottom: 12px;
}
.inabout .gy-txt p{
    font-size: 14px;
    text-align: justify;
    line-height: 1.8em;
  /*  margin: 30px 0;*/ color: #717171; text-indent: 2em;
}
.inabout .gy-txt a{
    display: block;
    position: relative;
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #333;
    color: #fff;
    text-align: center;
    z-index: 0; margin-top: 15px;
}
.inabout .gy-txt a:before {
    display: block;
    content: "";
    position: absolute;
    width: 140px;
    height: 40px;
    background: #003da1;
    top: 0;
    z-index: -1;
    transition: all ease .3s;
    transform: scale(0.2);
    opacity: 0;
}
.inabout .gy-txt a:hover:before{
    transform: scaleX(1);
        opacity: 1;
}

/**/
/**/
 .index-news{ width:100%; background:#fff; padding-top:30px; padding-bottom:60px;}
 .index-title h2{  font-size:30px; line-height:30px; font-weight:bold; color:#003da1}
  .index-title span{ font-size:16px; color:#003da1; font-weight: normal; text-transform: uppercase; }
  .index-news .more {
    display: inline-block;
   

    background: #003da1;
    text-align: center;

}
.index-news .more a {
    font-size: 14px;
    line-height: 30px;
	padding:0 30px;
    color: #fff;
}
.in-new-list{ padding-top:40px; padding-right:10px; }
.in-news-l .date-d{ font-size:47px; color:#f9f8f8; line-height:47px; padding-top:10px; }
.in-news-l .date-ym{ color:#f9f8f8; font-size:14px; line-height:36px;}
.in-news-l .tit{ color:#ffffff; font-size:18px; line-height:48px;}
.in-news-l .des{ font-size:14px; color:#ffffff; line-height:24px;}
.in-new-listl{ width:47.35%; position:relative;   }
.in-news-l{ /*position:absolute; left:0; bottom:0;*/padding:18px 50px 23px 25px;background:#003da1;}
.in-newsld{ padding-right:18px;}
.in-news-rt{ color:#555555; font-size:15px; width:86.3%; }
.in-news-item{ border-bottom:1px solid #dddddd; line-height:50px; }
.in-news-rtd{ font-size:14px; color:#9e9e9f}
.in-newsrfirst h3{ font-size:18px; color:#4b4b4b; font-weight:normal; line-height:28px; padding-bottom:15px; border-bottom:1px solid #003da1 }
.in-newsrfirst p{ font-size:14px; color:#003da1; line-height:24px; margin-top:9px;}
.in-newsrfirstl{ width:80%;}
.in-newsrfirst .date-d{ font-size:48px; color:#003da1; line-height:50px;}
.in-newsrfirst .date-ym{ font-size:14px; line-height:50px; color:#003da1}
/**/
.tp-page{ padding-top: 50px; padding-bottom: 80px; }
.inpw{ width: 70% !important }
/**/
/* fullSlide */
.fullSlide{width:100% !important;position:relative;/*height:653px;*//*background:#000;*/}
.fullSlide .bd{width:100% !important;margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:653px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:653px;}
.fullSlide .hd{width:100% !important;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:4px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#003da1;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:4%;z-index:1;width:40px;height:60px;background:url(../image/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:4%;background-position:-6px -137px;}
.tp-protit{ padding-bottom: 30px; }
.in-nfr{ width: 50% }
.in-new-limg img{ max-width: 100% }
/**/
 .anlig ul, .anlig  li { list-style: none; }
 .anlig a { text-decoration: none; color: inherit; }
 .anlig img { max-width: 100%; border: 0; vertical-align: middle; }
 .anlig em { font-style: normal; }
 .anlig .slide_c {  float: left; overflow: hidden;width: 100%;}
 .anlig .slide_c ul li { position: relative; margin-right: 9px; width: 270px; line-height: 0px; float: left; }
 .anlig .slide_c ul li em { position: absolute;width: 91%; bottom: -45px; display: block; text-align: center;background-color: rgba(0, 0, 0, .4); color: #fff;font-size: 14px; line-height: 24px; padding: 10px 10px;transition: all ease .3s; }
 .anlig .slide_c ul li:hover em { bottom:0;}
.anlig  .slide_c ul .nones { margin-right: 0px; }

.anlig .slide_c:hover .swiper-button-prev{left:0;}
.anlig .slide_c:hover .swiper-button-next{right:0;}
.anlig .swiper-button-prev {
    background: url("../image/left.png") no-repeat center center;
    background-size: 45px;
    left: -60px;
transition: all ease .3s; 
background-color: rgba(0, 0, 0, .4);
}
.anlig .swiper-button-next {
    background: url("../image/right.png") no-repeat center center;
    right: -60px;
    background-size: 45px;
background-color: rgba(0, 0, 0, .4);
transition: all ease .3s; 
}
.anlig .swiper-button-next,.anlig  .swiper-button-prev{
    top: 50%;
    width: 50px;
    margin-top: -22px;
    height:20%;
}
 .anlig .swiper-pagination{display: none;}
        @media (max-width: 768px){
            .anlig .btns{display: none;}
            .anlig .swiper-pagination{display: block;}
        }
.about-con {
    /*padding: 20px 0;*/
}.about_con {
    width: 50%;
}.about_con p {
    width: 100%;
    line-height: 200%;
    font-size: 16px;
    margin-top: 10px;
    text-indent: 2em;
    color: #8e8e8e; text-align: justify;
}
