
.w1200{  margin:0 auto; max-width:1400px;min-width:1200px; width:72.9%; }

.banner {
		width: 100%;
		height: 700px;
		font-size: 0;
		overflow: hidden;
		 position: relative;
	}
	
	.banner_img {
		width: 100%;
		height: 700px;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.banner_img li {
		width: 100%;
		height: 700px;
		display: inline-block;
		background-position: center;
		background-repeat: no-repeat;
		float: left;
		list-style: none;
	}
	
	.banner_list {
		height: 50px;
		top: 650px;
		position: relative;
		margin: 0 auto;
		z-index: 1;
	}
	
	.banner_list span {
		display: block;
		cursor: pointer;
		width: 14px;
		height: 14px;
		border-radius: 50%;
		border: 3px solid #fff;
		float: left;
		margin: 0 5px;
	}
	
	.banner_list .spcss {
		border: 3px solid #de0615;
	}
	
	.banner_left {
		position: absolute;
		height: 90px;
		width: 60px;
		top: 50%;
		left: -60px;
		background-color: rgba(73,72,62, 0.6);
		margin-top: -45px;
		text-align: center;
		transition: all .5s;
		z-index: 2;
	}
	
	.banner_left:hover {
		background-color: rgba(73,72,62, 0.9);
	}
	
	.banner_right {
		position: absolute;
		height: 90px;
		width: 60px;
		top: 50%;
		right: -60px;
		background-color: rgba(73,72,62, 0.6);
		margin-top: -45px;
		text-align: center;
		transition: all .5s;
		z-index: 2;
	}
	
	.banner_right:hover {
		background-color: rgba(73,72,62, 0.9);
	}
	
	.banner_left img {
		margin-top: 22px;
	}
	
	.banner_right img {
		margin-top: 22px;
	}
	
	.topnav li.m:hover{ background:url(../images/xhm-icon.png) no-repeat  top 20px center;}
		.topnav li.current{ background:url(../images/xhm-icon.png) no-repeat  top 20px center;}
	/**/
	.index-con{
background: rgba(255,255,255,0.9); border-radius: 20px; padding:5vh 0;
     position:relative; margin:0 auto; width: 100% /*margin-bottom:230px;*/}
	.course {
    margin: 0 auto; padding: 0 5%
}
.course .course-item:hover h2{ color:#fff;}
.course .course-item:hover h3{ color:#fff;}
.course .course-item:hover p{ color:#fff;}
.course .course-item:hover h2 span{ color:#fff;}
/*.course .adv1{ background:url(../images/01-bg.jpg) no-repeat; background-size: 100%; opacity:0.8;}
.course .adv1:hover{background:url(../images/bg11.jpg) no-repeat; background-size: 100%;}
.course .adv2{ background:url(../images/02-bg.jpg) no-repeat;background-size: 100%;opacity:0.8;}
.course .adv2:hover{ background:url(../images/bg22.jpg) no-repeat;background-size: 100%;}
.course .adv3{ background:url(../images/03-bg.jpg) no-repeat;background-size: 100%;opacity:0.8;}
.course .adv3:hover{ background:url(../images/bg33.jpg) no-repeat;background-size: 100%;}
.course .adv4{ background:url(../images/04-bg.jpg) no-repeat;background-size: 100%;opacity:0.8;}
.course .adv4:hover{ background:url(../images/bg44.jpg) no-repeat;background-size: 100%;}*/
.course .course-item {
    float: left;
    width: 30.6%;
/*	height:234px;*/
    box-sizing: border-box; margin-right:4.1%;
  
    transition: all .3s ease;
}
.course li.course-item:last-child{ margin-right:0}
.course .course-item:nth-child(2) {
    border-left: none;
    border-right: none;
}
.course .course-item a{
    display:block;
 /*   padding: 60px;*/
/* padding-left:40px;
 padding-right:40px;*/
}
.course .course-item h2{
	font-size: 30px;
    color: #d93032;
    line-height: 36px; padding-top:60px; padding-bottom:10px;}
	.course .course-item h2 span{ color:#525252;
	font-size:14px;
	}
.course .course-item h3 {
    color: #000;
    font-size: 14px;
	line-height:36px;
}
.course .course-item p {
    font-size: 18px;
    color: #fff;
    margin-top: 20px; line-height:1.6;    padding: 17px;
    text-align: center;
    color: #ffffff;

   background: url(../images/fwzcon-bg.png) no-repeat; min-height: 108px;
 background-size: contain;
}
.course .course-item i {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 55px;
    right: 40px;
    background: #ff7327 url(/ufile/107803/img/r-arrow.png) no-repeat center/22px;
}
/**/
.pro_title{ width:100%; border-bottom:1px solid #f0f0f0; }
.index-title h2{ color:#392c2c; font-weight:bold; font-size:30px; line-height:30px;}
.index-title h3{ color: #808080; font-size:16px; font-weight:normal; line-height:36px;}
.inex-pl ul li{ float:left; color:#363535; }
.inex-pl ul li a{ color:#363535; font-size:16px; line-height:16px;}
.inex-pl ul li span{ display:inline-block; padding: 24px 23px;line-height:16px;}



.index-prolist{ padding:48px 0;}
.prol-item {  /*width:418px;*/ background:url(../images/proleft-bg.jpg) no-repeat; height:575px; width:29.85%}
 .prol-item .pro-img { }
.prol-item .pro-img img { -webkit-transition: all ease .3s; transition: all ease .3s; width:100%; }
 .prol-item .caption {  /*padding: 15px;*/ -webkit-transition: all ease .3s; transition: all ease .3s;   
    border-top: 0;  padding-left:24px;padding-right:56px; }
.prol-item .caption .title {  font-size: 18px; color: #363535; -webkit-transition: all ease .3s; transition: all ease .3s; line-height:52px; }

.prol-item .caption .sub-title{ font-size:14px; line-height:24px; color:#575757}


.index-prolist ul  li{ /*margin-left:18px;*/ margin-bottom:42px; float:left; width:31%; margin-left:1.8%; border:1px solid #ccc }
.pro li:last-child {
    margin-right: 0px;
}
.pro li .img { height:265px; overflow: hidden; width:100%; }
.pro li .img img { max-width: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; height:100% }

.pro li:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.index-about{ width:100%; margin:0 auto; background:  url(../images/fwzwhyc-bg.jpg) no-repeat top center; background-size: cover;}
 .index-about .in-a-c{ /*width:876px; padding-left:20px;*//* padding-top:45px;*/}
.index-about .in-a-ti{ padding-top:45px; }
.index-about .in-a-ti .xhx {
    display: block; width:297px; height:5px; margin-bottom:30px;
    background: url(../images/title-xhx.png)no-repeat;
   
}
.index-about .in-a-c .in-a-ti .jianjie{ color:#4c4c4c; font-size:30px; line-height:30px; font-weight:bold; background:url(../images/title-bg.png) no-repeat  right top; width:136px;} 
.index-about .in-a-c .in-a-ti h3{ color:#a8a2a2; font-size:16px; line-height:24px; font-weight: normal; padding-top:18px; padding-bottom:9px;}
.index-about .index-about .in-a-con{ font-size:16px; line-height:37px; color:#4c4c4c; text-indent:2em;}
.index-about .index-tel{ padding:38px 0;}
.index-about .in-a-con {
    font-size: 16px;
    line-height: 37px;
    color: #4c4c4c;
    text-indent: 2em;

}
.index-about .in-a-con  p{
    font-size: 16px;
    line-height: 37px;
    color: #4c4c4c;
    text-indent: 2em;

}
/**/
.index-news{ margin-top:42px; margin-bottom:50px;}
.index-news .more{display: inline-block;
    width: 103px;
    height: 29px;
    background: #f4f4f4; text-align:center;
   border:1px solid #e6e6e6; }
  .index-news .more a{ font-size:14px; line-height:29px; color:#6a6a6a} 
  .news-tj-l{ background:#f4f4f4; padding-left:3.428%; padding-right:3.428%; width:34.29%; padding-top:32px; padding-bottom:44px; position:relative ; z-index:0}
 .news-tj-l  span{
    display: inline-block;
    width: 78px;
    height: 24px;
    background: #d71619;
	line-height:24px; color:#fff;
    border-radius: 28px; text-align:center;
 
}
 .news-tj-l  span a{ font-size:14px; line-height:24px; color:#fff}
  .news-tj-l .title{ color:#6e6e6e; font-size:16px; line-height:24px; padding-top:14px; padding-bottom:9px;}
  .news-tj-l .des{ color:#8d8d8d; font-size:14px; line-height:24px; padding-bottom:25px;}
  .n-ckxq{ background:url(../images/more-bg.jpg) no-repeat; position:absolute; right:0; bottom:0; width:120px; height:90px; z-index:-2;}
  .n-more{ font-size:14px; line-height:24px; color:#fff; padding-left:16px; padding-top:45px; display:inline-block}
    .index-nl .m-news .news-item {
  /*  border: 1px solid rgba(170, 170, 170, 0.2);*/
  
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    /*padding: 20px 10px;*/
   /* margin-bottom: 41px;*/
   padding-top:18px;
    overflow: hidden;
	border-top:2px solid #e7e7e7;
	padding-bottom:8px;
}
.index-nl .m-news .news-item .news-pic {
    height: auto;
    float: left;
    overflow: hidden;
}
.index-nl .m-news .news-item .news-content {
   /* padding: 20px 20px 0 30px;*/
    float: left;
}
.index-nl .m-news .news-item .news-content .news-item-title {
/*    font-size: 20px;
    line-height: 32px;
    font-weight: normal;*/
	font-size:16px; line-height:24px; color:#6a6a6a;
}
.index-nl .m-news .news-item .news-content .news-item-title a {
    color: inherit;
}
.index-nl .m-news .news-item .news-content .news-desc {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
/*    height: 52px;
    color: #999;
    margin-top: 10px;
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;*/
	font-size:14px; line-height:24px; color:#9a9999;
	padding-top:9px;
	padding-bottom:13px;
}
.index-nl .m-news .news-item .news-date {
    position: relative;

	text-align:center;
	
}
.index-nl .m-news .news-item .news-date span {
    font-size: 26px;
    line-height: 26px;
    color: #9a9999;
}
.index-nl .m-news .news-item .news-date .more-button {
    width: 100%;
    height: 8px;  text-align:center;
    position: absolute;

    text-align: center;
    display: block;
   
}
.index-nl .m-news .news-item .news-date .more-button::after {
    content: "";
    width: 56px;
    height: 8px;
    background: url(../images/jt-icon.png) no-repeat left center;
    position: absolute;
    top: 50%;
    left: 30%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	
	top:18px;
}
.intn-img img{ width:100%}
.news-tj-r{ width:54.28%;}
.newscateg {
    width: 72px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 14px;

    color: #fff;
   
	background:#d71619;
}
.in-n-top{ padding-top:50px;}

/**/
.breadc {
    border-bottom: 1px solid #eeeeee;
}
.parentcat {
    padding-top: 30px;
    width: 15%;
	
	
}
.parentcat h2 {
    font-size: 30px;
    color: #392c2c;
    font-weight: bold;
    padding-bottom: 0px;
	
  
}


.ti-bg{background:url(../images/title-bg.png) no-repeat  left center;}


.breadcrumb1 {
    padding-top: 46px;
	
}
.breadcrumb1 .first {
    font-size: 14px;
    color: #666666;background:url(../images/xfz-icon.png) no-repeat left center; padding-left:24px;
}
.breadcrumb1 a {
    font-size: 14px;
    color: #666666;
}
/**/

.about{ width:100%;
min-height: 600px;
 margin:0 auto; background: url(../images/gs-bg.jpg) no-repeat  center top ;
background-size: cover;

 /* padding-bottom: 300px;*/  /* background-size: 100%;*/
}
.in-a-c{ /*width:876px; padding-left:20px;*//* padding-top:45px;*/}
.in-a-ti{ padding-top:45px; }
.in-a-ti .xhx {
    display: block; width:297px; height:5px; margin-bottom:30px;
    background: url(../images/title-xhx.png)no-repeat;
   
}
.in-a-c .in-a-ti .jianjie{ color:#4c4c4c; font-size:30px; line-height:30px; font-weight:bold; background:url(../images/title-bg.png) no-repeat ;} 
.in-a-c .in-a-ti h3{ color:#a8a2a2; font-size:16px; line-height:24px; font-weight: normal; padding-top:18px; padding-bottom:9px;}
.about .in-a-con{ 

width: 58%;
    text-align: justify;
    font-size:16px; line-height:37px; color:#4c4c4c; text-indent:2em; padding-top:108px;}
.index-tel{ /*padding:38px 0;*/ padding-top:72px; padding-bottom:74px;}


.ch-title{ font-size:30px; color:#392c2c; font-weight:bold; line-height:30px; padding-left:20px;}
.en-title{ color:#808080; font-size:16px; font-weight:normal; line-height:36px;padding-left:20px; }
.con-cult{ background: #f9f9f9 url(../images/culture-bg.jpg) no-repeat bottom; padding: 60px 0; background-size: 100%;}

.about-cul-con p{font-size:21px; line-height:2; color:#4c4c4c; text-indent:2em;}
.about .in-a-con  {
    font-size: 16px;
    line-height: 37px;
    color: #4c4c4c;
    text-indent: 2em;
    padding-top: 108px;
}

.about .in-a-con p {
    font-size: 20px;
    line-height: 37px;
    color: #4c4c4c;
    text-indent: 2em;
 
}
/**/
  .news-li .m-news .news-item {
  /*  border: 1px solid rgba(170, 170, 170, 0.2);*/
  
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    /*padding: 20px 10px;*/
   /* margin-bottom: 41px;*/
   padding-top:41px;
    overflow: hidden;
	border-bottom:1px solid #e7e7e7;
	padding-bottom:15px;
}
.news-li .m-news .news-item .news-pic {
    height: auto;
    float: left;
    overflow: hidden;
}
.news-li .m-news .news-item .news-content {
   /* padding: 20px 20px 0 30px;*/
    float: left;
}
.news-li .m-news .news-item .news-content .news-item-title {
/*    font-size: 20px;
    line-height: 32px;
    font-weight: normal;*/
	font-size:22px; line-height:32px; color:#6a6a6a;
}
.news-li .m-news .news-item .news-content .news-item-title a {
    color: inherit;
}
.news-li .m-news .news-item .news-content .news-desc {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
/*    height: 52px;
    color: #999;
    margin-top: 10px;
    font-size: 16px;
    line-height: 28px;
    font-weight: normal;*/
	font-size:18px; line-height:2; color:#9a9999;
	padding-top:9px;
	padding-bottom:13px;
}
.news-li .m-news .news-item .news-date {
    position: relative; padding:50px 0;
	text-align:center;
	
	
}
.hvr-bounce-to-top{ background:#f4f4f4 !important; padding:20px 30px  !important;}
.hvr-bounce-to-bottom{ background:#fff !important; padding: 40px 30px !important; width:100% !important}
.news-li .m-news .news-item .news-date span {
    font-size: 26px;
    line-height: 26px;
    color: #9a9999;
}
.news-li .m-news .news-item .news-date .more-button {
    width: 100%;
    height: 8px;  text-align:center;
    position: absolute;

    text-align: center;
    display: block;
   
}
.news-li .m-news .news-item .news-date .more-button::after {
    content: "";
    width: 56px;
    height: 8px;
    background: url(../images/jt-icon.png) no-repeat left center;
    position: absolute;
    top: 50%;
    left: 39%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	
	top:18px;
}
.ne-list{ margin-top:66px; margin-bottom:40px;}
 .ne-t-l  span a{ font-size:14px; line-height:24px; color:#fff}
  .ne-t-l .title{ color:#6e6e6e; font-size:16px; line-height:24px; padding-top:14px; padding-bottom:9px;}
  .ne-t-l .des{ color:#8d8d8d; font-size:14px; line-height:24px; padding-bottom:25px;}
  .n-ckxq{ background:url(../images/more-bg.jpg) no-repeat; position:absolute; right:0; bottom:0; width:120px; height:90px; z-index:-2}
 .intn-img{ z-index:2}
  .n-more{ font-size:14px; line-height:24px; color:#fff; padding-left:16px; padding-top:45px; display:inline-block}
  
  .news{ background: #fafafa; padding-bottom:50px;}
 .news-li  .newscateg {
    width: 72px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 14px;

    color: #fff;
   
	background:#d71619;
}


 .ne-t-l{ background:#f4f4f4; padding-left:1.8%; padding-right:1.8%;/* width:380px; */padding-top:20px; padding-bottom:45px; position:relative; float:left;  width:27%; margin-right:4.1%; z-index:0}
 .con img{ max-width:100%}
 ul li.ne-t-l:last-child{ margin-right:0}
 .ne-t-l  span{
    display: inline-block;
    width: 78px;
    height: 24px;
	line-height:24px;
    background: #d71619;
    border-radius: 28px; text-align:center;
	color:#fff;
 
}
 .pageing {
    text-align: center;
	margin-top:30px; margin-bottom:60px;
}.pageing .list_no dt, .pagination {
    display: inline-block;
    margin-right: 24px;
}.pageing .list_no dd, .pagination li {
    display: inline-block;
    margin-right: 6px;
}.pageing .list_no dd a, .pagination li a {
    width: 60px;
    border: 1px #d5d5d5 solid;
    display: inline-block;
    line-height: 30px;
    color: #191919;
    font-size: 12px;
    font-weight: bold;
}
/**/
.newsconleft {
    width: 76.43%;
    padding-top: 48px;
    /* padding-bottom: 80px; */
}
.newsconleft .titda {
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
}.newsconleft .titda h2.title {
    font-size: 26px;
    line-height: 30px;
    color: #666;
    font-weight: normal;
	text-align:center;
	padding-bottom:10px;
}.newsconleft .titda .date {
    font-size: 14px;
    line-height: 24px;
    color: #8e8e8e;
}.newsconleft .newscon-desc {
    background: #f4f4f4;
    padding-bottom: 24px;
}.newsconleft .con {
    font-size: 16px;
    line-height: 24px;
    color: #414141; padding-top:20px;
}.relevant span {
    display: block;
    padding: 19px 0;
    color: #fff;
    text-align: center;
    font-size: 24px;
    background-color: #278a00;
}.tjnews ul {
    padding-top: 6px;
}
.tjnews ul li.new-tj {
    border-bottom: 1px solid #dedede;
	padding:0 20px;
   
}

.new-tj {
    font-size: 14px;
    line-height: 32px;
    color: #092a01;
}
.new-tj a {
    color: #333333;
}
.newsconleft .con {
    font-size: 16px;
    line-height: 32px;
    color: #414141;
	text-indent:2em;
	
}
.newsconleft .con p {
    font-size: 20px;
    line-height: 2;
    color: #414141;
    margin-top: 5px; text-indent:2em;
}
.show_sx {
    padding: 50px 0px;
    color: #414141;
}
.show-prev-next {
    margin-bottom: 10px;
	font-size:16px;
}
.tjnews{ padding-top:33.5px; width:20%;} 
.show_sx {
    padding: 50px 0px;
    color: #414141;
}.show-prev-next {
    margin-bottom: 10px;
}.show_sx a {
    color: #414141;

}
/**/
.footer{ width:100%; background:#222; height:auto; overflow:hidden; }
.area{ width:100%; background:#141414; border-bottom:1px solid #2c2c2c; border-top:1px solid #2c2c2c; margin:0 auto; height:48px;}
.area ul li.aream{ float:left; line-height:48px;/* margin-left:33px;*/ font-size:14px; color:#fff;/* width: 4%;*/ padding-right:2%}
.area ul li.aream a,.area ul li.aream a:hover{ color:#fff}
.area-t{ color:#fff; font-size:14px; line-height:48px; width: 4%;}
.copy{ color:#9f9f9f; font-size:14px; line-height:48px; width:100%; margin:0 auto; background:#222; border-top:1px solid #3d3d3d;}
.copycon{ width:80% }
.jszc a{ color:#9f9f9f;  }
.jszc img{ vertical-align:middle}
 .xhx{
    display: block;
    height: 4px;
    width: 49px;
    background: url("../images/xhx-icon.png")no-repeat; ;
    margin-bottom: 5px;
    margin-top: 16px;
}
.footer-con{ padding-top:46px;}
.zyyw{ width:22.86%; /*margin-right:9.3%;*/ margin-right: 6%;}
.footer-con h2{ font-weight:normal; font-size:18px; color:#fff; line-height:24px; }
.zyyw span{ font-size:14px; background:#36ac3a; padding:5px 14px;border-radius:6px; margin-left:5px;}
.zyyw p{ font-size:14px; line-height:36px; color:#999999}
.jcxm ul li{ /*float:left;*/ font-size:14px; line-height:36px; color:#999999;  width: 100%; /*width:122px;*/}
.jcxm ul li a{color:#999999}
.jcxm{ /*width:244px; */ /*margin-right:46px;*//* width: 360px;*/ margin-right:0; padding-bottom:42px; width:15% }
.kjnav ul li{ float:left; font-size:14px; line-height:36px; color:#999999;  /*width:100px;*/ width: 50%;}
 .footer-con ul li a{color:#999999}
.kjnav{ /*width:200px; */height:133px; width: 14.5%;}
.footer-intro{ margin-bottom:25px;/* padding-right:156px;*/ width:36%; padding-right:2%}
.footer-intro .xhx {
    display: block;
    height: 4px;
    width: 49px;
    background: url(../images/xhx-icon.png)no-repeat;
    margin-bottom: 15px;
    margin-top: 16px;
}
.ne-t-l img{ width:100%}

.lxr {
   /* margin-top: 15px;*/
}
.footer-intro .foot-tel{ font-size:32px; color:#fff; line-height:36px;}
.contact i.bg1 {
    background: url(../images/tel-icon.png) no-repeat left center;
}
.contact i.bg2 {
    background: url(../images/sj-icon.png) no-repeat left center;
}
.contact i.bg3 {
    background: url(../images/email-icon.png) no-repeat left center;
}
.contact i.bg4 {
    background: url(../images/addr-icon.png) no-repeat left center;
}
.contact i {
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    font-style: normal;
    padding-left: 27px;
}
.qq .qq1{ padding-top:54px;}
.qq .qq2{ padding-top:20px;}
.ewm .ewmimg{ margin-top:25px;}
.ewm p{ font-size:14px; line-height:24px; color:#fff; text-align:center}
.ewm p.sys{ margin-top:9px;}
.foot-link{ margin-bottom:32px; margin-top:74px;}
.links{ background:#f7f7f7; position:relative}
.link ul{}
.link ul li{ float:left; margin-right:2.57%;}
.link ul li:last-child{ margin-right:0;}
.link ul li a{ font-size:16px; line-height:30px; color:#38404b}
.link{ padding:0 3%; padding-top:19px; padding-bottom:38px; /*width:1190px;*/ width:83%;}
.link-left{/* width:110px;*/ background: #d71619; height:96px; padding-left:1%; margin-top:-23px; width:9%;}
.link-left h2{ color:#fff;font-weight:normal; font-size:24px;}
.link-left h3{ color:#dd3b3e; font-weight:normal; font-size:40px;}
.copy a,.copy a hover{color:#9f9f9f}
.zyyw a,.zyyw a:hover{ color:#fff}
.cpxq{ width: 100%;
    margin: 0 auto; /*margin-bottom:50px;*/}
	/**/
	 .main-group{
    width:100vw;
    height:73vh;
    min-width: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/message-bg.jpg) no-repeat;
}

.box-group{
    width:1000px;
    height:430px;
    position: relative;
}
.box-group .left-group{
    width:320px;
    height:360px;
    background: #d71619;
    position: absolute;
    left:0;
    top:35px;
    color: #fff;
    z-index: 1;
    box-sizing: border-box;
   /* padding:40px;*/
   padding-top:40px; padding-left:20px;
}
.box-group .left-group .title{
    font-size: 18px;
    font-weight: bold;
}
.box-group .left-group .icon-group{
    margin-top:33px;
}
.box-group .left-group .icon-group li{
    margin-top:26px;
    display: flex;
    align-items: center;
	font-size:16px;
}
.box-group .left-group .icon-group li img{
    width:25px;
    height: 25px;
    margin-right:10px;
}


.box-group .right-group{
    width: 870px;
    box-sizing: border-box;
    padding:45px 40px 20px 230px;
    height:100%;
    background: #fff;
    position: absolute;
    right:0;
}
.box-group .right-group .title{
    color: #18354a;
    font-size:20px;
    font-weight: bold;
}
.box-group .right-group .form-group{
    position: relative;
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
    padding-top:30px;
}
.box-group .right-group .form-group .input-group{
    position: relative;
    margin:0 0 35px 0;
}
.box-group .right-group .form-group .input-group.w50{
    width: 47%;
}
.box-group .right-group .form-group .input-group.w100{
    width: 100%;
}
.box-group .right-group .form-group .input-group input,
.box-group .right-group .form-group .input-group textarea{
    width: 100% !important;
    padding:5px 0;
    font-size: 14px;
    color: #666;
    border:0;
    border-bottom:1px solid #777;
    outline: none;
    resize: none;
}
.box-group .right-group .form-group .input-group textarea{
    min-height: 60px;
}
.box-group .right-group .form-group .input-group span{
    position: absolute;
    left:0;
    padding:5px 0;
    font-size: 14px;
    color: #666;
    transition: 0.3s;
    pointer-events: none;
}

.box-group .right-group .form-group .input-group input:focus ~ span,
.box-group .right-group .form-group .input-group textarea:focus ~ span,
.box-group .right-group .form-group .input-group input:valid ~ span,
.box-group .right-group .form-group .input-group textarea:valid ~ span{
    transform:translateY(-20px);
    font-size: 12px;
    letter-spacing: 1px;
    color: #000;
}
.box-group .right-group .form-group .input-group button{
    cursor: pointer;
    background: #d71619;
    color: #fff;
    border:0;
    padding:10px 30px;
    font-size: 14px;
}
.contm p{ color:#fff; font-size:16px;}
.contm{ font-size:16px;}
#headdiv .current:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 3px;
    background-color: #d81e06;
    left: 50%;
    margin-left: -25px;
    /* bottom: 25px; */
    bottom: -3px;
}.act:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 8px;
    background-color: #fe3839;
    left: 50%;
    margin-left: -25px;
    /* bottom: 25px; */
    bottom: 0px;
}
.pageing .list_no dt, .pagination .active{ background:#d71619;}
.pageing .list_no dt, .pagination .active a{ color:#fff}
.pro_title .hvr-bounce-to-right:hover a{ color:#fff}
.m-news .hvr-sweep-to-top:hover  .news-content{ width:80% !important}
.m-news .hvr-sweep-to-top:hover .news-item-title{ color:#fff; padding-left:10px;}
.m-news .hvr-sweep-to-top:hover .newscateg{ background:#fff; color:#d71619;margin-left:10px;}
.m-news .hvr-sweep-to-top:hover .news-date{ color:#fff;padding-left:10px;}
.m-news .hvr-sweep-to-top:hover a .news-item-title{ color:#fff;padding-left:10px;}
.index-nl .m-news .hvr-sweep-to-top:hover .news-content .news-desc{ color:#fff;padding-left:10px;}
.index-nl .m-news .hvr-sweep-to-top:hover .news-content .news-item-title{ color:#fff;padding-left:10px;}
.index-nl .m-news .hvr-sweep-to-top:hover .news-date span{ color:#fff;}
/*悬浮链接*/
.suspension{position:fixed;z-index:100000000;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}