/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */


input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font: 14px/22px "Microsoft YaHei";color: #666;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#910800;}


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;overflow-x: hidden;}

/*设置浮动*/
.fl {float: left;}
/*.fr {float: right;} 2020.9.8号注释*/
.pr{padding:20px;}
.pa{position: absolute;}

/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}

/*头部*/

/*banner*/
.banner{position: relative; height:700px;clear: both;}
.ban_p,.ban_p li{ height:700px;overflow: hidden;}
.ban_p li a{ display:block; height:700px; background:url(banner1.jpg) no-repeat center 0;}
.ban_t{width:300px;height:20px;bottom:-10px;left:50%;margin-left:-150px;position: absolute;text-align: center;z-index: 1;}
.ban_t em{width:32px;height:19px;background:url(ico01.png) no-repeat center 0;display: inline-block;}
.ban_t em.on{background:url(ico02.png) no-repeat center 0;}

.til01{height:114px;display: block;font-size:20px;line-height:39px;color: #333;text-align: center;font-weight: normal;}
.til01 span{display: inline-block;font-size: 30px;font-weight: bold;padding: 0 10px;}
.til01 p{display: block;line-height: 30px;}
.til01 a{display: block;color: #333;}

/*我们*/
.webox{background:url(bg01.png) repeat-y center 0;height:92px;margin-top: -56px;padding: 27px 0 0;position: relative;width: 100%;}
.webox h3{width:390px;font-size: 16px;color: #fff;line-height: 26px;float: left;}
.webox h3 span{font-size:26px;line-height:32px;display: block;font-weight: normal;}
.we_pho{background:url(c_pho.png) no-repeat 0 25px;padding:7px 0 0 28px;color: #ababab;line-height: 18px;}
.we_pho span{color: #ababab;line-height:30px;display: block;font-family: Times New Roman;font-size: 30px;color: #333;}

/*特点*/
.chara{height:544px;padding:96px 0 0;font-family: "Microsoft Yahei";line-height: 29px;text-align: center;}
.chara_c li{width: 357px;height: 270px;border: solid 1px #dfdfdf;border-radius: 15px;float: left;padding: 16px 15px 0;background: #fff;position: relative;}
.chara_c li em,.chara_c li em img,.chara_c li p{width: 357px;height: 201px;display: block;overflow: hidden;}
.chara_c li p{position: absolute;left: 15px;top: 16px;background: rgba(220 , 53 , 38 , 0.85);color: #fff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding: 70px 60px 0;display: none;}
.chara_c li span{display: block;height: 70px;line-height: 70px;font-size: 16px;color: #333;font-weight: bold;background:url(ico03.gif) no-repeat right 17px;}
.chara_c li.chara_l1{margin: 0 16px;}
.chara_c li:hover{border-color:#fff;box-shadow: 0 0 10px 10px #ececec;}
.chara_c li:hover em,.chara_c li:hover em img,.chara_c li:hover p{border-radius: 12px;}
.chara_c li:hover p{display: block;}
.chara_c li:hover span{background:url(ico04.gif) no-repeat right 17px;}

/*解决方案*/
.plan{height:716px;font-family: "Microsoft Yahei";line-height: 30px;color: #333;text-align: center;background:url(../sphy_img/planbg.gif) repeat-x center bottom;}
.plan_l{background:url(plan_cla.jpg) no-repeat 0 0;width: 390px;height: 715px;color: #fff;}
.plan_l a{color: #fff;display: block;}
.plan_logo{padding: 48px 0 0;height: 149px;}
.plan_l h2{padding:17px 0 0;height: 143px;font-size: 30px;line-height: 38px;}
.plan_l h2 span{font-size:20px;line-height: 30px;font-weight: normal;display: block;}
.plan_l li{height:58px;line-height:58px;display: block;background:url(icobg3.png) no-repeat center 0;margin-bottom: 26px;}
.plan_l li:hover,.plan_l li.cur{background:url(icobg4.png) no-repeat center 0;color: #333;}
.plan_l li:hover a,.plan_l li.cur a{color: #333;}
.plan_r{background:url(plancbg.png) no-repeat center 0;width:782px;padding: 4px 4px 0 3px;}
.plan_ico{background:url(pro_ico.png) no-repeat center 0;width: 108px;height: 67px;left: 50%;margin-left: -54px;top: -67px;}
.plan_rc dt,.plan_rc dt img{width: 782px;height:446px;overflow: hidden;display: block;}
.plan_rc dd{display: block;padding: 64px 48px 0;}
.plan_rc dd h3{display: block;height: 58px;line-height: 58px;font-size: 16px;color: #333;}
.plan_rc dd h3 a,.plan_rc dd span a{display: block;color: #333;}
.plan_rc dd p{display: block;height: 77px;overflow:hidden;}

/*产品*/
.probox{font-family: "Microsoft Yahei";background:url(../sphy_img/probg.gif) no-repeat center 0;line-height:38px;text-align: center;}
.probox h2{background:url(ico07.png) no-repeat center bottom;line-height:115px;height:142px;text-align: center;color: #d99c96;font-weight: normal;font-size:18px;margin-bottom: 10px;}
.probox h2 a{color: #d99c96;}
.probox h2 span{color: #dc3526;font-size: 24px;padding: 0 10px;}
.prev,.next{width: 74px;height: 74px;display: block;top: 253px;right: -100px;}
.prev2,.next2{top: 372px;}
.prev3,.next3{top:218px;}
.prev{left: -100px;}
.pro_c li{width:300px;float: left;}
.pro_c li p{overflow: hidden;margin: 0 auto;}
.pro_c li span{height:38px;display: block;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro_c li span a{display: block;color: #333;}
.pro_c li p,.pro_c li p img{width:260px;height: 270px;display: block;}



/*流程*/
.tec_p{padding: 92px 0 0;height: 525px;text-align: center;background:url(../sphy_img/line1.gif) no-repeat center 308px;color: #333;line-height: 18px;}
.tec_pc{padding:0 0 0 23px;height: 271px;overflow: hidden;}
.tec_pc li{padding: 27px 0 0;display:inline-grid; width: 144px !important;position: relative;}
.tec_pc li p{width:206px;position: absolute;left: -25px;top: 197px;display: none;}
.tec_pc li span{display: block;font-size: 16px;font-weight: bold;height: 83px;line-height: 46px;}
.tec_pc li em{display: block;margin: 0 auto 30px;width:60px;height:60px;position: relative;overflow: hidden;}
.tec_pc li em i{width:60px;height:60px;position: absolute;display: block;top: 0;left: 0;background-image:url(../sphy_img/tec_ico7.gif);}
.tec_pc li.tec_p1 em i{background-image:url(../sphy_img/tec_ico1.gif);}
.tec_pc li.tec_p2 em i{background-image:url(../sphy_img/tec_ico2.gif);}
.tec_pc li.tec_p3 em i{background-image:url(../sphy_img/tec_ico3.gif);}
.tec_pc li.tec_p4 em i{background-image:url(../sphy_img/tec_ico4.gif);}
.tec_pc li.tec_p5 em i{background-image:url(../sphy_img/tec_ico5.gif);}
.tec_pc li.tec_p6 em i{background-image:url(../sphy_img/tec_ico6.gif);}
.tec_pc li em i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;background-position: center 0;}
.tec_pc li em i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;background-position: center bottom;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.tec_pc li.cur p,.tec_pc li:hover p{display: block;}
.tec_pc li.cur em .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.tec_pc li.cur em .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.tec_pc li.cur,.tec_pc li:hover{background:url(../sphy_img/tec_lbg.gif) no-repeat center 0;}
.tec_pho{height:38px;line-height: 38px;margin: 0 auto;width: 295px;}
.tec_pho a{display: block;width: 105px;color: #fff;background: #dc3526;border-radius: 19px;float: right;}
.tec_pho span{display: inline-block;float: left;background:url(../sphy_img/c_pho.png) no-repeat 0 center;padding: 0 0 0 26px;font-family: Times New Roman;font-size: 28px;letter-spacing: -1px;}