*{margin: 0;padding: 0;font-family: "微软雅黑";font-size: 14px;color: #333333;}
@font-face {
    font-family: 'lisu';     /* 这个名字可以自己定义 */
    src: url('../fonts/SIMLI.TTF'); /* IE9 Compat Modes */
url('../fonts/SIMLI.TTF') format('woff'), /* Modern Browsers */
url('../fonts/SIMLI.TTF')  format('truetype'), /* Safari, Android, iOS */
url('../fonts/SIMLI.TTF') format('svg'); /* Legacy iOS */
}
html{width: 100%;}
body{width: 100%;min-width: 1200px;overflow-x: auto;background: #fbfbfb;cursor: inherit;}
li{list-style: none;}
h2,h3{font-weight: normal}
a{text-decoration: none}
i{font-style: normal}
.center_box{width: 1250px;overflow: hidden;}
.rel{  position: relative;  }
.fl{float: left;}
.fr{float: right;}
p{cursor: inherit;}
img{border:0;vertical-align: top;}
a{cursor: pointer}
.tc{  text-align: center;  }
.clear{clear: both;}
.ov{overflow: initial!important;}
/* 内容 */
.wrap{
    background: url("/app/resource/xchhr/images/p5_bg2.png")no-repeat 0 100%;
    background-size: 100% auto;
}
.wrap .center{
    width: 1200px;
    margin: 0 auto;
    display:table;
}
.tit_t{
    display: inline-block;
    text-align: center;
    margin-top: 45px;
    width: 100%;
    height: 100px;
    font-size: 50px;
    color: #aa352c;
    font-family: 'lisu';

}
.tit_t p{
    font-family: 'lisu';
    font-size: 50px;
    color: #aa352c;
}
.tit_t span{font-family: 'lisu';
    font-size: 22px;
}
.zan,.p_720{
    width: 100%;
    height: 100%;
    position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin:auto;z-index: 1;
    background-image: url(/app/resource/xchhr/images/p720.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgba(0,0,0,.2);
    display: none;
}
.zan{ background-image: url(/app/resource/xchhr/images/zan.png);}
.tit{
    color: #333;
    font-size: 20px;
    line-height: 36px;
    text-indent: 2em;
    margin-top: 30px;
}
.part11 img{width: 100%;}
.part22{background: url(/app/resource/xchhr/images/p2_bg.png)0 0;    background-size: 100% 100%;}
.part22 p.tit{margin-top: 30px;}
.p2_area{margin-top: 60px;overflow: hidden;}
.p2_lf_box{
    width: 620px;
    height: 360px;
    background: #fff;
}
.p2_lf_box a,.p3_lr_box a{
    display: block;
    position: relative;
    width: 600px;
    height: 340px;
    overflow: hidden;margin: 10px 10px;
}
.p2_lf_box:hover .zan{display: block;cursor: pointer;}
.p2_r{
    width: 420px;
    height: 360px;
    margin-right: 45px;
}
/*黄家*/
.part33{background: url(/app/resource/xchhr/images/p3_bg.png)0 100%;    background-size: 100% 100%;}
.part33 .tit_t{
    background: url(/app/resource/xchhr/images/p3_t.png)no-repeat 0 100%;
    background-size: 100% auto;
    height:130px;
    line-height: 130px;;
}
.p3_box1{
    width: 360px;
    height: 140px;
    background: url("/app/resource/xchhr/images/p3_l.png")no-repeat 0 0;
    background-size: 100% auto;
    position: relative;
    margin-right: 15px;
}
.p3_box1 span{
    display: inline-block;
    position: absolute;
    width: 20px;

    font-size: 21px;
    font-family: 'lisu';
}
.p3_box1 span:nth-of-type(1){
    left: 20px;
}
.p3_box1 span:nth-of-type(2){
    left: 115px;
}
.p3_box1 span:nth-of-type(3){
    left: 212px;
}
.p3_box1 span:nth-of-type(4){
    left: 310px;
}
.yuan{margin-top: 30px;}
.yuan span{margin: 0 10px;}
.yuan span img{width: 150px;height: 150px;}
.p3_lf_box{margin: 55px 0 30px 0;}
.p3_lf_box p{font-family: 'lisu';font-size: 20px;}
.p3_lr_box{
    position: relative;
    width:640px ;
    height: 390px;
    background-color: #fff;
    margin: 45px 0 30px 0;
}
.p3_lr_box a{
    display: block;
    width: 620px;
    height: 370px;
}
.p2_lf_box img,.p3_lr_box img{
    width: 100%;
    height: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 0.4s 0s;
    -webkit-transition: all 0.4s 0s
}
.p2_lf_box:hover img,.p3_lr_box:hover img{transform: scale(1.2)}
.p2_lf_box video {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}
.p3_lr_box:hover .p_720{display: block;cursor: pointer;}
/*p4*/
.part44{
    background: url("/app/resource/xchhr/images/ye1.png")no-repeat 0 50px,url("/app/resource/xchhr/images/ye2.png")no-repeat 100% 50px;}
.part44 .tit_t{
    background: url("/app/resource/xchhr/images/p4_t.png")no-repeat 0 100%;
    background-size: 100% auto;
    text-indent: -45px;
}
.part44 .tit_t p{
    width: 500px;
    height: 100px;
    margin: 0 auto;
    background: url(/app/resource/xchhr/images/php.png)no-repeat 100% 25%;
    background-size: 40px auto;
}
.part44 ul{overflow: hidden;margin-top: 30px;}
.part44 ul li{float: left;}
.part44 ul li a{display: block; overflow: hidden; position: relative;}
.part44 ul li.p4_r1{width: 13.333%;}
.part44 ul li.p4_r1 a{height: 200px;}
.part44 ul li.p4_r2{width: 20%; }
.part44 ul li.p4_r2 a{height: 400px;}
.part44 ul li a img{
    width: 100%;
    height: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 0.4s 0s;
    -webkit-transition: all 0.4s 0s;
}
.part44 ul li a:hover img{transform: scale(1.2);}
/*助力*/
.part55{
    background: url(/app/resource/xchhr/images/p5_bg.png)0 100%;
    background-size: 100% 100%;
}
.part55 .tit_t{
    background: url(/app/resource/xchhr/images/p5_t.png)no-repeat 0 100%;
    background-size: 100% auto;
    text-indent: -80px;
}
.part55 .tit_t p{
    width: 403px;
    height: 92px;
    margin: 0 auto;
    background: url(/app/resource/xchhr/images/hua.png)no-repeat 100% 25%;
    background-size: 40px auto;
}
.p5_area1{background: url("/app/resource/xchhr/images/p5_b1.png")no-repeat right 0;margin-top: 30px;}
.p5_area1 .center{background: url("/app/resource/xchhr/images/men.png")no-repeat right 0;position: relative;}
.p5_lf_box{padding-bottom: 60px;}
.p5_lf_box .tit22 p{
    height: 45px;
    line-height: 40px;
    background: url("/app/resource/xchhr/images/p5_i1.png")no-repeat 0 0;
    background-size: 38px auto;
    padding-left: 50px;
    margin-top: 30px;
    font-size: 32px;
    font-family: 'lisu';
}
.p5_lf_box .tit22{position: relative;margin-top: 60px;}
.p5_lf_box .tit22:before{
    content: '';
    width: 35px;
    height: 3px;
    background-color: #666;
    position: absolute;
    top: -20px;
    left: 0;
}
.p5_lf_box .tit22 img{display: block;}
.p5_lr_box{position: absolute;right:0;top: 210px;}
.p5_lr_box .tit3{ font-family: "SimSun";background: url("/app/resource/xchhr/images/tree.png")no-repeat left center;background-size: 25px auto;padding-left: 30px;font-size: 40px;margin: 0 0 15px 90px;}
.box_s1,.box_s2{
    width:640px;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(43, 51, 57, 0.23);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(43, 51, 57, 0.23);
}
.box_s1 p,.box_s2 p{
    display: inline-table;
    font-size: 20px;
    line-height: 36px;
    text-indent: 2em;
    margin: 15px 15px;
    padding: 30px 20px;
    border: 1px dashed #cccccb;
}
.p5_area2{
    background: url("/app/resource/xchhr/images/p5_b2.png")no-repeat left -50px;
}
.p5_area2 .tit_t{
    background: url(/app/resource/xchhr/images/p5_t2.png)no-repeat 50% 0;
    background-size: 240px auto;
    font-size: 30px;
    color: #333;
    height: 60px;
    text-align: center;
    line-height: 60px;
    text-indent:0;
}
.p5_720_ul{    margin-top: 35px;}
.p5_720_ul li{float: left;
    width: 268px;
    height: 338px;
    background: #fff;
    border: 1px solid #d8d8d8;
    text-align: center;
    margin-left: 28px;
}
.mgt1_li{margin-top:88px!important;}
.mgt1_li>div{margin-top: -70px!important;}
.p5_720_ul li>div{
    display: block;
    width:230px ;
    height: 390px;
    margin: 20px 20px 0;
    background-color:#fff ;
    box-shadow: 0px 0px 6px 0px rgba(43, 51, 57, 0.23);
    -webkit-box-shadow: 0px 0px 6px 0px rgba(43, 51, 57, 0.23);
}
.p5_720_ul a{
    display: block;
    position: relative;
    width: 100%;
    height: 345px;
    overflow: hidden;
}
.p5_720_ul img{
    width: 100%;
    height: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 0.4s 0s;
    -webkit-transition: all 0.4s 0s;
}
.p5_720_ul span{
   display: block;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
}
.p5_720_ul li:hover .p_720{display: block;}
.p5_720_ul li:hover img{transform: scale(1.2);}
.p6_more{height: 250px;margin-top: 45px;}
.h_detail{
    display: block;
    width: 380px;
    height: 66px;
    margin: 0 auto;
    background: url(/app/resource/xchhr/images/shou.png)no-repeat 42px 22px,url(/app/resource/xchhr/images/a_bg.png)no-repeat center top;
    color: #fff;
    font-size: 18px;
    line-height: 66px;
    text-indent: 65px;
}