*{margin: 0;padding: 0;}
a{text-decoration: none;}
a:hover{
	text-decoration:none;
}
a:link{
	text-decoration:none;
}
ul{list-style: none;}
input, button, select, textarea{outline: none;-webkit-appearance: none;}
body{
	background-color: #f8f8f8;
}
.home{
	background-color: #fff;
}
#head{
	width: 100%;
	height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
	background-color: #1b1b1b;
}
.oh{
	overflow: hidden;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.content-area{margin: 0 auto;width: 1200px;}
.h-top{height: 110px;position: relative;float: left;width: 1400px;}
.h-top h1{
	float: left;
	width: 14%;
}
.top-r{width: 86%;float: left;}
.h-top h1 img{max-width: 100%;}
.nav>li>a{
	color: #fff;
	font-size: 16px;
	padding: 0px 13px;
	line-height: 90px;
	transition: all 0.3s;	
	display: block;
	position: relative;
	z-index: 1;
}

.nav>li.active>a{
	height: 0;
	background-color: #f08519;
}
.nav>li>ul{
	display: none;
	line-height: 28px;	
	overflow: hidden;
	position: absolute;
	width: 100%;
	z-index: 10;
	padding-top: 1px;
	background-color: rgba(240,133,25,0.7);
}
.nav>li>ul>li{
	line-height: 40px;
	/* padding: 2px 13px;	 */
	transition: all 0.3s;
	/* border-bottom: 1px solid #fff; */
}
.nav>li>ul>li:last-child{
	border: none;
}
.nav>li>ul li a{
	color: #fff;
	display: block;
	transition: 0.3s;
	font-size: 15px;
	width: 78%;
	margin: auto;
	border-bottom: 1px solid #fff;
}
.nav>li>ul li:last-child a{
	border-bottom: 0px;
}
.nav>li>ul li:hover{
	background-color: rgba(240,133,25,1);
}
/* .nav>li:hover ul{
	height: 100px;
} */

.top-r p{display: inline-block;width: 100%;}
.tel{
	line-height: 110px;
	/* display: inline-block;background-image: linear-gradient(#33a358, #3c39b7);height: 32px;border-radius: 32px;padding: 0 13px; */
}
.tel a{
	color: #f08519;	
	font-weight: bolder;
	display: inline-block;
	font-size: 20px;
	height: 100%;line-height: 29px;
	transition: 0.3s;
}
.tel a:hover{
	color: #fff;
}

.tel img{margin: 3px 7px 0 0;display: inline-block; vertical-align: middle;}
.search{width: 245px;border: 1px solid #008c2e;display: inline-block;height: 30px;border-radius: 32px;overflow: hidden;margin:0 27px 0 7px;}
.search input{height: 30px;border: 0;text-indent:25px;color: #008c2e;width: 170px;}
input::-webkit-input-placeholder{/*Webkit browsers*/color:#008c2e;}
input:-moz-placeholder{/*Mozilla Firefox 4 to 8*/color:#008c2e;}
input::moz-placeholder{/*Mozilla Firefox 19+*/color:#008c2e;}
input:-ms-input-placeholder{/*Internet Explorer 10+*/color:#008c2e;}
.search a{display: inline-block;width: calc(100% - 170px);height: calc(100% - 4px);background-image: linear-gradient(#33a358, #073d75);text-align: center;padding-top: 4px;}
.nav{
	width: 80%;
    float: left;
    display: flex;
    /* padding-left: 5%; */
}
.nav>li{
	float: right;
	width: 16%;
	text-align: center;
	position: relative;
}
.banner .swiper-pagination{
	bottom: 14%;
}
.banner .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
}
.name{
	text-align: center;
}
.name p{
	color: #e6e6e6;
	font-size: 56px;
	font-weight: 700;
	text-transform: uppercase;
}
.name h3{
	color: #f08519;
	font-size: 35px;
	margin-top: 0%;
	font-weight: bolder;
}
.name span{
	font-size: 18px;
	line-height: 2;
}
.banner .swiper-container .swiper-pagination-bullet {
    opacity: 1;
    position: relative;
    width: 50px;
    height: 4px;
    border-radius: 0;
    margin: 0 4px;
    background-color: rgba(0,0,0,0.5);
    transition: background-color .3s ease;
}
.banner .swiper-container .swiper-pagination-bullet::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fe6e20;
    transform: scaleX(0);
    transform-origin: 0 0;
}
.banner .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    animation: sliderPagination 3s linear forwards
}
.banner .swiper-container .swiper-pagination-bullet:hover {
    background-color: #fe6e20;
}
/*search*/
.hotcard{
	padding-left: 14%;
}
.hotcard p{
	/* margin: 0; */
	color: #000;
	font-size: 16px;
	font-weight: 900;
}
.hotcard a{
	color: #a1a1a1;
	transition: 0.3s;
	display: inline-block;
    margin-right: 2%;
}
.hotcard a:hover{
	color: #fe6e20;
	font-weight: bolder;
}
.hotcard a.on{
	font-weight: bolder;
	color: #fe6e20;
}


.serchmain{
	position: relative;
    z-index: 9;
    margin-top: 15px;
	overflow: hidden;
	padding-bottom: 40px;
}
.home .serchmain{
	margin-top: -66px;
}

.serchmain .form {
    padding: 25px 4%;
    position: relative;
	background: #fff;
	overflow: hidden;
    box-shadow: 0 9px 16px #d5d4d4
}
.serchmain .form .core{
	color: #000;
	line-height: 1;
	font-size: 20px;
	font-weight: bolder;
	border-right: 2px solid #ccc;
    padding: 9px 0;
}


.serchmain .form .col-md-5 .input-group .form-control {
    width: 390px;
    border: none;
    border-radius: 0;
    padding: 20px 8px;
    box-shadow: none;
    border-bottom: 2px solid #dadada
}
.nav>li>a:focus, .nav>li>a:hover{
	background-color: unset!important;
}
input[placeholder], [placeholder], *[placeholder] { 
	color:#f08519; 
}

.serchmain .form .col-md-5 .input-group .input-group-btn {
    display: inline-block;
	z-index: 3;
	margin-top: -7px;
}
.serchmain .form .col-md-5 .input-group{
	padding-top: 5%;
}
.serchmain .form .col-md-5 .input-group .input-group-btn button {
    border: none;
	margin-left: -40px;
	outline: unset;
	background: unset;
	padding: 0 12px;
}	

.serchmain .form .col-md-5 .input-group .input-group-btn button:hover {
    background-color: #fff
}

.serchmain .form .col-md-5 .input-group .input-group-btn button svg {
    width: 47px;
    height: 40px;
	fill: #343231;
	transition: 0.3s;
}
.serchmain .form .col-md-5 .input-group .input-group-btn button:hover svg{
	fill: #f08519;
}
@keyframes sliderPagination {
 	100% {
		transform: scaleX(1);
        opacity: 1;
    }
}
/* product */
.object{	
	width: 1200px;
	padding: 10px 0px;
	margin: auto;
	position: relative;
    z-index: 1;
}
.mores a{
	color: #060606;
	font-size: 16px;
	margin-bottom: 13px;
	display: inline-block;	
	margin-right: 1%;
	transition: 0.3s;
}
.mores a:hover{
	color: #f08519;
}
.goodslist,.redlist{
	margin-top: 20px;
	text-align: center;
}
.goodslist li,.redlist li{
	display: inline-block;
	
}
.goodslist li a,.redlist li a {
	color: #282828;
	transition:  0.3s;
	display: inline-block;
	padding: 6px 30px;
	margin: 0 10px;
	border-radius: 18px;
	font-size: 20px;
}
.goodslist li.active a,.redlist li.active a{
	color: #fff;
	background-color: #f08519;
}
.goodslist li a:hover,.redlist li a:hover{
	color: #fff;
	background-color: #f08519;
}


.goodscard .row>a,.setions .row a,.cases .row a,.partys .row a,.hots .row a{
	width: 95%;
	margin: 0 auto;
	display: block;
}
.goodscard .imgbox,.setions .imgbox,.partys .imgbox,.cases .imgbox,.partys .imgbox,.hots .imgbox{
	overflow: hidden;
	display: flex;
	position: relative;
}
.goodscard .imgbox::after{
	content: "";
	width: 130px;
	height: 44px;
	display: inline-block;
	position: absolute;
	right: 0%;
	top: 0%;
	background-image: url(../images/zan.png);
	background-size: 100% 100%;
}
.probox>div{
	display: none;
}
.probox .li{
	display: block;
}
.redbox>div:last-child{
	display: none;
}
.goodscard .imgbox img,.setions .row img,.setions .row img,.cases .row img,.partys .row img,.hots .imgbox img{
	width: 100%;
	height: 290px;
	object-fit: cover;	
	transition: 0.3s;
}
.goodscard .imgbox:hover img ,.partys .row:hover img,.setions .row:hover img,.cases .row:hover img,.hots .row:hover img{
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.goodscard .li p{
	color: #fff;
	font-size: 22px;
	font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 2;
    border-radius: 10px;
    transition: 0.3s;
    margin-top: -55px;
    text-align: center;
	margin-bottom: 26px;
	position: relative;
}
.goodscard .li .row:hover p{
	color: #f08519;
}
.choosecard{
	height: 280px;
	width: 100%;
	background-image: url(../images/card1.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%; 
	padding: 1.8% 23%;
	overflow: hidden;
}
.choosecard a{
	position: relative;
	display: inline-block;
}
.choosecard img{
	filter: drop-shadow(0px 0px 0px transparent);
	transition: 0.3s;
	/* max-width: 100%; */
}
.choosecard a:hover img{
	filter: drop-shadow(0px 0px 0px black);
}
.object .line{
	width: 66px;
	height: 3px;
	margin: 10px auto;
	background-color: #f08519;
}
/*rightnav*/
.rightnav{
	position: fixed;
	right: 1%;
	top: 20%;
	z-index: 9;
}
.rightnav li{
	width: 50px;
	position: relative;
	border-bottom: 1px solid #f8b14c;
}
.rightnav li:first-child a{
	border-radius: 50px 50px 0 0 ;
}
.rightnav li:last-child{
	border: none;
}
.rightnav li:last-child a{
	border-radius:  0 0  50px 50px;
}
li.weightcons{
	border: none;
}
.weightcons a{
	border-radius:  0 0  50px 50px;
}
.rightnav li a{
	color: #fff;
	font-size: 14px;
	padding: 15px 10px;
	display: block;
	text-align: center;
	transition: 0.3s;
	background-color: #f08519;
}
.rightnav li a img{
	margin-bottom: 10px;
}
.rightnav li>a:hover{
	background-color: #f16c00;
}
.hover_con a{
	font-weight: bolder;
}
.rightnav li .hover_con{
	border-radius: 3px;
	position: absolute;
	left:-200px;left:-100px;	
	color: #ffffff;
	text-align: center;background-color: #f08519;
	padding: 5px;
	bottom:0; transform:rotateX(-90deg); transition: all .2s linear 0s;
}
.rightnav li:hover .hover_con{left:-150px; transform:rotateY(0deg);}
.rightnav li .hover_con:before{width: 0px;height: 0px;border: 8px solid transparent;border-left: 8px solid #f08519; display: block; content: '';position: absolute; top: 12px;right: -16px; transition: top .2s linear ; transition-delay: .1s; }
.tjtops{display: none;}
/*red*/
.partys  .imgbox{
	margin-bottom: 5%;
}
.page_cont img{
	max-width: 100%;
}
.setions .swiper-slide .name,.cases .swiper-slide .name{
	color: #fff;
	font-size: 19px;
	line-height: 50px;
	margin-bottom: 5%;
	transition: 0.3s;
	background-color: #060606;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.setions .swiper-slide .name:hover,.cases .swiper-slide .name:hover{
	background-color: #f08519;
}
.advs{
	background-color: #f6f6f6;
	padding-bottom: 2%;
}
.advs .advst{
	display: flex;
	justify-content: space-between;
    align-items: center;
	text-align: justify;
	margin-top: 3%;
}
.advs .advst .advsbox{
	width: 92%;
	color: #010101;
	margin: auto;
	padding: 18% 10%;
	text-align: center;
	background-image: url(../images/advs.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: 0.3s;
}
.advs .advst .advsbox h6{
	font-size: 18px;
	font-weight: bolder;
}
.advs .advst .advsbox p{
	padding: 0 9%;
    line-height: 1.5;
    font-size: 16px;
    height: 72px;
}
.advs .advst .advsbox:hover{
	color: #fff;
	background-image: url(../images/advs1.png);
}
.advs .advst .advsbox:hover img{
	filter: brightness(10);
}
.advs .advst .on .advsbox{
	color: #fff;
	background-image: url(../images/advs1.png);
}
.advs .advst .on .advsbox img{
	filter: brightness(10);
}
/*about*/
.about{
	margin: auto;
    margin-bottom: 40px;
}
.about .name{
	color: #004098;
}
.about .win4{
	width: 45%;
	padding: 0 9% 0 0;
    text-align: center;
}
.about .win6{
	width: 51%;
}
.about .companys p{
	margin-top: 30px;
	font-size: 16px;
	line-height: 1.8;
}
.about .win6 a{
	display: block;
	overflow: hidden;
	text-align: right;
}
.about .win6 img{
	max-width: 100%;
}
.about .more{
	transition:  0.3s;
	display: inline-block;
	padding: 6px 55px 6px 26px;
	border-radius: 18px;
	font-weight: 700;
	background-repeat: no-repeat;
	background-position: 86% center;
	color: #fff;
	background-color: #f08519;
	background-image: url(../images/z1.png);
	margin-top: 25px;
	border: 1px solid #f08519;
}
.about .more:hover{
	border: 1px solid #f08519;
	color: #004098;
	background-color: #fff;
	background-image: url(../images/z2.png);
}

/* teamall */
.teamall{
	background-image: url(../images/teambg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0 65px;
}
.teamall .more{
	transition:  0.3s;
	display: inline-block;
	padding: 6px 55px 6px 26px;
	border-radius: 18px;
	font-weight: 700;
	background-repeat: no-repeat;
	background-position: 86% center;
	color: #004098;
	background-color: #fff;
	background-image: url(../images/z2.png);
	margin-top: 25px;
	border: 1px solid #fff;
}
.teamall .more:hover{
	border: 1px solid #f08519;
	color: #fff;
	background-color: #f08519;
	background-image: url(../images/z1.png);
}
.teamall .name{
	color: #004098;
}
.teamlist{
	margin-top: 35px;
}
.teamlist .info{
	color: #fff;
	border-radius: 0 0 50px 50px;
	text-align: center;
	font-size: 16px;
	height: 200px;
	margin-top: -4px;
	line-height: 1.8;
	padding: 50px 20px 0;
	background-color: #f08519;
	transition: 0.3s;
}
.teamlist .info h6{
	font-size: 18px;
    line-height: 3;
    margin-bottom: 10px;
}
.teamlist ul li img{
	width: 100%;
	margin-top: -20px;	
}
.teamlist ul li .imgbox{
	border-radius: 50px 50px 0 0 ;
	height: 265px;
	width: 100%;
	overflow: hidden;
}
.teamlist ul li:hover .info{
	background-color: #36bfea;
}
.sanadav #tab{
	width: 30%;
}
.sanadav .avdvdesc{
	width: 70%;
}
.hj{
	margin-top: 40px;
}
.hj .name{
	color: #004098;
}
.hj .advage img{
	height: 485px;
	width: 100%;
	object-fit: cover;
}
.showbox{
	margin: 40px auto;
	border-radius: 50px;
}
#tab li{
	color: #fff;
	padding: 16.4px 30px;
}
#tab li:nth-child(1){	background-color: #ebc403;}
#tab li:nth-child(2){	background-color: #36bfea;}
#tab li:nth-child(3){	background-color: #f08519;}
#tab li span{
	font-size: 72px;
	font-weight: bolder;
}
#tab li a{
	border: 1px #fff solid;
	padding: 2px 7px;
	font-size:14px;
	border-radius: 10px;
	display: inherit;
	text-align: center;
	color: #fff;
	transition: 0.3s;
}
#tab li .fr{
	line-height: 1.7;
	font-size: 18px;
	text-align: right;
	font-weight: bolder;
	padding-top: 23px;
	text-transform: uppercase;
}
#tab li a:hover{
	color: #fff;
	border: 1px #3c39b7 solid;
	background-color: #3c39b7;
}
.news{
	margin: 0px auto;
}
.newlist li .newbox{
	padding: 3% 4%;
	transition: 0.3s;
	width: 94%;
	margin: auto;
	overflow: hidden;
	border: 1px  solid #f08519;
}
.newlist li:nth-child(-n+3) .newbox{
	margin-bottom: 6%;
}
.newlist li .newbox a{
	color: #464646;
}
.newlist li .newbox:hover a{
	color: #fff;
}
.newlist li .newbox:hover{
	background-color: #f08519;
}
.newlist li .newbox:hover span{
	color: #fff;
}
.newlist li .newbox h5{
	font-size: 16px;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.newlist li .newbox span{
	display: inline-block;
	color: #c0c0c0;
	line-height: 2.5;
}
.newlist li .newbox p{
	font-size: 14px;
	height: 40px;
}


.text-center{
	text-align: center;
}

.news .more{
	transition:  0.3s;
	display: inline-block;
	padding: 6px 55px 6px 26px;
	border-radius: 18px;
	font-weight: 700;
	background-repeat: no-repeat;
	background-position: 86% center;
	color: #fff;
	background-color: #f08519;
	background-image: url(../images/z1.png);
	margin-top: 25px;
	border: 1px solid #f08519;
}
.news .more:hover{
	border: 1px solid #f08519;
	color: #004098;
	background-color: #fff;
	background-image: url(../images/z2.png);
}

.homenew .news ul{width: 100%;float: left;}
.homenew .news ul li{float: left;padding: 25px 5px 20px 20px;margin-bottom: 40px;cursor: pointer;}
.homenew .news ul li a{width: 100%;float: left;}
.homenew .news ul li{width: calc(48% - 2px);}
.homenew .news ul li:hover{box-shadow: 0 0 24px 1px #ccc;}
.homenew .news ul li p:nth-child(1){padding: 23px 0 16px;color: #464646;}
.homenew .news ul li:hover p:nth-child(1){color: #004a8b;/*font-weight: bold;*/}
.homenew .news ul li span{font-size: 12px;color: #c0c0c0;}
.homenew .news ul li p:nth-child(3){padding: 17px 0;font-size: 14px;color: #999;line-height: 25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news{
	margin: 50px auto;
}

.news .name{
	color: #333;
}
.newlist li .timebox{
	color: #f08519;
	font-size: 18px;
	border-right: 1px #ccc solid;
	padding-right: 40px;
}
.newlist li time{
	font-size: 50px;
}
.newlist li .win6{
	width: 70%;
}
.newlist li .newscon h5{
	color: #333;
	font-size: 16px;
	margin-bottom: 15px;
}
.newlist li .newscon p{
	color: #999;
	font-size: 14px;
}

.n-title{display: inline-block;width: 100%;padding: 15px 0;margin-top: 20px;}
.n-title span:nth-child(1){color: #004a8b;font-size: 25px;float: left;}
.n-title span:nth-child(2),.n-title span:nth-child(3){display: inline-block;width: 12px;height: 4px;margin-top: 15px;}
.n-title span:nth-child(2){background-color: #008c2e;margin-left: 10px;}
.n-title span:nth-child(3){background-color: #082f82;}
.n-title a{display: inline-block;font-size: 14px;color: #004a8b;}
.product .n-title{margin-top: 0;padding-top: 0;}
.product ul{width: 100%;float: left;}
.product ul li{width: calc(25% - 32px);float: left;}
.product ul li a{display: inline-block;width: calc(100% - 2px);height: 100%;border: 1px solid #dcdcdc;position: relative;background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}
.product ul li a img{width: 100%;float: left;}
.product ul li a span{display: inline-block;width: 100%;padding: 18px 0;color: #fff;background-color: #082f82;position: absolute;bottom: 0;left: 0;text-align: center;}
.f-link{
	padding: 20px 0;
	font-size: 20px;
	margin-top: -15px;
}
.f-link a{
	color: #000;
	transition: 0.3s;
}
.f-link a:hover{
	color: #f08519;
}
.page_Info{
	text-align: center;
	border-top: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
    padding: 14px 0;
	margin-top: 25px;
	margin-bottom: 0.25rem;
}

#prev_next a{
	color: #333;
	transition: 0.5s;
}
#prev_next a:hover{
	color: #f08519;
}
#prev_next{
	overflow: hidden;
	line-height: 3;
}
#prev_next li:first-child{
	float: left;
}
#prev_next li:last-child{
	float: right;
}


footer{
	width: 100%;
	color: #fff;
	background-color: #222228;
	padding: 20px 0 0;
}
footer .copyright{
	padding: 10px 0;
	background-color: #131316;
}
footer .copyright a{
	color: #f08519;
}
footer .name p{	
	font-size: 18px;
	line-height: 2;
	font-weight: 500;
	text-transform: uppercase;
}
footer .oh ul{
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.8;
	font-size: 16px;
}
footer .oh ul a{
	color: #fff;
	transition: 0.3s;
}
footer .oh ul a:hover{
	color: #f08519;
}
footer .oh img{
	vertical-align: middle;
	margin-right: 15px;
}
footer .oh ul li{
}
footer .foot .win4 ul li{
	margin-top: 50px;
	margin-right: 6%;
}
footer .allnav{
	padding-top: 14%;
}
footer .allnav a{
	color: #fff;
	width: 49%;
	line-height: 1.7;
	font-size: 20px;
	transition: 0.3s;
	display: inline-block;
}
footer .allnav a:hover{
	color: #f08519;
}
.contact{
	padding: 0px 25px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 9px 16px #d5d4d4;
}
.contact .de-contact {
	overflow: hidden;
  }
  .contact .de-contact .contact-list {
	overflow: hidden;
	margin: 25px 0 35px;
  }
  .contact .de-contact .contact-list ul li {
	min-height: 28px;
	padding-left: 50px;	
	width: 100%;
	font-size: 14px;
	color: #595959;
	line-height: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 14px;
	word-wrap: break-word;
  }
  .contact .de-contact .contact-list ul li span {
	display: block;
	float: left;
	color: #999;
  }
  .contact .de-contact .contact-list ul li.icon-01 {
	background: url(../../images/contact-icon-01.png) no-repeat left top;
  }
  .contact .de-contact .contact-list ul li.icon-02 {
	background: url(../../images/contact-icon-02.png) no-repeat left top;
  }
  .contact .de-contact .contact-list ul li.icon-03 {
	background: url(../../images/contact-icon-03.png) no-repeat left top;
  }
  .contact .de-contact .contact-list ul li.icon-04 {
	background: url(../../images/contact-icon-04.png) no-repeat left top;
  }
  .contact .de-contact .contact-list ul li.icon-05 {
	background: url(../../images/contact-icon-05.png) no-repeat left top;
  }
  .contact .de-contact .contact-list ul li.icon-06 {
	background: url(../../images/contact-icon-06.png) no-repeat left top;
  }
  .contact .de-contact .contact-map {
	overflow: hidden;
  }
  .contact .de-contact .contact-map #dituContent {
	width: 100%;
	height: 375px;
	margin: 0 auto 30px;
  }
#formData input{
	background-color: #fff;
    display: inline-block;
    padding: 8px;
    margin-bottom: 8px;
    border: none;
    color: #333;
    width: 64%;
}
#formData textarea{
	background-color: #fff;
    display: inline-block;
    padding: 8px;
    margin-bottom: 8px;
    border: none;
    color: #333;
    width: 64%;
}
#formData .submit{
	padding: 10px 45px;
	background-color: #36bfea;
	font-size: 16px;
	color: #fff;
	display: inline-block;
}
#formData .code input{
	width: 30%;
}
#formData .verify{
	float: left;
}
.products{
	padding: 38px 25px;
	overflow: hidden;
	background-color: #fff;
    box-shadow: 0 9px 16px #d5d4d4;	
}
.products .goodinfo .imgbox img{
	width: 100%;
	height: 367px;
	object-fit: cover;
}
.products .goodinfo .imgbox::after{
	content: "";
	width: 130px;
	height: 44px;
	display: inline-block;
	position: absolute;
	right: 0%;
	top: 0%;
	background-image: url(../images/zan.png);
	background-size: 100% 100%;
}

.swiper-container {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.banner .swiper-slide img{
	width: 100%;
}
.movenav{
	position: relative;
	width: 50px;
	float: right;
	line-height: 1;
	margin-top: 20px;
	cursor: pointer;
	display: none;
}
.movenav span{
	display: inline-block;
	width: 100%;
	background-color: #fff;
	height: 5px;
	border-radius: 5px;
}
.myshow {
	/* background-color: #f08519; */
	padding: 50px 0;
}
.myshow .name{
	color: #004098;
}
.myshow ul li .imgbox{
	border-radius: 50px;
}
.crumbs .container{
	margin-top: 20px;
	max-width: 1200px;
	padding: 20px 0;
	font-size: 18px;
}
.crumbs .container a{
	color: #333;
	transition: 0.3s;
}
.crumbs .container a:hover{
	color: #f08519;
}

.condafault{
	padding: 20px;
	background-color: #f7f7f7;
}
.goodsinfo{
	padding: 5px 0;
}
.goodsinfo h3{
	line-height: 2;
	font-size: 24px;
	font-weight: 700;
	color: #282828;
}
.goodsinfo .tag span{
	display: inline-block;
	padding: 10px 20px;
	margin: 0 1%;
	color: #ffF;
	font-size: 16px;
	margin-bottom: 15px;	
	cursor: pointer;
	background-color: #f08519;
}
.goodsinfo .tag span:hover{
	font-weight: 600;
}
.goodsinfo .goodcon{
	border: 2px dashed #8d8d8d;
	border-radius: 20px;
	padding: 5% 3%;
	font-size: 16px;
	text-align: left;
	color: #5b5b5b;
	margin: 5% 0;
}
.goodsinfo .ask{
    background-color: #333333;
    display: inline-block;
    line-height: 2.1;
    font-size: 18px;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    padding: 0 13%;
	margin: 25px 2% 0;
	transition: 0.3s;
}
.goodsinfo .ask:hover{
	background-color: #f08519;
}
.goodinfos .name{
	text-align: left;
	border-bottom: 3px solid #f8f8f8;
	margin: 20px 0;
}
.goodinfos .name h3{
	color: #fff;
    font-size: 26px;
    margin-top: 0%;
    font-weight: bolder;
    background-color: #f08519;
    padding: 10px 42px;
	display: inline-block;
	margin: 0 0 -3px;
    border-radius: 20px 20px 0 0;
}
.mess{
	background-image: url(../images/messagebg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 3% 0;
	font-size: 16px;
	text-align: center;
}
.mess .btn{
	display: inline-block;
    padding: 0.9% 3.8%;
    font-size: 18px;
    color: #f16c00;
    background-color: #fff000;
	box-shadow: 0 9px 6px #f08519;
	transition: 0.3s;
}
.mess .btn:hover{
	box-shadow: 0 0px 6px #fff000;
}
.hots .imgbox::after{
		content: "";
		width: 130px;
		height: 44px;
		display: inline-block;
		position: absolute;
		right: 0%;
		top: 0%;
		background-image: url(../images/zan.png);
		background-size: 100% 100%;
	
}
.hots ul li p{
	color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 2;
    border-radius: 10px;
    transition: 0.3s;
    margin-top: -55px;
    text-align: center;
    margin-bottom: 26px;
    position: relative;
}
/*通用底部*/
#ring-list.r5 .item:nth-child(5) {
	-webkit-transform: translate(150px, 0);
	transform: translate(150px, 0)
}

#ring-list .item .icon {
	display: block;
	width: 25px;
	height: 25px;
	margin: 6px auto 2px;
	background: url(../images/marketing.png) no-repeat;

	-webkit-background-size: auto 25px;
	background-size: auto 25px
}

#ring-list .item-phone .icon {
	background-position: 0 0
}

#ring-list .item-flush .icon {
	background-position: -149px 0
}

#ring-list .item-sms .icon {
	background-position: -25px 0
}

#ring-list .item-map .icon {
	background-position: -50px 0
}

#ring-list .item-weibo .icon {
	background-position: -75px 0
}

