html{color:#333;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-family:"Microsoft Yahei"; font-size:14px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
ol,ul,li {list-style:none;}
img{border:none;vertical-align: top;}
.fl,.fr {_display:inline;}
.fl{float:left;}
.fr {float:right;}
a{text-decoration: none;}
i,em{font-style: normal;}
.cl { *zoom:1;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
.pr{ position:relative}
.w1200{ width:1200px; margin:0 auto}
.pd60{ padding:60px 0}
.pd30{ padding:30px 0}
.pdd60{ padding:0 0 60px 0}
.bg-gray{ background:#f9f9f9}
.w640{ width:640px;}
.w580{ width:580px}
.w530{ width:530px}
.mt50{ margin-top:50px;}

/*大标题*/
.title{ width:100%; margin:0 auto; text-align:center; padding-top:75px;}
.title h2{ font-size:42px; line-height:60px;}
.title p{ font-size:16px; padding:20px 0}
.t_red{ background:url(img/t_red.jpg) no-repeat center top;}
.t_blue{ background:url(img/t_blue.jpg) no-repeat center top;}
.t_red h2{ color:#da251d;}
.t_blue h2{ color:#0b19b0;}
/*小标题*/
.s-tit{ width:100%; text-align:center}
.s-tit b{ display:inline-block; vertical-align:top; font-size:24px; background:#000; padding:0 40px; color:#fff; line-height:50px; border-radius:30px;}
.s-tit p{ font-size:16px; padding:20px 0; line-height:26px;}
.s-tit p.left{text-align: left;padding-top: 0}
.s-tit h4{font-size: 18px;margin:30px 0  10px 0;}
.s-tit p em{ display:block}

.top{ background:url(img/topbg.jpg) no-repeat center top; height:700px; margin-bottom:60px;}
.topbox{ height:700px; position:relative}
.topbox .hllogo{ position:absolute; top:67px; left:282px; width:220px; height:122px;}
.topbox .zt{ position:absolute; top:91px; left:184px;}
.topbox .dy{ position:absolute; left:50%; margin-left:-445px; bottom:80px; width:890px; text-align:center}
.topbox .dy p{ font-size:14px; line-height:20px; color:#fff; text-align:left; text-indent:2em}
.topbox .czph{ position:absolute; width:628px; height:120px; bottom:-60px; left:50%; margin-left:-314px}

.part01{ background:url(img/part01bg.jpg) no-repeat center top; height:402px;}
.part01 .fl,.part01 .fr,.part02 .fl{ width:600px;}
.part01 p{ padding:150px 75px 0 75px; color:#666; line-height:30px;}
.part01 iframe{ padding:10px; width:580px; height:382px;}

.part02a .fr{ padding:0 50px; width:500px; text-align:center}
.part02a b{ display:inline-block; vertical-align:top; width:180px; text-align:center; font-size:24px; background:#000;line-height:50px; color:#fff; border-radius:30px; font-weight:normal; margin:15px 0}
.part02a p em{ display:inline-block; width:33%; text-align:left; color:#666; line-height:30px;}
.part02a ul li{ width:22%; float:left; margin:1%; border:1px solid #d3d3d3; line-height:36px; border-radius:30px;}
.part02a span{ display:block; width:100%; float:left; line-height:20px; color:#666; padding-top:10px;}
.part02a a.vr{ display:block; position:absolute; bottom:-40px; left:50%; margin-left:-240px;width:474px; height:74px; line-height:74px; border:3px solid #da251d; border-radius:50px; font-weight:bold;text-align:center; font-size:20px; background:#fff; color:#da251d }
.part02a a.vr i{ display:inline-block; vertical-align:middle; width:50px; height:28px; background:url(img/vricon.jpg) no-repeat; margin-right:10px;}

.part02b .bd{ width:100%; float:left}
.part02b .bd ul li{ width:580px; height:276px; float:left; position:relative; margin:0 10px}
.part02b .bd ul li b{ display:block; float:left; width:120px; height:100px; padding:20px 0 0 20px; background:#da251d; color:#fff; font-size:18px; font-weight:normal; margin-top:66px;}
.part02b .bd ul li b strong{ display:block; font-size:48px; font-weight:normal; font-family:"Arial"}
.part02b .bd ul li img{ float:right}
.part02b .bd ul li .txt{ position:absolute; left:0; bottom:0; width:100%; height:90px; background:url(img/tmbg.png) repeat; color:#fff; display:table}
.part02b .bd ul li .txt p{ display:table-cell; vertical-align:middle; padding:0 20px;}

.part02c .bd ul li{ width:100%; text-align:center;}
.part02c .bd ul li img{float: left;width:284px;height: 177px;margin:5px;}
.part02c .bd ul li img.w580{width: 580px;height: 364px;}
.part02c .bd ul li img.w284{width: 284px;height: 364px;}
.part02c .bd ul li .txt{text-align:center;background: url(img/line_bg.png);padding:24px 10px 30px 30px;width: 244px;height: 123px;float: left;margin:5px;}
.part02c .bd ul li .txt b{display: block;font-size:18px;line-height:30px;margin-bottom: 10px;}
.part02c .bd ul li .txt p{text-align: left;}
.part02c .bd ul li .h364{height:310px;}
.part02c .bd ul li .h364 b{margin-top: 90px;}
.part03a{margin: 30px 0}
/*.part03a .bd{ padding:30px 0}*/
.part03a .bd ul li{ width:580px; float:left; margin:0 10px;}
.part03a .bd ul li .txt{ margin:0 20px; padding:0 20px 20px 20px; width:500px; text-align:center; background:#f9f9f9; margin-top:-18px; position:relative; z-index:9}
.part03a .bd ul li .txt b{ display:inline-block; vertical-align:top; font-size:18px; line-height:36px; background:#0b19b0; color:#fff; font-weight:normal; padding:0 50px; margin-top:-18px;}
.part03a .bd ul li .txt p{ text-align:left; line-height:24px;}

.part03b dl{ width:100%; height:500px; padding:30px 0}
.part03b dl dt{ width:400px; height:100%; background:#0b19b0; float:left; color:#fff; text-align:center }
.part03b dl dt img{width:200px; height:200px; background:#fff; border-radius:100%; margin:40px 0}
.part03b dl dt h2{ font-size:24px;}
.part03b dl dt h2 span{ display:inline-block; vertical-align:top; width:30px; height:3px; background:#fff;}
.part03b dl dt p{ text-align:left; padding:0 30px;}
.part03b dl dd{ width:800px; height:100%; float:right}
.part03b .user-ty{ border:1px solid #ddd; padding:19px; width:1160px; text-align:center}
.part03b .user-ty b{ display:inline-block; vertical-align:top; font-size:18px; line-height:36px; background:#0b19b0; color:#fff; font-weight:normal; padding:0 50px; margin-top:-38px;}
.part03b .user-ty p{ padding:0 0 20px 0}

.part04a .bd ul li{ width:100%; float:left}
.part04a .bd ul li img{ width:900px; height:450px; float:left}
.part04a .bd ul li .txt{ width:230px; height:380px; padding:35px; background:#f9f9f9; float:right}
.part04a .bd ul li span{background: url(img/tmbg.png) repeat;width: 900px;height: 50px;line-height: 50px;color:#fff;text-align: center;position: absolute;bottom: 40px;left: 0}
.part04a .bd ul li .txt b{ display:block; font-size:24px;}
.part04a .bd ul li .txt p{ line-height:30px;}
.part04a a{position: absolute;bottom: 80px;background: url(img/part04a_btn.png) no-repeat;width: 40px;height: 42px;z-index: 9;}
.part04a a.prev{background-position: 0 0;right:220px;}
.part04a a.next{background-position: -52px 0;right:165px;}

.part04b{ width:100%; height:414px; background:#f9f9f9; margin:60px 0 30px 0 }
.part04b .fl{ padding:100px 0 0 100px}
.part04b b{ display:block; font-size:24px; font-weight:normal; line-height:40px;}
.part04b p{ font-size:18px; line-height:35px;}
.part04b .fr{ width:649px; margin-top:-30px;}

.part04c h3{margin-left:-50px;}
.part04c h3 b{ display:inline-block; padding:0 50px; font-size:18px; color:#fff; background:#0b19b0; line-height:36px; }
.part04c p{ width:100%; font-size:16px; line-height:26px; text-indent:2em;}

.part05a b{ display:block; font-size:18px; padding:20px 0}
.part05a p{ font-size:14px; line-height:30px; text-indent:2em}

.part05b b{ display:block; width:100%; text-align:center; font-size:18px;}
.part05b p{ font-size:14px; line-height:30px; text-indent:2em; padding:20px 0}
.part05b img{ display:block; margin:0 auto}

.part05c ul{ width:1220px;}
.part05c ul li{ width:580px; float:left; margin:10px 20px 10px 0}
.part05c ul li img{ width:180px; float:left}
.part05c ul li .txt{ width:350px; padding:25px; background:#f9f9f9; float:left}
.part05c ul li .txt b{ display:block; font-size:18px;}
.part05c ul li .txt p{ font-size:14px; line-height:20px;overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    word-break: break-all;}
.end{ width:1198px; border:1px solid #000; margin:60px auto; text-align:center}
.end b{ display:inline-block; vertical-align:top; background:#fff; font-size:42px; line-height:60px; padding:0 50px; margin-top:-30px;}
.end p{ padding:20px 60px; font-size:14px; line-height:30px; text-indent:2em; text-align:justify}
.hd{ width:100%; float:left; text-align:center; padding:20px 0 0 0}
.hd ul li{ display:inline-block; *display:inline; *zoom:1; width:10px; height:10px; border-radius:100%; background:#da251d;margin:0 5px;cursor: pointer;}
.hd ul li.on{ width:50px;height: 10px;border-radius: 5px;}

.nav_r{cursor:pointer;background: url(img/nav_r_bg.png) center no-repeat;width: 120px;height: 279px;position: fixed;right:0;top:100px;}
.nav_r .focus{text-align: center;margin-top: 154%}
.nav_r .focus b{font-size: 18px;}