.container{width: 95%;margin: 0 auto;}
.product{width:92%;margin: 0 auto;}

@media (min-width: 768px){
    .container{width: 760px;}
}
@media (min-width: 990px){
    .container{width: 990px;}
}
@media (min-width: 1200px){
    .container{width: 95%;}
} 

.slick-slide{outline:none;}

.xy-header {
    position: relative;
}


.logo{
	
}

.head-right{
	/* width:30%; */
}

.head-right .hr-contact{
	width: 50%;
	text-align: center;
	float: right;	
	background: url(../images/sou.png) no-repeat top center;
	background-size: cover;
	height: 87px;
}

.head-right .hr-ss-btn{
	width: 50%;
	text-align: center;
	float: right;
	background: url(../images/sou.png) no-repeat top center;
	background-size: cover;
	height: 87px;
}
.head-right .hr-ss-btn img{
	width:100%;
}
.search{
	display: none;
}
/*手机站导航*/
.nav-btn {
	display: none;
}

@media (max-width: 768px) {
    .head {
        display: none;
	}
	.head-right{
		display: none;
	}
	.nav-btn {
		position: absolute;
		right: 15px;
		top: 50%;
		width: 30px;
		margin-top: -11px;
		display: block;
	}

	.nav-btn span, .nav-btn:after, .nav-btn:before {
		display: block;
		height: 2px;
		background: #000000;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}

	.nav-btn span {
		margin: 8px 0;
	}

	.nav-btn:after, .nav-btn:before {
		content: '';
		-webkit-transform-origin: 3%;
		        transform-origin: 3%;
	}

	.nav-btn.click span {
		opacity: 0;
	}

	.nav-btn.click:after {
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
	}

	.nav-btn.click:before {
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
    }
    .logoimg {
        position: relative;
        width: 100%;
    }
    #menu {
		display: none;
		text-align: left;
		position: absolute;
		z-index: 9999;
		width: 100% !important;
		left: 0;
		top:100%;
		background: #fcf4ed;
	}
    
	#menu .nav-menu {
		display: block;
		width: 100%;
	}

	#menu .nav-menu > li {
		display: block;
		width: 100%;
		margin: 0 !important;
		border-bottom: 1px dashed #bc4240;
		height: 32px;
	}

	#menu .nav-menu > li > a {
		text-align: left;
		text-indent: 1rem;
		height: 32px;
		line-height: 32px;
	}

	#menu .nav-menu > li.cuur, #menu .nav-menu > li:hover {
		background: #99201e;
	}

	#menu .nav-menu > li.cuur a, #menu .nav-menu > li:hover a {
		color: #fff;
	}
}


/*banner*/
.sun-banner {
	width: 100%;
}

.sun-banner .slick-slide {
	outline: none;
}

.sun-banner .slick-slide img {
	display: inline-block;
	width: 100%;
}

.sun-banner .slick-arrow {
	outline: none;
	border: none;
	font-size: 0;
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	position: absolute;
	z-index: 999;
	top: 50%;
	margin-top: torrem(-25px);
	width: 3.125rem;
	height: 3.125rem;
	background: url(../images/banner_jt.png) center no-repeat;
	background-size: 100%;
	cursor: pointer;
}

.sun-banner .slick-arrow.slick-prev {
	left: 10%;
}

.sun-banner .slick-arrow.slick-next {
	right: 10%;
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

.sun-banner .slick-dots {
	position: absolute;
	bottom: 4%;
	z-index: 9;
	width: 100%;
	text-align: center;
}

.sun-banner .slick-dots li {
	display: inline-block;
	width: 0.9375rem;
	height: 0.9375rem;
	background: #fff;
	border: 1px solid #99201e;
	margin: 0 0.28125rem;
	border-radius: 50%;
	cursor: pointer;
}

.sun-banner .slick-dots li button {
	background: none;
	outline: none;
	border: none;
	font-size: 0;
}

.sun-banner .slick-dots li:hover, .sun-banner .slick-dots li.slick-active {
	background: #99201e;
}

.sun-banner:hover .slick-arrow {
	opacity: 1;
}

#mob-banenr {
	display: none;
}

@media (max-width: 768px) {
	#pc-banner {
		display: none;
	}

	#mob-banenr {
		display: block;
		margin-top:50px;
	}
}

html {
	font-size: 16px !important;
}

