@charset "utf-8";

/*首页视频*/
    .sp01 {padding-top: 0px;}
    .sp01 h2 {padding-bottom: 50px;}
    .sp02{margin-bottom:20px;}
    .sp02 h2 {padding-bottom: 50px;}
    .sp02 em.e01{padding-bottom:20px;}
    .sp03 {padding-top: 40px;margin-bottom:50px;}
    .sp03 h2 {padding-bottom: 20px;}
    
/*盒子内容*/
.content{width: 1200px;margin: 0 auto;}
.spcon{width: 650px;margin: 0 auto;text-align:center;}
.spcon span{display:block;font-size:22px;height:40px;line-height:40px;text-align:center;color:black;margin-bottom:20px;cursor:pointer;}
/*标题*/
.tit{text-align: center;font-family: "SimHei";color: #262626;}
.tit span,.tit em{display: block;}
.tit span{height: 46px;line-height: 46px;font-size: 32px;font-weight: bold; color:#333}
.tit em{height: 32px;line-height: 32px;font-size: 22px;padding-top: 5px; color: #666;}
.tit strong{font-family: "SimSun";font-size: 32px;}

/*case*/
.case{padding: 0px 0 40px;}
.case h4{width: 670px;margin: 0 auto;padding-top: 20px;line-height: 26px;font-weight: normal;font-size: 14px;color: #585858;text-align: center;}
.case_tabs{padding: 30px 0 50px;}
.case_tabs li{float: left;width: 138px;height: 138px;border: 1px solid #262626;border-radius: 20px;margin: 0 15px;}
.case_tabs li span,.case_tabs li em,.case_tabs li span img.tt{display: block;}
.case_tabs li span img.xx{display: none;}
.case_tabs li span,.case_tabs li span img{width: 50px;height: 48px;}
.case_tabs li span{margin: 22px auto 10px;}
.case_tabs li em{width: 130px;margin: 0 auto;height: 40px;line-height: 20px;font-size: 14px;color: #262626;text-align: center;overflow: hidden;}
.case_tabs li p{height: 40px;line-height: 40px;font-size: 14px;color: #262626;text-align: center;overflow: hidden;}
.case_tabs li:hover{background-color: #0084ff;;border: 1px solid #0084ff;;}
.case_tabs li:hover em,.case_tabs li:hover p{color: #fff;}
.case_tabs li:hover span img.tt{display: none;}
.case_tabs li:hover span img.xx{display: block;}
.case_bta{text-align: center;}
.case_bta a{display: inline-block;height: 38px;line-height: 38px;font-size: 16px;color: #262626;padding: 0 25px;border: 1px solid #262626;margin: 0 2px;}
.case_bta a:hover{background-color: #0084ff;border: 1px solid #0084ff;color: #fff;}

/*ye_wu*/
.ye_wu{padding: 38px 0 0;background: #eee;}
.ye_wu .tit{color: #fff;}
.yw_tabs{padding-top: 40px;}
.yw_tabs li{float: left;margin-left: -1px;margin-right: 1px;}
.yw_tabs li a{display: block;width: 140px;height: 25px;line-height: 22px;font-size: 16px;
color: #fff;text-align: center;padding: 18px 8px;background: url("../images/ywa1.png") no-repeat right center;position: relative;}
.yw_tabs li:last-child a{background: none;}
.yw_tabs li.cur a{background: #0084ff;}
.yw_tabs li.cur a::after{content: "";position: absolute;border-color: #ba232e transparent transparent;/*border-style: solid;*/border-width: 8px 12px 0;left: 88px;bottom: -8px;z-index: 10;}
.yw_box{padding-top: 35px;}
.yw_dx{padding: 0 64px 0 30px;}
.yw_lf{float: left;width: 450px;padding-top: 38px;}
.yw_hza{height: 255px;padding: 0 30px;}
.yw_hza h4{padding: 35px 0 15px;}
.yw_hza h4 a{display: inline-block;font: bold 16px/24px "Microsoft Yahei";color: #fff;}
.yw_hza p span{display: block;height: 26px;line-height: 26px;font-size: 14px;color: #a0a0a0;}
.yw_hzb{width: 222px;height: 143px;padding-top: 45px;margin: 0 auto;}
.yw_hzb a{display: block;width: 120px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;text-align: center;margin: 0 auto;background-color: #0084ff;}
.yw_rt{float: right;width: 656px;}
.yw_hzc{height: 361px;padding: 9px 16px 12px;}
.yw_hzc ul li,.yw_hzc ul li img{width: 624px;height: 361px;}
.yw_hzc ul li{position: relative;}
.yw_hzc ul li p{position: absolute;width: 100%;left: 0;bottom: 20px;z-index: 2;}
.yw_hzc ul li p em,.yw_hzc ul li p span{display: block;text-align: center;}
.yw_hzc ul li p em{height: 24px;font: bold 16px/24px "Microsoft Yahei";color: #fff;}
.yw_hzc ul li p span{height: 24px;line-height: 24px;font-size: 14px;color: #fff;padding-top: 5px;}
.yw_hzd{width: 278px;height: 162px;margin: 0 auto;position: relative;}
.yw_hzd .yw_prev,.yw_hzd .yw_next{position: absolute;width: 50px;height: 50px;top: 40px;cursor: pointer;}
.yw_hzd .yw_prev{background: url("../images/ywbt1.png") no-repeat center;left: 86px;}
.yw_hzd .yw_next{background: url("../images/ywbt2.png") no-repeat center;right: 86px;}

/*help*/
.help{padding: 40px 0  0px;}
.help_ul{padding-top: 35px;}
.help_ul li{float: left;width: 270px;height: 270px;margin: 0 0 40px 40px;position: relative;}
.help_ul li.ml0{margin-left: 0;}
.help_ul li img{width: 270px;height: 270px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.help_ul li p{position: absolute;width: 100%;bottom: 15px;    background: rgba(0,0,0,0.7); height: 58px;}
.help_ul li p span,.help_ul li p em{display: block;text-align: center;color: #fff;}
.help_ul li p span{height: 26px;line-height: 26px;font-size: 18px;}
.help_ul li p em{height: 24px;line-height: 24px;font-size: 14px;}
.help_ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}

/*xad*/
.xad{padding-top: 130px;height: 330px;background: url("../images/xad.jpg") no-repeat center;}
.xad .tit{color: #fff;}
.xad p{padding-top: 90px;text-align: center;}
.xad p span,.xad p a{display: inline-block;height: 40px;line-height: 40px;}
.xad p span{font-family: "Tahoma";font-size: 18px;color: #333;padding: 0 30px;background-color: #fff;border: 1px solid #fff;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.xad p a{font-size: 18px;color: #fff;padding: 0 15px;background-color: #0084ff;border: 1px solid #0084ff;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}

/*hui_yi*/
.hui_yi{padding: 40px 0 25px;}
.hui_yi p{width: 835px;margin: 0 auto;line-height: 28px;font-size: 14px;color: #686868;text-align: center;padding: 30px 0 35px;}
.hy_ul{width: 802px;height: 400px;margin: 0 auto;}
.hy_ul img.tu{width: 802px;height: 400px;}
.hy_ul h4{position: absolute;width: 118px;height: 118px;border: 1px solid #262626;border-radius: 20px;}
.hy_ul h4.hyu1{left: 0;top: 80px;}
.hy_ul h4.hyu2{left: 0;bottom: 10px;}
.hy_ul h4.hyu3{right: 0;top: 80px;}
.hy_ul h4.hyu4{right: 0;bottom: 10px;}
.hy_ul h4 span,.hy_ul h4 em,.hy_ul h4 span img.tt{display: block;}
.hy_ul h4 span img.xx{display: none;}
.hy_ul h4 span{width: 50px;height: 50px;margin: 0 auto;padding: 20px 0 5px;}
.hy_ul h4 em{height: 40px;line-height: 20px;font-size: 16px;color: #262626;text-align: center;overflow: hidden;}
.hy_ul h4:hover{background-color: #0084ff;border: 1px solid #0084ff;}
.hy_ul h4:hover span img.tt{display: none;}
.hy_ul h4:hover span img.xx{display: block;}
.hy_ul h4:hover em{color: #fff;}
.hy_bta{padding-top: 60px;}
.hy_bta a{display: block;width: 260px;height: 50px;line-height: 50px;font-size: 16px;color: #fff;text-align: center;margin: 0 auto;background-color: #ba232e;}

/*mo_shi*/
.mo_shi{height: auto; overflow: hidden;}
.mo_shi .tit{color: #fff;}
.ms_ul{padding-top: 0px;}
.ms_ul li{float: left;width: 368px;height: 277px;margin-right: 30px;position: relative;margin-bottom: 20px;}
.ms_ul li.ml0{margin-left: 0;}
.ms_ul li img{width: 368px;height: 277px;}
.ms_ul li p{position: absolute;width: 100%;height: 50px;text-align: center;left: 0;bottom: 0;}
.ms_ul li p span{display: block;height: 50px;line-height: 50px;font-size: 18px;color: #fff;}
.ms_ul li p em{padding: 5px 25px 0;display: none;line-height: 26px;font-size: 14px;color: #fff;}
.ms_ul li:hover p{display:block; height: 277px;background: url("../images/mosb.png") repeat center;}
.ms_ul li:hover p span{margin-top: 50px;display: block;}
.ms_ul li:hover p em{display: block;}

.ms_ul li.color{background-color: #0084ff; width:270px;}
.ms_ul li.color span,.zh_pic ul li.color a{display: block;font-size: 16px;text-align: center;color: #fff;}
.ms_ul li.color span{height: 30px;line-height: 30px;padding-top: 60px;}
.ms_ul li.color a{width: 108px;height: 38px;line-height: 38px;margin:auto 0;border: 1px solid #fff;margin-left: 80px;margin-top: 16px;display: block;color: #fff;text-align: center;}


.ms_bta{padding-top: 50px;}
.ms_bta a{display: block;width: 260px;height: 50px;line-height: 50px;font-size: 16px;color: #000;text-align: center;margin: 0 auto;background-color: #fff;}
.ms_bta a:hover{background-color: #0084ff;color: #fff;}

/*gon*/
.gon_hza{padding-top: 75px;height: auto; overflow:hidden; }
.gon_tit{font-weight: normal;font-family: "SimHei";padding-top: 20px;}
.gon_tit em,.gon_tit span{display: block;text-align: center;}
.gon_tit em{height: 30px;}
.gon_tit span{height: 50px;line-height: 50px;font-size: 28px;color: #262626;}
.gon_hza ul{padding-top: 40px;}
.gon_hza ul li{float: left;width: 321px;height: 200px;margin: 5px 38px 28px;box-shadow: 2px 2px 5px #333333;}
.gon_hza ul li{}
.gon_hza ul li.li1{background: url(../images/dy.png) no-repeat  134px 30px;}
.gon_hza ul li.li2{background: url(../images/sj.png) no-repeat  134px 30px;}
.gon_hza ul li.li3{background: url(../images/jy.png) no-repeat  134px 30px;}
.gon_hza ul li.li4{background: url(../images/cb.png) no-repeat  134px 30px;}
.gon_hza ul li.li5{background: url(../images/gt.png) no-repeat  134px 30px;}
.gon_hza ul li.li6{background: url(../images/bh.png) no-repeat  134px 30px;}
.gon_hza ul li.li1:hover{background: url(../images/dy1.png) no-repeat  134px 30px;background-color: #0084FF;}
.gon_hza ul li.li2:hover{background: url(../images/sj1.png) no-repeat  134px 30px;background-color: #0084FF;}
.gon_hza ul li.li3:hover{background: url(../images/jy1.png) no-repeat  134px 30px;background-color: #0084FF;}
.gon_hza ul li.li4:hover{background: url(../images/cb1.png) no-repeat  134px 30px;background-color: #0084FF;}
.gon_hza ul li.li5:hover{background: url(../images/gt1.png) no-repeat  134px 30px;background-color: #0084FF;}
.gon_hza ul li.li6:hover{background: url(../images/bh1.png) no-repeat  134px 30px;background-color: #0084FF;}
.gon_hza ul li span,.gon_hza ul li em{display: block;line-height: 26px;text-align: center;color: #262626;}
.gon_hza ul li span{padding-top: 94px; font-size:18px;}
.gon_hza ul li em{padding-top: 30px;}
.gon_hza ul li:hover{background-color: #0084ff;}
.gon_hza ul li:hover span,.gon_hza ul li:hover em{color: #fff;}
.gon_hza p{line-height: 40px;font-size: 18px;color: #686868;width: 982px;margin: 0 auto;padding-top: 45px;text-align: center;padding-bottom: 40px;}
/*gon_hzb*/
.gon_hzb{padding: 30px 0px  0px;background-color: #f2f2f2;}
.gon_hzb h4{padding-bottom: 25px;}
.gon_hzb p{width: 880px;margin: 0 auto;line-height: 26px;font-size: 18px;color: #686868;text-align: center;}
.gbx{padding-top: 30px;position: relative;overflow: hidden;}
.gul{padding-bottom: 120px !important;}
.gul li{float: left;width: 400px;height: 217px;padding: 40px 0;text-align: center;position: relative;}
.gul li img{width: 320px;height: 197px;}
.gul li h4{position: absolute;width: 100%;top: 255px;left: 0;display: none;}
.gul li a.dta2,.gul li span,.gul li em{display: block;text-align: center;}
.gul li a.dta2{height: 32px;font: 22px/32px "Microsoft Yahei";color: #262626;padding: 25px 0 0;}
.gul li em{height: 28px;line-height: 24px;font-size: 16px;color: #686868;}
.gul li span{font: 16px/28px "Microsoft Yahei";color: #686868;padding-top: 10px;}
.gul li.cur{width: 400px;height: 247px;padding: 0 0;}
.gul li.cur img{width: 400px;height: 247px;}
.gul li.cur h4{display: block;}
.gbt{width: 100%;height: 0;}
.gbt i{position: absolute;width: 60px;height: 60px;bottom: 120px;cursor: pointer;}
.gbt i.gon_prev{background: url("../images/gbt1.png") no-repeat center;left: 300px;}
.gbt i.gon_next{background: url("../images/gbt2.png") no-repeat center;right: 300px;}
.gbt i.gon_prev:hover{background: url("../images/gbt01.png") no-repeat center;}
.gbt i.gon_next:hover{background: url("../images/gbt02.png") no-repeat center;}
/*gon_hzc*/
.gon_hzc{padding: 20px  0;}
.gon_hzc ul{padding: 45px 0 55px;}
.gon_hzc ul li{float: left;width: 270px;height: 270px;margin-left: 40px;position: relative;}
.gon_hzc ul li.ml0{margin-left: 0;}
.gon_hzc ul li img{width: 270px;height: 270px;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.gon_hzc ul li em{position: absolute;width: 100%;height: 30px;line-height: 30px;font-size: 18px;color: #fff;text-align: center;left: 0;bottom: 10px;}
.gon_hzc ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}
.gon_hzc p{height: 30px;line-height: 30px;font-size: 14px;color: #686868;text-align: center;}

/*pro*/
.pro{padding-top: 80px;height: 1055px;background:#eee;}
.pro .tit span{color: #333;}
.pro_tabs{padding: 30px 0 45px;text-align: center;}
.pro_tabs span{display: inline-block;margin: 0 10px;height: 40px;line-height: 40px;font-size: 16px;color: #262626;background-color: #fff;margin-bottom: 10px;width: 150px;}
.pro_tabs span.cur{background-color: #0084ff;color: #fff;-moz-box-shadow:2px 3px 5px #444; -webkit-box-shadow:2px 3px 5px #444; box-shadow:2px 3px 5px #444;}
.pro_list li{float: left;width: 300px;padding: 40px;background-color: #fff;margin-bottom: 15px; margin-right: 15px;}
.pro_list li.ml0{margin-left: 0;}
.pro_list li i,.pro_list li span,.pro_list li em{display: block;}
.pro_list li i{width: 119px;height: 16px;margin: 0 auto;background: url("../images/proft1.png") no-repeat center;}
.pro_list li span{height: 185px;padding: 30px 0;}
.pro_list li span img{width: 300px;height: 185px;}
.pro_list li em{height: 30px;line-height: 30px;font-size: 18px;color: #262626;text-align: center;}
.pro_list li p{line-height: 24px;font-size: 16px;color: #686868;text-align: center;padding-top: 10px;}
.pro_list li:hover{background-color: #0084ff;}
.pro_list li:hover i{background: url("../images/proft2.png") no-repeat center;}
.pro_list li i.bg_none,.pro_list li:hover i.bg_none{background: none;}
.pro_list li:hover em,.pro_list li:hover p{color: #fff;}

/*new*/
.new{padding: 38px 0 65px;background-color: #f2f2f2;}
.new .tit{padding-bottom: 35px;}
.new .tit span{color: #262626;}
.new_tabs{width: 570px;height: 48px;background: url("../images/newtb.png") no-repeat center;margin: 0 auto;}
.new_tabs li{float: left;width: 180px;margin: 0 5px;}
.new_tabs li a{display: block;height: 32px;font: bold 18px/32px "Microsoft Yahei";color: #262626;text-align: center;padding-bottom: 14px;border-bottom: 2px solid #262626;}
.new_tabs li.cur a{color: #0084ff;border-bottom: 2px solid #0084ff;}
.new_dx{padding-top: 40px;}
.new_box dl{height: 274px;}
.new_box dt{float: left;width: 345px;height: 274px;position: relative;}
.new_box dt a{position: absolute;width: 394px;height: 222px;left: 0;top: 26px;z-index: 1;}
.new_box dt a img{width: 394px;height: 222px;}
.new_box dd{float: right;width: 760px;height: 222px;background-color: #fff;padding: 52px 0 0 90px;}
.new_page{width: 725px;}
/*.new_page h4{font-weight: normal;}*/
.new_page h4 a{display: inline-block;height: 30px;line-height: 30px;font-size: 16px;color: #262626;}
.new_page p{line-height: 26px;font-size: 14px;color: #585858;padding: 15px 0 35px;}
.new_page em{display: block;width: 120px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;text-align: center;background-color: #0084ff;}
.new_ul{height: 165px;padding-top: 40px;}
.new_ul li{float: left;width: 560px;height: 165px;}
.new_ul li.mrt{margin-right: 80px;}
.new_ul li h4{float: left;width: 76px;padding: 20px 15px;background-color: #262626;}
.new_ul li h4 span,.new_ul li h4 em{display: block;font-family: "Arial";color: #fff;text-align: right;}
.new_ul li h4 span{height: 38px;line-height: 38px;font-weight: bold;font-size: 28px;}
.new_ul li h4 em{height: 20px;line-height: 20px;font-size: 14px;}
.new_hza{width: 463px;height: 165px;padding: 0 63px 0 35px;background-color: #fff;position: relative;}
.new_hza h5{padding: 30px 0 15px;}
.new_hza h5 a{display: inline-block;height: 30px;line-height: 30px;font-size: 16px;color: #262626;}
.new_hza p{line-height: 24px;font-size: 14px;color: #585858;}
.new_hza em{position: absolute;width: 47px;right: 0;bottom: 0;z-index: 1;}
.new_hza em a{display: block;height: 47px;background: url("../images/newa1.png") no-repeat center;}

/*z_hui*/
.z_hui{padding-bottom: 50px;background-color: #f2f2f2;overflow: hidden;padding-top: 50px;}
.zh_pic{width: 1292px;height: auto; overflow:hidden;margin: 0 auto;}
.zh_pic a{display: block;float: left;}
.zh_pic img{width: 480px;height: 530px;}
.zh_ula{width:1292px;}

.zh_pic ul li{float: left;width: 313px;height: 235px; margin: 5px;}
.zh_pic ul li.mr20{}
.zh_pic ul li img{width: 313px;height: 235px;}


/**/