/*基础CSS*/

.ib
{
	display: inline-block;

	vertical-align: middle;
}
.imgdiv img,
.tra0_3,
.imgk img
{
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.tra1
{
	-webkit-transition: all 1s ease-out 0s;
	-moz-transition: all 1s ease-out 0s;
	-ms-transition: all 1s ease-out 0s;
	-o-transition: all 1s ease-out 0s;
	transition: all 1s ease-out 0s;
}
.dimgdiv img:last-of-type
{
	display: none;
}
.dimgdiv:hover img:first-of-type
{
	display: none;
}
.dimgdiv:hover img:last-of-type
{
	display: inline;
}
.disnone
{
	display: none !important;
}
.clearfix::after
{
	display: block;
	clear: both;

	height: 0;

	content: ' ';
}
.clearfix
{
	zoom: 1;
}
.cp
{
	cursor: pointer;
}
.fb
{
	font-weight: bold;
}
.fl
{
	float: left;
}
.fr
{
	float: right;
}
.l,
.r
{
	width: 50%;
}
.left{ float:left;}
.right{ float:right;}
.flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.tac {
	text-align: center;
}
@font-face{font-family:"OswaldBold";src:url(./fonts/Oswald-Bold.otf);}
@font-face{font-family:"Oswald_Regular";src:url(./fonts/Oswald-Regular.ttf);}
@font-face {
	font-family: 'Conv_Montserrat-Bold';
	src: url('./fonts/Montserrat-Bold.eot');
	src: local('☺'), url('./fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.content {width: 94%;max-width: 1420px;margin: auto;}





/* contact */
.contact-section {padding: 60px 0;overflow: hidden;}
.contact-section .title-style{text-align: center;}
.contact-section .title-style h2{}
.contact-section .title-style .line{margin: 10px auto;}
.contact-section .title-style .text{width: 50%;margin:20px auto;font-size: 16px;color: #666;line-height: 26px;}
.contact-section .content  {overflow: hidden;padding: 50px 0 0 0;}
.contact-section .content .left {width: 50%;}
.contact-section .content .left .content-way{overflow: hidden;}
.contact-section .content .left .content-way li{list-style: none;float: left;width: 33%;margin-bottom: 20px;position: relative;}
.contact-section .content .left .content-way li::after{content: '';display: block;width: 1px;height: 100%;background:#e7e8eb;position: absolute;right:10%;top: 0;}
.contact-section .content .left .content-way li:nth-child(3)::after,.contact-section .content .left .content-way li:last-child::after {display: none;}
.contact-section .content .left .content-way li i{width: 50px;height: 50px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;opacity: .7;}
.contact-section .content .left .content-way li:last-child {width: 99%;}

.contact-section .content .left .content-way li i.c4 {background: url(../images/c4.png) center -1px no-repeat;background-size: 50px;}
.contact-section .content .left .content-way li span{display: inline-block;vertical-align: middle;}
.contact-section .content .left .content-way li span h6{font-size: 14px;color: #999999;font-weight: normal;margin: 0;}
.contact-section .content .left .content-way li span h5{font-size: 14px;color: #666;margin: 5px 0 0 0;}
.contact-section .content .left .content-way li span h5 a {color: #666;}
.contact-section .content .left .content-way li:nth-child(3) span h5 a{color: #033975;}
.contact-section .content .left .content-way li:nth-child(3) i {border: 2px solid #033975;opacity: 1;}
.contact-section .content .left .content-way li:nth-child(3) i.c3 {background: url("../images/c31.png") center no-repeat;}
.contact-section .content .left .content-way li:hover span h5{color: #033975;}
.contact-section .content .left .content-map {clear: both;margin-top: 10px;overflow: hidden;width: 100%;position: relative;background: #f1f1f1;}
.contact-section .content .left .content-map #map {min-height: 258px;}
.contact-section .content .left .content-map iframe {border: none;margin: 0;padding: 0;margin-top: -50px;}
.contact-section .content .left .content-map iframe #watermark {display: none;}
.contact-section .content .left .content-text {font-size: 12px;line-height: 20px;color: #999999;padding: 20px 0;}
.contact-section .content .right {width: 47%;}
.content-form {overflow: hidden;}
.content-form li{list-style: none;margin: 0 0 10px 0;padding: 0;font-size: 0;}
.content-form li .input2 {border: 1px solid #ededed;background: #fff;padding: 10px 20px;width:50%;height:60px;font-size: 14px;font-weight: normal;box-sizing: border-box;}
.content-form li .input2:first-child {margin-right: 1%;width:49%;}
.content-form li .textarea1 {width:100%;height:130px;font-size: 14px;border: 1px solid #ededed;background: #fff;padding: 20px 20px;box-sizing: border-box;}
.content-form li .submit1 {background: #033975;color: #fff;font-size: 14px;width: 100%;height:58px;cursor: pointer;}
.content-form li .submit1:hover {background: #033975;}



/*标题栏*/
.top-title{width: 85%;margin: auto;padding:0px 0 50px 0;overflow: hidden;position: relative;}
.top-title .title-style{text-align: center;}
.top-title .title-style .line {margin: 20px auto auto;}
.top-title .text{padding: 20px 0 0 0;overflow: hidden; color: #737373;font-size: 18px;line-height: 26px;text-align: center;}
.top-title .title-style {overflow: hidden;}
.top-title .title-style h3 {text-transform: uppercase;font-size: 36px;margin:5px 0 0 0;color: #00bf86;}
.top-title .title-style h1 {text-transform: uppercase;font-size: 60px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.top-title .title-style h2 {text-transform: uppercase;font-size: 42px;line-height: 60px; margin:8px 0 20px 0;color: #1a1a1a;}
.top-title .title-style h5 {font-size: 20px;margin:0;color: #666;line-height: 30px;}
.top-title .title-style h4 {text-transform: uppercase;font-size: 20px;margin:5px 0 0 0;color: #00bf86;}
.top-title .title-style .line {width: 128px;height: 4px;background: #ff8100;}
.img-center {position: absolute;display: block;left: 0;top: 0;bottom: 0;right: 0;margin: auto;width: auto!important;height: auto!important;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;text-decoration: none;}
.img-block {display: block;width: 100%;height: auto;}






/*首页产品模块*/
.index-products {background: url(../images/cpbg.jpg) 100% 100% / cover  no-repeat;}
.index-products-center {padding: 3% 5% 5% 5%;overflow: hidden;}

.index-products-center .bottom5{position: relative;padding-left: 33.333333%;background: #000;overflow: hidden;}
.index-products-center .bottom5 a:first-child {position: absolute;left: 0;top: 0;width: 33.333333%;height: 100%;}
.index-products-center .bottom5 a:first-child  .text {bottom:4.2%;}
.index-products-center .bottom5 a{position: relative;display: block;overflow: hidden;float: left;width: 50%;}
.index-products-center .bottom5 .text {position: absolute;left: 5%;bottom: 8%;width: 90%;z-index: 50;color:#fff;}
.index-products-center .bottom5 .text h4{font-size: 20px;font-weight: normal;margin:8px 0;text-transform: uppercase;opacity: .2;}
.index-products-center .bottom5 .text h3{font-size: 20px;margin: 0;}
.index-products-center .bottom5 .img {position: relative;overflow: hidden;}
.index-products-center .bottom5 a:hover .img img.img-center{transform: scale(1.1); -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;text-decoration: none;}






/*关于我们模块*/

.index-about {position: relative;}
.index-about .title-style .line {width: 100%;height: 4px; /* background: #033975; */margin: 10px 0;border-bottom: 1px solid #ff8200;}
.index-about .title-style .line:before {content: '';display: block;width: 80px;height: 4px;background: #ff8200; }
.index-about .title-style h2 {margin: 0px 0 20px 0;text-align: left;}
.index-about .absolute{position: absolute;height: 100%;width: 80%;left: 10%;}
.index-about .left{width:40%;margin-top: 1%;}
.index-about .title-style h5{font-size: 16px;line-height: 24px;color: #999999;}
.index-about .title-style h2 {margin: 0px 0 20px 0;}
.index-about .left .text{font-size: 16px;color: #666;line-height: 28px;margin-top: 20px;}
.index-about .left .text p {line-height: 36px;text-indent: 2em;}
.index-about .left .text .item3{margin-top: 40px;}
.index-about .left .text .item3 li {width: 20%;font-size: 14px;line-height: 24px;color: #999999;list-style: none;display: inline-block;vertical-align: top;position: relative;padding-left: 30px;}
.index-about .left .text .item3 li h3{font-size: 40px;line-height: 26px;color: #00bf86;margin: 10px 0;}
.index-about .left .text .item3 li span {color: #666;font-size: 16px;}
.index-about .left .text .item3 li:first-child {padding-left:0px;}
.index-about .left .text .item3 li::after {content: '';display: block;width: 1px;height: 100%;background: #ccc;position: absolute;right: 0;top: 0;opacity: .5;}
.index-about .left .text .item3 li:last-child::after {display: none;}
.index-about .right{width:45%;position: relative;text-align: center;}
.index-about .right .slogo{width: 465px;height: 110px;position: absolute;left: 50%;top:20%;margin-left: -222px;text-align: center; animation: icons 4s linear infinite;-webkit-animation:icons 4s linear infinite}
.index-about .right .slogo img{display: inline-block;}
.index-about .img img{display: block;width: 100%;}

@-webkit-keyframes icons { 0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,1em);transform: translate(0,1em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}}
@keyframes icons {0%{-webkit-transform: translate(0,0);transform: translate(0,0);}50%{-webkit-transform: translate(0,1em);transform: translate(0,1em);}100%{-webkit-transform: translate(0,0);transform: translate(0,0);}}



/*文化*/
.index-wenhua {
	background: url(../images/lcBg.jpg) no-repeat top center;
	background-size: 100% 100%;
}
.wh_logo {
	width: 50%;
	float: left;
	padding-top: 12%;
}



/*证书*/
.index-honor {background: url(../images/honor.jpg) no-repeat top center;background-size: 100% 100%;min-height: 790px;box-shadow: 0 0 5px 0px rgb(0 0 0 / 55%);}
.history {width: 50%;float: right;}
.history .whitem {position: relative;}
.history .whitem .contents {position: relative;font-size: 16px;line-height: 30px;color: #555;padding-bottom: 20px;padding-top: 20px;min-height: 0;border-left: 2px solid #c9c9c9;padding-left: 35px;}
.history .whitem .contents:before {content: "";position: absolute;width: 20px;height: 20px;border: 1px solid #a8b0b8;background: #fff;border-radius: 50%;top: 50px;left: -12px;z-index: 20;}
.history .whitem .contents:hover:before {border: 1px solid #033975;}
.history .whitem .contents:after {content: "";position: absolute;width: 10px;height: 10px;background: #a8b0b8;border-radius: 50%;top: 55px;left: -7px;z-index: 30;}
.history .whitem .contents:hover:after {background: #033975;}
.index-wenhua .contents .item {position: relative;padding-left: 100px;font-size: 16px;color: #666;line-height: 24px;padding-bottom: 20px;padding-top: 20px;border-radius: 8px;cursor: pointer;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;text-decoration: none;}
.index-wenhua .contents .item:hover {background: #033975;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;text-decoration: none;}
.index-wenhua .contents .icon {width: 58px;height: 58px;font-size: 0;text-align: center;line-height: 56px;border: 1px solid #aaa;border-radius: 50%;position: absolute;left: 20px;top: 14px;z-index: 10;background: #aaa;}
.index-wenhua .contents .icon img{width: 40px;}
.index-wenhua .contents .item .tit {font-size: 20px;color: #666;margin-bottom: 10px;}
.index-wenhua .contents .item:hover .tit {color: #fff;}
.index-wenhua .contents .item .con {color: #666;}
.index-wenhua .contents .item:hover .con {color: #fff;}











.pager .my-4 {
	padding: 15px 0 30px 0;
}
.pager .page-link {
	margin-left: 2px;
	margin-right: 2px;
}
.pager .my-4 .page-item.page-link {
	display: inline-block;
	text-align: center;
	padding: 5px 10px;
	background: #007cc3;
	color: #fff;
	border-radius: 5px;
}
.pager .my-4 .page-num {
	display: inline-block;
	text-align: center;
	padding: 5px 18px;
	background: #007cc3;
	color: #fff;
	border-radius: 5px;
	margin: 0 5px;
}
.pager .my-4 .page-num.page-num-current {
	background: #fff;
	border: 1px solid #007cc3;
	color: #000;
}


/*客服*/
.jdc-side { display: none; position: fixed; right: 6px; bottom: 10%; z-index: 300;padding: 4px;background: #033976;border-radius: 10px}
.mod_hang_qrcode { position: relative }
.mod-qr-tips { height: 70px; background: url(../images/qrtips.png) center no-repeat; background-size: 100% }
.mod_hang_qrcode_show { display: none; position: absolute; right: 84px; top: -65px; width: 138px; min-height: 166px; border: 0 none; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.mod_hang_qrcode_show p { margin-top: 5px; line-height: 16px; color: #666; font-size: 12px; text-align: center }
.mod_hang_qrcode_show_bg { width: 124px; height: 124px; margin: 8px auto 0; background-position: 0 0; background-repeat: no-repeat; -moz-background-size: 124px auto; background-size: 124px auto; background-image: url(../images/qrcode.png) }
.jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../images/qrcode.png) }
.jdc_hang_qrcode p { padding-bottom: 5px }
.mod_hang_qrcode_btn { display: block; width: 80px; height: 68px; color: #0989c5; font-size: 40px; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease }
.mod_hang_top { display: block; width: 80px; height: 68px; text-align: center; cursor: pointer; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; background-color: transparent }
.mod_hang_qrcode:hover .mod_hang_qrcode_show { display: block }
.mod_hang_qrcode_btn { position: relative;text-align: center; background-color: transparent; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
/*.mod_hang_qrcode_btn span { display: none; position: absolute; top: 25px; left: 25px; width: 30px; line-height: 15px; font-size: 12px; text-align: center }*/
.mod_hang_qrcode_btn:hover { color: #fff }
.mod_hang_top {  }
.mod_hang_top .mod_hang_qrcode_btn { background: 0 0; margin: 0 }
.mod_hang_appeal_btn { display: block; position: relative; width: 80px; height: 68px; color: #0989c5; text-align: center; font-size: 20px; cursor: pointer; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) ;}
.mod_hang_appeal_btn span {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 16px;
	width: 50px;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
	color: #333;
}

.mod_hang_appeal:hover .mod_hang_appeal_show{ display:block;opacity: 1;}


.mod_hang_appeal_btn i, .mod_hang_qrcode_btn i { display: inline-block; width: 80px; height: 68px; line-height: 60px; font-size: 40px; color: #0989c5; background-color: #fff }
.mod_hang_qrcode_btn span {display: block;position: absolute;bottom: 5px;left: 16px;width: 50px;line-height: 15px;font-size: 12px;text-align: center;color: #333;}
.mod_hang_appeal.show .mod_hang_appeal_show { display: block }
.mod_hang_appeal_show {
	opacity: 0;
	z-index: -9;
	right: -500px;
	position: absolute;
	right: 88px;
	top: 155px;
	background: #fff;
	-webkit-box-shadow: 0 0 10px 0 rgb(20 34 67 / 10%);
	-moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1);
	box-shadow: 0 0 10px 0 rgb(20 34 67 / 10%);
	width: 309px;
}.mod_hang_appeal_show li {
	*zoom:1; cursor: pointer }
.mod_hang_appeal_show li:hover { background: #f3f5fb }
.mod_hang_appeal_show li:after, .mod_hang_appeal_show li:before { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden }
.mod_hang_appeal_show .icon_box, .mod_hang_appeal_show .text_box { float: left; width: 215px; height: 90px; cursor: pointer }
.mod_hang_appeal_show .icon_box { width: 78px; line-height: 90px; text-align: center }
.mod_hang_appeal_show .icon_box i { color: #0989c5; font-size: 30px }
.mod_hang_appeal_show .text_box h5 { margin-top: 19px; font-size: 16px; color: #03004c; line-height: 24px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.mod_hang_appeal_show .text_box p { margin-top: 5px; max-height: 36px; overflow: hidden; line-height: 18px; font-size: 19px; color: #666; cursor: pointer }
.jdc_feedback_qrcode .mod_hang_qrcode_btn { margin-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show { min-height: 226px }
.jdc_feedback_qrcode .mod_hang_qrcode_show p { padding-bottom: 5px }
.jdc_feedback_qrcode .mod_hang_qrcode_show_bg { margin-top: 0; background-image: none }

.mod_hang_qrcode_btn .jdcfont.guanzhu {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

@media (max-width:768px) {
	.jdc-rwd .jdc-side { display: none!important }
	#indexBanner {
		height: 36vh !important;
	}
	.top-title {
		width: 92%;
	}
	.top-title .title-style h2 {
		font-size: 29px;
	}
	.index-about .top-title {
		display: none;
	}
	.index-honor {
		min-height: 40px;
	}
	.top-title .title-style h2 {
		font-size: 29px;
		margin: 0px 0 0px 0;
		line-height: 30px;
	}
	.wh_logo {
    display: none;
}
	.history {
    width: 100%;
}

}
.jdc-lang-en .jdc_hang_qrcode .mod_hang_qrcode_show_bg { background-image: url(../images/gzh.jpg) }
.jdc-lang-en .mod-qr-tips { position: relative }
.jdc-lang-en .mod-qr-tips:after { content: "Search"; position: absolute; left: 41px; top: 8px; width: 85px; height: 30px; line-height: 30px; background: #fff; color: #666; font-size: 16px }
.logosi {
	background: url(../images/zixun.png) no-repeat center center;
	width: 80px;
	height: 62px;
	display: block;
	background-size: 58px;
}
.zaixian{
	background: url(../images/zaixian2.png) no-repeat center 9px;
	/*width: 80px;*/
	/*height: 62px;*/
	display: block;
	background-size: 33px;
}
.guanzhu{
	background: url(../images/guanzhu2.png) no-repeat center 9px;
	/*width: 80px;*/
	/*height: 62px;*/
	display: block;
	background-size: 33px;
}
.dianhua{
	background: url(../images/dianhua2.png) no-repeat center 9px;
	/*width: 80px;*/
	/*height: 62px;*/
	display: block;
	background-size: 33px;
}
.fanhui{
	background: url(../images/fanhui2.png) no-repeat center 9px;
	/*width: 80px;*/
	/*height: 62px;*/
	display: block;
	background-size: 33px;
}
.icon_box .dianhua {
    width: 80px;
    height: 90px;
    background-size: 48px;
    background-position-y: 20px;
}