body, div, p, span, ul, li, dl, dd, dt, h3, h4, a, input, img {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	font-family: "Microsoft Yahei";
	color: #000;
	font-size: 14px;
	line-height: 1.6;
	font-style: normal;
	background-color: #fff;
}
h3, h4, i, em, dt, dd {
	font-weight: normal;
	line-height: 24px;
	font-style: normal;
}
ul, ol, li {
	margin-bottom: 0;
	list-style: none;
}
input, img, textarea {
	border: none;
	outline: none;
}
a {
	color:#666;
	text-decoration: none;
	outline: none;
}
a:focus, a:hover {
	text-decoration: none;
	outline: none;
	outline-offset: 0;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
}
.cl:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.tl {
	text-align: left;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.transition {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.slick-slide {
	outline: none!important;
}
/*
.container, .container-fluid {
	padding: 0!important;
}
*/
#wrap_index {
	overflow: hidden;
	position: relative;
}

/*
@media (min-width: 1366px) {
.container {
	width: 1200px !important;
	margin: 0 auto;
}
}
*/
/*head*/
#shadow {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	top: 0;
	left: 0;
	z-index: 90;
}
#head {
	width: 100%;
	height: 95px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
}
#head .logo {
	width: 13%;
}
.logo a {
	display: table-cell;
	width: 100%;
	height: 95px;
	vertical-align: middle;
}
.logo img {
	max-width: 100%;
	max-height: 100%;
}
#head .pc_Menu {
	width: 64%;
	height: 95px;
}
.pc_Menu ul {
	width: 100%;
	margin: 15px 0;
}
.pc_Menu ul li {
	position: relative;
	float: left;
	width: 12.5%;
	text-align: center;
	transition: 300ms;
}
.pc_Menu ul li:after {
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	background-color: #0276ce;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	transition: 300ms;
}
.pc_Menu ul li>a {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #ffffff;
	font-size: 18px;
	padding: 0 4px;
	border-radius: 20px;
	overflow: hidden;
	transition: 300ms;
	font-weight: bold;
}
.pc_Menu ul li.cur>a, .pc_Menu ul li:hover>a {
	color: #0276ce;
}
.pc_Menu ul li.cur:after, .pc_Menu ul li:hover:after {
	width: 56%;
}
/*.listmenuBox*/
.listmenuBox {
	display: none;
	position: absolute;
	width: 150%;
	top: 60px;
	left: 0;
	z-index: 10;
}
.listmenu {
	width: 100%;
	margin-top: 15px;
	background-color: #fff;
}
.listmenu a {
	display: block;
	width: 100%;
	color: #252525;
	font-size: 14px;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	transition: 300ms;
}
.listmenu a:hover {
	background-color: rgba(255,255,255,.16);
	color: #0276ce;
}
.pc_Menu .btnsear {
	width: 4%;
	height: 44px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.btnsear a {
	display: block;
	width: 100%;
	padding: 10px 0;
}
.btnsear img {
	max-width: 100%;
}
/*form*/
#head .container {
	position: relative;
}
#head .search {
	display: none;
	position: absolute;
	width: 298px;
	height: 42px;
	bottom: -42px;
	right: 0;
	overflow: hidden;
}
.search form {
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.8);
	border-radius: 5px;
}
.key_btn {
	width: 20%;
	height: 42px;
	background: url("../images/sear.png") no-repeat center;
	background-size: 36%;
}
.key_txt {
	width: 80%;
	height: 42px;
	background: none;
	padding: 0 12px;
	color: #000;
}
.key_txt::-webkit-input-placeholder { /* WebKit browsers */
color:#666;
font-family:"Microsoft Yahei";
}
.key_txt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#666;
font-family:"Microsoft Yahei";
}
.key_txt::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#666;
font-family:"Microsoft Yahei";
}
.key_txt:-ms-input-placeholder {
color: #666;
font-family:"Microsoft Yahei";
}
/*手机端*/
.searchph {
	display: none;
	position: absolute;
	width: 100%;
	height: 42px;
	top: 80px;
	right: 0;
	overflow: hidden;
}
.searchph form {
	border-radius: 10px;
}
.searchph .key_btn {
	width: 12%;
}
.searchph .key_txt {
	width: 88%;
}
#head .phone_Btn {
	height: 100%;
	position: relative;
	top: 15px;
}
.phone_Btn a {
	display: inline-block;
	width: 50px;
	padding: 10px;
}
.phone_Btn a:first-child {
	margin-right: 10px;
}
.phone_Btn img {
	max-width: 100%;
	max-height: 100%;
}
.phone_Btn .btnClose {
	display: none;
}
/*menuliBox*/
.menuliBox {
	position: fixed;
	width: 80%;
	height: 100%;
	background-color: #fff;
	top: 0;
	right: -100%;
	overflow: auto;
	z-index: 99;
}
.menuliBox .phone_Btn {
	width: 100%;
	height: 100px;
	background-color: #0276ce;
	padding: 0 40px;
}
.menuliBox .phone_Btn h4 {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	line-height: 100px;
}
.menuliBox .phone_Btn a {
	width: 48px;
	margin-top: 26px;
}
.menuliBox ul li {
	position: relative;
	width: 100%;
	line-height: 60px;
	transition: 300ms;
}
.menuliBox ul li .btnicon {
	position: absolute;
	top: 14px;
	right: 40px;
}
.menuliBox ul li .btnicon img {
	display: none;
	padding: 10px;
	transition: 300ms;
}
.menuliBox ul li .btnicon .on {
	display: block;
}
.menuliBox ul li:hover>a>.btnicon img:first-child {
	display: none;
}
.menuliBox ul li:hover>a>.btnicon img:last-child {
	display: block;
}
.menuliBox ul li a {
	display: block;
	font-size: 20px;
	height: 60px;
	color: #666;
	padding: 0 20px 0 40px;
	overflow: hidden;
}
.menuliBox .firstul>li:hover>a>.btnicon {
	top: 20px;
}
.menuliBox .firstul>li {
	background-color: #fff;
	border-bottom: 1px solid #ebebeb;
}
.menuliBox .firstul .firsta {
	font-weight: bold;
	color: #333;
	transition: 300ms;
}
.menuliBox .firstul>li:hover .firsta {
	color: #0276ce;
	font-weight: bold;
}
.menuliBox .firstul ul {
	display: none;
}
.menuliBox .secondul li {
	background-color: #f9f9f9;
	transition: 300ms;
}
.menuliBox .secondul a {
	color: #666;
	transition: 300ms;
}
.menuliBox .secondul>li:hover {
	background-color: #0276ce;
}
.menuliBox .secondul>li:hover .secda {
	color: #fff;
}
.menuliBox .thirdul li {
	position: relative;
	padding-left: 40px;
	background-color: #f9f9f9;
}
.menuliBox .thirdul>li:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	top: 24px;
	left: 56px;
	border: 7px solid #666;
	border-color: transparent transparent transparent #666;
}
.menuliBox .thirdul>li:hover:before {
	border: 7px solid #0276ce;
	border-color: transparent transparent transparent #0276ce;
}
.menuliBox .thirdul li:hover>a {
	color: #0276ce;
}
/*banner*/
.slick a {
	display: block;
}
.slick img, .slider img {
	width: 100%;
}
.slick .slick-prev:before, .slick .slick-next:before {
	content: "";
}
#banner {
	width: 100%;
}
#banner .slick-slide a {
	overflow: hidden;
}
#banner .slick-list {
	width: 100%;
}
#banner .slick-dotted.slick-slider {
	margin-bottom: 0;
}
#banner .slick-prev, #banner .slick-next {
	width: 12px;
	height: 18px;
	bottom: -18px;
	top: auto;
	z-index: 9;
}
#banner .slick-prev {
	left: 50%;
	margin-left: -80px;
}
#banner .slick-next {
	right: 50%;
	margin-right: -78px;
}
#banner .slick-prev:before, #banner .slick-next:before {
	content: "";
}
#banner .slick-prev {
	background: url("../images/iconprev.png") no-repeat center;
	background-size: contain;
	transition: 300ms;
}
#banner .slick-next {
	background: url("../images/iconnext.png") no-repeat center;
	background-size: contain;
	transition: 300ms;
}
#banner .slick-prev:hover {
	background: url("../images/iconprev2.png") no-repeat center;
	background-size: contain;
}
#banner .slick-next:hover {
	background: url("../images/iconnext2.png") no-repeat center;
	background-size: contain;
}
#banner .slick-dotted.slick-slider {
	margin-bottom: 0;
}
#banner .custom_paging {
	position: absolute;
	width: 226px;
	height: 90px;
	text-align: center;
	line-height: 90px;
	bottom: -45px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	box-shadow: 0 0 14px #999;
}
#banner .custom_paging li {
	display: none;
	font-weight: bold;
	font-size: 24px;
	color: #999;
}
#banner .custom_paging li.slick-active {
	display: block;
}
/*main*/
.intitle {
	margin-bottom: 36px;
}
.intitle h3 {
	padding-bottom: 6px;
	font-size: 48px;
	color: #333;
	font-style: italic;
	text-transform: uppercase;
	line-height: 1em;
}
.intitle dd {
	font-size: 24px;
	color: #333;
}
#main .more {
	position: relative;
	display: block;
	width: 130px;
	height: 36px;
	line-height: 36px;
	background-color: #0276ce;
	color: #fff;
}
/*brandCenter*/
.brandCenter {
	position: relative;
	padding: 120px 0 90px;
}
.brandCenter:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 290px;
	background-color: #f9f9f9;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.brandCon {
	margin-bottom: 110px;
	overflow: hidden;
}
.brandCon .imgBox {
	width: 48%;
	margin-right: -48%;
}
.brandCon .imgBox img {
	max-width: 100%;
}
.brandCon .infoBox {
	width: 100%;
}
.brandCon .info {
	margin-left: 48%;
	padding-left: 38px;
}
.brandCon .info p {
	color: #666;
	line-height: 30px;
	min-height: 120px;
	max-height: 300px;
	overflow: hidden;
}
.brandCon .more {
	bottom: -40px;
}
.brandCenter .numItem {
	color: #666;
}
.brandCenter .numItem i {
	font-size: 60px;
	font-style: italic;
	color: #333;
}
/*productCenter*/
.productCenter {
	position: relative;
	width: 100%;
}
.productCenter:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.8);
}
.pdCenNav {
	width: 28%;
	margin-right: -28%;
}
.pdCenNav .slick-list {
	overflow: unset;
}
.pdCenNav .navItem {
	position: relative;
	padding: 30px 20px 30px 40px;
	background-color: rgba(255,255,255,.1);
	border-bottom: 1px solid #515151;
	transition: 300ms;
}
.pdCenNav .navItem dd {
	color: #fff;
	height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.pdCenNav .navItem .addm {
	opacity: 0;
	position: absolute;
	width: 40px;
	height: 100%;
	text-align: center;
	background-color: #0276ce;
	line-height: 102px;
	font-size: 30px;
	color: #fff;
	right: -20px;
	top: 0;
}
.pdCenNav .navItem.cur, .pdCenNav .navItem:hover {
	background-color: rgba(13,102,172,.8);
}
.pdCenNav .navItem.cur .addm, .pdCenNav .navItem:hover .addm {
	opacity: 1;
}
.pdCenImg {
	width: 100%;
}
.pdCenImgBox {
	margin-left: 28%;
	padding-top: 128px;
	padding-left: 60px;
}
.pdCenImg .row {
	margin: 0 -30px;
	display: none;
}
.pdCenImg .row.cur {
	display: block;
}
.pdCenImg img {
	width: 100%;
}
.pdCenImg .imgItem {
	margin-bottom: 70px;
	padding: 0 30px;
}
.imgItem a {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.imgItem .layer {
	position: absolute;
	width: 84%;
	height: 84%;
	top: 150%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(13,102,172,.9);
	transition: 400ms;
}
.imgItem .layerBox {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.imgItem .layer dd {
	color: #fff;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.imgItem .layer:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 58px;
	background-color: #fff;
	top: 20px;
	right: 20px;
}
.imgItem .layer:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 58px;
	background-color: #fff;
	bottom: 20px;
	left: 20px;
}
.imgItem a:hover .layer {
	top: 50%;
}
/*newsCenter*/
.newsCenter {
	margin: 80px 0 130px;
}
.newsCenter .more {
	margin-top: 42px;
}
.newsCon .newsBoxl {
}
.itempic {
	width: 100%;
	margin-bottom: 20px;
	padding: 20px;
	background-color: #f9f9f9;
}
.itempic a {
	display: block;
	width: 100%;
}
.itempic .itemimg {
	width: 178px;
	margin-right: -178px;
}
.itemimg img {
	width: 100%;
}
.itempic .iteminfo {
	width: 100%;
}
.itempic .iteminfo .iteminfoBox {
	margin-left: 198px;
}
.iteminfo .theme {
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
	max-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.iteminfo .wds, .iteminfo .date {
	color: #666;
	line-height: 30px;
}
.iteminfo .wds {
	max-height: 60px;
	overflow: hidden;
}
.itempic.cur {
	background-color: #0276ce;
}
.itempic.cur .theme, .itempic.cur .wds, .itempic.cur .date {
	color: #fff;
}
.itempic:hover {
	background-color: #0276ce;
}
.itempic:hover .theme, .itempic:hover .wds, .itempic:hover .date {
	color: #fff;
}
.itemnews {
	height: 64px;
	line-height: 64px;
	border-bottom: 1px solid #ebebeb;
	overflow: hidden;
}
.itemnews .date {
	color: #999;
	padding-left: 10px;
	transition: 300ms;
}
.itemnews a {
	display: inherit;
	color: #666;
	transition: 300ms;
}
.itemnews:hover .date, .itemnews:hover a {
	color: #0276ce;
}
/*foot*/
#foot {
	width: 100%;
	padding: 120px 0 60px;
	background-color: #333;
}
#foot .container {
	position: relative;
}
.fridlinks {
	position: absolute;
	width: 100%;
	padding: 30px 20px;
	color: #666;
	background-color: #f9f9f9;
	top: -180px;
	left: 0;
}
.fridlinks .links {
	width: 90%;
	max-height: 68px;
	overflow: hidden;
}
.fridlinks .links a {
	display: inline-block;
	position: relative;
	color: #999;
	padding: 0 10px 10px;
	transition: 300ms;
}
.fridlinks .links a:not(:last-child):after {
	position: absolute;
	content: "";
	width: 2px;
	height: 15px;
	top: 5px;
	right: -2px;
	background-color: #999;
}
.fridlinks .links a:hover {
	color: #0276ce;
}
.footCen {
	margin-bottom: 60px;
}
.footmenu .menulist {
	position: relative;
	color: #ebebeb;
	transition: 300ms;
}
.footmenu .menulist:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 164px;
	background-color: #444;
	top: 0;
	right: 50px;
}
.footmenu .menulist dd {
	margin-bottom: 4px;
	height: 24px;
	padding-right: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.footmenu .menulist a {
	display: block;
	padding: 3px 40px 3px 0;
	color: #999;
	height: 24px;
	overflow: hidden;
	transition: 300ms;
}
.footmenu .menulist:hover, .footmenu .menulist a:hover {
	color: #0276ce;
}
.hotlineCode .hotline {
	padding-left: 0;
}
.hotlineCode .hotline dd {
	color: #999;
	padding: 2px 0;
}
.hotlineCode .hotline .hot {
	color: #ebebeb;
}
.hotlineCode .hotline .num {
	margin: 10px 0 20px;
	color: #0276ce;
	font-size: 34px;
	font-weight: bold;
}
.hotlineCode .code {
	padding-right: 0;
}
.hotlineCode .code .codeBox {
	width: 134px;
}
.hotlineCode .code img {
	width: 100%;
}
.hotlineCode .code dd {
	color: #999;
	padding: 10px;
}
.copy {
}
.copyl, .copyl a {
	color: #999;
	line-height: 34px;
}
.copyl a {
	transition: 300ms;
}
.copyl a:hover {
	color: #0276ce;
}
.chatBoxr a {
	display: inline-block;
}
.chatBoxr img {
	width: 34px;
	height: 34px;
	margin-left: 30px;
	background-color: #333;
	border: 1px solid #444;
	border-radius: 50%;
}

@media (max-width:1365px) {
.brandCon .more {
	bottom: -30px;
}
}

@media (max-width: 1199px) {
/*head*/
.pc_Menu ul li>a {
	font-size: 14px;
}
/*banner*/
#banner .custom_paging {
	width: 200px;
	height: 70px;
	line-height: 70px;
	bottom: -35px;
}
#banner .custom_paging li {
	font-size: 22px;
}
/*main*/
#main .more {
	width: 120px;
	height: 32px;
	line-height: 32px;
}
.intitle {
	margin-bottom: 30px;
}
.intitle h3 {
	font-size: 44px;
}
.intitle dd {
	font-size: 22px;
}
/*brandCenter*/
.brandCenter {
	padding: 100px 0 70px;
}
.brandCon {
	margin-bottom: 90px;
}
.brandCon .info p {
	max-height: 240px;
}
.brandCon .more {
	bottom: -27px;
}
.brandCenter .numItem i {
	font-size: 54px;
}
/*productCenter*/
.pdCenNav .navItem {
	padding: 20px 20px 20px 30px;
}
.pdCenImgBox {
	padding-top: 111px;
}
.pdCenImg .row {
	margin: 0 -20px;
}
.pdCenImg .imgItem {
	padding: 0 20px;
	margin-bottom: 50px;
}
.imgItem .layer:before {
	height: 34px;
	top: 10px;
	right: 12px;
}
.imgItem .layer:after {
	height: 34px;
	bottom: 10px;
	left: 12px;
}
.pdCenNav .navItem .addm {
	line-height: 88px;
}
/*news*/
.newsCenter {
	margin: 70px 0 110px;
}
.iteminfo .wds {
	max-height: 52px;
	line-height: 24px;
}
.itemnews {
	height: 61px;
	line-height: 60px
}
/*foot*/
.footmenu .menulist:after {
	right: 35px;
}
}

