/** main **/ 
.main{ width:1200px; height:auto; overflow:hidden; padding:210px 0;}



.index_prolist{ background:url(../images/leftcpbt.jpg) no-repeat center top; width:270px; padding:96px 0 0; float:left;}
.index_prolist ul li{ height:50px; line-height:50px; background: url(../images/left_icon1.png) no-repeat 30px center #ededed; padding-left:70px; border-bottom: 1px solid #dddddd; margin-bottom: 1px; font-size: 16px;}
.index_prolist ul li a{ color: #4c4c4c;}
.index_prolist ul li:hover{ background: url(../images/left_icon.png) no-repeat 30px center #1e74d7;}
.index_prolist ul li:hover a{ color: #fff;}


#cpbt .yy:hover{ background:  no-repeat 80px center #00c8c8; }
#cpbt .yy:hover a{color: #fff;}
#cpzs > ul > .selected a{text-decoration:none;} 
.index_proright{ width:900px; float:right;}
.picFocus{ width:900px; position:relative;  overflow:hidden; zoom:1; }
.picFocus .hd{ width:100%; padding-top:10px;  overflow:hidden; }
.picFocus .hd ul{ margin-top:10px; overflow:hidden; zoom:1; }
.picFocus .hd ul li{  float:left;  text-align:center; width:268px; background: #fff; border: 1px solid #e2e2e2; border-bottom: 5px solid #4c4c4c; padding: 7px; margin:0 8px 0;  }
.picFocus .hd ul li p{ height:48px; line-height:48px; color:#2f2a2a;}
.picFocus .hd ul li p a{ color:#2f2a2a;}
.picFocus .hd ul li img{ width:268px; height:182px; cursor:pointer; }
.picFocus .hd ul li .zxcp{ background: url(../images/bt_icon2.png) no-repeat 10px center; width: 85px; height: 30px; line-height: 30px; border: 1px solid #4c4c4c; border-radius: 20px; padding-left: 30px; margin-bottom: 10px; transition:0.4s all 0s linear;}
.picFocus .hd ul li.on{ border-bottom: 5px solid #1e74d7; }
.picFocus .hd ul li.on .zxcp a{ color:#1e74d7;}
.picFocus .hd ul li.on .zxcp{ border: 1px solid #1e74d7; }

.picFocus .bd{ padding:10px; border: 10px solid #1e74d7;}
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd a img{ width:340px; height:230px; display:block; float: left; border: 1px solid #d1d1d1;}
.picFocus .bd li .text{ float:right; width:500px;}
.picFocus .bd li .text .bt{ background: url(../images/bt_icon.png) no-repeat 10px center #4c4c4c; height: 45px; line-height: 45px; padding-left: 45px; color: #fff; font-size: 18px; font-weight: bold;}
.picFocus .bd li .text .bt1{ background: url(../images/bt_icon1.png) no-repeat 10px center #4c4c4c; height: 45px; line-height: 45px; padding-left: 45px; color: #fff; font-size: 18px; font-weight: bold;}
.picFocus .bd li .text .content{ line-height: 25px; padding: 10px 0; margin: 0;}
.picFocus .bd li .text .more{ background: #1e74d7; width: 50px; height: 35px; line-height: 35px; text-align: center; float: right; transition:0.2s all 0s linear;}
.picFocus .bd li .text .more a{ color: #fff;}
.picFocus .bd li:hover .text .more{ background: #00c8c8;}


.hui{ background: #ededed; width: 100%; height: auto; overflow: hidden;}
.huimain{ width:1200px; height:auto; padding:30px 0;}
#ysnr{ width: 1200px; background: url(../images/yspic.png) no-repeat center 30px; height: 600px; margin-top: 45px; position: relative; margin:70px 0 10px;}
.ysfont{ width: 580px; height: 171px;}
.ysfont .ysbj{ background: #00c8c8; height: 171px; width: 0; margin-right: 85px; transition:0.4s all 0s linear;}
.ysfont .yspic{ width: 171px; height: 171px;}
.ysfont .font{ width: 370px; float: right; margin-right: 20px;  padding-bottom: 20px; color: #333333; line-height: 25px; font-size: 16px; text-align: right; padding-top: 30px;}
.ysfont .font p{ font-size: 24px; margin-bottom: 35px;}
.ysfont:hover .font{ color: #fff;}
.ysfont:hover .font p{ color: #fff;}
.ysfont:hover .ysbj{ width:495px;}
.ys1{ position: absolute; left: -73px; top: -29px;}
.ys2{ position: absolute; left: -135px; top: 216px;}
.ys3{ position: absolute; left: 0; top: 415px;}
.ys4{ position: absolute; right: -55px; top: -29px;}
.ys5{ position: absolute; right: -135px; top: 216px;}
.ys6{ position: absolute; right: 0; top: 415px;}
.ysfont .ysbj1{ background: #00c8c8; height: 171px; width: 0; margin-left: 85px; transition:0.4s all 0s linear;}
.ysfont .font1{  width: 350px; float: left; margin-left: 20px;  padding-bottom: 20px; color: #333333; line-height: 25px; font-size: 16px; text-align: left; padding-top: 30px;}
.ysfont .font1 p{ font-size: 24px; margin-bottom: 35px;}
.ysfont:hover .font1 p{  color: #fff;}
.ysfont:hover .font1{ color: #fff;}
.ysfont:hover .ysbj1{ width: 495px;}


.hui2{ background: #6b6f78; width: 100%; height: auto; overflow: hidden;}
#line1{ height: 105px; background: url(../images/vspic1.png) no-repeat center #ededed;}
.hui2 .font{ background: url(../images/vsbt.png) no-repeat left top; width: 72px; height: 79px; color: #fff; margin: 0 5px; font-size: 18px; text-align: center; padding-top: 15px; transition:0.3s all 0s linear;}
.hui2 .font p{ background: url(../images/vsbt_line.png) no-repeat center bottom; height: 25px; font-size: 14px; margin-bottom: 5px;}
.hui2 .bt1{ color: #e63c3d; font-size: 24px; font-weight: bold; height: 105px; line-height: 105px; margin: 0 10px; transition:0.3s all 0s linear;}
.hui2 .bt2{ color: #4c4c4c; font-size: 24px; font-weight: bold; height: 105px; line-height: 105px; margin: 0 10px; transition:0.3s all 0s linear;}
#line2{ height: 105px; background: url(../images/vspic2.png) no-repeat center #ededed; margin-top: 15px;}
#line3{ height: 105px; background: url(../images/vspic3.png) no-repeat center #ededed; margin-top: 15px;}
#line4{ height: 105px; background: url(../images/vspic4.png) no-repeat center #ededed; margin-top: 15px;}
#line1:hover .font{ background: url(../images/vsbt1.png) no-repeat left top;}
#line1:hover .bt1{ margin: 0 20px;}
#line1:hover .bt2{ margin: 0 20px;}
#line2:hover .font{ background: url(../images/vsbt1.png) no-repeat left top;}
#line2:hover .bt1{ margin: 0 20px;}
#line2:hover .bt2{ margin: 0 20px;}
#line3:hover .font{ background: url(../images/vsbt1.png) no-repeat left top;}
#line3:hover .bt1{ margin: 0 20px;}
#line3:hover .bt2{ margin: 0 20px;}
#line4:hover .font{ background: url(../images/vsbt1.png) no-repeat left top;}
#line4:hover .bt1{ margin: 0 20px;}
#line4:hover .bt2{ margin: 0 20px;}

#marqueedivcontrol{width:1200px; height:130px; overflow:hidden; margin:20px 0 0; float:left;}
#marqueedivcontrol li{ float:left; overflow: hidden; width:192px; height:130px; margin-right:20px; text-align:center;}
#marqueedivcontrol li img{ width:190px; border: 1px solid #e6e6e6; height:107px;}
.cpgd{width:1498px;}


#gsjjbj{ background: url(../images/gsjjbj.jpg) no-repeat center top; height: auto; overflow: hidden; width: 100%;}
#gsjj{ position: relative; width: 795px; padding: 20px; background: #fff; float: left;}
#gsjj_more{ position: absolute; z-index: 10; right: 25px; top: 20px;}
#zzry{ width: 309px; height: auto; overflow: hidden; float: right; background: #fff; padding: 20px;}
.title_index{ background: url(../images/title_line.png) no-repeat left bottom; height: 40px;}
.title_index .left{ color: #333333; font-weight: bold; font-size: 20px;}

.slideBox{ width:309px; height:267px; overflow:hidden; position:relative; float:left;}
.slideBox .hd{ height:35px; overflow:hidden; position:absolute; background:#26324a; opacity: 0.8; width:309px; bottom:0; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right; padding:14px 10px 0 0;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:10px; height:10px; border-radius:5px; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#ff0; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; text-align: center; background: #fff; }
.slideBox .bd img{ max-width:309px; height:232px; }

#xwzx{ width: 814px; height: auto; overflow: hidden; float: left;}
#zxly{ width: 350px; height: auto; overflow: hidden; float: right;}



#marqueedivcontrola{width:1200px; height:280px; overflow:hidden; margin: 40px 0 0; float:left;}
#marqueedivcontrola li{ float:left; overflow: hidden; width:264px; border: 10px solid #00c8c8; background: #f4f4f4; height:260px; margin-right:20px; text-align:center; transition:0.3s all 0s linear;}
#marqueedivcontrola li img{ max-width:264px; height:203px;}
#marqueedivcontrola li p{ color: #000; height: 45px; line-height: 45px; font-size: 16px;}
#marqueedivcontrola li:hover{ border: 10px solid #333;}
.cpgda{width:2736px;}