#ring-list .item-weixin .icon {
	background-position: -100px 0
}

#ring-list .item-qq .icon {
	background-position: -125px 0
}

#ring-list .item span {
	display: block;
	font-size: 70%;
	color: #fff;
	width: 2.5em;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
	line-height: 1;
	margin-top: 0
}
#plugin-contact-ring2{
	display: none;
}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:#fff}
::-webkit-scrollbar-thumb{background:#f08519;border-radius:4px}
::-webkit-scrollbar-thumb:window-inactive{background:#f08519}
::-webkit-scrollbar-thumb:vertical:hover{background:#f08519}
@font-face {
	font-family: icon;
	src: url('iconfont.eot?t=1512533026925'); /* IE9*/
	src: url('iconfont.eot?t=1512533026925#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
	url('iconfont.ttf?t=1512533026925') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('iconfont.svg?t=1512533026925#iconfont') format('svg'); /* iOS 4.1- */	font-weight: 400;
	font-style: normal;
}

#plugin-contact-ring2 #ring-toggle-button {
	width: 54px;
	height: 54px;
	background: #fff;
	background: -webkit-linear-gradient(top, #fff, #D9D9D9 100%);
	border-radius: 27px;
	display: block;
	position: absolute;
	top: -15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	box-shadow: 0 0 1px 3px rgba(0, 0, 0, .4);
	box-sizing: border-box;
	color: #515151
}

#plugin-contact-ring2 #ring-toggle-button:after {
	display: block;
	font-family: icon;
	content: "\e62a";
	position: absolute;
	z-index: 1;
	font-size: 28px;
	line-height: 4px;
	text-indent: 15px;
	background: 0 0;
	top: 30px;
	-ms-transform: translate(-2px, 0px);
	transform: translate(-2px, 0px);
}

#plugin-contact-ring2 #ring-toggle-button:before {
	display: block;
	content: '首页';
	position: relative;
	z-index: 2;
	width: 100%;
	text-align: center;
	line-height: 34px;
	font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif;
	font-size: .8rem
}

#plugin-contact-ring2 {
	position: fixed;
	bottom: 0;
	height: 50px;
	width: 100%;
	background: #515151;
	left: 0
}

#plugin-contact-ring2 li {
	display: block
}