@media (min-width:992px) {
.menuliBox {
	right: -100%!important;
}
#wrap_index {
	right: 0!important;
}
#shadow {
	display: none!important;
}
}

@media (max-width:991px) {
/*head*/
#head, .logo a, #head .pc_Menu {
	height: 80px;
}
.pc_Menu .btnsear {
	width: auto;
}
.btnsear a {
	display: inline-block;
	width: 30px;
	margin-left: 28px;
}
/*banner*/
#banner .custom_paging {
	width: 170px;
	height: 60px;
	line-height: 60px;
	bottom: -30px;
}
#banner .custom_paging li {
	font-size: 18px;
}
#banner .slick-prev {
	margin-left: -70px;
}
#banner .slick-next {
	margin-right: -68px;
}
/*main*/
.intitle h3 {
	font-size: 40px;
}
.intitle dd {
	font-size: 18px;
}
/*brandCenter*/
.brandCenter {
	padding: 84px 0 60px;
}
.brandCon {
	margin-bottom: 80px;
}
.brandCon .info p {
	line-height: 24px;
	max-height: 174px;
}
.brandCenter .numItem i {
	font-size: 40px;
}
/*productCenter*/
.pdCenNav .navItem {
	padding: 10px 20px;
}
.pdCenNav .navItem .addm {
	width: 34px;
	line-height: 68px;
	right: -17px;
}
.pdCenImg .row {
	margin: 0 -10px;
}
.pdCenImg .imgItem {
	padding: 0 10px;
	margin-bottom: 30px;
}
.pdCenImgBox {
	padding-top: 81px;
	margin-left: 24%;
}
/*newsCenter*/
.newsCenter {
	margin-bottom: 130px;
}
.itempic {
	padding: 14px 10px;
}
.itempic .itemimg {
	width: 150px;
	margin-right: -150px;
}
.itempic .iteminfo .iteminfoBox {
	margin-left: 160px;
}
.iteminfo .theme {
	margin-bottom: 4px;
}
.iteminfo .date {
	line-height: 24px
}
.iteminfo .wds {
	max-height: 48px;
}
.itemnews {
	height: 47px;
	line-height: 46px;
}
/*foot*/
#foot {
	padding: 70px 0 30px;
}
.footmenu .menulist:after {
	right: 17px;
}
.footmenu .menulist dd {
	padding-right: 4px;
}
.footmenu .menulist a {
	padding-right: 10px;
}
.hotlineCode .hotline .num {
	margin: 6px 0 14px;
	font-size: 30px;
}
.hotlineCode .code .codeBox {
	width: 106px;
}
.copyl {
	margin-bottom: 20px;
}
.copyl, .chatBoxr {
	float: none;
	text-align: center;
}
.copyl, .copyl a {
	line-height: 24px;
}
.chatBoxr img {
	margin: 0 15px;
}
}

@media (max-width:767px) {
#wrap_index .container {
	margin: 0 10px;
}
/*head*/
#head, .logo a, #head .pc_Menu {
	height: 60px;
}
.pc_Menu .btnsear {
	height: 30px;
}
.btnsear a {
	width: 20px;
	margin-left: 14px;
	padding: 4px 0;
}
#head .search {
	width: 100%;
	height: 32px;
	line-height: 32px;
	bottom: -32px;
}
.key_btn, .key_txt {
	height: 32px;
}
.key_btn {
	background-size: inherit;
}
.menuliBox .phone_Btn {
	height: 60px;
	padding: 0 10px;
}
.menuliBox .phone_Btn h4 {
	font-size: 20px;
	line-height: 60px;
}
.menuliBox .phone_Btn a {
	width: 36px;
	margin-top: 8px;
}
.menuliBox ul li {
	line-height: 50px;
}
.menuliBox ul li a {
	font-size: 14px;
	padding: 0 20px 0 10px;
	height: 50px;
}
.menuliBox ul li .btnicon {
	top: 12px;
	right: 10px;
}
.menuliBox .thirdul li {
	padding-left: 30px;
}
.menuliBox .thirdul>li:before {
	top: 20px;
	left: 26px;
	border: 5px solid #666;
	border-color: transparent transparent transparent #666;
}
.menuliBox .thirdul>li:hover:before {
	border: 5px solid #0276ce;
	border-color: transparent transparent transparent #0276ce;
}
/* main */
.intitle {
	margin-bottom: 20px;
}
/*banner*/
#banner .slick img {
	position: relative;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
}
#banner .custom_paging {
	width: 120px;
	height: 40px;
	line-height: 40px;
	bottom: -20px;
}
#banner .custom_paging li {
	font-size: 14px;
}
#banner .slick-prev, #banner .slick-next {
	width: 8px;
}
#banner .slick-prev {
	margin-left: -50px
}
#banner .slick-next {
	margin-right: -48px
}
/*brandCenter*/
.brandCenter {
	padding: 66px 0 24px;
}
.brandCon {
	margin-bottom: 30px;
}
.brandCon .imgBox, .brandCon .info {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0
}
.brandCon .imgBox {
	margin-bottom: 14px;
}
.brandCon .more {
	bottom: 0;
}
.brandCon .info p {
	max-height: 144px;
	margin-bottom: 16px;
}
.brandCenter .numItem {
	margin-bottom: 10px;
	height: 54px;
	overflow: hidden;
}
.brandCenter .numItem i {
	font-size: 26px;
}
/*productCenter*/
#wrap_index .productCenter .container {
	margin: 0 10px 0 0;
}
.pdCenNav .navItem {
	padding: 6px 4px;
}
.pdCenNav .navItem .addm {
	width: 30px;
	line-height: 60px;
	right: -15px;
	font-size: 26px;
}
.imgItem .layer {
	display: none!important;
}
/* newsCenter */
.newsCenter {
	margin-bottom: 90px;
}
.newsCenter .more {
	margin-top: 20px;
}
.itempic {
	padding: 12px 10px;
	margin-bottom: 10px;
}
.itempic .itemimg {
	width: 120px;
	margin-right: -120px;
}
.itempic .iteminfo .iteminfoBox {
	margin-left: 130px;
}
.iteminfo .wds {
	max-height: 24px;
}
.itemnews {
	height: 41px;
	line-break: 40px;
}
/*foot*/
.fridlinks {
	padding: 10px;
	top: -114px;
}
.fridlinks .links {
	width: 75%;
	max-height: 56px;
}
.fridlinks .links a {
	padding: 0 8px 6px;
}
.footCen {
	margin: 0 -10px 30px;
}
.footmenu {
	margin-bottom: 40px;
	padding: 0 10px;
}
.footmenu .menulist {
	padding: 0 10px;
}
.footmenu .menulist:after {
	display: none;
}
.footmenu .menulist dd {
	padding-right: 0;
}
.footmenu .menulist a {
	padding: 3px 0;
}
.hotlineCode {
	padding: 0 10px;
}
.hotlineCode .hotline {
	padding: 0;
}
.hotlineCode .hotline .num {
	margin: 4px 0 8px;
	font-size: 24px;
}
.hotlineCode .code .codeBox {
	width: 80px;
}
}

