@charset "utf-8";



/* CSS Document */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { margin: 0; padding: 0; }

body { color: #444; font-size: 14px; font-family: 'Microsoft YaHei UI', 'Microsoft YaHei', SimSun, 'Segoe UI', Tahoma, Helvetica, Sans-Serif; background: #FFF; max-width: 1920px; min-width: 1200px; }

ul, ol { list-style: none; }

img, fieldset { vertical-align: top; border: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

address, cite, code, em, th, i { font-weight: normal; font-style: normal; }

input, button, textarea, select { font: 100% Arial, ''; vertical-align: middle }

table, td, tr, th { font-size: 14px; }

.fl, .l { float: left; }

.fr, .r { float: right; }

a { color: #333333; text-decoration: none; transition: all 0.3s; }

a:hover { color: #000; text-decoration: none; }

.clearfix { *zoom: 1; }

.clearfix:after { display: block; overflow: hidden; clear: both; height: 0px; visibility: hidden; content: "."; }

.flex { display: flex; }

.w1000 { width: 1000px; margin: 0 auto; }

.w1100 { width: 1100px; margin: 0 auto; }

.w1200 { width: 1200px; margin: 0 auto; }

.w1300 { width: 1300px; margin: 0 auto; }

.box-con { width: 100%; }

.box-con * { max-width: 100%; }



/***************************************************************************************************************/



/* top-main */

.top-main { width: 100%; }



/* top-1 */

.top-1 {
	width: 100%;
	background: #313742;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2a2f38;
	height: 38px;
}
.top-1 .top-1-tubiao{
	float: right;margin-right: 10px;
}
.top-1 .top-1-tubiao img{
	height: 18px;
	width: 18px;
	margin-top: 10px;
	margin-right: 2px;
}
.top-1 p, .top-1 a { line-height: 38px; font-size: 14px; color: #84878c; }



/* top-2 */

.top-2 { width: 100%;background: #313742;}

.top-logo { height: 150px; display: flex; align-items: center; }
.logo_xian{width:1px;height:50px;border-bottom-width: 1px;border-bottom-style: solid;background: #2a2f38;margin-right: 22px;}
.logo_biaoti{font-size: 25px;font-weight: bold;color: #fff;}
.logo_miaosu{font-size: 22px;color: #bfc0c2;}
.top-tel {
	height: 150px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-image: url(../images/top-lianxidianhua.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.top-tel > p { padding-left: 66px; line-height: 16px; font-size: 16px; color: #bfc0c2;}

.top-tel > div h1 { padding-left: 66px;line-height: 40px; font-size: 28px; font-weight: bold; color: #fff;float: left;margin-right: 5px; }
.top-tel > div span {float: left;color: #bfc0c2;font-size: 16px;font-weight: normal;margin-top: 10px;}



/* top-3 */

.top-3 {
	width: 100%;
	background: #00843f;
	height: 76px;
}

.top-menu { width: 100%; }

.top-menu li { float: left; width: calc(100% / 8); position: relative; }

.top-menu li > a { font-weight: bolder;display: block; width: 100%; line-height: 52px; text-align: center; font-size: 18px; color: #FFFFFF;border-left-width: 1px;border-left-style: solid;border-left-color: #178a49; }
.top-menu-ywdaohang{height: 24px;color: #bfc0c2;font-size: 16px;font-weight: normal;}

.top-menu li.on > a { background: #e5e5e5;color: #313742; }

/* top-3 */

.top-fudaohang {
	width: 100%;
	background: #e5e5e5;
	height: 120px;
}
.top-fudaohang ul{
	margin: 0px;
	padding: 0px;
}
.top-fudaohang ul li{
	margin: 0px;
	padding: 0px;
	width: 118px;
	height: 120px;
	float: left;
}
.top-fudaohang-xian{
	float: left;
	height: 30px;
	width: 1px;
	background-color: #afb1b4;
	margin-top: 45px;
}
.top-fudaohang-tubiao{
	text-align: center;
	padding-top: 20px;
}
.top-fudaohang-tubiao img{

}
.top-fudaohang-zwbiaoti{
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	height: 18px;
	margin-top: 8px;text-align: center;
}
.top-fudaohang-ywbiaoti{font-size: 10px;color: #8b8d91;text-align: center;}

/* top-4 */

.top-4 { width: 100%; }

.top-ban .swiper-slide { width: 100%; display: flex; justify-content: center; }

.top-ban .swiper-slide img { max-width: 100%; }

.top-next:after, .top-prev:after { font-size: 20px; color: #FFFFFF; }

.top-page .swiper-pagination-bullet-active { background: #FFFFFF; }

.page-ban { width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }

.page-ban img { width: 100%; }



/* top-5 */
    

.top-5 {
	width: 100%;
	background: #e5e5e5;
	padding-top: 0px;
	height: 50px;
}

.top-key { width: 800px; line-height: 50px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.top-key span, .top-key a { margin-right: 5px; font-size: 14px; color: #9c9ea1; }

.top-form {
	height: 50px;
	display: flex;
	align-items: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cbccce;
}

.top-form form { border-radius: 25px; }

.top-form form .t-txt { padding: 0 20px; width: 310px; height: 50px; border: none; outline: none; border-radius: 25px;background: #e5e5e5;}

.top-form form .t-btn { width: 80px; height: 50px; border: none; outline: none; background: #00843f;background: url(../images/sousuo-1.png) no-repeat center; }


input:-moz-placeholder,   
textarea:-moz-placeholder {   
    color: #9c9ea1;   
}   
  
input:-ms-input-placeholder,   
textarea:-ms-input-placeholder {   
    color: #9c9ea1;   
}   
  
input::-webkit-input-placeholder,   
textarea::-webkit-input-placeholder {   
    color: #9c9ea1;   
} 


/***************************************************************************************************************/



/* foot-main */

.foot-main {
	width: 100%;
}



/* foot-1 */

.foot-1 {
	width: 100%;
	border-bottom: 1px solid #202326;
	    background: #313742;
    height: 80px;
}

.foot-link {
	width: 100%;
	line-height: 55px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../images/foot-link.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 15px;
}

.foot-link span, .foot-link a { margin-right: 5px; font-size: 16px; color: #B7B7B7; }



/* foot-2 */
.foot-con-z{
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d1d1d1;
	width:850px;
	height: 400px;
}
.foot-con-z-logoxianjianjie-content{
	height: 100px;
	margin-top: 45px;

}
.foot-con-z-logo{
	width: 193px;
	float: left;
}
.foot-con-z-xian{
	float: left;
	width: 1px;
	height: 60px;
	margin-top: 20px;
	margin-right: 49px;
	margin-left: 50px;
	background-color: #d6d7d9;
}
.foot-con-z-jianjie{
	float: left;
	width: 556px;
}
.foot-con-z-jianjie-title{
	font-size: 38px;
	font-weight: bolder;
	line-height: 26px;
	color: #313742;
	margin-top: 10px;
}
.foot-con-z-jianjie-content{
	margin-top: 10px;
}

.foot-con-z-jianjie-content li{
	float: left;
	background-image: url(../images/foot-con-z-jianjie-content.png);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	text-indent: 1.4rem;
	font-size: 26px;
}
/**/
.foot-con-z-caidan{
	height: 100px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #d1d1d1;
	border-bottom-color: #d1d1d1;
	margin-top: 30px;
	height: 75px;
}
.foot-con-z-caidan div a{
	font-size: 18px;
}
/*右边*/
.foot-con-y{
	float: left;
	width:350px;
	padding-left: 50px;
}

.foot-2 {
	padding: 0;
	width: 100%;
	padding-bottom: 20px;
	background: #e5e5e5;
	border-top-color: #d1d1d1;
	border-top-width: 1px;
	border-top-style: solid;
}

.foot-con { width: 100%;align-items: center; justify-content: space-between; }

.foot-con .logo { width: 320px; display: flex; align-items: center; justify-content: center; }

.foot-con .contact {

}

.foot-con .contact > h1 {
	margin-bottom: 10px;
	font-size: 42px;
	color: #00843f;
	font-weight: bolder;
}

.foot-con .contact > p { padding-left: 30px; line-height: 32px; font-size: 14px; color: #313742; background-position: center left; background-repeat: no-repeat; }

.foot-con .contact > p.p1 { background-image: url(../images/icon-3.png); }

.foot-con .contact > p.p2 { background-image: url(../images/icon-4.png); }

.foot-con .contact > p.p3 { background-image: url(../images/icon-5.png); }

.foot-con .contact > p.p4 { background-image: url(../images/icon-6.png); }

.foot-con .contact > p.p5 { background-image: url(../images/icon-7.png); }

.foot-con .code { width: 320px; display: flex; justify-content: space-between; }

.foot-con .code .bd ul img { width: 160px; height: 160px; }

.foot-con .code .hd { padding-right: 30px; display: flex; align-items: center; }

.foot-con .code .hd ul li { margin: 5px 0; padding-left: 40px; line-height: 40px; font-size: 16px; color: #B7B7B7; background-position: center left; background-repeat: no-repeat; cursor: pointer; }

.foot-con .code .hd ul li:nth-of-type(1) { background-image: url(../images/icon-7.png); }

.foot-con .code .hd ul li:nth-of-type(2) { background-image: url(../images/icon-8.png); }

/**/
.erweima{}
.erweima img{
	width: 150px;
}

/* foot-3 */

.foot-3 { padding: 15px 0; width: 100%; }

.copyright {
	width: 100%;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
	color: #B7B7B7;
	padding-left: 45px;
}

.copyright a { color: #FF0000; }



/***************************************************************************************************************/



/* index-main */

.index-main { width: 100%;}
.index-main .index-main-chengbangshili{
	width: 100%;
	height: 860px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/index-main-chengbangshili.jpg);
}


/* in-sp */

.in-sp { padding: 0px 0; width: 100%; }

.sp-info { width: 560px; }

.sp-info > .content { padding-top: 15px; width: 100%; }

.sp-info > .content > p { line-height: 24px; font-size: 14px; color: #666666; }



/* in-ban */

.in-ban { padding: 40px 0; width: 100%; height: 220px; text-align: center; background: url(../images/in-ban.jpg) no-repeat center; }

.in-ban h1 { font-size: 35px; color: #333333; font-weight: normal; letter-spacing: 8px; }

.in-ban h1 em { color: #00843f; font-weight: bold; }

.in-ban span { margin: 10px 0; padding: 0 15px; display: inline-block; line-height: 30px; font-size: 18px; color: #FFFFFF; letter-spacing: 7px; background: #00843f; border-radius: 15px; }

.in-ban p { font-size: 25px; color: #333333; letter-spacing: 4px; }

.in-ban p em { font-weight: bold; color: #00843f; }



/* in-cp */
/*产品分类-开始*/

.index-main .index-main-chanpingfenlei{
	width: 100%;
	height: 1000px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #e6e6e6;
}
.in-cp { padding:0px 0; width: 100%; background: #F8F8F8; height:1000px;}

.in-left { width: 288px; }

.in-left .title { padding: 33px 0 0 30px; width: 100%; height: 122px; background: #00843f url(../images/in-cp-title-beijing.jpg) no-repeat center left; }

.in-left .title h1 { font-size: 22px; color: #FFFFFF; font-weight: bold; letter-spacing: 2px; }

.in-left .title p {
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bolder;
	text-transform: uppercase;
}

.in-left ul { width: 100%; background: #FFFFFF; }

.in-left ul li:nth-of-type(1) { border: none; }

.in-left ul li {
	width: 100%;
}
.in-left-xian{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	width: 222px;
	margin-right: auto;
	margin-left: auto;
}
.in-left ul li > a {
	font-size: 16px;
	display: block;
	padding-left: 35px;
	width: 100%;
	line-height: 51px;
	background-image: url(../images/icon-10.png);
	background-position: right 25px center;
	background-repeat: no-repeat;
	
}

.in-left ul li:hover > a { background-color: #00843f; color:#fff; }

.in-left .contact {
	width: 290px;
	background: url(../images/in-cp-title-beijing-lxfs.jpg) no-repeat center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-right: 0;
	padding-left: 0;
	height: 149px;
}

.in-left .contact p { padding: 1px 0; font-size: 16px; color: #FFFFFF; }

.in-left .contact h1 { font-size: 30px; font-weight: bold; color: #FFFFFF;}



.in-right { width: 897px;}

.item-frist { width: 100%; position: relative; }

.item-frist .item-img { width: 800px; height: 800px; }

.item-frist .item-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.item-frist .item-img > a > img { width: 100%; height: 100%; object-fit: contain; }

.item-frist .item-info { width: 100%; height: 120px; position: absolute; left: 0; bottom: 0; }

.item-frist .item-info .fl { width: 280px; height: 100%; }

.item-frist .item-info .fl > a { display: block; width: 100%; height: 100%; font-size: 24px; font-weight: normal; color: #FFFFFF; background-color: rgba(27,162,85,0.9); display: flex; align-items: center; justify-content: center; }

.item-frist .item-info .fr { padding: 0 50px; width: calc(100% - 280px); height: 100%; background-color: rgba(0,0,0,0.6); display: flex; flex-direction: column; justify-content: center; }

.item-frist .item-info .fr a { display: block; padding-left: 15px; font-size: 24px; font-weight: bold; color: #FFFFFF; background: url(../images/icon-12.png) no-repeat center left; }

.item-frist .item-info .fr p { line-height: 20px; font-size: 12px; color: #FFFFFF; color: #FFFFFF; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.item-other:nth-of-type(2) { margin-left: 0; }

.item-other {
	background-color: #fff;
	width: 214px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;
	height: 365px;
}

.item-other .item-img {
	width: 214px;
}

.item-other .item-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }

.item-other .item-img > a > img { width: 100%; height: 100%; object-fit: contain; }

.item-other .item-info {
	width: 100%;
	text-align: center;
	line-height: 21px;
	margin-bottom: 15px;
	margin-top: 15px;
	height: 46px;
	padding-right: 16px;
	padding-bottom: 16px;
	padding-left: 10px;
}

.item-other .item-info > a {
	font-size: 16px;
	overflow: hidden;
	font-weight: normal;
	color: #353a3f;
}
.item-other-xian{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	width: 185px;
	margin-right: auto;
	margin-left: auto;
}
.item-other:hover .item-info > a {  }
.changpin-xiangqing{
	margin-right: 10px;
	margin-left: 10px;text-align: left;
}
.changpin-xiangqing ul{
	margin: 0px;
	padding: 0px;
}
.changpin-xiangqing ul li{
	padding: 0px;
	float: left;
	width: 97px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;text-indent: 20px;
}
.changpin-xiangqing ul li .changpin-xiangqing-ms{
	color: #999b9f;
	font-size: 14px;
}
.changpin-xiangqing ul li .changpin-xiangqing-sz{
	color: #313742;
	font-size: 16px;
	margin-top: -5px;
}
/*产品分类-结束*/


/* in-fw */
/*我们的服务-开始*/
.in-fw {
	margin-bottom: 40px;
	width: 100%;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.wmdfw-kj{

	height: 700px;
}


.wmdfw-dh{

    height: 90px;
    overflow: hidden;
	width: 1200px;
    left: 0px;
margin: 0 auto;
	padding-top: 0px;
    text-align: center;
    font-size: 0;
}
.wmdfw-dh li{
	float: left;
	width: 239px;
    height: 60px;
	text-align: center;
	display: inline-block;
    vertical-align: top;
	cursor: pointer;
}
.wmdfw-dh li.on{
	background-image: url(../images/wmdfw-dh.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.wmdfw-dh-ywtitle{
	overflow: hidden;
	background-position: 0 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	color: #858789;
	font-size: 14px;
}
.wmdfw-dh-zwtitle{
    margin-top: 5px;
    line-height: 20px;
    color: #353a3f;
    font-size: 18px;
    font-weight: bolder;
}

.wmdfw-kj .bd{

    position: relative;
    height: 610px;
    height: 610px\0;
}
.wmdfw-bd-nr{

    filter: alpha(opacity=0);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 610px;
    color: #fff;
    background-size: cover!important;
    -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transition: all .2s cubic-bezier(.4, 0, .2, 1);
	}
.wmdfw-bd-content{
	margin: 0 auto;
    padding-top: 140px;
    width: 91.66666666666667%;
    max-width: 1100px;
	}
.wmdfw-bd-content-text-wrap{
float: left;
    padding-right: 40px;
    width: 550px;
	}
.wmdfw-bd-content-text-title {
    line-height: 44px;
    font-size: 24px;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
}
.wmdfw-bd-content-text-title em {
    font-size: 38px;
    font-weight: bolder;
}
.wmdfw-bd-content-text-des {
    margin-top: 15px;
    max-height: 120px;
    line-height: 26px;
    overflow: hidden;
    font-size: 16px;
}


/*分割*/
.index-yun-gongsijianjie-shuju{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.index-yun-gongsijianjie-shuju .li{
	padding: 0px;
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 18px;
	list-style-type: none;
	height: 80px;
	float: left;
	color: #FFF;
}
.index-yun-gongsijianjie-shuju .li .index-yun-gongsijianjie-shuju-zw{
    font-weight: bolder;
    font-size: 35px;
    line-height: 38px;
    color: #fff;
    float: left;
    margin-top: 50px;
    font-family: Source Han Sans CN Normal, Microsoft YaHei, SimHei;
}
.index-yun-gongsijianjie-shuju .li .index-yun-gongsijianjie-shuju-dw {
    font-weight: bolder;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background-color: #00843f;
    text-align: center;
    float: left;
    margin-top: 50px;
    font-family: Source Han Sans CN Normal, Microsoft YaHei, SimHei;
}
.index-yun-gongsijianjie-shuju .li .index-yun-gongsijianjie-shuju-ms {
    font-size: 14px;
    line-height: 18px;
    color: #b5b5b5;
    margin-top: 0px;
    font-family: Source Han Sans CN Normal, Microsoft YaHei, SimHei;
}
/*我们的服务-结束*/

/* in-wt */
/*常见问题-开始*/

/*中间部分*/
.ag7-main{
	padding-top: 0px;
	width: 100%;
	padding-bottom: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.ag7-main .phone-index-banner{display: none;}

/*左侧栏*/
.ag7-cont{width: 680px; float: left;}

.wrap{width:1000px; margin-left:auto; margin-right:auto;}  
/*公共*/
.yahei{font-family:'\5FAE\8F6F\96C5\9ED1';}
.songti{font-family:"NSimSun","SimSun",Arial;}

/*首页右侧*/
.aside{width:280px; float:right;}

.ag7-bannerslide{
	position: relative;
	margin-bottom: 0px;
	background-color: #313742;
	height: 615px;
}
.ag7-bannerslide .slidebox{position: relative; height: 615px;}
.ag7-bannerslide .slidebox li{display:block; position: absolute; width:100%; height: 100%; left:0px; top:0px;}
.ag7-bannerslide a img{display:block;}
.ag7-bannerslide .slideinfo{
	width: 960px;
	bottom: 0px;
	z-index: 10;
	height: 615px;
	position: absolute;
    left: 50%;
	background: url(../images/slideinfo.jpg) no-repeat center left;
}
.ag7-bannerslide .slidetitle{
	height: 260px;
	color: #fff;
	font-family: 微软雅黑;
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 42px;
	padding-left: 85px;
}
.ag7-bannerslide .slidetitle h2{
    font-size: 30px;
    height: 75px;
    line-height: 38px;
	text-overflow: ellipsis;
	margin-top: 20px;
	font-weight: bolder;
	color: #313742;
	width: 510px;
}
.ag7-bannerslide .slidetitle h3{
	font-size: 18px;
	color: #65686f;
	margin-top: 20px;
	width: 510px;
	line-height: 25px;
}
.ag7-bannerslide .slidelist{
	height: 114px;
	width: 100%;
	padding: 0;
	position: relative;
}
.ag7-bannerslide .slidelist ul{
	margin-left: 85px;
}
.ag7-bannerslide .slidelist ul li{
	display: inline-block;
	margin: 0 0px;
	width: 102px;
	height: 114px;
	cursor: pointer;
	background-color: #313742;
	color: #fff;
	font-size: 28px;
	float: left;
	margin-right: 5px;
	line-height: 32px;
	text-align: center;
}

.ag7-bannerslide .slidelist .mask{
	width: 102px;
	height: 114px;
	position: absolute;
	background-color: #00843f;
	display: block;
	opacity: 0.4;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -2px;
	cursor:pointer;
}


.phone-index-banner{position: relative;}
.phone-index-banner img{display: block;}
.phone-index-banner h3{position: absolute; width: 100%; bottom:0px; font-size:14px; height: 40px; padding:0 10px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; line-height: 40px; background:rgba(0,0,0,.5); color: #fff;}
/*分割*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{
	font-weight: bolder;
}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
/*分割*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?rretjt');
	src:url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'),
		url('../fonts/icomoon.woff?rretjt') format('woff'),
		url('../fonts/icomoon.ttf?rretjt') format('truetype'),
		url('../fonts/icomoon.svg?rretjt#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.htmleaf-container{
	margin: 0 auto;
}

.bgcolor-1 { background: #f0efee; }
.bgcolor-2 { background: #f9f9f9; }
.bgcolor-3 { background: #e8e8e8; }/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/
.bgcolor-20{ background: #494A5F;color: #D5D6E2;}
/* Header */
.htmleaf-header{
	padding: 1em 190px 1em;
	letter-spacing: -1px;
	text-align: center;
	background: #66677c;
}
.htmleaf-header h1 {
	color: #D5D6E2;
	font-weight: 600;
	font-size: 2em;
	line-height: 1;
	margin-bottom: 0;
}
.htmleaf-header h1 span {
	display: block;
	font-size: 60%;
	font-weight: 400;
	padding: 0.8em 0 0.5em 0;
	color: #c3c8cd;
}
/*nav*/
.htmleaf-demo a{color: #fff;text-decoration: none;}
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}
.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #fff;font-weight: 700;}
.htmleaf-demo a:hover{opacity: 0.6;}
.htmleaf-demo a.current{background:#1d7db1;color: #fff; }
/* Top Navigation Style */
.htmleaf-links {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	font-size: 1.5em;
	text-align: center;
}

.htmleaf-links::after {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 100%;
	background: #dbdbdb;
	content: '';
	-webkit-transform: rotate3d(0,0,1,22.5deg);
	transform: rotate3d(0,0,1,22.5deg);
}

.htmleaf-icon {
	display: inline-block;
	margin: 0.5em;
	padding: 0em 0;
	width: 1.5em;
	text-decoration: none;
}

.htmleaf-icon span {
	display: none;
}

.htmleaf-icon:before {
	margin: 0 5px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}
/* footer */
.htmleaf-footer{width: 100%;padding-top: 10px;}
.htmleaf-small{font-size: 0.8em;}
.center{text-align: center;}
/****/
.related {
	color: #fff;
	background: #494A5F;
	text-align: center;
	font-size: 1.25em;
	padding: 0.5em 0;
	overflow: hidden;
}

.related > a {
	vertical-align: top;
	width: calc(100% - 20px);
	max-width: 340px;
	display: inline-block;
	text-align: center;
	margin: 20px 10px;
	padding: 25px;
	font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
.related a {
	display: inline-block;
	text-align: left;
	margin: 20px auto;
	padding: 10px 20px;
	opacity: 0.8;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	-webkit-backface-visibility: hidden;
}

.related a:hover,
.related a:active {
	opacity: 1;
}

.related a img {
	max-width: 100%;
	opacity: 0.8;
	border-radius: 4px;
}
.related a:hover img,
.related a:active img {
	opacity: 1;
}
.related h3{font-family: "Microsoft YaHei", sans-serif;font-size: 1.2em}
.related a h3 {
	font-size: 0.85em;
	font-weight: 300;
	margin-top: 0.15em;
	color: #fff;
}
/* icomoon */
.icon-htmleaf-home-outline:before {
	content: "\e5000";
}

.icon-htmleaf-arrow-forward-outline:before {
	content: "\e5001";
}

@media screen and (max-width: 1024px) {
	.htmleaf-header {
		padding: 2em 10% 2em;
	}
	.htmleaf-header h1 {
        font-size:1.4em;
    }
    .htmleaf-links{font-size: 1.4em}
}

@media screen and (max-width: 960px) {
	.htmleaf-header {
		padding: 2em 10% 2em;
	}
	.htmleaf-header h1 {
        font-size:1.2em;
    }
    .htmleaf-links{font-size: 1.2em}
    .related h3{font-size: 1em;}
	.related a h3 {
		font-size: 0.8em;
	}
}

@media screen and (max-width: 766px) {
	.htmleaf-header h1 {
        font-size:1.3em;
    }
    .htmleaf-links{font-size: 1.3em}
}

@media screen and (max-width: 640px) {
	.htmleaf-header {
		padding: 2em 10% 2em;
	}
	.htmleaf-header h1 {
        font-size:1em;
    }
    .htmleaf-links{font-size: 1em}
    .related h3{font-size: 0.8em;}
	.related a h3 {
		font-size: 0.6em;
	}
}





.in-wt {
	width: 100%;
	overflow-x: hidden;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.wt-tit { width: 100%; display: flex; align-items: center; justify-content: center; }

.wt-item { padding-top: 20px; width: 100%; }

.wt-item .item1 { margin-top: 30px; width: 100%; display: flex; align-items: center; justify-content: space-between; }

.wt-item .item1 .img { width: 580px; display: flex; align-items: center; justify-content: center; }

.wt-item .item1 .img img { width: 100%; height: 100%; object-fit: contain; z-index: 99; }

.wt-item .item1 .info { padding: 0 40px; width: 620px; }

.wt-item .item1 .info .title { width: 100%; align-items: center; justify-content: space-between; }

.wt-item .item1 .info .title i { width: 56px; height: 54px; font-size: 26px; font-weight: bold; color: #FFFFFF; display: flex; align-items: center; justify-content: center; }

.wt-item .item1 .info .title h1 { width: calc(100% - 80px); height: 54px; font-size: 30px; font-weight: bold; color: #00843f; border-bottom: 1px solid #E3E3E3; display: flex; align-items: center; }

.wt-item .item1 .info ul { padding-top: 20px; width: 100%; }

.wt-item .item1 .info ul li {
	padding-left: 20px;
	width: 100%;
	height: 35px;
	font-size: 16px;
	color: #5A5A5A;
	background: url(../images/icon-24.png) no-repeat center left;
	display: flex;
	align-items: center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D7D7D7;
}

.wt-item .item2 { margin-top: 0px; width: 100%; display: flex; align-items: center; justify-content: space-between; }

.wt-item .item2 .img { width: 620px; display: flex; align-items: center; justify-content: center; }

.wt-item .item2 .img img { width: 100%; height: 100%; object-fit: contain; z-index: 99; }

.wt-item .item2 .info { padding: 0 0px; width: 580px; }

.wt-item .item2 .info .title { width: 100%; align-items: center; justify-content: space-between; padding-top: 40px;}

.wt-item .item2 .info .title i { width: 56px; height: 54px; font-size: 26px; font-weight: bold; color: #FFFFFF; display: flex; align-items: center; justify-content: center; }

.wt-item .item2 .info .title h1 { width: calc(100% - 80px); height: 54px; font-size: 30px; font-weight: bold; color: #00843f; border-bottom: 1px solid #E3E3E3; display: flex; align-items: center; }

.wt-item .item2 .info ul { padding-top: 20px; width: 100%; }

.wt-item .item2 .info ul li {
	padding-left: 20px;
	width: 550px;
	height: 35px;
	font-size: 16px;
	color: #5A5A5A;
	background: url(../images/icon-24.png) no-repeat center left;
	display: flex;
	align-items: center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D7D7D7;
}

.wt-item .item3 { margin-top: 0px; width: 100%; display: flex; align-items: center; justify-content: space-between; }

.wt-item .item3 .img { width: 580px; display: flex; align-items: center; justify-content: center; }

.wt-item .item3 .img img { width: 100%; height: 100%; object-fit: contain; z-index: 99; }

.wt-item .item3 .info { padding: 0 40px; width: 620px; }

.wt-item .item3 .info .title { width: 100%; align-items: center; justify-content: space-between; }

.wt-item .item3 .info .title i { width: 56px; height: 54px; font-size: 26px; font-weight: bold; color: #FFFFFF; display: flex; align-items: center; justify-content: center; }

.wt-item .item3 .info .title h1 { width: calc(100% - 80px); height: 54px; font-size: 30px; font-weight: bold; color: #00843f; border-bottom: 1px solid #E3E3E3; display: flex; align-items: center; }

.wt-item .item3 .info ul { padding-top: 20px; width: 100%; }

.wt-item .item3 .info ul li {
	padding-left: 20px;
	width: 100%;
	height: 35px;
	font-size: 16px;
	color: #5A5A5A;
	background: url(../images/icon-24.png) no-repeat center left;
	display: flex;
	align-items: center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D7D7D7;
}

/* in-hf */

.in-hf { width: 100%; height: 420px; background: url(../images/in-hf.jpg) no-repeat center; }

.hf-con { width: 100%; height: 420px; display: flex; flex-direction: column; justify-content: center; }

.hf-con > h1 { font-size: 62px; font-weight: normal; color: #FFFFFF; }

.hf-con > p { margin-top: 0px; font-size: 20px; font-weight: normal; color: #FFFFFF; letter-spacing: 4px; }


/*自定义样式*/


/*通用标题-开始*/
.index-yw-biaoti-wk{
height: 100px;
}
.index-yw-biaoti{
	color: #ffffff;
    font-size: 30px;
    font-weight: bolder;
    text-align: center;
	}
.index-zw-biaoti-bk{
	left: 10%;
    right: 10%;
    display: flex;margin-top: -8px;
	}
.index-zw-biaoti{
	color: #ffffff;
	font-size: 22px;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	}

.index-zw-xian{
	height: 1px;
	width: 30px;
	}	
/*通用标题-结束*/







/*首页诚邦实力-开始*/
.index-shipin{
	width: 50%;
	height: 480px;
	float: left;
	background-color: #00843f;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 30px;
}
.index-shipin01{
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: medium none;
    position: sticky;
    top: 0;
    z-index: 999;
}
.index-shipin0101{
	border: medium none;
	padding: 0px;
	margin-top: 0px;
	margin-left: -20px;
	background-color: #00843f;
	height: 480px;
	width: 600px;
}

.index-gongsijianjie{
	width: 50%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	float: left;
	background-color: #fff;
	margin-top: 20px;
	margin-bottom: 30px;
	height: 480px;
	position: sticky;
    top: 0;
    z-index: 999;
}
.index-gongsijianjie-01{
	border: medium none;
	padding: 0px;
	background-color: #00843f;
	height: 480px;
	width: 600px;
	margin-top: -440px;
	margin-left: 620px;
	position: absolute;
	clip: rect(auto,auto,auto,-20px);
}
.index-gongsijianjie01{
	width: 100%;
	color: #313742;
	font-weight: bolder;
	font-size: 35px;
	margin-top: 30px;
}
.index-gongsijianjie-1{
	color: #6f7174;
	margin-right: 45px;
}
.index-gongsijianjie-anniu{margin-top: -15px;height: 27px;}
.index-gongsijianjie-anniu-1{
	font-size: 13px;
	color: #FFF;
	background-color: #00843f;
	width: 57px;
	height: 27px;float: left;text-align: center;line-height: 27px;
}
.index-gongsijianjie-anniu-2{
	font-size: 13px;
	color: #FFF;
	background-color: #313742;
	height: 27px;
	width: 34px;float: left;text-align: center;line-height: 27px;
}
.index-gongsijianjie02{margin-top: -5px;width: 100%;color:#313742;font-weight: bolder;font-family: Source Han Sans CN Normal, Microsoft YaHei, SimHei;/*调用用户字体/思源*/font-size: 24px;}
.index-fengexian01{height:5px;margin-top: 20px;margin-right: 0px;margin-bottom: 10px;margin-left: 0px;}

.index-fengexian03{float: left;width:90%;height:1px;background-color: #d1d4d3;margin-top: 1px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
.index-index-gongsijianjie-shuju{
	margin: 0px;
	padding: 0px;
}
.index-index-gongsijianjie-shuju ul{
	margin: 0px;
	padding: 0px;
}
.index-index-gongsijianjie-shuju ul li{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	list-style-type: none;
	width: 155px;
	height: 140px;
	float: left;
	color: #FFF;
}
.index-index-gongsijianjie-shuju ul li .index-index-gongsijianjie-shuju-zw{
    font-weight: bolder;
    font-size: 35px;
    line-height: 38px;
    color: #fff;
    float: left;
    margin-top: 50px;
    font-family: Source Han Sans CN Normal, Microsoft YaHei, SimHei;
}
.index-index-gongsijianjie-shuju ul li .index-index-gongsijianjie-shuju-dw {
    font-weight: bolder;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background-color: #00843f;
    text-align: center;
    float: left;
    margin-top: 50px;
    font-family: Source Han Sans CN Normal, Microsoft YaHei, SimHei;
}
.index-index-gongsijianjie-shuju ul li .index-index-gongsijianjie-shuju-ms {
    font-size: 14px;
    line-height: 18px;
    color: #b5b5b5;
    margin-top: 0px;
    font-family: Source Han Sans CN Normal, Microsoft YaHei, SimHei;
}
/*首页诚邦实力-结束*/


.iindex-wt-paixu01{height: 74px;font-size: 56px;font-weight: bold;color: #00843f;font-family: Source Han Sans CN Normal, Microsoft YaHei, SimHei;/*调用用户字体/思源*/}
.iindex-wt-paixu02{font-size: 26px;font-weight: bold;color: #353a3f;font-family: Source Han Sans CN Normal, Microsoft YaHei, SimHei;/*调用用户字体/思源*/}

.iindex-wt-paixu03{height: 74px;font-size: 56px;font-weight: bold;color: #00843f;font-family: Source Han Sans CN Normal, Microsoft YaHei, SimHei;/*调用用户字体/思源*/}
.iindex-wt-paixu04{width: 450px;font-size: 26px;font-weight: bold;color: #353a3f;font-family: Source Han Sans CN Normal, Microsoft YaHei, SimHei;/*调用用户字体/思源*/}

.index-zuo-shuju{width: 620px;height:277px;background: #353a3f;}
.index-zuo-shujupaixu{padding:0px;float:left;list-style-type:none;margin-right:30px;margin-left:60px;}
.index-zuo-shuzi{font-weight:bolder;font-size:30px;line-height:38px;color:#00843f;float:left;margin-top:50px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}
.index-zuo-fuhao{font-weight:bolder;font-size:16px;line-height:15px;color:#fff;height:18px;width:18px;border-radius:25px;background-color:#00843f;text-align:center;float:left;margin-top:50px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}
.index-zuo-miaoshu{font-size:16px;line-height:18px;color:#fff;margin-top:5px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}

.index-zuo-shujupaixu01{padding:0px;float:left;list-style-type:none;margin-right:100px;margin-left:80px;}
.index-zuo-shuzi01{font-weight:bolder;font-size:30px;line-height:38px;color:#00843f;float:left;margin-top:50px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}
.index-zuo-fuhao01{font-weight:bolder;font-size:12px;line-height:15px;color:#fff;height:18px;width:18px;border-radius:25px;background-color:#00843f;text-align:center;float:left;margin-top:50px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}
.index-zuo-miaoshu01{font-size:16px;line-height:18px;color:#fff;margin-top:5px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}

.index-zuo-shujupaixu02{padding:0px;float:left;list-style-type:none;margin-right:30px;}
.index-zuo-shuzi02{font-weight:bolder;font-size:30px;line-height:38px;color:#00843f;float:left;margin-top:50px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}
.index-zuo-fuhao02{font-weight:bolder;font-size:12px;line-height:15px;color:#fff;height:18px;width:18px;border-radius:25px;background-color:#00843f;text-align:center;float:left;margin-top:50px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}
.index-zuo-miaoshu02{font-size:16px;line-height:18px;color:#fff;margin-top:5px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}

.index-zuo-shujupaixu03{padding:0px;float:left;list-style-type:none;margin-right:30px;margin-left:60px;}
.index-zuo-shuzi03{font-weight:bolder;font-size:30px;line-height:38px;color:#00843f;float:left;margin-top:50px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}
.index-zuo-fuhao03{font-weight:bolder;font-size:12px;line-height:15px;color:#fff;height:18px;width:18px;border-radius:25px;background-color:#00843f;text-align:center;float:left;margin-top:50px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}
.index-zuo-miaoshu03{font-size:16px;line-height:18px;color:#fff;margin-top:5px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}

.index-zuo-shujupaixu04{padding:0px;float:left;list-style-type:none;margin-right:50px;margin-left:50px;}
.index-zuo-shuzi04{font-weight:bolder;font-size:30px;line-height:38px;color:#00843f;float:left;margin-top:50px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}
.index-zuo-fuhao04{font-weight:bolder;font-size:12px;line-height:15px;color:#fff;height:18px;width:18px;border-radius:25px;background-color:#00843f;text-align:center;float:left;margin-top:50px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}
.index-zuo-miaoshu04{font-size:16px;line-height:18px;color:#fff;margin-top:5px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}

.index-zuo-shujupaixu05{padding:0px;float:left;list-style-type:none;margin-right:30px;}
.index-zuo-shuzi05{font-weight:bolder;font-size:30px;line-height:38px;color:#00843f;float:left;margin-top:50px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}
.index-zuo-fuhao05{font-weight:bolder;font-size:12px;line-height:15px;color:#fff;height:18px;width:18px;border-radius:25px;background-color:#00843f;text-align:center;float:left;margin-top:50px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}
.index-zuo-miaoshu05{font-size:16px;line-height:18px;color:#fff;margin-top:5px;font-family:Source Han Sans CN Normal, Microsoft YaHei, SimHei;}



.index-guanggaotu{width: 50%;background-color: #fff;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;float: left;height: 545px;}
























/* in-ry */
/*资质证书*/

/*分割*/



.in-ry {
	padding: 40px 0;
	width: 100%;

}

.ry-con { height: 410px;margin-top: 45px; width: 100%; position: relative;}
.ry-con .ry-swiper { margin: 0 auto 60px; width: 1200px; }
.ry-prev:after, .ry-next:after { display: none; }
.ry-con .ry-swiper .swiper-slide .slide-img { width: 100%; height: 352px; background: #FFFFFF;transition: 0.3s; }
.ry-con .ry-swiper .swiper-slide .slide-img > a { padding: 5px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.ry-con .ry-swiper .swiper-slide .slide-img > a > img { width: 100%; height: 100%; object-fit: contain; }
.ry-con .ry-swiper .swiper-slide .slide-info {
	padding-top: 15px;
	height: 55px;
	background-color: #FFF;
}
.ry-con .ry-swiper .swiper-slide .slide-info > a {
	display: block;
	padding: 0 20px;
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: #353a3f;
}
.ry-con .ry-swiper .swiper-slide:hover .slide-img { }




/*定制流程开始*/
.index-dingzhiliucheng{height: 400px;}
.index-dingzhiliucheng ul{
	margin: 0px;
	padding: 0px;
}
.index-dingzhiliucheng ul li{
	width: 159px;
	height: 275px;
	float: left;
	margin-right: 11px;border: 1px solid #d6d7d9;border-radius: 10px;
}
.index-dingzhiliucheng-tubiao{
	height: 112px;
	width: 112px;
	border-radius: 100px;
	border: 1px solid #d6d7d9;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.index-dingzhiliucheng-tubiao img{
	height: 65px;
	width: 65px;
	margin-top: 18px;
	}
.index-dingzhiliucheng-paixu{
	color: #313742;
	font-size: 14px;
	text-align: center;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d7d9;font-weight: bolder;
}
.index-dingzhiliucheng-title{
	color: #313742;
	font-size: 15px;
    line-height: 17px;
	text-align: center;
	font-weight: bolder;
	margin-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
}
.index-dingzhiliucheng-miaoshu{
	color: #c8c9ca;
	font-size: 12px;
	text-align: center;
	transform: scale(0.8);
	line-height: 14px;
	margin-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
}
/*定制流程结束*/

/* in-pp */

.in-pp {
	width: 100%;
	background: #f1f1f1;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

.pp-slide {
	margin-top: 5px;
	width: 100%;
	position: relative;
}

.pp-slide .pp-swiper { margin: 0 auto; width: 1200px; }

.pp-prev:after, .pp-next:after { display: none; }

.pp-slide .pp-swiper .swiper-slide { position: relative; transition: 0.3s;background-color: #FFF; }

.pp-slide .pp-swiper .swiper-slide .slide-img {
	width: 639px;
	height: 428px;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	float: left;

}

.pp-slide .pp-swiper .swiper-slide .slide-img > img {
	width: 100%;
	height: 100%;
}

.pp-slide .pp-swiper .swiper-slide .slide-info {
	width: 561px;
	height: 428px;
	padding: 0px;
	float: left;
	background: url(../images/slide-info.png) no-repeat center; 
	
}

.pp-slide .pp-swiper .swiper-slide .slide-info > a { display: block; width: 100%; line-height: 25px; text-align: center; font-size: 14px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }



/* in-hz */

.in-hz {
	width: 100%;
	background: #f1f1f1;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.in-hz .title { text-align: center; font-size: 36px; color: #00843f; font-weight: normal; }

.hz-list {
	margin-bottom: 50px;
	width: 100%;
	position: relative;
}

.hz-swiper .swiper-slide .slide-img { width: 100%; height: 112px; border: 1px solid #E3E3E3; }

.hz-swiper .swiper-slide .slide-img > a {
	padding: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hz-swiper .swiper-slide .slide-img > a > img { width: 100%; height: 100%; object-fit: contain; }

.hz-page { width: 100px; height: 36px; background: #FFFFFF; position: absolute; left: 50%; bottom: -18px; transform: translateX(-50%); }

.hz-prev:after, .hz-next:after { display: none; }



/* in-lc */

.in-lc {
	padding: 20px 0;
	width: 100%;
	background-color: #353a3f;
	height: 800px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/dingzhiliucheng-bg.jpg);
}

.in-lc .fw-title > h2, .in-lc .fw-title > h2 > em, .in-lc .fw-title > p { color: #FFFFFF; }

.lc-item { padding-top: 10px; width: 100%; }

.lc-item ul { padding: 15px 0; width: 100%; }

.lc-item ul > h1 { margin-bottom: 10px; font-size: 18px; color: #FFFFFF; }

.lc-item ul > li { float: left; }

.lc-item ul > li > div { border-radius: 6px;float: left; padding: 0 20px; width: 132px; height: 190px; text-align: center; background: #FFFFFF; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.lc-item ul > li > div p { padding-top: 15px; height: 40px; line-height: 20px; font-size: 18px; color: #717071; }

.lc-item ul > li:last-child > span { display: none; }

.lc-item ul > li > span { float: left; width: 46px; height: 120px; background: url(../images/icon-39.png) no-repeat center;margin-top: 60px; }



/* in-xwzx */

.in-xwzx {
	width: 100%;
	background: #fff;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 65px;
	padding-left: 0;
}

.xwzx-item { width: 100%; height: 590px; display: flex; justify-content: space-between; }

.xwzx-item li {background: #f1f1f1;padding: 20px; width: calc((100% - 80px) / 3); border: 1px solid #E2E2E2; transition: 0.3s; }

.xwzx-item li .title { width: 100%; line-height: 30px; text-align: center; }

.xwzx-item li .title h1 { font-size: 18px; color: #E2E2E2; font-weight: normal; }

.xwzx-item li .title h1 span { margin: 0 10px; color: #333333;font-weight: bolder; }

.xwzx-item li .title p { font-size: 14px; color: #333333; font-family: Arial; text-transform: uppercase; }

.xwzx-item li .item-img { margin: 20px 0; width: 100%; display: flex; align-items: center; justify-content: center; }

.xwzx-item li .item-img img { width: 100%; height: 100%; object-fit: contain; }

.xwzx-item li dl dd {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d6d7d9;
	padding-top: 10px;
	padding-bottom: 10px;
}

.xwzx-item li dl dd a { display: block; padding-left: 26px; width: 100%; line-height: 30px; background-image: url(../images/icon-40.png); background-position: center left 5px; background-repeat: no-repeat; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.xwzx-item li.on { margin-top: 5px; background: #00843f; }

.xwzx-item li.on .title h1, .xwzx-item li.on .title span, .xwzx-item li.on .title p { color: #FFFFFF; }

.xwzx-item li.on .item-img { border: 5px solid #FFFFFF; }
.xwzx-item li.on dd{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006b34;
	}

.xwzx-item li.on dd a { color: #FFFFFF; background-image: url(../images/icon-41.png); }
/*常见问题*/
.changjianwenti{
	width: 100%;
}
.changjianwenti li{
	height: 98px;
	width: 590px;
	background: #fff;
	float: left;
}


/* in-gy */

.in-gy {
	padding: 50px 0;
	width: 100%;
	background-image: url(../images/in-xwzx.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.gy-con {
	width: 100%;
	margin-top: 280px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	background-color: #FFF;
	padding-top: 25px;
	padding-bottom: 25px;
}
.gy-con .gy-con-dizhi{
	background-image: url(../images/gy-con-dizhi.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 310px;
	height: 70px;
}
.gy-con > .more { padding-top: 20px; width: 100%; text-align: center; }

.gy-con > .more > a {
	font-size: 14px;
	color: #00843f;
	text-decoration: none;
	
}
.gy-con ul{
	margin: 0px;
	padding: 0px;
}
.gy-con ul li{
	float: left;
}
.gy-con .gy-con-gongshimingcheng{
    font-size: 22px;
    font-weight: bolder;
    color: #313742;
    margin-bottom: 10px;
	margin-top: 10px;
	}

.gy-con .li{
	padding: 0px;
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 18px;
	list-style-type: none;
	height: 80px;
	float: left;
	color: #FFF;
}
.gy-con .li .index-yun-gongsijianjie-shuju-zw{
    font-weight: bolder;
    font-size: 35px;
    line-height: 38px;
    color: #313742;
    float: left;
    margin-top: 10px;
    font-family: Source Han Sans CN Normal, Microsoft YaHei, SimHei;
}
.gy-con .li .index-yun-gongsijianjie-shuju-dw {
    font-weight: bolder;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background-color: #00843f;
    text-align: center;
    float: left;
    margin-top: 10px;
    font-family: Source Han Sans CN Normal, Microsoft YaHei, SimHei;
}
.gy-con .li .index-yun-gongsijianjie-shuju-ms {
    font-size: 14px;
    line-height: 18px;
    color: #6d7076;
    margin-top: 0px;
    font-family: Source Han Sans CN Normal, Microsoft YaHei, SimHei;
}

/*分割*/

		/* 本例子css */
.gy-con .slideTxtBox{
	width: 100%;
	height: 530px;
	text-align: left;
	padding-top: 30px;
}
.gy-con .slideTxtBox .hd{
	height: 72px;
	line-height: 30px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	width: 500px;
}
.gy-con .slideTxtBox .hd ul{
	float: left;
	position: absolute;
	left: 20px;
}
.gy-con .slideTxtBox .hd ul li{
		height: 72px;
color: #313742;
	float: left;
	cursor: pointer;
	width: 160px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
.gy-con .slideTxtBox .hd ul li.on{
	height: 72px;
	background-color: #00843f;
	width: 160px;
	color: #fff;
}
.gy-con .slideTxtBox .hd .hd-yinwenmiaoshu{
color: #c8c9ca;
    font-size: 14px;
    transform: scale(0.8);
    line-height: 15px;
    text-align: center;
    margin-top: 15px;
	}
.gy-con .slideTxtBox .hd .hd-zhongwen{
    font-size: 18px;
    font-weight: bolder;
    text-align: center;
    line-height: 20px;
	}

.gy-con .slideTxtBox .bd{
	height: 288px;
}
.gy-con .slideTxtBox .bd ul{
	zoom: 1;
	padding: 0px;
	margin-top: 35px;
}
.gy-con .slideTxtBox .bd li{ height:24px; line-height:24px;   }
/*公司简介相册*/
.index-gongshijianjie-xiangce{
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	}
.index-gongshijianjie-xiangce-img img{
	margin: 0px;
	padding: 0px;
    width: 290px;
    height: 290px;
	}
.index-gongshijianjie-xiangce-title{
	width: 200px;
	margin: 0px;
	padding: 0px;
	height: 35px;
	line-height: 35px;
	text-indent: 1.8rem;
	background-image: url(../images/index-gongshijianjie-xiangce-title.png);
	background-repeat: no-repeat;
	background-position: left center;
	}
.index-gongshijianjie-xiangce-title a{
	color: #717376;
}
/* page-main */

.page-main { width: 100%; }



/* page-cpzs */

.page-cpzs { padding: 50px 0; width: 100%; }

.page-left { width: 288px; }

.page-left .title {     padding: 33px 0 0 30px;
    width: 100%;
    height: 122px;
    background: #00843f url(../images/in-cp-title-beijing.jpg) no-repeat center left; }

.page-left .title > h1 {
	font-size: 22px;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: 2px;
}

.page-left .title > p { 
font-size: 20px;
    color: #FFFFFF;
    font-weight: bolder;
    text-transform: uppercase;
}


.page-left .nav { 
    width: 100%;
    background: #FFFFFF;
}

.page-left .nav li { margin-bottom: 0px; width: 100%; }

.page-left .nav li > a {
font-size: 16px;
    display: block;
    padding-left: 35px;
    width: 100%;
    line-height: 51px;
    background-image: url(../images/icon-10.png);
    background-position: right 25px center;
    background-repeat: no-repeat;
}

.page-left .nav li > dl { margin-top: 5px; width: 100%; }

.page-left .nav li > dl > a { display: block; padding-left: 62px; width: 100%; line-height: 40px; font-size: 14px; color: #666666; border-left: 3px solid #F8F8F8; transition: 0.3s; }

.page-left .nav li > dl > a:hover { border-color: #00843f; color: #FFFFFF; background: #666666; }

.page-left .nav li.on > a, .page-left .nav li:hover > a { color: #FFFFFF; background-color: #00843f; }

.page-left .contact { 
width: 290px;
    background: url(../images/in-cp-title-beijing-lxfs.jpg) no-repeat center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
    height: 149px;
}

.page-left .contact p { 
padding: 1px 0;
    font-size: 16px;
    color: #FFFFFF;
 }

.page-left .contact h1 {
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
	}

.page-left .contact a { display: block; width: 117px; line-height: 28px; text-align: center; font-size: 12px; color: #FFFFFF; background: url(../images/icon-44.png) no-repeat center; }

.page-left .content { padding: 20px 10px; width: 100%; background: #F8F8F8; }

.page-left .item { padding: 10px 0; width: 100%; background: #F8F8F8; }

.page-left .item li { margin: 5px 0; width: 100%; }

.page-left .item li > a { display: block; padding: 0 20px 0 15px; width: 100%; line-height: 30px; font-size: 14px; color: #333333; border-left: 3px solid #FFFFFF; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.page-left .item li:hover > a { color: #00843f; border-color: #00843f; }



.page-right { width: 897px; }

.page-right > .title { padding-left: 50px; width: 100%; height: 47px; line-height: 45px; background: url(../images/icon-45.png) no-repeat left bottom; }

.page-right > .title .fl { font-size: 18px; color: #00843f; }

.page-right > .title .fr { padding-left: 20px; font-size: 12px; color: #666666; background: url(../images/icon-46.png) no-repeat center left; }

.page-right > .title .fr a { color: #666666; }



.cp-list { padding-top: 20px; width: 100%; }

.cp-list li:nth-of-type(3n) { margin-right: 0; }

.cp-list li { float: left; margin: 0 20px 20px 0; width: calc((100% - 40px) / 3); position: relative; }

.cp-list li .list-img { width: 100%; height: 294px; border: 0px solid #547B6E; }

.cp-list li .list-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }

.cp-list li .list-img > a > img { width: 100%; height: 100%; object-fit: contain; transition: 0.5s; }

.cp-list li:hover .list-img > a > img { transform: scale(1.1); }

.cp-list li .list-info { padding-top: 10px; }

.cp-list li .list-info > a { display: block; padding: 0 20px; width: 100%; text-align: center; font-size: 16px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }



/* page-pages */

.page-pages { padding-top: 20px; width: 100%; text-align: center; }

.page-pages a, .page-pages span { display: inline-block; padding: 0 10px; line-height: 25px; font-size: 14px; color: #333333; border: 1px solid #CCCCCC; }

.page-pages a:hover, .page-pages span { color: #FFFFFF; background: #00843f; border-color: #00843f; }



/* page-cpxq */

.page-cpxq { padding: 40px 0; width: 100%; }

.cpxq-js { padding: 30px 20px; width: 100%; background: #F3F3F3; display: flex; align-items: center; justify-content: space-between; }

.cpxq-js .fl { width: 50%; }

.cpxq-swiper .swiper-slide {
	width: 100%;
	display: flex;
	justify-content: center;
	background-color: #FFF;
}

.cpxq-swiper .swiper-slide img { max-width: 100%;height: 440px;}

.cpxq-next:after, .cpxq-prev:after { font-size: 20px; color: #FFFFFF; }

.cpxq-page .swiper-pagination-bullet-active { background: #FFFFFF; }

.cpxq-js .fr { width: 48%; }

.cpxq-js .fr > h1 { line-height: 46px; font-size: 24px; color: #333333; font-weight: normal; border-bottom: 1px solid #CCCCCC; }

.cpxq-js .fr > h2 { margin: 10px 0; line-height: 25px; font-size: 16px; font-weight: bold; color: #5D5D5D; }

.cpxq-js .fr > p { height: 80px; line-height: 20px; font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.cpxq-js .fr > span {
	display: block;
	font-size: 16px;
	color: #333333;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

.cpxq-js .fr > span > em { font-size: 26px; color: #00843f; font-weight: normal;font-weight: bold;font-family: "Source Han Sans CN Normal", "Microsoft YaHei", "SimHei";/*调用用户字体/思源*/}

.cpxq-js .fr > a { display: block; width: 135px; line-height: 40px; text-align: center; color: #FFFFFF; background: #00843f; border-radius: 5px; }



/* cpxq-xx */

.cpxq-xx { padding: 25px 0; width: 100%; }

.cpxq-title { margin-bottom: 20px; width: 100%; height: 45px; background: url(../images/cpxq-title.png) no-repeat center left; }

.cpxq-title > span { float: left; width: 110px; line-height: 45px; text-align: center; font-size: 18px; color: #FFFFFF; }

.cpxq-title > p { float: left; margin-left: 40px; padding-top: 10px; line-height: 35px; font-size: 16px; color: #FFFFFF; }

.cs-item { width: 100%; padding: 0 25px; }

.xx-content { padding: 20px; width: 100%; background: #F3F3F3; }

.xx-content .box-con { line-height: 24px; font-size: 14px; color: #333333; }



/* page-sx */

.page-sx { padding: 20px; width: 100%; background: #F8F8F8; }

.page-sx p { line-height: 24px; font-size: 14px; }



/* page-xwzx */

.page-xwzx { padding: 40px 0; width: 100%; }

.xw-list { padding-top: 20px; width: 100%; }

.xw-list > li { margin-bottom: 20px; padding: 20px 25px; width: 100%; background: #F8F8F8; display: flex; align-items: center; justify-content: space-between; }

.xw-list > li > .list-img { padding: 2px; width: 260px; border: 1px solid #A7A7A7; }

.xw-list > li > .list-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.xw-list > li > .list-img > a > img { width: 100%; height: 100%; object-fit: contain; }

.xw-list > li > .list-info { padding-left: 30px; width: calc(100% - (290px)); background: url(../images/xw-list.png) no-repeat center left; }

.xw-list > li > .list-info > h1 > a { display: block; width: 100%; line-height: 30px; font-size: 18px; font-weight: bold; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.xw-list > li > .list-info > span { display: block; margin: 5px 0; line-height: 20px; font-size: 12px; font-weight: bold; color: #999999; }

.xw-list > li > .list-info > p { height: 48px; line-height: 24px; font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.xw-list > li > .list-info > a { display: block; margin-top: 15px; padding: 0 15px; width: 120px; line-height: 30px; font-size: 12px; color: #717171; border: 1px solid #C9C9C9; background: url(../images/icon-47.png) no-repeat center right 10px; }

.xw-list > li > .list-info > a:hover { color: #FFFFFF; border-color: #00843f; background-color: #00843f; }



/* show-detail */

.show-detail { width: 100%; }

.show-detail > .title { text-align: center; font-size: 18px; color: #333333; font-weight: bold; }

.show-detail > .date { margin: 10px 0; line-height: 30px; text-align: center; font-size: 12px; color: #999999; border-bottom: 1px solid #E0E0E0; }

.show-detail > .image { padding: 20px; width: 100%; display: flex; align-items: center; justify-content: center; }

.show-detail > .image img { max-width: 100%; }

.show-detail > .content { padding: 30px; width: 100%; line-height: 20px; font-size: 14px; color: #333333; }

.show-detail > .page-sx { padding: 20px; width: 100%; background: #F8F8F8; }

.show-detail > .page-sx p { line-height: 24px; font-size: 14px; }



/* page-gywm */

.page-gywm { padding: 40px 0; width: 100%; }

.gywm-con { padding: 15px; width: 100%; line-height: 24px; font-size: 14px; color: #333333; }



/* pic-item */

.pic-item { padding: 40px 0; width: 100%; display: flex; flex-wrap: wrap; }

.pic-item li:nth-of-type(4n) { margin-right: 0; }

.pic-item li { float: left; margin: 0 16px 16px 0; width: calc((100% - 48px) / 4); position: relative; }

.pic-item li .list-img { width: 100%; border: 1px solid #547B6E; }

.pic-item li .list-img > a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }

.pic-item li .list-img > a > img { width: 100%; height: 100%; object-fit: cover; }

.pic-item li .list-info { padding-top: 10px; }

.pic-item li .list-info > a { display: block; padding: 0 20px; width: 100%; text-align: center; font-size: 16px; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }



/* feedbackForm */

#feedbackForm { padding: 40px 60px 0; }

.chongzhi-adds { position: absolute; bottom: 0; left: 15%; }

.el-form-item__label { width: 90px; }

.el-form-item__content { margin-left: 90px; }



/*���Ĭ����ʽ*/

textarea { overflow: auto; }

button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; margin: 0; font-family: inherit; color: inherit; vertical-align: middle }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled],

html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

input { line-height: normal; }

input[type="checkbox"],

input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input:focus, select:focus, textarea:focus { outline: none; }

input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important; }

/*google��任ɫ����������*/



input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }

input[type="file"] { display: block; }

input[type="range"] { display: block; width: 100%; }

select[multiple], select[size] { height: auto; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

input[type="search"] { -webkit-appearance: none; }



input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }



.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }

.btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none }

.btn-default { color: #333; background-color: #fff; border-color: #ccc }



.btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c }

.btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad }

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad }

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c }

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none }

.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc }





.btn-primary { color: #fff; background-color: #2888e2; border-color: #1c7bd4 }

.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #196ebd; border-color: #0d3a63 }

.btn-primary:hover { color: #fff; background-color: #196ebd; border-color: #155c9e }

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #196ebd; border-color: #155c9e }

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: #fff; background-color: #155c9e; border-color: #0d3a63 }

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none }

.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #2888e2; border-color: #1c7bd4 }





.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c }

.btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625 }

.btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439 }

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439 }

.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #398439; border-color: #255625 }

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none }

.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c }





.btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da }

.btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85 }

.btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc }

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc }

.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #269abc; border-color: #1b6d85 }

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none }

.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da }





.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236 }

.btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d }

.btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512 }

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512 }

.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: #fff; background-color: #d58512; border-color: #985f0d }

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none }

.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236 }

.btn-warning .badge { color: #f0ad4e; background-color: #fff }

.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a }

.btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19 }

.btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925 }

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925 }

.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: #fff; background-color: #ac2925; border-color: #761c19 }

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none }

.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a }





.btn-link { color: #2888e2; font-weight: normal; border-radius: 0 }

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none }

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent }

.btn-link:hover, .btn-link:focus { color: #1661a7; text-decoration: underline; background-color: transparent }

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none }



.btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px }

.btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 2px }

.btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 2px }

.btn-block { display: block; width: 100% }

.btn-block + .btn-block { margin-top: 5px }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100% }