body { background-color: #fff }
tr,td{border:1px solid #ccc}
a { text-decoration: none; color: inherit; }
/*====================导航*********/
.header { width: 100%; margin-top: 34px;/*	position:fixed;
	top:33px;
	left:0;*/ z-index: 999; height: 96px; /*padding: 0 30px;*/ background: #fff;/*background: rgba(28, 35, 39, 0.8);*/ margin-bottom: 0;}
/*左侧logo*/
.header .left { width: 12%; }
.header .left a img { margin: 6px 0; }
.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; }
.header .navbar_nav li:after { content: ""; width: 0; height: 7px; 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%; padding: 0 0.4vw; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: #000; line-height: 92px; font-size: 18px; background: url(../image/t_bj.png) no-repeat center 98px; }
.header .navbar_nav li:hover a { color: #00852f; background: url(../image/t_bj.png) no-repeat center 60px; font-weight: 600; transition: 0.6s all ease }
.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.active a { color: #00852f; background: url(../image/t_bj.png) no-repeat center 60px; font-weight: 600; transition: 0.6s all ease }
.header .navbar_nav li.dropdown .dropdown_menu { display: none; position: absolute;     top: 96px;width: 130px;background: #193580;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);left:-20px; z-index: 10000; }
.header .navbar_nav li.dropdown .dropdown_menu a { font-size: 14px; color: #fff;line-height: 40px; text-align: center;margin-bottom: 2px;background: #193580; }
.header .navbar_nav li.dropdown .dropdown_menu a:hover { font-size: 14px; color: #193580;line-height: 40px; text-align: center;margin-bottom: 2px;background: #00852f; }

.header .navbar_nav li.dropdown:hover .dropdown_menu { display: block; background: #fff; -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: #fff; }
/*白色背景的头部*/
.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; }
.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:450px; object-fit: cover; }
}
.banner { width: 100%; height: 450px; overflow: hidden; position: relative; font-size: 0 }
.b-img { height: 500px; position: absolute; left: 0; top: 0; }
.b-img a { display: block; height: 450px; float: left; }
.b-list { height: 50px; padding-top: 450px; position: relative; margin: 0 auto; z-index: 1; }
.b-list span { display: block; cursor: pointer; width: 12px; height: 12px; float: left; margin: 0 5px; _margin: 0 3px; background: #fff; }
.b-list .spcss { background: #00852f; }
.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: 245px; }
.bar-right em { display: block; width: 50px; height: 100px; background: url(../image/arrow.png) -50px 0px no-repeat; margin: 0 auto; margin-top: 245px; }
.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: 3vw 0;}
.in-left { width: 20%; CLEAR: both; }
.in-left_tel { width: 100%; margin-top: 15px; background: #ffb900; padding: 8px 0; }
.in-left_tel h3 { text-indent: 2rem; width: 100px; background: #1b3a85; height: 20px; color: #fff; line-height: 20px; font-size: 14px; font-weight: 300 }
.in-left_tel li { background: url(../image/in_left_tel_bj.png) no-repeat center bottom; font-size: 16px; text-align: center; width: 100%; height: 33px; line-height: 46px; list-style: none }
.in-prolm { width: 100%; padding-bottom: 14px; text-align:center}
.in-prolm ul li:hover{ background: #163680; color: #fff;padding: 16px 2%; margin: 0 8px;  }
.in-prolm ul li { font-size: 16px; color: #565656; padding: 16px 2%; margin: 0 8px; background: #efefef url(../image/t_arr.png) no-repeat right center; border: 1px solid #e3e3e3; width:15%; display:inline;}
.in-prolm ul li.on { background: #163680;  color: #ffff; font-weight: 600 }
.in-prolm ul li:hover.on a { color: #fff; }


/**/
.sdpet { width: 100%; margin: 30px auto; background: url(../image/in-gs-bg.jpg) no-repeat/* fixed center center*/ bottom center; height: 772px;clear:both; }
.pet-con { width: 76%; /*padding-left: 5%;*/ padding-top: 56px;  padding-right: 5%; position: relative; height: 620px; }
.pet-con h3 { font-size: 1.6rem; color: #fff; line-height: 24px;/* padding-bottom:12px; */ font-weight: normal }
.pet-con h2 { color: #ffffffe0; font-size: 1.2rem; line-height: 23px; padding-top: 20px; padding-bottom: 20px; }
.pet-con h4 { color: #fff; font-size: 2rem; line-height: 39px; font-weight: bold; padding-bottom: 2rem; text-shadow: 1px 1px 2px #003399; /*padding-top:6px; padding-bottom:31px;*/ }
.pet-con-p { font-size: 16px; line-height: 200%; text-indent: 2em; color: #ffff; text-align: justify; }
.in-tel { position: absolute; left: 5%; bottom: 10%; background: url(../image/in-tel.png) right center no-repeat; width: 355px; height: 67px }
.in-news-tit h3 { font-size: 30px; color: #373636; line-height: 30px; 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: 10px; 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; }
.newslists .news-item .date-info { width: 80px; /*        height: 80px;*/ float: left; text-align: center; overflow: hidden; padding: 20px; }
.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; }
.newslists .news-item .news-content .news-title { font-size: 16px; font-weight: normal; margin-top: 5px; margin-bottom: 10px; color: #2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.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 { background: #f9f9f9 }
.newslists .news-item:hover .date-info { background: #f0f0f0 }

/**/
.footer { background: #333;clear: both; }
.footer-con-l { padding-top: 6px;}
.footer-con-l img{max-height:100%;}
.footer-con-l .footer-logo{background:url(../image/footer-logo.png) no-repeat left center;
    height: 160px; width:60px}
.footer-con-l p { color: #8b8b8b; font-size: 14px; line-height: 30px; }
.kj ul li { font-size: 14px; color: #777777; }
.kjnav-l h2 { font-size: 20px; line-height: 36px; color: #1b3a85; 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: #1b3a85; 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% }
.kjnav-r-02 li a{color:#666}
.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: 1%; width: 94%; padding-top: 26px; background:url(../image/ewm.png) no-repeat right bottom}
.kjnav-l { width: 53%; font-size: 14px; line-height: 180%; color: #7c7c7c; margin-top: 0.8vw; }
.kjnav-r {/*  margin-left: 10%; margin-right: 95px; */ width:46.5%}
.xhx { display: block; height: 1px; width: 24px; background: #eaaa00; margin-bottom: 4px;/*   margin-top: 16px;*/ }
.footer-con-r { padding-top: 65px; }
.gzh-con { width: 160px; height: 135px; background: #eaaa00; text-align: center }
.gzh-img { text-align: center; margin-top: -23px; }
.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 {padding-bottom: 8px; }
.copy { color: #f2f1f0; font-size: 14px; line-height: 40px; width: 100%; margin: 0 auto; background: #1b1b1b; }
.copycon, .copycon a { color: #f2f1f0 }
.news { padding-top: 2vw; 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: #00459c; }
.pageing .list_no dd a, .pagination li a { border: 1px #d5d5d5 solid; }
/**/
.prolm { width: 15.9%; border: 1px solid #1b3a85 }
.prolm h3 { background: #1b3a85; font-size: 24px; color: #ffff; line-height: 60px; text-align: center }
.prolm ul li { font-size: 15px; color: #565656; line-height: 16px; padding-top: 24px; padding-bottom: 16px; margin: 0 8px; border-bottom: 1px solid #e8e8e8 }
.pro-list { width: 79% }

/**/
.lefttjlist { background: #f0f0f0a9; border: 1px solid #eee; }
.lefttjlist .message_title { width: 100%; background: #1b3a85; color: #fff; height: 50px; line-height: 50px; text-align: center; 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; padding: 5px; min-height: 200px;}
.lefttjlist .message li { line-height: 40px; border-bottom: 1px solid #dbdbdb; padding: 0 10px; padding: 0 5px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.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: #00852f; 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;*/ }
.content p,.pagecon p { font-size: 16px; line-height: 200%; margin-top: 10px; text-indent: 2em }
.nscontent { padding-bottom: 30px; }
/**/
/**/
.con-bg{background:url(../image/bj_con.jpg) no-repeat; height:640px; background-size:100% 100%}
.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; 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; }
.nscontent img {max-width:100%}
.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: #1b3a85; font-size: 23px; line-height: 23px; padding-top: 20px; padding-bottom: 20px; }
.pet-con1 h4 { color: #1b3a85; 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: 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; }
.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: 16px; margin-bottom: 5px; font-weight: bold }
.cont-it .txt span { font-size: 14px; 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; 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: 18px; 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: #2694f3; }
.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: 25%; }
.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 { max-width: 400px; position: relative; float: left; width: 32%; }
.xm-content .magnifier-container { width: 450px !important; height: 416px!important; 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: 80px; overflow: hidden; position: relative; padding: 4px 0px; 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/pro.png) 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/next.png) center center no-repeat; }
.xm-content .magnifier-line { position: relative; overflow: hidden; height: 80px; }
.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: 60px; cursor: pointer; }
.xm-content .magnifier-line ul>.active .small-img img { border: 1px solid #a6a6a6; width: 50px; margin: 2px; height: 65px; }
.xm-content .small-img { margin: 5px; overflow: hidden; text-align: center; }
.xm-content .small-img img { height: 60px; -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: 53%; margin-left: 40px; float: left; height: 422px; 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; }
.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 { width: 100%; clear: both; 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%; height: 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: #025136; font-weight: bold; border-bottom: 2px solid #025136 }
.prolm ul li:hover a { color: #fff; text-indent: 2em; }
.prolm ul li.selected { color: #fff; background: #1b3a85; font-weight: bold }
.prolm ul li.selected a { color: #fff; 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: #0e48bd; 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; bottom: 0 }
/**/
.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: #33357a }
.index-title span { font-size: 16px; color: #25b2a7; }
.index-news .more { display: inline-block; background: #28afa9; 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: #aaaaaf; line-height: 47px; }
.in-news-l .date-ym { color: #aaaaaf; font-size: 14px; line-height: 36px; }
.in-news-l .tit { color: #2c2c2c; font-size: 16px; line-height: 32px; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.in-news-l .des { font-size: 14px; color: #868686; line-height: 24px; }
.in-new-listl { width: 47.35%;height:460px;  position: relative; overflow: hidden; }
.in-new-listl img { max-width: 100%;height:340px; }
.in-news-l {margin-top:10px;}
.in-newsld { padding: 0 17px;margin-right:10px;    background: #f0f1f0;}
.in-news-rt { color: #555555; font-size: 15px; width: 86.3%; }
.in-news-item { border: 1px solid #ddd; line-height: 50px;padding:1.45rem;margin-bottom:1rem }
.in-news-item:hover{border: 1px solid #00852f;}
.in-news-item  .in-newsld { padding: 0 17px;margin-right:10px;    background: #fff;}
.in-news-item .date-d { font-size: 47px; color: #aaaaaf; line-height: 47px; }
.in-news-item .date-ym { color: #aaaaaf; font-size: 14px; line-height: 36px; }
.in-news-item .tit { color: #2c2c2c; font-size: 16px; line-height: 32px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-news-item .des { font-size: 14px; color: #868686; line-height: 24px; }

.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 #b5e5e1 }
.in-newsrfirst p { font-size: 14px; color: #25b2a7; line-height: 24px; margin-top: 9px; }
.in-newsrfirstl { width: 80%; }
.in-newsrfirst .date-d { font-size: 48px; color: #25b2a7; line-height: 50px; }
.in-newsrfirst .date-ym { font-size: 14px; line-height: 50px; color: #25b2a7 }
.in-nfr { width: 48% }
.in-newsrfirst { width: 100% }
.in-newsrfirstl { width: 80% }
/**/
.list-con{padding:25px 20px 20px;    width: 448px; position:relative;}
.list-con-a{width:40px; height:60px; background:rgba(0,0,0,.6); border-radius:0; position:absolute; left:-80px; top:114px;margin-left: 10%; overflow:hidden;}
.list-con-a a:after{ content:'<'; font-size:40px; font-family:'宋体'; line-height:60px; text-align:center; color:rgba(255,255,255,.6);display:block; width:40px; height:60px;}
.list-con-a .next{ display:block; width:60px; height:60px;}
.list-con-c{width:40px; height:60px; background:rgba(0,0,0,.6); border-radius:0; position:absolute; right:-80px; top:114px;overflow:hidden;}
.list-con-c a:after{ content:'>'; font-size:40px; font-family:'宋体'; line-height:60px; text-align:center; color:rgba(255,255,255,.6);display:block; width:40px; height:60px;}
.list-con-c .prev{display:block; width:40px; height:60px;}
.list-con-b li{margin-right:20px;height:240px; float: left; list-style:none;min-width:202px}
.list-con-b li img{height:100%;display:block; }
.list-con-b li span{display:block; text-align:center; height:40px; line-height:40px;overflow: hidden; }
.list-con-b li a{color:#fff; text-decoration:none; font-size:16px;color: #474747;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
#ISL_Cont_1d1{ float: left; overflow:hidden; max-height:300px;}
.mt20{margin-top:20px;}
#projj{ margin: 2rem auto;min-height:100px; font-size:16px;line-height:200%;border:1px dotted #ccc;background:#f0f0f0; text-indent:2em;   width: 96%;   padding: 1rem;}

.floor-side-right {
/*	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;*/
}

.prolist li{width:23%;margin:20px 1%;height:350px; background:#fff;/*border-radius:10px!important;*/ border-bottom:1px solid #f0f0f0; float:left;transition: all ease .3s; }
.prolist li div {width:100%;height:280px;margin:10px auto; overflow:hidden; text-align:center;border-bottom:1px solid #f9f9f9; }
.prolist li div img{/*max-width:100%;*/height:280px; vertical-align:middle;}
.prolist li p{height:40px; text-indent:1em; line-height:40px; font-size:14px; text-align:left;}
.prolist li p span{background: #fff url(../image/arr_jt.png) 0px center no-repeat; float:right; width:60px;height:40px; transition: all ease .3s;}
.prolist li p a{color:#444}
.prolist li:hover p span{border-left:1px solid #f0f0f0; transition: all ease .3s;background: #fff url(../image/arr_jt.png) 20px center no-repeat;}
.prolist li:hover{border-bottom:1px solid #25b2a7;transition: all ease .3s;}

.prod-lists {clear:both;width:100%;padding-top:2rem}
.prod-lists .pro-item:nth-child(3n){ margin-right:0}
.prod-lists .pro-item { margin-bottom: 30px; float:left; margin-right:2%; width:32%}
.prod-lists .pro-item .pro-img { overflow: hidden;height: 26vh; }
.prod-lists .pro-item .pro-img img { -webkit-transition: all ease .3s; transition: all ease .3s; width: 100% }
.prod-lists .pro-item .caption { text-align: center; line-height:52px;/* padding: 25px 15px;*/ background: #f9f9f9;-webkit-transition: all ease .3s; transition: all ease .3s;    }
.prod-lists .pro-item .caption .title { font-weight:300;font-size: 16px; color:#666; -webkit-transition: all ease .3s; transition: all ease .3s;     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.prod-lists .pro-item .caption .sub-title { color: #666; margin-top: 10px; -webkit-transition: all ease .3s; transition: all ease .3s; }
.prod-lists .pro-item:hover .pro-img img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.prod-lists .pro-item:hover .caption { background-color: #1771cb ; font-size:18px; font-weight:600}
.prod-lists .pro-item:hover .caption .title { color: #fff; }
.prod-lists .pro-item:hover .caption .sub-title { color: #fff; }
.clearfix::before,.clearfix::after{content:''; display:table;clear:both;}

.bcontent{width:1200px;margin:20px auto;padding:10px;border:1px solid #f0f0f0; background:#fff;}
.wfl{float:left; width:208px;margin-right:10px;}
.wfr{float:right; width:980px;min-height:600px; border-left:1px solid #f0f0f0;}
.left_menu{margin-top:10px}
.left_menu li{background:#eee url(../image/m_arr.png) no-repeat 10px center; margin-bottom:4px;height:40px; line-height:40px;font-size:15px; text-align:center;}
.left_menu li.active,.left_menu li:hover{background:#e50102 url(../image/m_arr1.png) no-repeat 10px center;}
.left_menu a li.active,.left_menu a li:hover{color:#fff}
body{background:#f9f9f9;}
.location{background:#f0f0f0; text-indent:1em;  height:40px; line-height:40px;font-size:14px;}
.wcontent{width:96%; margin:20px auto;}
.wcontent p{ text-indent:2em; line-height:200%;font-size:16px;}
.wcontent p img{text-indent:0 !important;max-width: 96%; margin:10px 0;}

/*产品多图*/
.magnifier {
     width: 920px;
    position: relative;
    float: left;
    width: 100%;
}
.magnifier * {
    margin-bottom: 20px;
    padding: 0;
}.magnifier-container {
    /* width: 500px; */
    height: 500px;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    max-width: 100%;
}.images-cover {    height: 100%;    width: 100%;    position: relative;}
.images-cover img { position: absolute;width:430px; height:560px; }
	img {    border: 0;}.move-view, .magnifier-view {
    display: none !important;
}.magnifier-assembly {
    height: 100px;
    overflow: hidden;
    position: relative;
    padding: 4px 30px;
    margin-top: 10px;
    border: 1px solid #ddd;
}.magnifier-assembly {
    height: 100px;
    overflow: hidden;
    position: relative;
    padding:4px 30px;
    margin-top:10px;
    border:1px solid #ddd;
}

.magnifier-btn {
    position: absolute;

    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -40px
}

.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
}

.magnifier-btn .magnifier-btn-left {
    float: left;
}

.magnifier-btn .magnifier-btn-right {
    float: right;
        background: #fff url(../image/next2.jpg) center center no-repeat;
}

.magnifier-line {
    position: relative;
    overflow: hidden;
    height: 80px;
        padding:10px 0;
}

.magnifier-line ul {
    display: block;
    font-size: 0;
    width: 10000%;
    position: absolute;
    left: 0;
    z-index: 9997
}

.magnifier-line li {
    float: left;
    width: 64px;
    cursor: pointer
}

.magnifier-line ul>.active .small-img img{
    border:2px solid #de0124;
   /* width:100px;*/
    height:65px;
}

.small-img {
    margin: 5px;
    overflow: hidden;
    text-align: center;

}

.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;

}

.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;
}

.magnifier-view img {
    max-width:200%;
    display: block
}

.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
}
.news-list li{line-height:46px;background:url(../image/m_arr.png) no-repeat left center;text-indent:2em;border-bottom:1px solid #f0f0f0;transition:.6s all ease;}
.news-list li:hover{text-indent:3em;font-weight:600; transition:.6s all ease;}
.news-list li span{float:right;margin: 0;font-size:14px; color:#666}
.in_news {width:96%; margin: 0 auto}
.in_news li{line-height:35px;border-bottom:1px solid #f0f0f0; clear:both}
.in_news li span{float:right; font-size:14px; color:#ddd;margin:0;}

.incase li{ width:100%;margin-left:2.6%; height:370px; float: left; position: relative;overflow: hidden; text-align:center}
.incase li #div1{position: absolute; top:30px;height:200px; width:100%; z-index:1; transition: all ease-in .5s }
.incase li #div2{position: absolute; bottom: -110px;background: #fff;height:150px; width: 100%; z-index:2;  }
.incase li #div2 h4{color:#3b3b3b !important; border-bottom: 1px solid #f0f0f0; font-size:15px; font-weight: 600; line-height: 180%; text-align:center}
.incase li #div2 p{color:#7f7f7f !important;    margin-left: 10px;  text-align:center}
.incase li:first-child{margin-left:0}

.fl{float:left}
.fr{float:right}
.index_l,.index_c{width:35%;  height:320px;border:1px solid #f0f0f0;}
.index_l,.index_c{float:left; font-size:15px;}
.index_r{float:right;width:28%;  height:320px;border:1px solid #f0f0f0;}
.index_c{margin:0 0.75%}
.mt40{margin-top:40px}
.mp10{margin:15px 2%; text-indent:2em}
.index_title{height:45px;text-indent:2em;font-weight:600; background:#f0f0f0;border-bottom:1px solid #ccc;line-height:45px;font-size:16px;margin-bottom:6px}
.index_title span{margin:10px 10px 0 0}
 .wcontent p iframe{height:500px !important; margin-left:-2em !important}