@media (max-width: 768px) {
	html {
		font-size: 14px !important;
	}
}

/*solve*/
.solve{
	margin-top: 5%;
}
.solveTitle{
	font-size: 30px;
	color: #333333;
	background: url(../images/t1.png) no-repeat 50% 85%;
	text-align: center;
	margin-bottom: 3%;
}

.solveTitle p{
	font-size: 16px;
	color: #c8c8c8;
	text-transform: uppercase;
}

.solveList li{
	width:48%;
	margin: 0 0.5%;
	position: relative;
}

.solveList li img{
	width:100%;
}

.solveList li .solve-hh{
	background: rgba(201,45,45,.84);
	position: absolute;
	width:100%;
	height: 100%;
	top: 0;
	text-align: center;
	display: none;
}
.solveList li .solve-hh h2{
	font-size: 30px;
	font-weight:normal;
	padding-top: 12%;
	color: #fff;
}
.solveList li .solve-hh span{
	display: block;
	font-size: 12px;
	font-family: "Arial";
	color: #fff;
	text-transform:uppercase;
}

.solveList li .solve-hh a{
	width:92px;
	border:1px solid #fff;
	border-radius: 20px;
	display: block;
	margin: 5% auto;
	color: #fff;
}
.solveList li:hover .solve-hh{
	display: block;
}

.solveList .slick-prev{
	background: url(../images/left.png) no-repeat center;
	left: 1%;
}
.solveList .slick-next{
	background: url(../images/right.png) no-repeat center;
	right: 1%;
}
.solveList .slick-arrow{
	position: absolute;
	height: 57px;
	width: 57px;
	font-size: 0;
	border:none;
	outline: none;
	z-index: 9;
	top: 44%;
}

@media (max-width: 1200px){
	.solveList .slick-prev{
		left: -1%;
		background-size: 80%;
		top: 30%;
	}
	.solveList .slick-next{
		right: -1%;
		background-size: 80%;
		top: 30%;
	}
	.solveList li .solve-hh h2{
		padding-top: 25px;
	}
}


@media (max-width: 768px) {
	.solveList .slick-prev{
		background: url(../images/left.png) no-repeat center;
		left: -1%;
		background-size: 28px 28px;
		top: 50%;
		margin-top: -28px;
	}
	.solveList .slick-next{
		background: url(../images/right.png) no-repeat center;
		right: -1%;
		background-size: 28px 28px;
		top: 50%;
		margin-top: -28px;
	}
	.solveList li .solve-hh h2{
		padding-top: 26px;
		font-size: 20px;
	}
}


/*product*/
.productBg{
	background: #efefef;
	padding: 3% 0;
	margin-top: 5%;
	padding-bottom: 5%;
}
.sort1 {
	margin-bottom: 4%;
}
.sort1 li{
	float: left;
	padding: 0 1.8%;
	background: url(../images/sort.png) no-repeat right;
	height: 35px;
	line-height: 35px;
}
.sort1 li:last-child{
	background: none;
}
.sort1 li a{
	display: block;
	text-align: center;
	font-size: 14px;
	color: #686868;

}

.sort1 li a:hover{
	color: #c92d2d;
	font-size: 15px;
}
.sort1 li:last-child a{
	color: #c92d2d;
}

@media (min-width: 1200px){
    .productIndex{width:1200px;margin: 0 auto;}
} 

.product_listt{
	margin: 0 -0.2%;
}
.product_listt li{
	width:33.3%;
	margin: 0 0.2%;
}

.product_listt li img{
	width:100%;
	overflow: hidden;
}
.product_listt li a{
    display:block;
    overflow:hidden;
}
.product_listt li .img img{
    width: 100%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.product_listt li:hover .img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product_listt li h3{
	height: 120px;
	background: #fff;
	text-align: center;
}
.product_listt li h3 a{
	font-size: 14px;
	color: #444444;
	font-weight:normal;
	padding-top: 40px;
	display: block;
}
.product_listt li h3 span{
	font-size: 14px;
	color: #d63030;
	display: block;
}

.product_listt li:hover h3{
	background: #c92d2d;
}
.product_listt li:hover h3 a{
	font-weight:bold;
	font-size: 16px;
	color: #fff;
}

.product_listt li:hover h3 span{
	color: #fff;
}
.product_listt .slick-prev{
	display: none;
}
.product_listt .slick-next{
	display: none;
}
.product_listt .slick-arrow{
	position: absolute;
	height: 57px;
	width: 57px;
	font-size: 0;
	border:none;
	outline: none;
	background: none;
	z-index: 9;
	top: 0%;
}

.product_listt .slick-dots {
	position: absolute;
	bottom: -4vw;
	z-index: 99;
	width: 100%;
	text-align: center;
}
.product_listt .slick-dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #a0a0a0;
	border-radius: 50%;
	cursor: pointer;
}
.product_listt .slick-dots li button {
	background: none;
	outline: none;
	border: none;
	font-size: 0;
}

