/*@import "resetcommon.css";*/
/*index.css start*/
@charset "utf-8";
/*common*/
body { font-family: "Microsoft Yahei"; min-width: 1200px;    width: 100%;}
span { overflow:hidden;}/*兼容IE8*/

/*正文开始*/

.fuwu{ height:600px; background:#f8f8f8;}
section{
    padding-top: 4.5em;
    padding-bottom: 4.125em;
}
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px; width:1200px;}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.text-center {
    text-align: center;
}
.col-sm-12 {
    width: 100%; float:left;position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.elements--title {
    margin-bottom: 3.25em;
}

.elements--title h3{ font-size:36px; line-height:36px;    line-height: 1.421875em; color:#343434}
.elements--title p{ font-size:18px; line-height:27px; padding-top:15px;}
.col-md-4 {
    width: 30.33333333%; float:left;position: relative;
    min-height: 1px; margin-left:10px; margin-right:10px;
   
}
.pricing h5{ font-size:18px; line-height:25px;}
.pricing h6{ font-size:16px; line-height:25px;}

.pricing-1 {
    padding: 30px 3.25em 30px 3.25em; height:350px;
    background: #fff;
}

.pricing {
    transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
}
.fuwu .pricing-1 h6 {
    font-weight: normal !important;
}
.pricing-1 h6 {
    font-size: 0.8em;
    font-weight: normal;
    opacity: .8; line-height:2.6em;
}
h6, .h6 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    margin-bottom: 2.36363636363636em;
}
.pricing .pricing__price {
    margin-top: 1.625em; margin-bottom:15px;
}
.pricing .pricing__dollar {
    vertical-align: top;font-size: 1em;
    line-height: 1.625em;
}
.pricing  p{ font-size:13px; line-height:30px; margin-top:20px;height:100px;}

.prih {
    font-size: 4em;
    line-height: 1.015625em;
    margin-bottom: 0.40625em;
    color: #343434;
    font-weight: bold;
}
.pricing p:last-of-type {
    margin-bottom: 3.25em;    min-height: 3.25em;
}
btn.btn--primary {
    border-color: #425cbb;
}
btn--primary .btn__text, .btn--primary:visited .btn__text {
    color: #fff;
}

.btn .btn__text {
    letter-spacing: 1px;
}
.btn .btn__text, .btn i {
    color: #fff;
    border-color: #343434;
    font-weight: 400;
    font-size: 0.9em;
}
.btn {
    font-family: "微软雅黑", "Microsoft YaHei", Arial, "宋体", sans-serif;
 
    border-radius: 100px;
	width:160px; height:40px; background:#25bcbd; color:#fff; display:block; text-align:center; line-height:40px; margin:0 auto;
  
}


	
/*banner*/
.fullSlide {width:100%;position:relative;height:650px; margin:-30px auto 0}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:650px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:650px;}