#plugin-contact-ring2 #ring-list {
	position: initial
}

#plugin-contact-ring2 #ring-list li:active {
	background: rgba(0, 0, 0, .3);
	border-radius: initial
}

#plugin-contact-ring2 #ring-toggle-button:after, #plugin-contact-ring2 #ring-toggle-button:before {
	background: 0 0
}

#plugin-contact-ring2 #ring-list .item {
	width: 20.7%;
	background: 0 0;
	display: block;
	float: left;
	position: static;
	position: initial;
}

#plugin-contact-ring2 #ring-list .item a {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0
}

#plugin-contact-ring2 #ring-list .item:nth-of-type(3) {
	margin-left: 17.2%
}

#plugin-contact-ring2 #ring-list .item:nth-of-type(5) {
	display: none
}

#plugin-contact-ring2, #plugin-contact-ring2 #ring-toggle-button {
	color: #515151;
	z-index: 10
}


.icon-shouye-copy:before { content: "\e62a"; }

.icon-shouye1:before { content: "\e61d"; }

.advsbox .box{
	height: 75px;
}
@media (max-width: 1300px) {
	.newlist li .newbox{
		margin-bottom: 6%;
	}
	.choosecard{
		padding: 1.8% 7%;
	}
	.object{
		width: calc(100% - 100px);
	}
	.nav{
		padding-left: 0;
	}
	.newlist li .timebox{
		padding-right: 20px;
	}
	.news ul li{
		width: calc(46% - 2px);
	}
	.nav>li>a{
		padding: 0 7px;
	}
	.object{
		margin-top: -10px;
	}
	.content-area{
		width: 98%;
		margin: 25px auto;
	}
	.banner .swiper-pagination{
		bottom: 10%;
	}
}
@media (max-width: 1050px) {
	.serchmain .form .col-md-5 .input-group .form-control{
		width: 330px;
	}
}