@media (max-width: 1024px){
	.sort1 li{
		width:45%;
		margin: 0 2.5%;
		background: none;
	}
	.sort1 li a{
		display: block;
		text-align: left;
		line-height: 30px;
	}
}


@media (max-width: 768px) {
	.productBg {
		padding-bottom: 10%;
	}
	.sort1{
		width:100%;
		margin: 0 auto;
	}
	.sort1 li{
		width:45%;
		margin: 0 2.5%;
		background: none;
	}
	.sort1 li a{
		display: block;
		text-align: left;
		line-height: 30px;
			width:126px;
	overflow:hidden;
	    white-space: nowrap;
	}
	.product_listt{
		width:92%;
		margin: 0 auto;
		margin-top: 5%;
	}
	.product_listt li h3{
		height: 60px;
	}
	.product_listt li h3 a{
		padding-top: 5px;
		font-size: 15px;
	}
	.product_listt li h3 span{
		line-height: 15px;
	}
}




/*aboutBg*/
.aboutBg{
	background: url(../images/about.jpg) no-repeat top center;
	background-size: cover;
	height: 520px;
	background-attachment: fixed;
}
.aboutTitle{
	color: #fff;
	text-align: center;
	font-size: 18px;
	padding-top: 5%;
	font-weight:bold;
}
.aboutContent{
	background: #fff;
	box-shadow: 0px 2px 2px #f8f8f8;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 4.2%;
}
.aboutLeft{
	width:72%;
	float: left;
	padding: 5% 6% 6% 6%;
}
.abTitle{
	font-size: 20px;
	color: #3488ea;
	line-height: 25px;
}
.abTitle p{
	font-size: 12px;
	color: #c2c2c2;
	text-transform: capitalize;
}

.aboutLeft .abContent{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	padding-top: 10px;
}
.aboutLeft .abMore{
	width:109px;
	height: 29px;
	border:1px solid #eeeeee;
	margin-top: 36px;
}

.aboutLeft .abMore a{
	display: block;
	color: #999999;
	text-align: center;
	line-height: 29px;
	font-size: 14px;
}
.aboutLeft .abMore:hover{
    background:#c92d2e;
}
.aboutLeft .abMore:hover a{
    color:#fff;
}
.aboutRight{
	float: right;
	width: 28%;
	position: relative;
}
.aboutRight img{
	width:100%;
}

.aboutRight-more{
    position: absolute;
    bottom: 7%;
    right: 11%;
    color:  #fff;
}
.aboutRight-more a{
	color:#fff;
	transition:all .5s ease;
	display:block;
	
}
.aboutRight-more a:hover{
    	

	transform: translateX(10px);
	color:#fff;

}
.aboutRight-more a:hover{
    	transform: translateX(10px);
	transition:all .5s ease;
}


@media (max-width: 1200px){
    .aboutContent{
        width:96%;
    }
}


@media (max-width: 1000px){
    .aboutContent{
        width:96%;
    }
}


@media (max-width: 1024px){
   
	/*.aboutBg{*/
	/*	background: none;*/
	/*	height: auto;*/
	/*}*/
	/*.aboutContent{*/
	/*	width:100%;*/
	/*	margin: 0 auto;*/
	/*}*/
	/*.aboutLeft{*/
	/*	float: none;*/
	/*	padding: 0;*/
	/*	width: 98%;*/
	/*	margin: 0 auto;*/
	/*}*/
	/*.aboutRight{*/
	/*    float: none;*/
	/*	width: 98%;*/
	/*	margin: 0 auto;*/
	/*	margin-top: 5%;*/
	/*}*/
	/*.aboutRight p img{*/
	/*	max-width: 100%;*/
	/*}*/
	/*.aboutContent{*/
	/*    width:100%;*/
	/*    margin:0 auto;*/
	/*}*/
	.aboutContent {
	    width:96%;
	}
	.aboutLeft{
	    width:66%;
	}
	.adList li .adList-hh p{
	    height:54px;
	    overflow:hidden;
	}
}