@media (max-width:414px) {
.pdCenImgBox {
	padding-top: 60px;
	margin-left: 20%;
}
.pdCenImg .imgItem {
	width: 100%;
	margin-bottom: 20px;
}
.pdCenImg .row .imgItem:nth-child(2n) {
	display: none!important;
}
}
/*page*/
.editBox {
	min-height: 210px;
	color: #666;
	line-height: 30px;
	margin: 10px 0;
}
.editBox img {
	max-width: 100%;
}
.pagetitle {
	width: 100%;
	padding: 60px 0 60px;
	background-color: #f9f9f9;
	margin-bottom: 60px;
}
.pagetitle .intitle {
	margin-bottom: 0;
}
.pagetitle .cate {
	position: relative;
	padding: 10px 26px 10px 0;
	top: 20px;
	cursor: pointer;
}
.pagetitle .cate dd {
	display: none;
	font-size: 14px;
	color: #999;
}
.pagetitle .cate .on {
	display: block;
}
.pagetitle .cate:after {
	position: absolute;
	content: "";
	width: 18px;
	height: 16px;
	background: url(../images/cate.png)no-repeat center;
	background-size: cover;
	top: 14px;
	right: 0;
}
.pagetitle .sidel_nav.catemenu {
	display: none;
	margin-top: 20px;
}
.catemenu .firstul {
	padding-top: 10px;
	background-color: #fff;
}
/*current_location*/
.pageLocation {
	position: relative;
	height: 100%;
	padding-left: 20px;
	margin-top: 54px;
}
.pageLocation:before {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	top: 6px;
	left: 0;
	background: url(../images/locicon.png)no-repeat center;
}
.pageLocation span {
	display: block;
	color: #999;
}
.pageLocation ul {
	margin-bottom: 0;
}
.pageLocation ul li {
	position: relative;
	float: left;
	margin-right: 10px;
}
.pageLocation ul li a {
	display: block;
	color: #999;
	transition: 300ms;
}
.pageLocation ul li.cur a, .pageLocation ul li:hover a {
	color: #0276ce;
}
.pageLocation ul li:not(:last-child):after {
	position: absolute;
	content: "-";
	color: #999;
	right: -9px;
	top: 50%;
	margin-top: -13px;
	font-size: 20px;
}
/*paginationBox*/
.paginationBox {
	width: 100%;
	height: auto;
	margin: 20px 0;
}
.paginationBox a {
	display: inline-block;
	width: auto;
	height: 28px;
	line-height: 28px;
	padding: 0px 10px;
	margin: 0 5px;
	color: #999;
	transition: all .3s;
}
.paginationBox .page-num-current, .paginationBox a:hover {
	color: #fff;
	background-color: #0276ce;
}
.paginationBox a.arrow {
	width: 70px;
}
.paginationBox a.arrow img {
	display: none;
	max-width: 14%;
}
.paginationBox a.arrow2 img {
	max-width: 9%;
}
.paginationBox a.arrowchg img {
	transform: rotate(180deg);
}
.paginationBox a.arrow img.on {
	display: inline-block;
}
.paginationBox a:hover img:nth-child(1) {
	display: none!important;
}
.paginationBox a:hover img:nth-child(2) {
	display: inline-block!important;
	margin-top: -2px;
}
/*share*/
.share {
	width: 100%;
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #ebebeb;
}
#bdshare span {
	height: 34px;
}
#bdshare a {
	display: inline-block;
	padding: 20px 12px;
}
#bdshare a.shareCount {
	width: 42px;
	padding: 0;
}
/*prevnext*/
.prevNext {
	margin: 20px 0;
}
.prevNext a {
	display: block;
	height: 28px;
	line-height: 28px;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: 300ms;
}
.prevNext a:hover {
	color: #0276ce;
}
/*侧边导航*/
.pageCon {
	margin-bottom: 140px;
}
.pageCon .sidel_nav {
	width: 308px;
	margin-right: -308px;
}
.pageCon .pageconBox {
	width: 100%;
	min-height: 120px;
}
/*
.pageCon .pageInfo {
	margin-left: 308px;
	padding-left: 40px;
}
*/
.sidel_nav .firstul ul {
	display: none;
}
.sidel_nav .firstul li {
	position: relative;
	width: 100%;
	background-color: #f9f9f9;
	transition: 300ms;
}
.sidel_nav .firstul .btnicon {
	position: absolute;
	top: 10px;
	right: 8px;
}
.sidel_nav .firstul .btnicon img {
	display: none;
	padding: 10px;
	transition: 300ms;
}
.sidel_nav .firstul .btnicon .on {
	display: block;
}
.sidel_nav .firstul li:hover .firsta .btnicon img:first-child {
	display: none;
}
.sidel_nav .firstul li:hover .firsta .btnicon img:last-child {
	display: block;
}
.sidel_nav .firstul li a {
	display: block;
	color: #666;
	padding: 0 20px;
	overflow: hidden;
}
.sidel_nav .firstul li:hover .firsta .btnicon {
	top: 16px;
}
.sidel_nav .firstul>li {
	border-bottom: 1px solid #ebebeb;
}
.sidel_nav .firstul .firsta {
	height: 52px;
	line-height: 52px;
	color: #333;
	transition: 300ms;
}
.sidel_nav .firstul>li:hover, .sidel_nav .firstul>li.cur {
	background-color: #0276ce;
}
.sidel_nav .firstul>li:hover .firsta, .sidel_nav .firstul>li.cur .firsta {
	color: #fff;
}
.sidel_nav .secondul li {
	padding-left: 28px;
}
.sidel_nav .secondul .secda {
	height: 46px;
	line-height: 46px;
}
.sidel_nav .thirdul a {
	height: 36px;
	line-height: 36px;
}
.sidel_nav .secondul li:hover>a {
	color: #0276ce;
}
/*product*/
.product .row {
	margin: 0 -30px;
}
.product .imgItem {
	margin-bottom: 60px;
	padding: 0 30px;
}
.product .imgItem img {
	width: 100%;
}
/*productdetails*/
.productdetails .title {
	font-size: 16px;
	color: #333;
	margin-bottom: 20px;
	max-height: 48px;
	overflow: hidden;
}
.productdetails .prodetailBox {
	width: 74%;
	margin: 0 auto 30px;
}
.prodetailBox .slider-nav .pdimg {
	margin: 0 3px;
}
.prodetailBox img {
	width: 100%;
}
.slider-for .slick-prev, .slider-for .slick-next {
	width: 47px;
	height: 47px;
}
.slider-for .slick-prev {
	left: -96px;
	z-index: 9;
}
.slider-for .slick-next {
	right: -96px;
}
.slider-for .slick-prev:before, .slider-for .slick-next:before {
	content: "";
}
.slider-for .slick-prev {
	background: url("../images/prev.png") no-repeat center;
	background-size: contain;
	transition: 300ms;
}
.slider-for .slick-next {
	background: url("../images/next.png") no-repeat center;
	background-size: contain;
	transition: 300ms;
}
.slider-nav .slider-navimg {
	position: relative;
}
.slider-nav .slider-navimg:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.6);
	transition: 300ms;
}
.prodetailBox .slider-nav .pdimg:hover .slider-navimg:after, .prodetailBox .slider-nav .slick-current .slider-navimg:after {
	opacity: 0;
}
.prodetailBox .slider-for {
	margin-bottom: 10px;
}
.slider-for.slick-initialized .slick-slide {
	margin-left: 4px;
}
.pdeatilmenu {
	margin-bottom: 20px;
	background-color: #f9f9f9;
	border-bottom: 2px solid #0276ce;
}
.pdeatilmenu .slick .cur {
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 116px!important;
}
.pdeatilmenu .slick-slide {
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 116px!important;
}
.pdeatilmenu a {
	color: #333;
	transition: 300ms;
}
.pdeatilmenu .slick-slide.cur a, .pdeatilmenu .slick-slide:hover a {
	color: #fff;
	background-color: #0276ce;
	padding: 0 4px;
}
.pdetailIntro .cp {
	width: 100%;
	display: none;
}
.pdetailIntro .cp.cur {
	display: block;
}
/*news*/
.news {
	margin-top: -20px;
}
.newsResult {
	margin-bottom: 80px;
}
.newspic .itempic {
	margin-bottom: 30px;
}
.newsdetail .title {
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ebebeb;
}
.newsdetail .title h3 {
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsdetail .title .time {
	color: #666;
}
.newsdetail .editBox img {
	display: block;
	width: 64%;
	margin: 0 auto;
}
/*searchpage*/
.searchpage .title {
	font-size: 14px;
	color: #0276ce;
	margin-bottom: 20px;
	max-height: 48px;
	overflow: hidden;
}
.searchpage .result {
	margin-bottom: 80px;
}

@media (max-width:991px) {
.pagetitle {
	margin-bottom: 40px;
}
.pageCon .sidel_nav {
	width: 240px;
	margin-right: -240px;
}
.pageCon .pageInfo {
	margin-left: 240px;
	padding-left: 30px;
}
.sidel_nav .firstul .firsta {
	height: 46px;
	line-height: 46px;
}
.sidel_nav .secondul .secda {
	height: 40px;
	line-height: 40px;
}
.sidel_nav .firstul .btnicon {
	top: 8px;
}
.sidel_nav .firstul li:hover .firsta .btnicon {
	top: 14px;
}
.paginationBox a {
	margin: 0;
}
.paginationBox a.arrow {
	width: 60px;
}
/*product*/
.product .row {
	margin: 0 -10px;
}
.product .imgItem {
	margin-bottom: 30px;
	padding: 0 10px;
}
/*productdetail*/
.pdeatilmenu .slick-slide {
	width: 100px!important;
	height: 36px;
	line-height: 36px;
}
.slider-for .slick-prev, .slider-for .slick-next {
	width: 36px;
	height: 36px;
}
.slider-for .slick-prev {
	left: -60px;
}
.slider-for .slick-next {
	right: -60px;
}
/*news*/
.news {
	margin-top: -12px;
}
.newsResult {
	margin-bottom: 40px;
}
/*newspic*/
.newspic .itempic {
	margin-bottom: 20px;
}
/*newsdetail*/
.newsdetail .title {
	padding-bottom: 14px;
	margin-bottom: 20px;
}
/*search*/
.searchpage .result {
	margin-bottom: 40px;
}
}

@media (max-width:767px) {
.editBox {
	min-height: 192px;
	line-height: 24px;
}
.pagetitle {
	padding: 60px 0 20px;
	margin-bottom: 20px;
}
.intitle h3 {
	font-size: 22px;
}
.intitle dd {
	font-size: 16px;
}
.pageCon {
	margin-bottom: 80px;
}
.pageCon .pageconBox {
	float: none;
}
.pageCon .pageInfo {
	padding: 0;
	margin: 0;
}
.paginationBox {
	margin: 10px 0;
}
.paginationBox a {
	width: auto;
	height: 24px;
	line-height: 24px;
}
/*product*/
.product .row {
	margin: 0 -6px;
}
.product .imgItem {
	padding: 0 6px;
	margin-bottom: 20px;
}
/* productdetails */
.productdetails .title {
	margin-bottom: 10px;
}
.productdetails .prodetailBox {
	width: 100%;
	margin-bottom: 20px;
}
.pdeatilmenu {
	margin-bottom: 10px;
}
.pdeatilmenu .slick-slide {
	width: 72px!important;
	height: 30px;
	line-height: 30px;
}
.slider-for .slick-prev, .slider-for .slick-next {
	width: 30px;
	height: 30px;
}
.slider-for .slick-prev {
	left: 10px;
}
.slider-for .slick-next {
	right: 10px;
}
/* newspic */
.newsResult {
	margin-bottom: 30px;
}
.newspic .itempic {
	margin-bottom: 20px;
}
/* newsdetail */
.newsdetail .title {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.newsdetail .title h3 {
	margin-bottom: 4px;
}
.newsdetail .editBox img {
	width: 90%;
}
/* search */
.searchpage .title {
	margin-bottom: 10px;
}
.searchpage .result {
	margin-bottom: 30px;
}
}
/******************************
 ** 在线留言
 ** v.2.0
 ******************************/
.message-page {
	width: 90%;
}
.message-page .row-1, .message-page .row-2, .message-page .row-3 {
	width: 100%;
	clear: both;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}
.message-page .row-1 {
	width: 328px;
	height: auto;
	padding: 0 0 0 50px;
	border: 1px solid #ddd;
}
.message-page .row-2 {
	height: 110px;
	padding: 0 0 0 0;
	border: 1px solid #ddd;
}
.message-page .row-3 {
}
.message-page .ico-name {
	background: url(../images/zzz.png) 15px center no-repeat;
}
.message-page .ico-phone {
	background: url(../images/xxx.png) 15px center no-repeat;
}
.message-page .ico-email {
	background: url(../images/a0ed87b0fa1d42dc9dd8eef9455368ac.gif) 15px center no-repeat;
}
.message-page .tip {
	position: absolute;
	right: 0;
	top: 0;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	font-style: normal;
	color: #F00;
}
.message-page .txt {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #fff;
	border: 0;
	color: #999;
}
.message-page .text {
	width: 98%;
	border: 0;
	background: #FFF;
	padding: 5px 5px;
	line-height: 20px;
	height: 100px;
	color: #999;
}
.message-page img.code {
	float: left;
	width: 110px;
	height: 42px;
	margin-right: 20px;
	cursor: pointer;
}
.message-page input.code {
	float: left;
	width: 150px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ddd;
	background: #FFF;
	margin-right: 20px;
	padding: 0 10px;
	color: #999;
}
.message-page .submit, .message-page .reset {
	float: left;
	margin: 0 0 0 10px;
	width: 184px;
	height: 42px;
	border: 0;
	cursor: pointer;
	color: #FFF;
	font-size: 16px;
}
.message-page .submit {
	background: #0061ae;
	margin-left: 0;
}
.message-page .reset {
	background: #999;
}
.message-page .submit:hover {
	background: #2081cf;
}
.message-page .reset:hover {
	background: #777;
}
.message-page .onfocus, .message-page .onfocus input.code {
	border-color: #aaa;
}
.dialog-log {
	position: absolute;
	z-index: 99;
	width: auto;
	padding: 10px 20px;
	border: 1px solid #e0272c;
	background: #ffe8e9;
	border-radius: 3px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	color: #e0272c;
}
.dialog-log i {
	position: absolute;
	left: 15px;
	top: -7px;
	width: 14px;
	height: 7px;
	background: url(../images/fdfb81123321454f8d8e84fa53ff31d6.gif) center center no-repeat;
}

/*
@media screen and (min-width: 1400px) {
.container {
	width: 1400px!important;
	margin: 0 auto;
}
}
*/
.w-100 {
	width: 100%;
}
#head {
	background-color: rgba(255,255,255,.0);
    border-bottom: 1px solid rgba(255,255,255,.1);
}
#head .container-fluid {
	padding-left: 30px!important;
	padding-right: 30px!important;
}
#head .pc_Menu {
	margin-left: 4%;
}
.topsearch {
	width: 19%;
	padding-top: 31px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
}
.topsearch span {
	color: #0276ce;
}
/* 弹出搜索 begin */
.searchBar-m {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	z-index: 9999;
	text-align: center
}
.searchBar-m .mask {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
}
.searchBar-m a {
	display: block;
	position: absolute;
	right: 5%;
	top: 5%;
	width: 60px;
	height: 60px;
	line-height: 56px;
	font-size: 48px;
	z-index: 9999;
	color: #fff;
}
.searchBar-m a:hover {
	color: #0276ce
}
.searchBar-m .form-group {
	width: 70%;
	max-width: 720px;
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%, -200%);
}
.searchBar-m .input {
	width: 88%;
	background: transparent;
	border: 0;
	border-bottom: 2px solid #f2f2f2;
	color: #6E6E6E;
	height: 60px;
	line-height: 60px;
	float: left;
	padding: 0;
	outline: 0px;
	color: #fff;
	font-size: 1.2rem;
}
.searchBar-m .button {
	width: 8%;
	height: 60px;
	line-height: 60px;
	border: 0px;
	border-bottom: 2px solid #f2f2f2;
	display: block;
	float: left;
	background: url(../images/ico-search-button.png) no-repeat center 50%;
	text-indent: -2000px
}
.searchBar-m .button:hover {
	background: url(../images/ico-search-button.png) no-repeat center 50%;
}
/* 弹出搜索 end */

