@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; }
ul li{list-style:none;}
body{font-family:"微软雅黑";overflow-x:hidden;}

.clear{clear:both;}
a{text-decoration:none;}
.banner{width:100%; margin:auto; height:856px;}
.banner p{width:100%; height:428px;}

.title{width:100%; height: 156px; margin:auto; background: url(../images/tit_bg.gif) repeat-x;}
.tit_img{width: 600px; margin: 1px auto 0 auto;}
.part{width:100%; margin: 90px auto 0 auto;}
.part0{width: 1200px; margin: 42px auto 0 auto;}
.part1{width: 1120px; margin: 42px auto 0 auto;}
.part2{width:100%; margin: 0 auto; height: 653px; background: url(../images/anli_bg.jpg) no-repeat; background-position:center 0;}
.part12{width: 1200px; margin: 0 auto; position: relative;}
.da_left{width: 579px; height: 795px; float: left;}
.da_right1{width: 135px; height: 795px; float: left; margin-left: 50px; background: url(../images/da_bg.gif)repeat-y;}
.yuan0{width: 135px; height: 115px; background: url(../images/bhy_02.jpg) no-repeat; text-align: center; color: #fff; padding-top: 20px;}
.yuan{width: 135px; height: 115px; background: url(../images/bhy_02.jpg) no-repeat; margin-top: 85px; text-align: center;color: #fff;padding-top: 20px;}
.yuan0 h3,.yuan h3{ font-size: 36px; line-height: 45px; font-weight: normal;}
.da_right2{width: 404px; float: left; margin-left: 32px;}
.da_txt0,.da_txt{width: 404px; height: 135px;}
.da_txt{margin-top: 85px;}
.da_txt0 h2,.da_txt h2{ font-size: 30px; line-height:54px; color: #222; font-weight: bold;}
.da_txt0 p,.da_txt p{font-size: 20px; line-height: 26px; color: #333;}
.btn1{width: 280px; height: 52px; margin: 50px auto 0 auto; border-radius: 26px; background: #ffcc00; text-align: center;}
.btn1 a{font-size: 24px; line-height: 50px; color: #2718c7;}
.xs_1{width: 1200px; height: 350px; position: relative;}
.xs_left{width:645px; position: absolute; top: 0; left: 0; }
.xs_right{width: 621px; height: 270px; background: #f0f0f0; top: 43px; left: 579px; position: absolute; padding-top: 36px;}
.xs_right p{font-size: 20px; line-height: 28px; text-indent: 2em; margin-left: 52px; width: 532px; color: #333;}
.btn2{width: 281px; height: 52px; border-radius: 26px; background: #ffcc00; margin-left: 52px; margin-top: 25px; text-align: center;}
.btn2 a{font-size: 24px; line-height: 50px; color: #2718c7;}
.xs_2{width: 1200px; height: 360px; position: relative; margin-top: 30px;}
.xs_top{width:1200px; position: absolute; top: 0; left: 0; height: 223px; background: #f0f0f0; padding-top: 30px;}
.xs_top p{font-size: 20px; line-height: 28px; text-indent: 2em; margin-left: 46px; width: 1124px; color: #333;}
.xs_bottom{width: 850px;  top: 146px; left: 351px; position: absolute;}
.jz_left{width: 800px; float: left;}
.jz_left li{width: 396px; float: left; margin-right: 4px;display:inline-block;position:relative;overflow:hidden;margin-bottom: 4px;}
.jz_left p{font-size: 20px; line-height: 26px; color: #333; width: 362px; margin: 12px 0 0 14px;}
.hei1{width:396px; height:303px; background-color:#000;background-color:rgba(0,0,0,0.5); position:absolute;top:303px; text-align:center; padding-top:70px;}
.hei1 p,.hei2 p{margin:40px auto; text-align:left; color:#fff; font-size:18px; line-height:27px; text-align:center;}
.jz_right{width: 400px; float: left;display:inline-block;position:relative;overflow:hidden;margin-bottom: 4px;}
.hei2{width:400px; height:505px; background-color:#000;background-color:rgba(0,0,0,0.5); position:absolute;top:505px; text-align:center; padding-top:70px;}
.hei2 p{margin:160px auto; }
.btn3{width: 281px; height: 52px; border-radius: 26px; background: #ffcc00;text-align: center; margin: 40px auto 0 auto;}
.btn3 a{font-size: 24px; line-height: 50px; color: #2718c7;}

.anli{width: 616px; height: 546px; position: absolute; left: 573px; top: 70px;}
.anli_pic{width: 616px; height: 144px;}
.anli_txt{margin-top: 24px; margin-left: 20px;}
.qirepic h3{font-size: 25px; color: #222; font-weight: bold; line-height: 60px; margin-top: 18px;}
.qirepic h4{font-size: 25px; color: #333; font-weight: normal; line-height: 50px;}
.qirepic p{font-size: 24px; line-height: 36px; color: #333; width: 580px;}
.num ul{width:46px; margin:40px auto 0 auto;}
.num li{width: 8px; height: 8px; border-radius: 4px; background: #e1e1e1; float: left;margin-right: 7px;}
.num li.on{ background: #2718c7;}

.pro3_js  {margin: 45px auto 30px;height: 520px;}
.pro3_js h4 {margin:20px auto;}
.pro3_js .hd {width:1100px;margin: 0 auto;}
.pro3_js .hd li {width:216px;height: 70px; float:left; text-align:center; font-size:36px; line-height:70px; background-color:#f2f2f2;color: #333;margin-right:5px;}
.pro3_js .hd li:last-child {margin-right:0px;}
.pro3_js .hd .on {width: 216px; color:#fff;background-color:#3712dc; cursor: pointer;}
.pro3_js .bd {width:1120px;margin-top: 20px;}
.pro3_js .bd .li1 {width:540px; float:left;}
.pro3_js .bd .li2 {width:540px; float:left;text-align:left; margin-left:20px;}

.bd .pp-focus{width: 1120px; height:430px; margin: 0 auto;position: relative;}
.bd .pp-focus ul{overflow:hidden;}
.bd .pp-focus li{float: left; position: relative; width: 540px;padding: 0 10px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.bd .pp-focus li img{display: block;width: 540px;height: 430px;background: url('../images/loading.gif') center center no-repeat;}
.bd .sPrev,.bd .sNext{position: absolute;width: 22px;height: 71px;top:170px;background: url("../images/arrow.png");}
.bd .sPrev{left: 25px;}
.bd .sNext{right: 25px; background-position: right top;}
.bd .sPrev:hover{ background-position: left bottom;}
.bd .sNext:hover{ background-position: right bottom;}