@media (max-width: 768px) {
	.aboutBg{
		background: none;
		height: auto;
	}
	.aboutContent{
		width:100%;
		margin: 0 auto;
	}
	.aboutLeft{
		float: none;
		padding: 0;
		width: 92%;
		margin: 0 auto;
	}
	.aboutRight{
	    float: none;
		width: 92%;
		margin: 0 auto;
		margin-top: 5%;
	}
	.aboutRight p img{
		max-width: 100%;
	}
}



/*ad*/
.adIndex{
	width:96%;
	margin: 0 auto;
	margin-top:5%;
}
.adList li{
	float: left;
	margin: 0 1.2%;
	width:30.8%;
	position: relative;
 }
 .adList li a{
     display: block;
 }
.adList li img{
    width:100%;
}
.adList li span{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 24px;
	color: #fff;
	top: 50%;
	margin-top: -24px;
}

.adList li .adList-hh{
	background: #c92d2d;
	width:100%;
	height: 125%;
	position: absolute;
	top: -6.25%;
	padding: 0 15%;
	/*display: none;*/
	transform: translateY(400px);
	transition:all .5s ease;
	overflow:  hidden;
}

.adList li .adList-hh h2{
	text-align: center;
	color: #fff;
	font-weight:normal;
	font-size: 24px;
	padding-top: 20%;
	transform: translateY(400px);
	transition:all .5s ease;
}
.adList li .adList-hh p{
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 22px;
	padding-top: 20px;
	transform: translateY(400px);
	transition:all .5s ease;
}
.adList li .adList-hh a{
	width:120px;
	height: 32px;
	border:1px solid #df8181;
	display: block;
	margin: 0 auto;
	border-radius: 20px;
	text-align: center;
	color: #fff;
	line-height: 32px;
	margin-top: 39px;
	transform: translateY(400px);
	transition:all .5s ease;
}
.adList li:hover .adList-hh{
	display: block;
	cursor: pointer;
	transform: translateY(0px);
}
.adList li:hover .adList-hh h2{
	transform: translateY(0px);
}
.adList li:hover .adList-hh p{
	transform: translateY(0px);
}

.adList li:hover .adList-hh a{
	transform: translateY(0px);
}


@media (max-width: 1600px){
	.adList li .adList-hh h2{
		padding-top: 15%;
	}
}

@media (max-width: 1500px){
	.adList li .adList-hh h2{
		padding-top: 12%;
	}
}
@media (max-width: 1400px){
	.adList li .adList-hh h2{
		padding-top: 5%;
	}
	.adList li .adList-hh a{
		margin-top: 15px;
	}
}
@media (max-width: 1200px){
	.adList li .adList-hh h2{
		padding-top: 5%;
	}
	.adList li .adList-hh p{
		padding-top: 10px;
		font-size: 12px;
	}
	.adList li .adList-hh a{
		margin-top: 10px;
	}
}

@media (max-width: 1000px){
	.adList li .adList-hh p{
		padding-top: 10px;
		font-size: 12px;
	}
	
}


@media (max-width: 768px){
	/*.adList li span{*/
	/*	padding-top:15%;*/
	/*	font-size: 20px;*/
	/*}*/
	.adList li{
	    width:100%;
	    margin:0 auto;
	    margin-bottom:2%;
	}
	.adList li .adList-hh {
		background: none;
		display: none !important;
	}
	.adList li .adList-hh h2{
		display: none;
	}
	.adList li .adList-hh p{
		display: none;
	}
	.adList li .adList-hh a{
		display: none;
	}
	.adList li:hover .adList-hh{
	    display:none !important;
	}
	/*.adList li{*/
	/*    width:47%;*/
	/*    margin-bottom:2%;*/
	/*}*/
}