@media (min-width: 991px) {
	.name h3{
		margin-top: -4%;
	}
}
@media (max-width: 991px) {
	.home .serchmain{
		margin-top: 15px;
	}
	.advs .advst .advsbox{
		margin-bottom: 20px;
	}
	.choosecard{
		padding: 1.8% 6%;
	}
	.serchmain{
		padding-bottom: 0;
	}
	.name p{
		font-size: 40px;
	}
	.name h3{
		font-size: 30px;
	}
	.hotcard{
		padding-left: 0;
	}
	.movenav{
		display: block;
	}
	.serchmain .form .col-md-5 .input-group{
		width: 100%;
	}
	.serchmain .form .col-md-5 .input-group .form-control{
		width: 95%;
	}
	
	.nav{
		display: none;
		position: absolute;
		left: -2%;
		padding: 0;
		background: rgba(0,0,0,0.8);
		text-align: center;
		top: 110px;
		z-index: 10;
		width: 104%;
	}
	.nav>li>a{
		line-height: 60px;
	}
	.nav>li:hover a::after{
		height: 60px;
	}
	.nav>li>ul{
		height: auto;
		position: inherit;
	}

	.nav>li>ul>li>a{
		display: inline-block;
		padding:  15px;
		line-height: 30px;
	
	}
	.nav li{
		width: 100%;
	}
	.goodslist,.redlist{
		display: block;
		text-align: center;
	}
	.goodslist li,.redlist li{
		width: 32%;
		margin-bottom: 15px;
	}
	.about .win4{
		width: 100%;
		float: right;
	}
	.about .win6{
		width: 100%;
		float: left;
	}
	.about .more{
		margin: 15px auto;
	}
	.about .win6 a{
		text-align: center;
	}
	#tab li{
		text-align: center;
		height: 111px;
	}
	#tab li span{
		font-size: 14px;
	}
	#tab li .fr{
		font-size: 14px;
		line-height: 1.5;
		font-weight: 100;
		text-align: center;
	}
	#tab li .fr img{
		display: none;
	}
	.hj .advage img{
		height: 432px;
	}
	.top-r{
		width: 75%;
	}
	.h-top h1{
		width: 25%;
		text-align: center;
		line-height: 110px;
		margin: 0;
	}
	footer .allnav{
		padding-top: 9%;
	}
	
}

