/*banner*/
.banner{position:relative; overflow: hidden; height: 520px;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{}
.banner .bd li{overflow:hidden; height:520px; text-align:center; }
.banner .bd li a{display:block; width: 100%; height: 100%; text-align: center;}

.banner .hd{position:absolute; z-index:1; bottom:15px; left:0; right: 0px; text-align: center;}
.banner .hd ul{ text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; width:12px; height:12px; background: #fff; margin:0 5px; border-radius: 50%; font-size: 0px;}
.banner .hd ul .on{background: #00aef0;}

.banner .prev,
.banner .next{position:absolute; z-index:1; top:50%; margin-top:-40px; width:80px; height:80px; cursor:pointer; display:none;}
.banner .prev{left: 20px; background: url(../images/icon-left.png) no-repeat;}
.banner .next{right:20px; background: url(../images/icon-right.png) no-repeat;}

/**/
.search_box{height:50px; border-bottom: 1px solid #e7e7e7; background: #fff;}
.search_box .hot_pro{float:left; line-height:50px;}
.search_box .hot_pro a{margin:0 15px 0 0;}

.search_box .search{float:right; margin:10px 0 0 0; }
.search_box .search .search_text{float:left; width:220px; height:30px; line-height:30px; background: #e7e7e7; border:none; text-indent:10px; color:#888; font-size: 12px;}
.search_box .search .search_submit{float:left; width:47px; height:30px; background:url(../images/search_submit.png) no-repeat center #ce110d; border:none; cursor:pointer;}


/**/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center top #f1f1f1; height: 368px;}
.part1{padding-top: 40px; padding-bottom: 45px; text-align: center;}
.part1 h2{padding-bottom: 15px; font-size: 28px; line-height: 1; font-weight: bold; color: #0151a6;}
.part1 h2 font{color: #b30400;}
.part1 span{display: inline-block; background: #a7a7b1; padding: 0 30px; color: #fff; font-family: Arial; text-transform: uppercase; line-height: 27px;}

.list1{text-align: center; overflow: hidden;}
.list1 li{float: left; width: 20%;}
.list1 li span{display: inline-block; position: relative; z-index: 1;}
.list1 li span:after{position: absolute; left: 87px; top: 0px; display: block; content: url(../images/zc_img_bg.png); z-index: -1;}
.list1 li h2{padding-top: 15px; font-size: 12px; font-weight: normal; line-height: 24px;}


/**/
.jjfa_part{margin-top: 42px; border-top: 1px solid #b2b0bb; padding-top: 20px; padding-bottom: 35px; text-align: center;}
.jjfa_part span{display: block;}
.jjfa_part h2{display: inline-block; padding-top: 10px; font-size: 18px; line-height: 1; color: #222; font-weight: normal;}
.jjfa_part h2:after,
.jjfa_part h2:before{position: relative; top: -5px; display: inline-block; content: ""; width: 56px; height: 1px; background: #a7a7b1;}
.jjfa_part h2:after{margin-left: 10px;}
.jjfa_part h2:before{margin-right: 10px;}

.left_bg{position: relative; z-index: 1;}
.left_bg:after{position: absolute; left: -19px; top: 0px; display: block; content: ""; background: url(../images/yy.png) no-repeat; width: 298px; height: 770px; z-index: -1;}

.sideMenu{padding: 35px 18px 0 18px;}
.sideMenu h3{margin-bottom: 10px; background: #d20c1d; height:34px; line-height:34px; padding-left:10px; cursor:pointer; border-radius: 5px; color: #fff;}
.sideMenu h3 em{display: inline-block; margin-right: 5px;}
.sideMenu ul{margin-top: -5px; margin-bottom: 10px; display:none;}
.sideMenu ul li{padding-left: 10px; line-height: 28px;}
.sideMenu ul li i{margin-right: 5px; font-size: 12px;}

.slideTxtBox{}
.slideTxtBox .hd{}
.slideTxtBox .hd ul{overflow: hidden;}
.slideTxtBox .hd ul li,
.slideTxtBox .hd ul span{float:left; margin-right: 15px; width: 212px; height: 50px; line-height: 50px; overflow: hidden; font-size: 18px; background: #0149ab; text-align: center; cursor:pointer; color: #fff;}
.slideTxtBox .hd ul li{width: 160px;}
.slideTxtBox .hd ul li.on{background: #cf0c1c;}
.slideTxtBox .hd ul span{float: right; margin-right: 0px;}
.slideTxtBox .hd ul span a i{margin-right: 5px; font-size: 20px!important;}
.slideTxtBox .hd ul span a,
.slideTxtBox .hd ul span a:visited,
.slideTxtBox .hd ul span a:hover{display: block; background: #cf0c1c; color: #fff;}

.slideTxtBox .bd ul{overflow: hidden; margin-top: 20px; margin-left: -15px;}
.slideTxtBox .bd ul li{float: left; width: 33.33%;}
.slideTxtBox .bd ul li a{display: block; margin-left: 15px;}
.slideTxtBox .bd ul li span{display: block; position: relative; padding-bottom: 64%;}
.slideTxtBox .bd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}
.slideTxtBox .bd ul li span h2{position: absolute; left: 0px; bottom: 0px; width: 100%; text-align: center; line-height: 34px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; background: rgba(0,0,0,0.5); z-index: 2;}
.slideTxtBox .bd ul li h3{padding: 20px 0; text-align: center;}
.slideTxtBox .bd ul li h3 i{display: inline-block; width: 98px; line-height: 24px; font-style: normal; font-size: 12px; color: #fff; text-align: center; background: #0348ad; border-radius: 3px;}
.slideTxtBox .bd ul li h3 i:first-child{background: #ce0901;}


/**/
.i_ly{margin-top: 30px; background: url(../images/bg2.jpg) no-repeat center; height: 394px;}
.i_ly ul{float: right; margin-top: 185px; width: 350px; padding-right: 100px;}
.i_ly ul li{margin-bottom: 5px;}
.i_ly ul .btn_text{width: 100%; border: 1px solid #a9a9b3; text-indent: 20px; height: 30px; line-height: 28px; font-size: 12px; color: #888; border-radius: 50px; overflow: hidden;}
.i_ly ul .btn_submit{background: #0149ab; border: none; width: 115px; height: 35px; font-size: 14px; color: #fff; border-radius: 50px;}


/**/
.part2{padding-top: 40px; padding-left: 5px; text-align: center;}
.list2{margin-top: 10px; margin-bottom: 20px; position: relative; counter-reset:ceshi;}
.list2:after{position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; display: block; content: ""; width: 25px; height: 25px; background: #cf0f1c; border-radius: 50%;}
.list2:before{position: absolute; left: 50%; bottom: -60px; margin-left: -25px; display: block; content: url(../images/ys_tb.png);}
.list2 li{float: left; position: relative; width: 50%; border-left: 5px solid #cf0f1c; border-bottom: 5px solid #cf0f1c; counter-increment:ceshi;}
.list2 li:after,
.list2 li:before{position: absolute; display: block; content: ""; width: 25px; height: 25px; background: #cf0f1c; border-radius: 50%;}
.list2 li:after{left: 0px; top: 30%; margin-left: -15px;}
.list2 li:before{bottom: 0; left: 50%; margin-left: -15px; margin-bottom: -15px; }
.list2 li:first-child,
.list2 li:first-child+li+li{border-left: none;}
.list2 li:first-child+li+li,
.list2 li:first-child+li+li+li{border-bottom: none;}
.list2 li:first-child:after,
.list2 li:first-child+li+li:after{display: none;}
.list2 li:first-child+li+li:before,
.list2 li:first-child+li+li+li:before{display: none;}
.list2 li:first-child+li+li+li:after{top: auto; bottom: 30%;}
.list2 li span{float: left;}
.list2 li span img{width: 285px; height: 350px; background: #ccc;}
.list2 li .con{float: right; width: 290px; padding-top: 30px; padding-right: 20px;}
.list2 li .con h2{background: url(../images/ys_list.png) no-repeat; margin: auto; width: 87px; height: 80px; text-align: center; line-height: 80px; color: #fff; font-family:Impact; font-size: 34px; font-weight: normal;}
.list2 li .con h2:after{display: inline-block; content:counters(ceshi,"-");}
.list2 li .con h3{padding-top: 45px; padding-bottom: 10px; font-size: 16px; font-weight: bold; color: #004fa4; line-height: 1;}
.list2 li .con h3 font{color: #df0c1b;}
.list2 li .con p{font-size: 14px; line-height: 25px;}

.list2 li:first-child+li span,
.list2 li:first-child+li+li+li span{float: right;}
.list2 li:first-child+li .con,
.list2 li:first-child+li+li+li .con{float: left; padding-left: 20px; padding-right: 0px;}


/**/
.case_bg{background: url(../images/bg5.png) no-repeat center top; min-height: 270px;}
.part3{height: 177px; text-align: center; color: #fff;}
.part3 h2{padding-top: 72px; padding-bottom: 10px; font-size: 28px; line-height: 1; font-weight: bold;}
.part3 h2:before,
.part3 h2:after{display: inline-block; content: ""; width: 74px; height: 1px; background: #fff;}
.part3 h2:before{margin-right: 17px;}
.part3 h2:after{margin-left: 17px;}
.part3 span{text-transform: uppercase; font-size: 14px;}
.case_box{background: #fff; border: 1px solid #b0aeb9;}

.picMarquee-left{padding: 30px;}
.picMarquee-left .bd{}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{float:left; width: 20%; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li a{display: block; margin-left: 20px;}
.picMarquee-left .bd ul li span{display: block; position: relative; padding-bottom: 40%;}
.picMarquee-left .bd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}
.picMarquee-left .bd ul li h2{padding-top: 10px; font-size: 14px; font-weight: normal;}


/**/
.part5{margin-top: 55px; background: url(../images/vs.png) no-repeat center; height: 143px;}

.vs_box{border: 1px solid #e7e7e7; padding: 0 50px 30px 50px;}

.vs{margin-top: 15px; position: relative;}
.vs:after{display: block; content: ""; clear: both;}
.vs i{position: absolute; left: 50%; top: 0px; margin-left: -45px; background: #fff; padding: 0 10px; font-size: 50px; font-family:Arial; font-weight: bold; line-height: 1; z-index: 2; color: #000; font-style: normal;}
.vs i:first-letter{color: #cc0a00;}
.vs li{float: left; width: 50%; position: relative; text-align: center; z-index: 1;}
.vs li span{display: inline-block; background: #fff; padding: 0 15px; font-size: 22px; line-height: 45px; color: #333;}
.vs li:first-child span{color: #cc0a00;}
.vs li:before{position: absolute; left: 0px; top: 50%; display: block; content: ""; width: 100%; height: 1px; background: #d5d4da; z-index: -1;}

.vs_list{margin-top: 25px; overflow: hidden;}
.vs_list ul{float: right; width: 45%;}
.vs_list ul:first-child{float: left;}
.vs_list ul li{margin-bottom: 15px; background: #e30a25; overflow: hidden; color: #fff;}
.vs_list ul li span{float: left; margin-right: 40px;}
.vs_list ul li span img{width: 208px; height: 134px; background: #ccc;}
.vs_list ul li .con{padding-top: 25px; padding-right: 50px; position: relative;}
.vs_list ul li .con:after{position: absolute; right: -40px; top: 28px; display: block; content: ""; width: 80px; height: 80px; background: #fff; border-radius: 50px;}
.vs_list ul li .con h2{padding-bottom: 10px; font-size: 16px; font-weight: normal; line-height: 1;}
.vs_list ul li .con p{line-height: 22px; font-size: 14px;}


/**/
.fw_bg{background: url(../images/bg7.png) no-repeat center bottom; height: 580px;}
.part6{margin-top: 50px; background: url(../images/fw.png) no-repeat center bottom; overflow: hidden; text-align: center;}
.part6 h2{padding-bottom: 10px; font-size: 28px; color: #000; line-height: 1; font-weight: bold;}
.part6 h2 font{color: #e30a25;}
.part6 span{display: inline-block; background: #fff; padding: 0 20px; border: 1px solid #becfe9; line-height: 29px; font-size: 16px; color: #333;}

.fw{position: relative;}
.fw li{position: absolute; background: url(../images/si.png) no-repeat; width: 209px; height: 209px; text-align: center;}
.fw li:after{position: absolute; right: -80px; top: -20px; display: block; content: url(../images/si2.png);}
.fw li span{display: inline-block; padding-top: 50px; color: #000; font-size: 16px; font-family: Arial;}
.fw li i{margin-top: 10px; margin-bottom: 10px; display: block; color: #e30a25; font-size: 40px; line-height: 1;}
.fw li h2{font-size: 13px; color: #222;}
.fw li:nth-child(1){position:absolute;left:110px;top:50px;}
.fw li:nth-child(2){position:absolute;left:370px;top:50px;}
.fw li:nth-child(3){position:absolute;left:637px;top:50px;}
.fw li:nth-child(4){position:absolute;left:895px;top:50px;}
.fw li:nth-child(5){position:absolute;left:240px;top:175px;}
.fw li:nth-child(6){position:absolute;left:500px;top:175px;}
.fw li:nth-child(7){position:absolute;left:765px;top:175px;}
.fw li:nth-child(5):after,
.fw li:nth-child(6):after{top: 118px;}
.fw li:nth-child(4):after,
.fw li:nth-child(7):after{display: none;}

/**/
.ggw{margin-bottom: 80px; background: url(../images/ggw.jpg) no-repeat center; height: 210px;}
.ggw a{display: block; height: 210px;}

/**/
.about_img{float: left; position: relative; width: 735px; height: 355px; z-index: 1;}
.about_img:after{position: absolute; left: 0px; top: 0px; display: block; content: ""; width: 508px; height: 355px; border: 2px solid #cd1017; z-index: -1;}
.about_img img{position: absolute; left: 157px; top: 28px; width: 590px; height: 303px; border: 3px solid #fff;}

.about_con{float: right; width: 465px; position: relative; z-index: 5;}
.about_con h2{padding-bottom: 10px; padding-left: 30px; padding-top: 32px; font-size: 28px; color: #000; line-height: 1;}
.about_con h2 span{padding-bottom: 10px; display: block; color: #cc0f17; text-transform: uppercase; font-family:Arial;}
.about_con p{background: #cc0f16; height: 215px; padding: 20px; color: #fff; font-size: 14px; line-height: 28px;}
.about_con i{margin-top: 20px; display: block; font-style: normal;}
.about_con i a,
.about_con i a:visited,
.about_con i a:hover{color: #fff;}

.slideGroup{padding-top: 30px; padding-bottom: 70px;}
.slideGroup .parHd{margin-bottom: 25px;}
.slideGroup .parHd ul{text-align: center;}
.slideGroup .parHd ul li{display: inline-block; margin: 0 12px; width: 120px; height: 38px; line-height: 34px; border: 2px solid #b4b4b4; font-size: 16px; color: #333; cursor:pointer;  }
.slideGroup .parHd ul li.on{background: #ed190b; border-color: #ed190b; color: #fff;}

.slideGroup .slideBox{zoom:1; position:relative;}
.slideGroup .sPrev,
.slideGroup .sNext{position:absolute; left:-35px; top:60px; display:block; width:30px; height:85px; background: #0151a8; text-align: center; color: #fff; line-height: 85px;}
.slideGroup .sPrev i,
.slideGroup .sNext i{font-size: 24px;}
.slideGroup .sNext{ left:auto; right:-35px;}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{background: #ed190b;}

.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{float:left; width: 25%; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li a{display: block; margin: 0 10px;}
.slideGroup .parBd ul li span{display: block; padding-bottom: 70%; position: relative; overflow: hidden;}
.slideGroup .parBd ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}

/**/
.news_bg{background: #e8e8e8; padding-top: 60px; overflow: hidden;}
.con_bg{background: #fff;}
.part7{padding: 20px 0 15px 20px; position: relative;}
.part7 h2{padding-bottom: 10px; font-size: 20px; line-height: 1; font-weight: normal; color: #333;}
.part7 span{font-size: 16px; text-transform: uppercase; color: #bdbcb7;}
.part7 a{position: absolute; right: 0px; top: 20px; width: 70px; line-height: 35px; background: #ed190b; text-align: center; color: #fff; font-size: 12px; text-transform: uppercase;}
.txtMarquee-top{padding: 0 20px 15px 20px;}
.txtMarquee-top .bd{}
.txtMarquee-top ul{}
.txtMarquee-top ul li{margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #e7e7e7; height: auto!important;}
.txtMarquee-top ul li h2{padding-bottom: 5px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.txtMarquee-top ul li h2 a,
.txtMarquee-top ul li h2 a:visited{color: #333;}
.txtMarquee-top ul li h2 a:hover{color: #ec180a;}
.txtMarquee-top ul li p{line-height: 22px; color: #888;}


.part8{background: url(../images/z2.png) repeat-x; height: 49px;}
.part8 h2{float: left; padding-left: 15px; font-size: 18px; line-height: 49px; color: #333;}
.part8 span{float: right;}
.part8 span a{display: block; width: 70px; line-height: 49px; background: #ed190b; text-align: center; color: #fff; font-size: 12px; text-transform: uppercase;}

.list3{padding: 20px;}
.list3 dl{overflow: hidden;}
.list3 dl span{float: left; width: 280px; margin-right: 30px;}
.list3 dl span i{display: block; position: relative; padding-bottom: 64%;}
.list3 dl span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}
.list3 dl dt{padding-top: 10px; padding-bottom: 10px; font-size: 16px; line-height: inherit;}
.list3 dl dt a,
.list3 dl dt a:visited{color: #333;}
.list3 dl dt a:hover{color: #cc0f17;}
.list3 dl dd{line-height: 24px; color: #888;}
.list3 ul{margin-top: 20px; margin-left: -30px; overflow: hidden;}
.list3 ul li{float: left; width: 50%; padding-left: 30px; padding-right: 100px; position: relative; line-height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list3 ul li span{position: absolute; right: 0px; top: 0px; color: #888;}



/**/
.link{overflow: hidden; padding-bottom: 40px;}
.link h2{float: left; font-size: 18px; font-weight: bold; color: #ca101d;}
.link h2 span{display: block; font-size: 16px; font-family: Arial; color: #555; text-transform: uppercase; font-weight: normal;}
.link ul{float: right; width: 1115px; padding-top: 10px;}
.link ul li{float: left; margin-right: 10px; font-size: 14px;}