/*news*/
.newsBg{
	background: #efefef;
	margin-top: 5%;
}
.news1{
	padding: 3% 0;
	padding-bottom: 6%;
}
.news_list1{
	margin: 0 -0.2%;
}
.news_list1 li{
	width:33.3%;
	margin: 0 0.2%;
	background: #fff;
	padding:6px;
}
.news_list1 li .news-bg{
	padding: 0 4%;
	height: 187px;
}
.news_list1 li span{
	display: block;
	font-size: 14px;
	color: #a7a7a7;
	padding-top: 22px;
}
.news_list1 li a{
	display: block;
	font-size: 14px;
	color: #444444;
	padding-top: 10px;
}
.news_list1 li h3{
	font-weight: normal;
	font-size: 12px;
	color: #a7a7a7;
	text-align: left;
	padding-top: 14px;
	line-height: 20px;
}
.news_list1 li a{
    display: block;
    overflow: hidden;
}
.news_list1 li .img img{
	width:100%;
	 -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.news_list1 li:hover .img img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.news_list1 .slick-prev{
	display: none;
}
.news_list1 .slick-next{
	display: none;
}
.news_list1 .slick-arrow{
	position: absolute;
	height: 57px;
	width: 57px;
	font-size: 0;
	border:none;
	outline: none;
	background: none;
	z-index: 9;
	top: 0%;
}

.news_list1 .slick-dots {
	position: absolute;
	bottom: -18%;
	z-index: 99;
	width: 100%;
	text-align: center;
}
.news_list1 .slick-dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #a0a0a0;
	border-radius: 50%;
	cursor: pointer;
}
.news_list1 .slick-dots li button {
	background: none;
	outline: none;
	border: none;
	font-size: 0;
}


/*foot*/
.foot{
	background: #1f1f1f;
	padding: 3% 1%;
}

.footer{
	
}

.foot1{
	width:15%;
	float: left;
}

.foot-title{
	font-size: 14px;
	color: #a7a7a7;
	font-weight:bold;
	padding-bottom: 4%;
}
.sec1 a{
	display: block;
	font-size: 14px;
	color: #8b8b8b;

}
.foot2{
	float: right;
	width:25%;
}
.foot2 .foot-title{
	padding-bottom: 2%;
}
.foot2 .content{
	font-size: 14px;
	color: #a7a7a7;
	line-height: 35px;
	padding-bottom: 2%;
}

.foot2 .bdsharebuttonbox a{
    display: inline-block;
    margin-right: 20px;
}
.foot2 .bdsharebuttonbox .bds_tsina{
    background: url(../images/weibo.png) no-repeat center;
    width: 26px;
    height: 27px;
    padding: 0;
    background-size:100%;
}
.foot2 .bdsharebuttonbox a.bds_tsina:hover{
    background: url(../images/weiboh.png) no-repeat top center;
    width:  26px;
    height:  26px;
    padding: 0;
    display:  block;
}
.foot2 .bdsharebuttonbox .bds_sqq{
    background: url(../images/weiqq.png) no-repeat center;
    width: 26px;
    height: 27px;
    padding: 0;
}
.foot2 .bdsharebuttonbox a.bds_sqq:hover{
    background: url(../images/weiqqh.png) no-repeat top center;
    width:  26px;
    height:  26px;
    padding: 0;
    display:  block;
}
.foot2 .bdsharebuttonbox .bds_weixin{
    background: url(../images/weixin.png) no-repeat center;
    width: 26px;
    height: 27px;
    padding: 0;
}
.foot2 .bdsharebuttonbox a.bds_weixin:hover{
    background: url(../images/weixinh.png) no-repeat top center;
    width:  26px;
    height:  26px;
    padding: 0;
    display:  block;
}



.copyright1{
	border-top: 1px solid #434343;
	padding-top: 2%;
	padding-bottom: 2%;
	margin-top: 3%;
}
.copyright{
	float: left;
	width:65%;
	font-size: 14px;
	color: #8b8b8b;
}
.copyright a{
	color: #8b8b8b;
}

.k1{
	float: right;
	color: #8b8b8b;
	font-size: 14px;

	width:30%;
}
.k1 a{
	color: #8b8b8b;
}