.fullSlide .hd {position:absolute; z-index:7; bottom:35px; left:47%; padding:5px 6px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li{border-radius:14px;width:20px;height:20px; color:#fffab1;  background:#fff; float:left; cursor: pointer;display:block;margin-left: 5px;
                  transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */ -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */}
.fullSlide .hd ul .on{ background:#de1620; color:#de1620;}
.fullSlide .prev,.fullSlide .next {	display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:81px; height:80px;}
.fullSlide .prev{ background:url(../images/images/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(../images/images/right1s.png) no-repeat;}

/**/
.fw_bg { background:#f6f7fa; height:auto;}
.fw_top { text-align: center; padding:80px 0 50px;}
.fw_top a b { display:block; font-size:40px; color:#222;}
.fw_top a span { display:block; font-size:20px; color:#666; padding:15px 0 35px;}

.fw_con ul  { display:flex;}
.fw_con ul li { margin-right:13px;}
.fw_con ul .nobor01 { margin:0;}
.fw_con ul li a { background:url(../images/fw_libg01.jpg) no-repeat; width:290px; height:350px; display:block; text-align:center; padding:46px 0 0;
-webkit-transition: background 0.8s;
-moz-transition: background 0.8s;
-ms-transition: background 0.8s;
-o-transition: background 0.8s;
transition: background 0.8s;}
.fw_con ul li a:hover { background:url(../images/fw_libg02.jpg) no-repeat;}
.fw_con ul li a img { display:block; width:118px; height:118px; margin:0 auto;  border-radius: 15px;
-moz-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
-webkit-transition: width 1s, height 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
transition: width 1s, height 1s, transform 1s;}
.fw_con ul li a:hover img {   
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(deg);
-moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
-ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
}	

.fw_con ul li a b { display:block; height:66px; line-height:66px; font-size:20px; color:#222;} 
.fw_con ul li a i {width:28px; height:3px; background:#e32235; margin:20px auto 0; display:block; line-height:0; font-size:0}
.fw_con ul li a em { display:block; font-size:16px; color:#555; line-height:28px; padding: 15px 23px 0px 17px;}
.fw_con ul li a em span{ color:#de1620; font-weight:bold;}
/**/
.kh_con { background:url(../images/kh_pic01.jpg) no-repeat 410px 75px; height:562px;}
.kh_con dl dt { float:left; width:363px;}
.kh_con dl dt p { height:133px; border-bottom:dotted 1px #666; margin-bottom:40px;}
.kh_con dl dt .nobor01 { border:none;}
.kh_con dl dt p img { display:block; float:left;}
.kh_con dl dt p span { display:block; float:left; width:318px; padding-left:15px;}
.kh_con dl dt p span a { display:block; font-size:20px; color:#24bcbd; font-weight:bold; margin-bottom:15px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.kh_con dl dt p span a:hover { padding-left:5px;}
.kh_con dl dt p span em { display:block; font-size:14px; color:#666; line-height:26px;}
.kh_con dl dd { float: right; width:363px;}
.kh_con dl dd p { height:133px; border-bottom:dotted 1px #666; margin-bottom:40px;}
.kh_con dl dd .nobor01 { border:none;}
.kh_con dl dd p img { display:block; float: right;}
.kh_con dl dd p span { display:block; float:left; width:318px; padding-right:15px; text-align:right;}
.kh_con dl dd p span a { display:block; font-size:20px; color:#24bcbd; font-weight:bold; margin-bottom:15px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.kh_con dl dd p span a:hover { padding-right:5px;}
.kh_con dl dd p span em { display:block; font-size:14px; color:#666; line-height:26px;}

/*广告*/
.pic { width:1200px; margin: 0 auto;}
.pic01 p { position:absolute;top: 320px;left: 380px;background: url(../images/p_spbg.png) no-repeat; width:444px; height:68px; line-height:60px;}
.pic01 p a { font-size:16px; color:#de1620; padding-left:22px; font-weight:bold;}

.pic02 { background:url(../images/pic02.jpg)  100%; height:162px; background-size: 100%;}
.pic02 p { position:absolute; top:50px; left:542px;}
.pic02 span { display:block; font-size:14px; color:#fff; position:absolute; top:60px; right:0; text-align:right;}
.pic02 span em { display:block; font-size:30px; font-family:"宋体";}

/*定制*/
.dz_bg { background:#f5f7fa; height:700px;}
.dz_con { padding:60px 0 0; position:relative;}
.dz_con p { position:absolute; top:415px; left:380px; background: url(../images/images/p_spbg.png) no-repeat; width:444px; height:68px; line-height:60px;z-index:99;}
.dz_con p a { font-size:16px; color:#de1620; padding-left:22px; font-weight:bold;}
.dz_con ul li { float:left; margin-right:17px;}
.dz_con ul .nobor01 { margin:0;}
.dz_con ul li a { background:url(../images/dz_libg01.gif) no-repeat; width:287px; height:317px; display:block; text-align:center; color:#fff;
-webkit-transition: background 0.2s;
-moz-transition: background 0.2s;
-ms-transition: background 0.2s;
-o-transition: background 0.2s;
transition: background 0.2s;}
.dz_con ul li a:hover { background:url(../images/dz_libg02.gif) no-repeat; color:#fff;}
.dz_con ul li a b { display:block; padding:85px 0 0; font-size:20px;}
.dz_con ul li a:hover b { color:#fff;}
.dz_con ul li a em { display:block; padding:30px 0 0; font-size:14px; width:208px; margin:0 auto; line-height:25px;}

/*一个好的网站不仅能赚钱  更是行业标杆*/
.al_bg { background:url(../images/al_bg.gif) no-repeat center 0; height:auto; position:relative;}

.fc_nav ul li { float:left; background:url(../images/al_bor.gif) no-repeat right 0; padding:0 3px;}
.fc_nav ul li a { color:#666; font-size:16px; width:193px; height:114px; line-height:70px; display:block; text-align:center;}
.fc_nav ul li a:hover,.fc_nav ul .cur a { background: url(../images/al_libg.gif) no-repeat; color:#fff;}

.al_con { background:url(../images/al_picbg.jpg) no-repeat; height:356px; margin:30px 0 0;}
.al_con p{ float:left;}
.al_con p { padding:25px 0 0 392px; width:477px;}
.al_con p a img { width:477px; height:290px;}
.al_con p span a { display:block; margin:75px 0 0; text-align:center; font-size:16px; color:#555;}
.arr11 a {display: block;height: 306px;left: 134px; position: absolute; top: 426px;width: 316px; z-index: 1;}
.arr22 a {display: block; height: 306px; position: absolute;right:74px; top: 426px; width: 316px;z-index: 1;}

/**/
.lc_bg { background:url(../images/lc_bg.jpg) center ; height:710px;}
.lc p { position:absolute; top:-37px; left:380px; background: url(../images/p_spbg.png) no-repeat; width:444px; height:68px; line-height:60px;}
.lc p a { font-size:16px; color:#de1620; padding-left:22px; font-weight:bold;}
.lc .fw_top { text-align: center; padding:96px 0 50px;}
.lc .fw_top a b { display:block; font-size:40px; color:#fff;}
.lc .fw_top a span { display:block; font-size:20px; color:#fff; padding:15px 0 35px;}
.lc_con  ul { display:flex; justify-content: space-around;}
.lc_con ul li { float:left; margin:0 7px 0 45px; width:170px; text-align: center;}
.lc_con ul li a i { background:url(../images/lc_pic01.gif) no-repeat; width:119px; height:210px; display:block;
-webkit-transition: background 0.2s;
-moz-transition: background 0.2s;
-ms-transition: background 0.2s;
-o-transition: background 0.2s;
transition: background 0.2s;}
.lc_con ul li a  span  { background:url(../images/lc_pic03.gif) no-repeat; width:119px; height:210px; display:block;}

.lc_con ul li a:hover i { background:url(../images/lc_pic02.png) no-repeat;}
.lc_con ul li a b { display:block; font-size:20px; color:#fff; padding:25px 0;}
.lc_con ul li a em { display:block; font-size:14px; color:#bbbdc0; line-height:27px;}

.lc_con ul .lc_li02 a i { background:url(../images/lc_pic01.gif) no-repeat -246px 0;}
.lc_con ul .lc_li02 a:hover i { background:url(../images/lc_pic02.png) no-repeat -247px 0;}
.lc_con ul .lc_li03 a i { background:url(../images/lc_pic01.gif) no-repeat -493px 0;}
.lc_con ul .lc_li03 a:hover i { background:url(../images/lc_pic02.png) no-repeat -494px 0;}
.lc_con ul .lc_li04 a i { background:url(../images/lc_pic01.gif) no-repeat -739px 0;}
.lc_con ul .lc_li04 a:hover i { background:url(../images/lc_pic02.png) no-repeat -740px 0;}
.lc_con ul .lc_li05{margin-right:0;}
.lc_con ul .lc_li05 a i { background:url(../images/lc_pic01.gif) no-repeat -986px 0;}
.lc_con ul .lc_li05 a:hover i { background:url(../images/lc_pic02.png) no-repeat -987px 0;}
.lc_con ul .lc_lia a span { background:url(../images/lc_pic03.gif) no-repeat -69px 0;}
.lc_con ul .lc_lia a:hover span { background:url(../images/lc_pic04.png) no-repeat -59px 0;}
.lc_con ul .lc_lib a span { background:url(../images/lc_pic03.gif) no-repeat -304px 0;}
.lc_con ul .lc_lib a:hover span { background:url(../images/lc_pic04.png) no-repeat -306px 0;}
.lc_con ul .lc_lic a span { background:url(../images/lc_pic03.gif) no-repeat -539px 0;}
.lc_con ul .lc_lic a:hover span { background:url(../images/lc_pic04.png) no-repeat -552px 0;}

/**/
.dt01 { background:url(../images/dt_picbg.jpg) no-repeat; width:580px; height:464px; position:relative;}
.dt01 i { display:block; top:-3px; right:8px; position:absolute;}
.dt01 dl dt a img { display:block; width:569px; height:316px; border:solid 1px #ededed}
.dt01 dl dd { padding:27px 0 0 27px;}
.dt01 dl dd b a { font-size:18px; color:#333;}
.dt01 dl dd b a img { float:left; padding:2px 8px 0 0;}
.dt01 dl dd em { display:block; font-size:14px; color:#666; line-height:28px; padding:15px 20px 0 0;}

.dt02 { width:570px; padding-left:50px;}
.dt_top { height:50px; line-height:50px; background:#1b263a;}
.dt_top span { float:right; display:block; padding-right:10px;}
.dt_top span a { font-size:16px; color:#fff; text-transform:uppercase;}
.dt_top ul li { float:left;}
.dt_top ul li a { width:155px; text-align:center; display:block; font-size:16px; color:#fff;}
.dt_top ul li a:hover,.dt_top ul .cur a { background:#de1620;}

.dt_con { padding:22px 0 0; width:px; overflow:hidden;}
.dt_con dl { height:158px; border-bottom:solid 1px #e5e5e5; margin-bottom:30px;}
.dt_con dl dt { float:left; margin-right:25px; width:219px; height:122px; overflow:hidden;}
.dt_con dl dt a img { width:219px; height:122px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dt_con dl dt a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}
.dt_con dl dd { float:left; width:324px;}
.dt_con dl dd b { height:30px; line-height:30px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dt_con dl dd b a { font-size:16px; color:#333;}
.dt_con dl dd p { line-height:25px; color:#666; font-size:14px; height:70px; overflow:hidden}

.dt_list ul li { height:40px; line-height:40px; padding: 0 0 0 25px;  overflow:hidden; background: url(../images/dt_ico03.gif) no-repeat 0 16px; }
.dt_list ul .nobor { border:none;}
.dt_list ul li a em { display:block; float:right;}
.dt_list ul li a { color:#888; font-size:14px;}
.dt_con ul li a:hover { color:#de1620;}

/*免费申请解决*/
.lx_bg { background:url(../images/lx_xx.gif) no-repeat center 0; height:300px; padding:82px 0 0; margin:68px 0 0;}

.lx01 { background:url(../images/lx_bg.gif) no-repeat; height:230px;}
.lx_p { padding:75px 0 0 50px; width:580px;}
.lx_p b { display:block; float:left; font-size:70px; color:#fff; border-right:solid 1px #fff; padding-right:20px; margin-right:20px;}
.lx_p span { display:block; float:left; font-size:20px; color:#fff;}
.lx_p span em { display:block; font-size:30px; color:#fff; font-weight:bold; margin-top:20px;}

.lx_con { width:550px; padding:50px 0 0;}
.lx_con dl dt { float:left; width:355px;}
.lx_con dl dt ul li { background:#fff;  width:350px; height:42px; line-height:42px; border:solid 1px #d2d2d2; float:left; margin:0 0 7px;  overflow:hidden;}
.lx_con dl dt ul li img { float:left; border-right:solid 1px #d2d2d2}
.lx_con dl dt ul li .sinp01{ background: none; width:260px; height:42px; line-height:42px; border:none; float:left;  font-size:14px; color:#333; outline:none; margin-left:10px; font-family: "Microsoft Yahei";}
.lx_con dl dt ul li .sinp02{background: none; width:175px; height:42px; line-height:42px; border:none; float:left;  font-size:14px; color:#333; outline:none; margin-left:10px; font-family: "Microsoft Yahei";}
.lx_con dl dd { float:left; padding-left:23px; width:138px;}
.lx_con dl dd a { display:block; margin-bottom:20px;}
.lx_con dl dt ul li .sbts{ height:42px;}
/**/
.yq_bg { background:#f5f7fa; height:98px; line-height:38px; padding-top:15px;}
.yq_bg em { display:block; float:right;}
.yq_bg em a { font-size:14px; color:#e32235;}
.yq_bg b a { font-size:14px; display:block; float:left;}
.yq_bg p { width:970px; font-size:14px; display:block; float:left;}
.yq_bg p a { font-size:14px; color:#666; padding:0 15px;}
.yq_bg p a:hover { color:#e32235;}


	/* 案例信息样式开始 */
		.current {
			clear: both;
		}

		.main {
			width: 100%;
		}

		.btn-an {
			width: 100%;
			display: flex;
			justify-content: center;
		}

		.spanList {
			width: 160px;
			text-decoration: none;
			text-align: center;
			border-radius: 5px;
			color: #000;
			border: 1px solid #ccc;
			height: 43px;
			line-height: 43px;
			margin: 10px 60px 0;
		}

		.active {
			font-family: PingFang-SC-Bold;
			background-color: #cd1416;
			border-radius: 5px;
			color: #fff;
			text-align: center;
			line-height: 43px;
			display: inline-block;
		}

		.con {
			display: none;
			width: 100%;
			margin-top: 0.8rem;
		}



		.sec8 {
			width: 100%;
			background: #fff;
			padding-bottom: 70px;
		}

		.sec8 .img1 {
			display: block;
			width: 624px;
			margin: 0 auto;
			margin-top: 56px;
		}

		.sec8 ul {
			width: 1440px;
			margin: auto;
			margin-top: 40px;
                       flex-wrap: wrap;
                       justify-content: center;
                       display: flex;
		       overflow: hidden;
		}

		.sec8 ul li {
			width: 30.3%;
			height: 300px;
			overflow: hidden;
			margin: 0 30px 30px 0;
			cursor: pointer;
			position: relative;
		}

		.sec8 ul li img {
			display: block;
			width: 100%;
		}

		@media (max-width: 1560px) {
			.sec8 ul li {
				width: 380px;
				height: 244px;
			}
		}

		.sec8 ul li .dw {
			width: 100%;
			height: 40px;
			position: absolute;
			bottom: 0;
			left: 40px;
			background: rgba(51, 52, 53, 0.8);
		}

		.sec8 ul li .dw p {
			font-size: 16px;
			color: #fff;
			line-height: 40px;
			margin-left: 41%;
		}

		figure {
			z-index: 1;
			overflow: hidden;
			width: 460px;
			height: 300px;
		}

		figure.bianda img {
			-webkit-transition: all .1s;
			transition: all .6s;
		}

		figure.bianda:hover img {
			-webkit-transform: scale(1.2);
			transform: scale(1.2);
			opacity: 1;
		}
	/* 案例信息结束 */