.index0 {
	padding: 45px 0;
	background: url('../images/index0.jpg') no-repeat center;
	background-size: cover;
}
.index0left {
	padding-left: 35px;
	font-size: 18px;
	color: #282828;
	background: url('../images/fire.png') no-repeat left;
}
.index0left a {
	margin: 0 5px;
}
.index0right form {
	position: relative;
}
.index0right button {
	position: absolute;
	right: 5px;
	top: 1px;
	background-color: #fff;
	border: 0px;
	color: #0276ce;
	font-size: 18px;
}
.index1 {
	padding: 60px 0 100px;
}
.indextitle {
	font-size: 34px;
	color: #2F2C25;
	margin-bottom: 20px;
	position: relative;
	background: url('../images/line.png') no-repeat center;
}
.indextitle::after {
	content: '';
	width: 50px;
	height: 4px;
	background-color: #0276ce;
	position: absolute;
	left: 50%;
	margin-left: -25px;
	bottom: -10px;
}
.indexdes {
	font-size: 16px;
	color: #999999;
}
.index1des {
	margin-bottom: 60px;
}
.index1 .bai {
	display: none;
}
.index1block {
	position: relative;
	cursor: pointer;
}
.index1zz {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	background-color: rgb(0 0 0 / 9%);
	transition: all 0.5s;
	border: 1px solid #c5c5c5;
}
.index1zz img{
	display:unset;
}
.index1p1 {
	font-size: 22px;
	font-weight: bold;
	margin: 10px 0 5px;
	transition: all 0.5s;
	color: #0276ce;
}
.index1p2 {
	font-size: 16px;
}
.index1block:hover .index1zz {
	background-color: rgba(2,118,206,.7);
}
.index1block:hover .index1p1 {
	color: #fff;
}
.index1block:hover .hong {
	display: none;
}
.index1block:hover .bai {
	display: inline-block;
}
.index2 {
	padding-top: 50px;
	background: url(../images/index2.jpg) no-repeat top center;
/*	background-size: cover;*/
	color: #fff;
}
.index2 .row {
	margin-right: 0;
	margin-left: 0;
}
.index2left {
	padding-left: 0;
	padding-right: 70px;
}
.index2right {
	padding-left: 0;
	padding-right: 0;
}
.index2leftp1 {
	font-size: 28px;
}
.index2leftp2 {
	font-size: 48px;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 35px;
	position: relative;
}
.index2leftp2::after {
	content: '';
	width: 55px;
	height: 5px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -20px;
}
.index2leftp3 div {
	font-size: 16px;
	line-height: 2.2;
}
.index2con {
	padding-top: 90px;
	padding-bottom: 95px;
	text-align: center;
}
.index2listp1 {
	font-size: 52px;
	font-family: Arial, Helvetica, sans-serif;
}
.index2listp1 span {
	font-weight: bold;
	font-size: 52px;
	margin-right: 5px;
}
.index2listp2 {
	font-size: 20px;
}
.index2list:nth-child(3) .index2listp1 {
	font-size: 24px;
}
.index2con {
	background: url('../images/eco.png') no-repeat left;
}
.index3 {
	padding: 100px 0 50px;
	background: url('../images/index3.jpg') no-repeat center;
	background-size: cover;
}
.index3 .index4leftp5{
	margin-top: 30px;
    width: 1400px;
    text-align: center;
}
.index3des {
	margin-bottom: 35px;
}
.index3nav {
	width: 23%;
	padding: 0px 35px;
	margin-bottom: 20px;
}
.cpnav{
	max-width: 1400px;
    width: 100%;
	margin:0 auto;
	text-align: center;
}
.index3nav{
	display:inline-block;
}
.index3nav a {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #5A5A5A;
	padding: 10px 0;
	background-color: #fff;
	border: 1px solid #E5E5E5;
}
.index3nav .nav_two a {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #5A5A5A;
	padding: 0px 0;
	background-color: #fff;
	border: 1px solid #E5E5E5;
	width: 145px;
}
.index4 {
	padding: 60px 0 60px;
	background: url('../images/index4.jpg') no-repeat center;
	background-size: cover;
	color: #fff;
}
.index4right {
	position: relative;
	float: right;
}
.index4lbt {
	margin-top: 70px;
}
.index4left {
	overflow: hidden;
	padding-top: 25px;
}
.index4leftp1 span {
	font-size: 28px;
	background-color: #0276ce;
	padding: 10px 25px;
}
.index4leftp2 {
	text-transform: uppercase;
	font-size: 44px;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 60px;
	margin-bottom: 70px;
	position: relative;
}
.index4leftp2::before {
	content: '';
	width: 55px;
	height: 5px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: -20px;
}
.index4leftp2::after {
	content: '';
	width: 135px;
	height: 5px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: -35px;
}
.index4leftp3 {
	font-size: 16px;
}
.index4leftp4 {
	font-size: 16px;
	margin-bottom: 45px;
}
.index4leftp5 a {
	display: inline-block;
	padding: 10px 35px;
	color: #fff;
	background-color: #0276ce;
	font-size: 16px;
}
.index4right .fa-angle-left {
	width: 72px;
	height: 72px;
	background-color: #0276ce;
	color: #fff;
	position: absolute;
	line-height: 72px;
	text-align: center;
	border-radius: 50%;
	z-index: 6;
	cursor: pointer;
	left: 15px;
	top: 60%;
	transform: translate(-50%, -50%);
}
.index4right .fa-angle-right {
	width: 72px;
	height: 72px;
	background-color: #0276ce;
	color: #fff;
	position: absolute;
	line-height: 72px;
	text-align: center;
	border-radius: 50%;
	z-index: 6;
	cursor: pointer;
	right: -45px;
	top: 60%;
	transform: translate(-50%, -50%);
}
.index5 {
	padding-top:60px;
	padding-bottom: 280px;
	background: url('../images/index50.jpg') no-repeat center;
	background-size: cover;
}
.index5des {
	margin-bottom: 55px;
}
.index5nav {
	padding: 0px 15px;
	width: 30%;
	transition: all 1s;
}
.index5nav a {
	display: block;
	padding: 20px 40px 20px 35px;
	background-color: #fff;
	color: #606060;
	border: 1px solid #EFEFEF;
}
.index5navp1 {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	margin-bottom: 10px;
}
.index5navp1::after {
	content: '';
	width: 80%;
	height: 1px;
	background-color: #CECECE;
	position: absolute;
	left: 0;
	bottom: -5px;
}
.index5navp2 {
	font-size: 14px;
	text-transform: uppercase;
	color: #989898;
}
.actt {
	width: 40%;
}
.actt a {
	color: #fff;
	background-color: #0276ce;
}
.actt a .index5navp2 {
	color: #fff;
}
.index5left {
	width: 630px;
}
.index5right {
	width: 685px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fff;
	position: relative;
	z-index: 3;
}
.index5right::after {
	content: none;
}
.index5con {
	margin-top: 55px;
}
.index5info {
	padding: 20px 40px 25px 0;
	background-color: #fff;
	color: #606060;
	border: 1px solid #F2F2F2;
}
.in5dt {
	width: 20%;
	text-align: center;
	margin-right: 2%;
}
.in5in {
	width: 78%;
}
.in5dtp1 {
	font-size: 38px;
	color: #0276ce;
}
.in5dtp2 {
	font-size: 16px;
	color: #0276ce;
}
.in5inp1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #0276ce;
}
.in5inp2 {
	font-size: 16px;
	line-height: 2;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.index5img{
	height:420px;
}
.index5img img{
	height:100%;
}
.index5left .in5inp2 {
	font-size: 16px;
	line-height: 2;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index5list {
	padding: 20px 40px 20px 0;
	background-color: #fff;
	color: #606060;
}
.index5con {
	position: relative;
}
.index5con::after {
	content: none!important;/*width: 1015px;*/
  /*height: 235px;*/
  /*position: absolute;*/
  /*bottom: -82px;*/
  /*left: 630px;*/
  /*background-color: #0276ce;*/
  /*z-index: 1;*/
}
.index6 {
	padding: 70px 0px 300px;
	background: url('../images/index6.jpg') no-repeat center;
	background-size: cover;
}
.index6title {
	color: #fff;
	background: url('../images/line2.png') no-repeat center;
}
.index6des {
	color: #fff;
	margin-bottom: 55px;
}
.responsive {
	text-align: center;
}
.w-90 {
	width: 90%!important;
	display: inline-block!important;
}
.mw-100 {
	max-width: 100%;
/*	margin: 0 auto;*/
}
.index7 .mw-100 {
	max-width: 100%;
	margin: 0 auto;
}
.in6liname {
	padding: 15px 0;
	font-size: 18px;
	color: #fff;
}
.index7 {
	padding: 190px 0px 100px;
	background-color: #eee;
}
/*
.index7 .index7con2{
	width:unset;
	margin:unset!important;
	max-width:unset;
}
*/
.index7 .container {
	position: relative;
}
.index7con {
	padding: 40px 0px;
	position: absolute;
	background-color: #fff;
	bottom: -100px;
	width: 100%;
}
.index7con1 {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.index7con2 {
	margin-top: 50px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.index7list {
	width: 19.5%;
	border-right: 1px solid #B0B0B0;
}
.index7list:nth-child(5) {
	border-right: unset;
}
.index7list:nth-last-child(1) {
	border-right: 0;
}
.index7list li {
	line-height: 2.2;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.index7list li a {
	color: #696969;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
	width: 245px;
    margin: 0 auto;
}
.index7-2, .index7-3, .index7-4 {
	padding-top: 30px;
	float:left;
}
.index7left {
	border-right: 1px solid #DCDCDC;
}
.index7right {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.index7-3 {
	border-right: 1px solid #DCDCDC;
	text-align:center;
}
.index72p1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #282828;
}
.index72p2 {
	font-size: 16px;
	line-height: 2;
}
.index7-3 div a {
	font-size: 18px;
	font-weight: bold;
	line-height: 2;
	color: #282828;
}
.index74p1 {
	font-size: 16px;
	color: #282828;
	line-height: 2.2;
	width: 33%;
    float: left;
	cursor: pointer;
}
.foot {
	padding: 10px 0px 10px;
	background-color: #282929;
	color: #B0B0B0;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}
.foot a {
	color: #B0B0B0;
}
.index3left {
	/*background-color: #ECECEC;*/
	text-align: center;
	padding: 0px 0;
	width: 640px;
}
.index3right {
	width: 680px;
	padding-top: 0px;
	position: relative;
}
.index3rtp1 {
	font-size: 20px;
	color: #282828;
	font-weight: bold;
}
.index3rtp2 {
	margin-top: 10px;
	margin-bottom: 20px;
	color: #5B5B5B;
	line-height: 2;
	font-size: 16px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.index3rtp3 a {
	display: inline-block;
	padding: 4px 20px;
	color: #0276ce;
	font-size: 16px;
	border: 1px solid #0276ce;
}
.index3rtlist {
	margin-top: 45px;
	text-align: center;
	overflow: hidden;
}
.index3rtli a {
	display: block;/*padding: 25px;*/
  /*background-color: #ECECEC;*/
}
.index3rtli img {
	max-height: 165px;
}
.index3rtli .zzc {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all 0.5s;
	background-color: rgba(0,0,0,.5);
	color: #fff;
}
.zzcp1 {
	font-size: 16px;
	margin-bottom: 10px;
}
.zzcp2 span {
	font-size: 15px;
	display: inline-block;
	padding: 2px 15px;
	border: 1px solid #fff;
}
.index3rtli:hover .zzc {
	opacity: 1;
}
.index3con {
	margin-top: 50px;
}
.in3btn {
	position: absolute;
	right: 0;
	top: 5px;
	border: 1px solid #0276ce;
}
.in3btn span {
	display: inline-block;
	padding: 0px 10px;
	cursor: pointer;
}
.icon-arrowcrudeleft {
	color: #fff;
	background-color: #0276ce;
}
.icon-arrowcruderight {
	color: #0276ce;
}
.onn a {
	color: #fff;
	background-color: #0276ce;
}

@media only screen and (max-width: 1399px) and (min-width:1200px) {
.index2con {
	background-size: 50% 100%;
}
.index3left {
	padding: 45px 0;
	width: 565px;
}
.index3right {
	width: 595px;
	padding-top: 20px;
	position: relative;
}
.index4leftp1 span {
	font-size: 24px;
}
.index4leftp2 {
	font-size: 40px;
}
.index4leftp4 {
	margin-bottom: 80px;
}
.index5left {
	width: 48%;
}
.index5right {
	width:50%;
}
.index5con::after {
	left: 556px;
}
}

@media only screen and (max-width: 1199px) and (min-width:992px) {
.topsearch {
	width: 19%;
	padding-top: 34px;
	font-size: 14px;
}
.index2left {
	padding-left: 0;
	padding-right: 20px;
}
.index2leftp3 div {
	font-size: 14px;
	line-height: 2;
}
.index2con {
	background-size: 50% 100%;
}
.index3nav {
	width: 20%;
	padding: 0px 5px;
}
.index3nav a {
	font-size: 14px;
}
.index3left {
	background-color: #ECECEC;
	text-align: center;
	padding: 45px 0;
	width: 456px;
}
.index3right {
	width: 485px;
	padding-top: 5px;
	position: relative;
}
.index4leftp1 span {
	font-size: 22px;
	background-color: #0276ce;
	padding: 10px 12px;
}
.index4leftp2 {
	font-size: 32px;
}
.index4leftp4 {
	font-size: 16px;
	margin-bottom: 30px;
}
.index5left {
	width: 449px;
}
.index5right {
	width: 488px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fff;
	position: relative;
	z-index: 3;
}
.index5right a:nth-child(3) {
	display: none;
}
.index1 {
	padding: 50px 0 60px;
}
.index2 {
	padding-top: 70px;
}
.index3 {
	padding: 70px 0 70px;
}
.index4 {
	padding: 75px 0 80px;
}
.index5 {
	padding-top: 60px;
	padding-bottom: 125px;
}
.index5con::after {
	content: '';
	width: 1015px;
	height: 170px;
	position: absolute;
	bottom: -82px;
	left: 449px;
	background-color: #0276ce;
	z-index: 1;
}
.index72p2 {
	font-size: 15px;
	line-height: 2;
}
.index7con {
	padding: 40px 15px;
	position: absolute;
	background-color: #fff;
	bottom: -100px;
}
.index7-3 div a {
	font-size: 15px;
}
.index74p1 {
	font-size: 15px;
	color: #282828;
	line-height: 2.2;
}
.index7list li {
	font-size: 15px;
}
.foot {
	padding: 25px 0px 15px;
	font-size: 16px;
	line-height: 2;
	text-align: center;
}
.index6 {
	padding: 70px 0px 240px;
}
}

@media only screen and (max-width: 991px) and (min-width:768px) {
#head .pc_Menu {
	width: 82%;
	height: 95px;
}
.index0left {
	padding-left: 45px;
	font-size: 16px;
	color: #282828;
	background: url('../images/fire.png') no-repeat 10px 0px;
	margin-bottom: 10px;
}
.index1list {
	margin-bottom: 30px;
}
.index1 {
	padding: 50px 0 50px;
}
.index2left {
	padding-left: 0;
	padding-right: 0px;
	margin-bottom: 25px;
}
.index2list {
	width: 50%;
}
.index2con {
	background: url('../images/eco.png') no-repeat center;
	background-size: cover;
}
.index3nav {
	width: 33%;
}
.index3 {
	padding: 65px 0 90px;
}
.index3left {
	padding: 45px 0;
	width: 100%;
}
.index3right {
	width: 100%;
	padding-top: 40px;
	position: relative;
}
.index4leftp4 {
	font-size: 16px;
	margin-bottom: 50px;
}
.index4left {
	overflow: hidden;
	padding-top: 25px;
	padding-bottom: 45px;
}
.index4 {
	padding: 50px 0 85px;
}
.index5 {
	padding-top: 60px;
	padding-bottom: 100px;
}
.index5left {
	width: 100%;
	margin-bottom: 40px;
}
.index5right {
	width: 100%;
}
.index7-3 {
	display: none;
}
.index7list {
	width: 33%;
	border-right: 1px solid #B0B0B0;
}
.index7list:nth-last-child(1) {
	border-right: 1px solid #B0B0B0;
	;
}
.index7 {
	padding: 0px 0;
	background-color: #fff;
}
.index6 {
	padding: 70px 0px 60px;
}
.index7con {
	padding: 50px 40px;
	position: relative;
	background-color: #fff;
	bottom: 0;
}
.foot {
	padding: 25px 0px 15px;
}
.topsearch {
	display: none;
}
#head .pc_Menu {
	width: 82%;
	height: 80px;
}
}

@media only screen and (max-width: 767px) {
#head .pc_Menu {
	width: 82%;
	height: 95px;
}
.index0left {
	padding-left: 45px;
	font-size: 13px;
	color: #282828;
	background: url('../images/fire.png') no-repeat 10px 0px;
	margin-bottom: 10px;
}
.index1list {
	margin-bottom: 30px;
}
.index1 {
	padding: 50px 0 50px;
}
.index2left {
	padding-left: 0;
	padding-right: 0px;
	margin-bottom: 25px;
}
.index2leftp3 div {
	font-size: 15px;
	line-height: 2;
}
.index2list {
	width: 50%;
}
.index2 {
	padding-top: 55px;
}
.index2con {
	background: url('../images/eco.png') no-repeat center;
	background-size: cover;
}
.index2con {
	padding-top: 45px;
	padding-bottom: 60px;
	text-align: center;
}
.index2listp1 span {
	font-weight: bold;
	font-size: 40px;
	margin-right: 5px;
}
.index2listp1 {
	font-size: 32px;
	font-family: Arial, Helvetica, sans-serif;
}
.index2listp2 {
	font-size: 16px;
}
.index2list {
	margin-bottom: 20px;
}
.index3nav {
	width: 50%;
	padding: 0px 5px;
	margin-bottom: 10px;
}
.index3nav a {
	font-size: 12px;
}
.index3 {
	padding: 65px 0 90px;
}
.index3left {
	padding: 45px 0;
	width: 100%;
}
.index3right {
	width: 100%;
	padding-top: 40px;
	position: relative;
}
.index4leftp4 {
	font-size: 16px;
	margin-bottom: 50px;
}
.index4left {
	overflow: hidden;
	padding-top: 25px;
	padding-bottom: 45px;
}
.index4 {
	padding: 50px 0 85px;
}
.index5 {
	padding-top: 60px;
	padding-bottom: 40px;
}
.index5nav {
	display: none;
}
.index5con {
	margin-top: 0px;
}
.index5left {
	width: 100%;
	margin-bottom: 25px;
}
.in5dt {
	display: none;
}
.in5in {
	width: 100%;
}
.index5info {
	padding: 20px 15px 25px 15px;
}
.index5list {
	padding: 20px 10px 25px 10px;
	background-color: #fff;
	color: #606060;
}
.slick-next {
	right: -7px;
}
.slick-prev {
	left: -7px;
}
.index5right {
	width: 100%;
}
.index7-3 {
	display: none;
}
.index7list {
	width: 50%;
	border-right: 1px solid #B0B0B0;
}
.index7left {
	border-right: 0px solid #DCDCDC;
}
.index7list:nth-last-child(1) {
	border-right: 1px solid #B0B0B0;
	;
}
.index7 {
	padding: 0px 0;
	background-color: #fff;
}
.index6 {
	padding: 70px 0px 60px;
}
.index7con {
	padding: 50px 0px;
	position: relative;
	background-color: #fff;
	bottom: 0;
}
.index7list li {
	line-height: 2;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}
.foot {
	padding: 25px 0px 15px;
	font-size: 14px;
}
.topsearch {
	display: none;
}
#head .pc_Menu {
	width: 66%;
	height: 60px;
}
#head .logo {
	width: 30%;
}
}
.index4right .slick-prev {
	visibility: hidden!important;
}
.index4right .slick-next {
	visibility: hidden!important;
}
/*关于*/
.index_bgd {
    width: 96%;
    margin: 0 auto;
    max-width: 1400px;
}
.inda_title {
    text-align: center;
    position: relative;
}
.index_bgd .inda_title p {
    color: rgba(255,255,255,0.1);
}
.inda_title p {
    color: rgba(0,0,0,0.05);
    font-family: 'alternate';
    font-size: 6.25rem;
    line-height: 0.8em;
    position: relative;
}
.index_bgd .inda_title h2 {
    color: #fff;
}
.inda_title h2 {
    position: absolute;
    left: 0;
    top: 13%;
    width: 100%;
    font-size: 2.5rem;
    font-weight: bold;
    color: #e73b2f;
}
.indd_kg {
    max-width: 1400px;
    background: #fff;
    width: 96%;
    padding: 1.5%;
    box-shadow: 0px 4px 6px 0px #71717114;
    margin: 0 auto;
}
.indd_r {
    overflow: hidden;
    width: 50%;
    position: relative;
}
.fl {
    float: left;
}
.indd_r img {
    display: block;
    width: 100%;
}
.indd_l {
    width: 47%;
    padding-top: 10px;
}
.fr {
    float: right;
}
.indd_bt p {
    font-size: 2rem;
    color:#0276ce;
}
.indd_bt span {
    font-family: "alternate";
    font-size: 1.625rem;
    color: rgba(0,0,0,0.2);
    padding-left: 5px;
}
.indd_ms {
    color: #6a6a6a;
    padding-top: 25px;
    line-height: 30px;
	text-indent: 2em;
	font-size: 15px;
}
.indd_more {
    padding-top: 25px;
}
.indd_more a {
    display: block;
    width: 146px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #fff;
    background: #0276ce;
    transition: 0.5s;
	font-size: 16px;
}
.kg {
/*    width: 96%;*/
    margin: 0 auto;
    max-width: 1400px;
}
.index2 .kg{
	width:96%;
	max-width: 1400px;
	margin:0 auto;
}
.inddcfbt {
    text-align: center;
    margin-top: 50px;
}
.inddcfbt p {
    display: inline-block;
    position: relative;
    height: 51px;
    line-height: 51px;
    font-size: 1.5rem;
	color: #333;
}
.inddcfbt p::before {
    width: 120px;
    height: 1px;
    content: '';
    background: #ddd;
    position: absolute;
    left: -150px;
    top: 26px;
}
.inddcfbt p::after {
    width: 120px;
    height: 1px;
    content: '';
    background: #ddd;
    position: absolute;
    right: -150px;
    top: 26px;
}
.inddcf_nr {
    margin-top: 15px;
}
.inddcf_nr ul {
    display: flex;
    justify-content: space-between;
}
.inddcf_nr li {
    flex: 0 1 24%;
}
.inddcf_nr li a {
    display: block;
    overflow: hidden;
}
.inddcf_nr li img {
    display: block;
    width: 100%;
    transition: 0.5s;
}
/*
.container .cpnav>div:hover .nav_two {
    top: calc(100% - 2px);
    top: -webkit-calc(100% + 3px);
    opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
	width: 200%;
    display: inline-block;
	 margin-left: -314px;
}
*/
.container .cpnav>div:hover .nav_two {
    top: calc(100% - 2px);
    top: -webkit-calc(100% + 3px);
    opacity: 1;
    -webkit-opacity: 1;
    visibility: visible;
    width: 185%;
    display: inline-block;
    margin-left: -253px;
    /* z-index: 99999; */
    position: relative;
    line-height: 50px;
}
.cpnav .nav_two li{
	display: inline-block;
}

/*首页荣誉资质*/
.index2 img{
	max-height: 100%;
	border: 1px solid #dedede;
}
.index2 .mw-100 {
    max-width: 1400px;
    margin: 0 auto;
    width: 70%;
}
.inst_box{
	padding-top:50px;
	width: 1400px;
    margin: 0 auto;
}
.inst_list {
    position: relative;
	margin-top:30px;
}
.index2 .index3rtlist {
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
    overflow: hidden;
}
.inst_nr ul li {
    width: 23%;
    margin: 0 14px 0px 14px;
    float: left;
}
.inst_img {
    position: relative;
    z-index: 2;
	border: #e9e9e9 1px solid;
}
.inst_img img{
	width:100%;
}
.photo_t span {
    float: right;
}
.photo_t span a {
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    font-weight: normal;
}
.inst_txt {
    padding: 10px;
    padding-top: 0;
/*    height: 168px;*/
    overflow: hidden;
    box-sizing: border-box;
}
.inst_txt h1 {
    color: #0276ce;
    font-size: 1.125rem;
    font-weight: bold;
    padding: 25px 0;
    position: relative;
    text-align: center;
}
/*
.inst_txt h1::after {
    content: " “ ";
    font-family: "arial";
    font-size: 7.5rem;
    color: black;
    opacity: .1;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    font-weight: 100;
}
*/
.inst_txt p {
    color: #666666;
}
.inst_list .inst_qh {
    position: absolute;
    width: 100%;
    top: 40%;
}
.inst_img img{
    max-width: 100%;
    vertical-align: bottom;
    border-style: none!important;
}
.inst_list .inst_qh ul {
    display: flex;
    justify-content: space-between;
    z-index: 3;
}




.indesb_gd1 {
    margin-top: 32px;
    position: relative;
}
.indesb_nr li a {
    margin: 0 2%;
    display: block;
}
.indesb_pic {
    overflow: hidden;
}
.indesb_pic img {
    display: block;
    width: 100%;
    transition: 0.5s;
}

/*产品*/
.index3con2{
	width: 96%;
    max-width: 1400px;
    margin: 0 auto;
}
@media (min-width: 1028px) {
.index3 .container{
	width: 96%;
    max-width: 1400px;
    margin: 0 auto;
	}
.index3 .kg {
    width: 96%;
    margin: 0 auto;
    max-width: 1400px;
}
}
@media (min-width: 1366px) {
.index3 .container{
	width: 96%;
    max-width: 1400px;
    margin: 0 auto;
	}
.index3 .kg {
    width: 96%;
    margin: 0 auto;
    max-width: 1400px;
}
}
@media (min-width: 1400px) {
.index3 .container{
/*	width: 98.5%!important;*/
    max-width: 1400px;
    margin: 0 auto;
	}}
.index3 .container{
	width: 100%;
    max-width: 1400px;
	margin: 0 auto;
}
.index3left{
	width: 50%;
}
.index3right{
	width: 48%;
    margin-top: 30px;
}
/*厂房*/
.container{
	width: 96%;
    max-width: 1400px;
    margin: 0 auto;
}

/*内页关于我们*/
/*banner*/
.text {
    position: absolute;
    width: 90%;
    color: #fff;
    text-align: center;
    top: 48%;
    left: 5%;
    line-height: 1.6;
    transform: translate(0, -50%);
    z-index: 4;
}
.ad-tit {
    font-size: 40px;
    margin-bottom: 10px;
    letter-spacing: 0px;
    font-weight: 700;
    font-weight: normal;
    font-weight: 700;
}
.ad-line {
    height: 1px;
    width: 30px;
    background: rgba(255,255,255,0.47);
    margin: 0px auto;
}
.ad-sum {
    font-size: 15px;
    margin-top: 15px;
    letter-spacing: 20px;
    font-weight: normal;
}
/*菜单*/
.outnavbg {
    width: 100%;
    height: 70px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
.cer0 {
    max-width: 1440px;
    margin: 0 auto;
}
.outnav3 {
    height: 70px;
    padding: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}
.outnav3 .nav-left {
    left: 0;
    background-image: url(../images/lt3.png);
}
.outnav3 .nav-left, .outnav3 .nav-right {
    width: 50px;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    z-index: 2;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.outnav3 #wrapper22 {
    width: 100%;
    height: 100%;
    position: relative;
}
.nav7 {
    width: 100%;
    height: 100%;
    font-size: 0;
    white-space: nowrap;
}
.nav7 li {
    width: 200px;
    display: inline-block;
    height: 100%;
    overflow: hidden;
}
.nav7 li.on a {
    color: #0276ce;
}
.nav7 li a {
    display: block;
    position: relative;
/*    background-color: #fff;*/
    color: #333;
    line-height: 70px;
    font-size: 16px;
}
.nav7 li.on a:after {
    width: 84px;
    margin-left: -42px;
}
.nav7 li a:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    z-index: 0;
    width: 0;
    height: 5px;
    margin-left: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: url(../images/line1.png) center no-repeat;
}
/*内容*/
.about1 {
    padding: 88px 0 112px;
	margin-bottom: 200px;
}
.bbt {
    width: 100%;
    min-height: 490px;
    overflow: hidden;
    position: relative;
}
.bbtpicbg {
    width: 41%;
    height: 450px;
    position: absolute;
    right: 0;
    top: 32px;
    z-index: 2;
    overflow: hidden;
}
.bbtpicbg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.bbtother {
    width: 57%;
    float: left;
    position: relative;
    z-index: 1;
    background: url(../images/aboutus.png) 0 0 no-repeat;
}
.bbtother .inner {
    padding-left: 22%;
}
.bbtother .tt1 h3{
    color: #0376ce;
    font-size: 50px;
    margin-top: 30px;
}
.bbtother .tt1 hr{
    width: 80px;
    height: 5px;
    background-color: #0678cf;
    margin-top: 34px;
}
.bbtother .abtcon {
    font-size: 16px;
    color: #666;
    line-height: 36px;
    text-align: justify;
    margin-top: 42px;
    overflow: auto;
	text-indent: 2em;
}
/*内页关于我们*/
/*企业文化*/
.wenhua1 {
    padding: 70px 0 100px;
    margin-bottom: 200px;
    max-width: 1440px;
    margin: 0 auto 200px;
    width: 100%;
}
.cate1 {
    text-align: center;
}
.cate1 .cn {
    font-size: 34px;
    line-height: 54px;
    color: #0276ce;
    font-weight: bold;
}
.cate1 .en {
    font-size: 24px;
    line-height: 38px;
    color: #999;
    text-transform: uppercase;
}
.h50 {
    width: 100%;
    height: 50px;
}
.guanlist {
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;
    text-align: center;
}
.guanlist li {
    display: inline-block;
    width: 25%;
}
.guanlist li .lin {
    margin: 0 30px;
    height: 453px;
    position: relative;
}
.guanlist .pic {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #0276ce;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    font-size: 0;
}
.guanlist .area, .guanlist .pic img, .guanlist label {
    -webkit-transition: .6s;
    transition: .6s;
}
.guanlist .pic img {
    width: 340px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
    margin-left: -170px;
}
.guanlist li .in {
    padding: 30px 40px 20px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.guanlist li .in .im {
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    margin-bottom: 10px;
}
.guanlist li .in .im img {
    max-width: 100%;
    max-height: 100%;
}
.guanlist li .in .txt2 {
    font-size: 28px;
    color: #fff;
    line-height: 42px;
    font-weight: bold;
}
.guanlist li .in .txt3 {
    font-size: 18px;
    color: #fff;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    text-transform: capitalize;
}
.guanlist li .in .hx2 {
    width: 30px;
    height: 1px;
    margin: 10px 0 24px;
    background-color: #fff;
}
.guanlist .hx2 {
    -webkit-transition: 1s;
    transition: 1s;
}
.guanlist li .area {
    height: 150px;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    opacity: 0;
    overflow: hidden;
}
.guanlist li label {
    display: block;
    margin-top: 28px;
    height: 30px;
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    opacity: 0;
}
.guanlist li:hover .pic img {
    opacity: 0.2;
}
.guanlist li:hover .hx2 {
    width: 100%;
}
.guanlist li:hover .area {
    opacity: 1;
}
.guanlist li:hover label {
    opacity: 1;
}
/*企业文化*/
/*荣誉资质*/
.ryzz{
	margin-bottom:360px;
}
.ryzz .rylist li .pic {
    width: 100%;
    height: 0;
    padding-bottom: 160%;
    position: relative;
    overflow: hidden;
}
.ryzz .rylist li .pic .wrap {
    background-color: #eaedf4;
    width: 300px;
    height: 480px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    font-size: 0;
    text-align: center;
}
.ryzz .rylist li img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    width: 300px;
    height: 480px;
}
/*荣誉资质*/
/*厂房厂貌*/

.cfcm{
	margin-bottom:360px;
}
.rylist {
    max-width: 1440px;
    overflow: hidden;
    padding: 55px 0 20px;
    margin: 0 auto;
}
.rylist li {
    float: left;
    width: 25%;
    margin-bottom: 60px;
}
.rylist li .lin {
    padding: 0 23px;
}
.rylist li a {
    display: block;
    position: relative;
    padding-bottom: 10px;
}
.rylist li a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 2px;
    background-color: #eaedf4;
}
.rylist li .pic {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
}
.rylist li .pic .wrap {
    background-color: #eaedf4;
    width: 300px;
    height: 225px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    font-size: 0;
    text-align: center;
}
.rylist li img {
    max-width: 100%;
    max-height: 100%;
	margin: 0 auto;
	width: 300px;
    height: 225px;
}
.rylist li .pic .wrap i {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.rylist li h3, .rylist li a:after, .rylist li .cover {
    -webkit-transition: .6s;
    transition: .6s;
}
.rylist li .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: rgba(18, 145, 226, 0.8) url(../images/glass2.png) center no-repeat;
    opacity: 0;
}
.rylist li .cover p {
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 32px;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    width: 100%;
    height: 32px;
    margin-top: 34px;
}
.rylist li h3, .rylist li a:after, .rylist li .cover {
    -webkit-transition: .6s;
    transition: .6s;
}
.rylist li h3 {
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    height: 44px;
    overflow: hidden;
    color: #333;
    margin-top: 10px;
}
.rylist li h3, .rylist li a:after, .rylist li .cover {
    -webkit-transition: .6s;
    transition: .6s;
}
.rylist li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 0;
    height: 2px;
    background-color: transparent;
}
.rylist li:hover .cover {
    opacity: 1;
}
.rylist li:hover h3 {
    color: #0276ce;
}
.rylist li:hover a:after {
    width: 100%;
    background-color: #0276ce;
}
/*厂房厂貌*/
/*页码*/
.pagelist {
    width: 1440px;
    text-align: center;
    margin: 0 auto;
    margin-top: 35px;
    /* padding: 0px 21px; */
}
#pege li {
    float: left;
    margin: 0 5px;
    color: #666;
    font-size: 14px;
    height: 42px;
    width: auto;
}
#pege li a {
	color: #333;
    display: unset;
    padding: 0%;
}
.pagelist li {
     box-shadow:unset!important; 
     transition: unset!important; 
}
.pagelist ul {
    display: unset!important;
    grid-template-columns:unset!important;
    justify-content: unset!important;
}
/*页码*/
/*联系我们*/
.main {
    background: #fff;
    padding-top: 70px;
    margin-bottom: 300px;
}
.w-75 {
    width: 1440px;
    margin: 0 auto;
    background: #0276ce;
    height: -webkit-fill-available;
}
.ct .L {
    width: 35.7%;
    color: #fff;
}
.dis-t, .dis-m, .dis-b {
    display: inline-block;
}
.dis-m {
    vertical-align: middle;
}
.dis-t, .dis-m, .dis-b {
    display: inline-block;
}
.dis-m {
    vertical-align: middle;
}
.v-align-m1, .v-align-m2 {
    font-size: 0;
}
.v-align-m1:before, .v-align-m2:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}
.ct .L>div {
    width: 100%;
    padding: 6.3% 12%;
    box-sizing: border-box;
}
.ct .L strong {
    font-size: 26px;
    display: block;
	letter-spacing: 1px;
}
.ct .L p {
    /* margin-top: -45px; */
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
	letter-spacing: 1.2px;
}
.ct .L ul {
    position: relative;
    z-index: 0;
    margin-top: 11%;
}
.ct .L ul:before {
    content: '';
    position: absolute;
    top: 0;
    left: 5%;
    width: 1px;
    background: #fff;
    height: 92%;
}
.ct .L li:first-child {
    margin-top: 0;
}
.ct .L li {
    margin-top: 8%;
    width: 375px;
	line-height: 14px;
}
.ct .L i {
    background: #0276ce;
    position: relative;
    width: 10%;
    padding: 2% 0;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 0;
}
.ct .dis-t img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
.ct li span {
    font-size: 16px;
    line-height: 1.75;
    margin-left: 5%;
    width: calc(85% - 2px);
    margin-top: 2%;
    vertical-align: top;
}
.ditu {
    float: right;
    width: 60%;
}
/*联系我们*/
/*在线留言*/
.main {
    padding-top: 70px;
    padding-bottom: 60px;
}
.kg {
    width: 98%;
    margin: 0 auto;
    max-width: 1440px;
}
.book_title {
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 40px;
    text-align: center;
}
.book_title p {
    color: #000;
    font-size: 22px;
    margin-bottom: 12px;
}
#tc-2 .fl {
    float: left;
    margin: 0px 16px;
}
.ncontxt {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 30px;
    height: 48px;
    color: #333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    margin-right: 3%;
    box-sizing: border-box;
    font-size: 1rem;
    font-family: auto;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
.bok_btn {
    margin-right: 51px;
    background: #0276ce;
    color: #ffffff;
    width: 150px;
    height: 53px;
    cursor: pointer;
    font-size: 16px;
    border: none;
}
.bok_btn2 {
    display: inline;
    margin-right: -31px;
    background: #e5e5e5;
    color: #000000;
    width: 150px;
    height: 53px;
    cursor: pointer;
    font-size: 16px;
    border: none;
}
/*在线留言*/
/*原新闻资讯*/
/*
.pageCon {
    margin-bottom: 240px;
    margin-top: 90px;
}

.container {
    width: 1440px!important;
}
.pageCon .pageconBox {
    width: 100%;
    min-height: 120px;
}
.newsResult {
    margin-bottom: 80px;
}
.newspic .itempic {
    margin-bottom: 30px;
}
.itempic {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f9f9f9;
}
.itempic a {
    display: block;
    width: 100%;
}
.itempic .itemimg {
    width: 178px;
    margin-right: -178px;
}
.itemimg img {
    width: 100%;
}
.itempic .iteminfo {
    width: 100%;
}
.itempic .iteminfo .iteminfoBox {
    margin-left: 198px;
}
.iteminfo .theme {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    max-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.iteminfo .wds {
    max-height: 60px;
    overflow: hidden;
}
.iteminfo .wds, .iteminfo .date {
    color: #666;
    line-height: 30px;
}
.iteminfo .wds, .iteminfo .date {
    color: #666;
    line-height: 30px;
}
.cl:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
*/
/*新闻资讯*/
.xinwen {
    margin-bottom: 340px;
	margin-top: 90px;
}
.newslist {
    max-width: 1440px;
    padding: 20px 0 0px;
    margin: 0 auto;
    overflow: hidden;
}
.newslist li {
    float: left;
    width: 25%;
    margin-bottom: 60px;
}
.newslist li .lin {
    padding: 0 30px;
}
.newslist li a {
    display: block;
}
.newslist li .date {
    font-size: 16px;
    color: #999;
    line-height: 54px;
    height: 54px;
    font-family: 'swissbt';
}
.newslist li .date .day {
    font-size: 44px;
    color: #666;
    font-weight: bold;
    margin-right: 20px;
}
.newslist h3, .newslist .hx, .newslist .day, .newslist .hx:before {
    -webkit-transition: .6s;
    transition: .6s;
}
.newslist li .hx {
    width: 100%;
    height: 2px;
    background-color: #e9e9e9;
    position: relative;
    margin: 18px 0;
}
.newslist li .hx:before {
    content: '';
    position: absolute;
    left: 100%;
    top: -5px;
    z-index: 0;
    width: 12px;
    height: 12px;
    background-color: #0276ce;
    opacity: 0;
    border-radius: 50%;
}
.newslist h3, .newslist .hx, .newslist .day, .newslist .hx:before {
    -webkit-transition: .6s;
    transition: .6s;
}
.newslist li h3 {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    margin-bottom: 15px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.newslist li .txt {
    font-size: 16px;
    color: #666;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    margin-bottom: 30px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newslist .pic {
    width: 100%;
    height: 0;
    padding-bottom: 62.06%;
    overflow: hidden;
    position: relative;
}
.pic102 img, .pic104 img, .pic101 img {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.poa {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.newslist li:hover .date .day {
    color: #0276ce;
}
.newslist li:hover .hx {
    background-color: #0276ce;
}
.newslist li:hover .hx:before {
    opacity: 1;
    left: 0;
}
.newslist li:hover h3 {
    color: #0276ce;
}
li:hover .pic102 img {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
}
/*新闻详情*/
.cer1 {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
	margin-bottom: 200px;
}
.cer1 .main {
    margin: 80px 0 80px;
    display: inline-block;
}
.mainleft {
    width: 70%;
    float: left;
}
.atc {
    padding: 32px 39px 55px;
    border: 1px solid #ddd;
}
.atc-h {
    border-bottom: 1px dashed #c7c7c7;
    padding-bottom: 18px;
    position: relative;
}
.atc-h h1 {
    font-size: 26px;
    color: #333;
    line-height: 46px;
    margin-bottom: 6px;
}
.atc-date {
    font-size: 14px;
    color: #666;
    line-height: 34px;
}
.atc-date span {
    display: inline-block;
    margin-right: 5px;
}
.atc-h:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 0;
    width: 30px;
    height: 3px;
    background-color: #0276ce;
}
.atc-con {
    padding: 30px 0 50px;
    font-size: 16px;
    line-height: 32px;
    color: #666;
    text-align: justify;
    border-bottom: 1px solid #ddd;
}
.atc-pn {
    position: relative;
    padding-top: 26px;
    padding-right: 160px;
}
.atc-pn a {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #666;
    line-height: 34px;
    margin-top: 10px;
}
.atc-pn a label {
    display: inline-block;
    border: 1px solid #ccc;
    width: 98px;
    height: 32px;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    margin-right: 15px;
}
.atc-pn a.ret {
    font-size: 14px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    background-color: #0276ce;
    width: 110px;
    height: 34px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin-top: 0;
}
.mainright {
    width: 30%;
    float: right;
}
.mainright .sidebox {
    padding: 0px 28px 0;
    width: auto;
    background-color: #fff;
}
.mainright .sidebox .title {
    height: 44px;
    position: relative;
    font-weight: bold;
    margin-bottom: 24px;
    font-size: 22px;
    line-height: 44px;
    color: #0276ce;
    text-indent: 22px;
}
.mainright .sidebox .title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 0;
    width: 4px;
    height: 20px;
    background-color: #0276ce;
    margin-top: -10px;
}
.newsitem {
    border-bottom: 1px solid #eee;
}
.newsitem a {
    display: block;
    position: relative;
/*    padding-bottom: 20px;*/
}
.newsitem .pic {
    width: 100%;
    height: 190px;
    position: relative;
    overflow: hidden;
}
.newsitem .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.newsitem h3 {
    font-size: 16px;
    color: #333;
    line-height: 60px;
    height: 60px;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.relnewslist {
    padding: 18px 0;
}
.relnewslist li {
    padding: 10px 0 10px 20px;
    position: relative;
}
.relnewslist li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 22px;
    z-index: 0;
    width: 6px;
    height: 6px;
    background-color: #666;
    border-radius: 3px;
    -webkit-transition: .3s;
    transition: .3s;
}
.relnewslist li a {
    display: block;
    color: #666;
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*新闻资讯*/
/*产品展示*/
.pro_bg {
    width: 100%;
    padding-top: 48px;
    padding-bottom: 100px;
	max-width: 1440px;
    margin: 0 auto;
	margin-bottom: 200px;
}
.pro_bg .kg, .proshow_bg .kg {
    display: grid;
    grid-template-columns: 270px 1fr;
    grid-gap: 0 29px;
}
.kg {
    width: 96%;
    margin: 0 auto;
    max-width: 1440px;
}
.pro_nr{
	width:1100px;
}
.pro_bg .indb_fl dl {
    border: 1px solid #eee;
}
.indb_fl dl:nth-child(1) {
    margin-bottom: 1px;
}
.indb_fl dl {
    background: #fff;
    padding-bottom: 16px;
}
.indb_fl dt {
    background: url(../images/indb_dt.png) no-repeat right center #0276ce;
    border-left: 4px solid #0291fd;
    height: 52px;
    line-height: 52px;
    padding-left: 28px;
    font-size: 18px;
    color: #fff;
    position: relative;
}
.indb_fl dt a{
	color: #fff;
	font-size: 18px;
}
.indb_fl dt::after {
    content: '';
    width: 23px;
    height: 23px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    right: 25px;
    top: 14px;
    background: url(../images/indb_jt.png) no-repeat center;
    transition: 0.5s;
}
.indb_fl dd {
    margin: 0 4%;
}
.indb_fl dd a:hover, .indb_fl dd a.cur {
    padding-left: 27px;
    color: #0276ce;
    transition: 0.5s;
}
.indb_fl dd a {
    display: block;
    height: 67px;
    line-height:67px;
    border-bottom: 1px dotted #a7a7a7;
    position: relative;
    padding-left: 17px;
    transition: 0.5s;
	font-size:16px;
}
.indb_fl dd a:hover:after, .indb_fl dd a.cur:after {
    background: url(../images/indb_jth.png) no-repeat left center;
    left: 11px;
    transition: 0.5s;
}
.indb_fl dd a::after {
    content: '';
    background: url(../images/indb_jths.png) no-repeat left center;
    width: 5px;
    height: 100%;
    position: absolute;
    left: 1px;
    top: 0;
    transition: 0.5s;
}
.indb_tel {
    background: #0276ce;
}
.indb_tel a {
    display: block;
    padding: 25px 0 25px 27px;
    background: url(../images/indb_tel.png) no-repeat right center;
    color: #fff;
}
.indb_tel p {
    font-size: 1.125rem;
}
.indb_tel span {
    display: block;
    font-size: 1.875rem;
    font-family: 'Din';
}
.pro_title {
    height: 67px;
    line-height: 67px;
    background: #f0f0f0;
    padding: 0 16px;
    color: #0276ce;
    font-size: 1.875rem;
}
.indb_b {
    padding-top: 16px;
}
.indb_b ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    justify-content: space-between;
    grid-gap: 16px;
}
.pro_nr li {
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    transition: 0.5s;
}
.indb_kg {
    padding: 13px 13px 19px 13px;
    background: #fff;
}
.indb_pic {
    border: 1px solid #dedede;
    border-radius: 5px;
    overflow: hidden;
	height: 239px;
}
.indb_pic img {
    display: block;
    width: 100%;
    transition: 0.5s;
}
.indb_mc a {
    display: block;
    text-align: center;
    line-height: 45px;
    height: 45px;
    overflow: hidden;
    color: #525252;
	font-size: 16px;
}
.indb_zx {
    display: grid;
    grid-template-columns: repeat(2,auto);
    justify-content: center;
    grid-gap: 0 10px;
}
.indb_zx a:nth-child(1) {
    background: #0056ad;
}
.indb_zx a {
    display: block;
    width: 115px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
}
.indb_zx a:nth-child(2) {
    background: #e70000;
}
.indb_zx a {
    display: block;
    width: 115px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
}


.prolist li {
    float: left;
    width: 33.33333333%;
    margin-bottom: 60px;
    padding-bottom: 20px;
}
.prolist li .lin {
    padding: 0 23px;
}
.prolist li a {
    display: block;
    background-color: #fff;
    padding: 20px 20px 40px;
    position: relative;
}
.prolist .pic {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}
.prolist .pic .wrap {
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.prolist .pic img {
    max-width: 100%;
    max-height: 100%;
}
.prolist .pic .wrap s {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}
.prolist li h3 {
    font-size: 18px;
    color: #333;
    line-height: 34px;
    text-align: center;
    height: 34px;
    margin-top: 15px;
    overflow: hidden;
}
/*产品详情*/
.greybg {
    background-color: #f0f3f6;
}
.h60 {
    width: 100%;
    height: 60px;
}
.greybg .cer1 {
    max-width: 1440px;
    margin: 0 auto 200px;
    padding: 0 20px;
}
.profirst {
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 80px;
	padding-left: 50px;
    background-color: #fff;
    min-height: 520px;
	width:100%;
}
.xijie {
/*    width: 720px;*/
    float: left;
    padding: 0 20px;
    width: 45%;;
}
.propic-scroll {
/*    position: relative;
    width: 51%;
    height: 420px;
    float: left;*/
}
.propic-scroll .flex-viewport {
    width: 100%;
    height: 100%;
    outline: 1px solid #e2e2e2;
}
.propic-scroll .slides {
/*
    overflow: hidden;
    height: 100%;
*/
}
.propic-scroll .slides li {
/*
    display: none;
    height: 100%;
    -webkit-backface-visibility: hidden;
    position: relative;
*/
}
.propic-scroll .slides li a {
/*
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    line-height: 520px;
*/
}
.propic-scroll .slides a > img {
    max-width: 100%;
    max-height: 100%;
	width: 100%;
}
.proinfo {
    padding-top: 10px;
	width: 50%;
    float: right;
}
.proinfo .proname {
    font-size: 28px;
    line-height: 48px;
    color: #333;
    font-weight: bold;
}
.proinfo .proen {
    font-size: 24px;
    line-height: 38px;
    color: #c4c4c4;
    text-transform: uppercase;
}
.proinfo .hx {
    width: 30px;
    height: 3px;
    background-color: #0276ce;
    margin: 16px 0 19px;
}
.proinfo .xiangxi {
    font-size: 16px;
    line-height: 34px;
    color: #333;
/*    height: 272px;*/
    overflow: auto;
}
.proinfo .probtn {
    margin-top: 64px;
    height: 40px;
    line-height: 40px;
}
.proinfo .probtn a {
    display: inline-block;
    width: 140px;
    height: 100%;
    margin-right: 30px;
    color: #fff;
    font-size: 16px;
    text-indent: 54px;
    background-position: 24px center;
    background-color: #0276ce;
    background-repeat: no-repeat;
}
.proinfo .zixun {
    background-image: url(../images/btn2.png);
}
.prosecond {
    margin-top: 30px;
    background-color: #fff;
    padding: 32px 30px 50px;
}
.casetitle {
    font-size: 24px;
    line-height: 60px;
    color: #333;
    font-weight: bold;
    text-indent: 18px;
    height: 60px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.casetitle:before {
    content: '';
    position: absolute;
    left: 0;
    top: 18px;
    z-index: 0;
    width: 4px;
    height: 24px;
    background-color: #0276ce;
}
/*
.procontent img{
	width:100%;
}
*/
.procontent {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-top: 30px;
    width: 100%;
    overflow: auto;
}
.pro-pn {
    overflow: hidden;
    text-align: center;
    position: relative;
    background-color: #fff;
    height: 70px;
    line-height: 50px;
    margin-top: 20px;
    padding: 10px 100px;
}
a.pro-prev {
    float: left;
    text-align: left;
    padding-left: 28px;
    background: url(../images/sjl.png) left no-repeat;
}
a.pro-next {
    float: right;
    text-align: right;
    padding-right: 28px;
    background: url(../images/sjr.png) right no-repeat;
}
.pro-pn a {
    width: 38%;
    height: 100%;
    font-size: 16px;
    color: #666;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
a.pro-ret {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    background-color: #0276ce;
    border-radius: 30px;
    color: #fff;
}









/*产品展示*/