@media (max-width: 768px){
	header .logo img{
		padding: 2%;
		    max-width: 80% !important;
	}
	.product_listt .slick-dots{
		bottom: -8vw;
	}
	.foot1{
		display: none;
	}
	.foot2{
		float: none;
		width:94%;
		margin:0 auto;
	}
	.f_link{
		display: none;
	}
	.chan{
		display: none;
	}
	.k1{
		display: none;
	}
	.news_list1 .slick-dots{
		bottom: -18%;
	}
	.solveList li .solve-hh h2{
		display: none;
	}
	.solveList li .solve-hh span{
		display: none;
	}
	.solveList li .solve-hh a{
		margin-top: -11px;
		top: 50%;
		position:  absolute;
		left:  0;
		right:  0;
	}

	/*.adList li span{*/
	/*	font-size: 16px;*/
	/*}*/
	.news1{
		padding-bottom: 16%;
	}
	.news_list1 li .news-bg{
		height: 152px;
		overflow: hidden;
	}
	.news_list1 li a{
		    white-space: nowrap;
		overflow: hidden;
	}
	.news_list1 li h3 {
		height: 58px;
		overflow: hidden;
	}
	.copyright{
		float: none;
		width:96%;
		margin: 0 auto;
	}
	.k1{
		float: none;
		width:96%;
		margin: 0 auto;
		padding-top: 0;
	}
	.copyright1{
	    padding-bottom:10%;
	}

}


.n-img{
	width:50%;
	float: left;
}
.product_detail .small{
	width:100%;

}

.p_detail p img{
    max-width:100% !important;
    height:auto !important;
}
.img{
    max-width:100%;
}

@media (max-width: 1024px){
.product-list {
    padding: 19px 0 0px;
}
}

@media (max-width: 768px){
    .n-img{
        width:100%;
        margin:0 auto;
        float:none;
    }
    .n-img img{
        max-width:100%;
    }
    .product_detail .list{
        width:98% !important;
        float:none;
        margin:0 auto;
        margin-left:5% !important;
    }
    .p_detail{
        margin-left:5% !important;
    }
    .p_detail p img{
    	max-width:100%;
    	height:auto;
    }
    .tag{
       margin-left:5% !important; 
    }
    .page{
        margin-left:5% !important;
    }
}



/*xys_message*/
.xys_message{width: 100%;}
.xys_message .input_g{margin-bottom: 15px;}
.xys_message .input_g span.title{display: block;float: left;width: 25%;text-align: right;font-size: 1rem;color: #666;line-height: 35px;}
.xys_message .input_g input[type='text'],
.xys_message .input_g .m_input{width: 72%;float: right;height: 35px;border: 1px solid #efefef;border-radius: 5px;padding-left: 10px;box-sizing: border-box;background: #fff;outline: none;}
.xys_message .input_g input[type='text']::-webkit-input-placeholder,
.xys_message .input_g .m_input::-webkit-input-placeholder{color: #999;opacity: 1;}
.xys_message .input_g input[type='text']:-moz-placeholder,
.xys_message .input_g .m_input:-moz-placeholder{color: #999;opacity: 1;}
.xys_message .input_g input[type='text']::-moz-placeholder,
.xys_message .input_g .m_input::-moz-placeholder{color: #999;opacity: 1;}
.xys_message .input_g input[type='text']:-ms-input-placeholder,
.xys_message .input_g .m_input:-ms-input-placeholder{color: #999;opacity: 1;}
.xys_message .input_g #content{height: 150px;resize: none;font-family: "Microsoft YaHei";padding-top: 5px;}
.xys_message .input_g #code{width: 72%;float: right;padding-top: 0;}
.xys_message .input_g #code #checkcode{width: 30%;float: left;height: 35px;}
.xys_message .input_g #code #checkCodeImg{float: left;margin-left: 10px;}
.xys_message .input_g #code #change_code{margin-left: 10px;float: left;font-size: 16px;color: red;line-height: 35px;}
.xys_message .btn_g{padding-left: 28%;}
.xys_message .btn_g .msgbtn{width: 25%;height: 35px;color: #fff;background: #014da1;font-size: 14px;border-radius: 5px;cursor: pointer;border: none;outline: none;}
@media (max-width: 768px){.xys_message{width: 95%;margin: 0 auto;}.xys_message .btn_g{padding-left: 28%;}.xys_message .btn_g .msgbtn{width: 40%;} }
@media (max-width: 420px){.xys_message .input_g span.title{width: 100%;float: none;text-align: left;}.xys_message .input_g input[type='text'],.xys_message .input_g .m_input{width: 100%;float: none;}.xys_message .input_g #code{width: 100%;float: none;}.xys_message .btn_g{padding-left: 0;}.xys_message .btn_g .msgbtn{width: 100%;} }