@media (min-width: 765px) {
	#plugin-contact-ring2{
		display: none;
	}
	.nav>li>a::after{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;	
		background-color: #f08519;
		height: 0;
		transition: 0.5s;
	}
	.nav>li:hover a::after{
		height: 110px;
	}
}
@media (max-width: 765px) {
	.goodscard .imgbox::after{
		width: 91px;
		height: 31px;
	}
	#head{
		height: 86px;
	}
	.crumbs .container{
		font-size: 16px;
		width: 95%;
		margin: auto;
	}
	.f-link{
		font-size: 16px;
	}
	footer{
		padding: 20px 0 50px;
	}
	.rightnav{
		display: none;
	}
	.goodslist li a, .redlist li a{
		font-size: 16px;
	}
	.goodscard li p{
		font-size: 18px;
		margin-top: -40px;
	}
	.goodslist li, .redlist li{
		width: 40%;
	}
	.name p{
		font-size: 30px;
	}
	.goodscard .imgbox img, .setions .row img, .setions .row img, .cases .row img, .partys .row img, .hots .imgbox img{
		height: 130px;
	}
	footer .allnav{
		padding-top: 0;
	}
	footer .oh ul .text-right,footer .allnav a{
		text-align: center;
	}
	.object {
		width: calc(100% - 30px);
	}
	.choosecard{
		height: 190px;
		padding: 4% 0%;
	}
	.choosecard img{
		max-width: 100%;
	}
	.tel img{
		margin: -7px 7px 0 0;
	}
	.news ul li{
		width:  calc(100% - 30px) ;
	}
	.movenav{
		width: 36px;
		line-height: 0.51;
	}
	.content-area {
		width:  calc(100% - 20px) ;
		padding: 13px 10px;
		margin: auto;
	}
	.h-top h1{
		padding: 0;
		line-height: 80px;
		width: auto;
		max-width: 44%;
	}
	.top-r {
		width: auto;
		float: right;
		max-width: 55%;
	}
	.tel a{
		font-size: 14px;
	}
	.serchmain .form{
		padding: 20px 0;
	}
	.top-r .tel{
		line-height: 88px;
		margin-right: 10px;
	}
	.movenav{margin-top: 6px;top: 18px;}
	footer .foot .win3,footer .foot .win4,footer .foot .win5{
		width: 100%;
	}
	#plugin-contact-ring2{
		display: block;
	}
	.advs .advst .advsbox h6{
		font-size: 16px;
	}
	.advs .advst .advsbox p{
		font-size: 14px;
	}
	.newlist li .newbox,.news ul li{width: 100%;}
}
@media (max-width: 400px) {
	.top-r .tel{
		display: none;
	}
	.goodslist li a, .redlist li a{
		font-size: 14px;
		
	}
	.goodslist li, .redlist li{
		width: 45%;
	}
}