.head{
    width: 100%; height: 90px; background-color: #fff; position: relative; z-index: 100000;
}
.logo{ height:90px;display: table; }
.logo span{ display:table-cell; vertical-align:middle;}

.nav{width:auto; height:100%; }
.nav ul{width:auto;}
.nav li{position: relative; width:auto;padding: 0px 13px; float: left; height: 100%;}
.nav li a{width: 100%; height: 90px;  line-height: 90px; display:block; padding: 0px 10px; position: relative; color: #555;}
.nav li a::after{
	width: 0; content: ''; height: 2px; background-color: #BC2921; position: absolute; bottom: 0px; left: 50%;
	transition: all .6s ease-out 0s; opacity: 0;
	-moz-transition: all .6s ease-out 0s; /* Firefox 4 */
	-webkit-transition:all .6s ease-out 0s; /* Safari 和 Chrome */
	-o-transition: all .6s ease-out 0s; /* Opera */
}
.nav li  a:hover{ background:none;}
.nav li a:hover::after{width: 100%; left: 0; opacity: 0.5;}
.nav li a.cur::after{width: 100%; left: 0; opacity: 1;}

.nav li ul{ position:absolute; left:0px; top:90px;width:200px; left:50%; display:none; background:#fff; opacity:0;padding: 0px 5px 10px;}
.nav li ul li{ width:100%; height:auto; text-align:center; background:#fff; }
.nav li ul li a{height:auto;padding:10px 5px; line-height: 24px;  }
.nav li ul li a:hover{ color: #BC2921;}
.nav li ul li a::after{ display:none; }
.nav li:hover ul{ display:block; opacity:1;}

.navRight{width: auto;  height: 100%; line-height: 90px; }
.navRight span{display: inline-block; width: 42px;}
.serachs{width: 0px; height: 90px; right:0px; top: 0px;line-height: 50px; overflow: hidden; position: absolute; z-index: 10000; background-color: #fff; padding-top: 20px;  text-align: left; }
.serachs .inps{width: calc(100% - 48px); height: 48px; border: 0px; border-bottom: 1px solid #F0F2F5; font-size: 14px; }
.serachs .box{width: 48px; height: 48px;  text-align: center; border-bottom: 1px solid #F0F2F5;}
.navRight:hover .serachs{width: 600px; padding-left: 20px; }

/*------------------------flash4-----------------------------------*/

.flash{ width:100%; height:auto; overflow:hidden;  }
.flash .swiper-container{ width:100%; height:auto;overflow: hidden;}
.flash .swiper-slide a{ width:100%; height:100%; display:block;}
.flash .swiper-slide a img{ width:100%; height:auto;object-fit: contain;}
.flash .swiper-slide{ width:100%; height:auto; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.flash .swiper-pagination-bullet { 
        width:20px; height:20px; background: none; opacity: 1;
    }
.flash .swiper-pagination{ bottom:23px;}
.flash .swiper-pagination-bullet { 
	opacity:0.8; background:#fff;-webkit-transition:500ms; -moz-transition:400ms; -ms-transition:400ms; transition:400ms; width:10px;border-radius:5px; height:10px;
}

.flash .swiper-pagination{ bottom:23px;}
.flash .swiper-pagination-bullet-active{ background:#BC2921; width:40px; }

/*-----------------*/

.IndexTitle{padding-top: 56px; padding-bottom: 40px;}
.IndexTitle .Title{width: 100%; height: auto;line-height: 80px;}
.IndexTitle .coms{width: 100%; line-height: 32px;}

/*------------------IndexBg1--------------------------*/
.IndexBg1{ width:100%; height:auto; padding-top:40px;     }/*background-attachment:fixed;*/
.IndexBg1 .IndexProduct{ height:auto;    position:relative;  }

.IndexBg1 .IndexProduct .swiper-container{ height:auto; padding-bottom:122px;}
.IndexBg1 .IndexProduct .swiper-container .swiper-wrapper{  width:100%;  }/*border-radius: 0px 310px 0px 292px; overflow:hidden; width:100%;*/
.IndexBg1 .IndexProduct .swiper-slide{  width:50%; padding:0px 15px; float: left; }
.IndexBg1 .IndexProduct .swiper-slide a{ width:100%; height:auto; color:#fff; display:block; }

.IndexBg1 .IndexProduct .swiper-slide .imgs{ display:block; position:relative; border: 7px solid #F7F7F7; padding:0px 24%;}
.IndexBg1 .IndexProduct .swiper-slide .imgs .bgs{ width:100%; height:100%; opacity:0; background:rgba(197,1,2,0.6); position:absolute; top:0px; 
left:0px; }
.IndexBg1 .IndexProduct .swiper-slide:hover .imgs  .bgs{ opacity:1;}
.textShow{ position: absolute; width: 90px; height: 34px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; line-height: 32px; left: 50%; top: 50%; margin-top: -17px; margin-left: -45px;}
.IndexBg1 .IndexProduct .swiper-slide .title{ width:100%; height:auto;  line-height:30px; padding:17px 20px; background:#fff; }
.IndexBg1 .IndexProduct .swiper-slide .title h3{ font-weight:normal; line-height:36px; text-align: center;}
.IndexBg1 .IndexProduct .swiper-slide .title span{ width:100%; display:block;}

.IndexBg1 .IndexProduct .swiper-pagination{ bottom:80px;}
.IndexBg1 .IndexProduct .swiper-pagination .swiper-pagination-bullet{ width:16px; height:16px; border:1px solid #dedede; background:#dedede; opacity: 1;}
.IndexBg1 .IndexProduct .swiper-pagination .swiper-pagination-bullet-active{ background:#C50102; border:1px solid #C50102;}
.swiperBg{width: 100%; height: 580px; background-size:cover;  background-position: center;    background-repeat: no-repeat;}/*---------------------------------------------------------------*/


.IndexMainService{ 
	width: 100%; height: auto;  
}
.IndexMainService .TopBox{width: 100%; height: auto; padding-bottom: 30px;}

.IndexMainService .TopBox .swiper-slide{position: relative; color: #fff;}
.IndexMainService .TopBox  .sbodys{width: 1022px; height: auto;position: absolute;top:16.5%; left: 50%;}
.IndexMainService .TopBox  .title{width: auto; height: 56px; line-height: 46px;}
.IndexMainService .TopBox  .title::after{content: ""; width: 44px; height: 3px;left: 50%; margin-left: -22px; bottom: 0px; position: absolute; background-color: #fff;}
.IndexMainService .TopBox  .coms{width: 100%; height: 84px; line-height: 28px; margin: 13px auto 35px;}
.IndexMainService .TopBox  a.more{width: 150px; height: 46px; border: 2px solid #fff;line-height: 42px; display:inline-block; color: #fff;}
.IndexMainService .TopBox .swiper-button-next, .IndexMainService .TopBox .swiper-button-prev{ background: none; color: #fff;}

.IndexMainService .BottomBox{ height: auto; left: 50%; bottom:-120px; padding-bottom: 70px; z-index: 10000;}
.IndexMainService .BottomBox .swiper-slide{width:33.33%; float: left; height: 180px; background-color: #fff; }
.IndexMainService .BottomBox .swiper-slide:nth-child(odd){background-color: #F7F7F7;}
.IndexMainService .BottomBox .boxs{width: 90%; height: auto; left: 50%;top:50%;}
.IndexMainService .BottomBox .tops{width: 100%; height: auto;line-height: 52px; color: #c6c6c6;}
.IndexMainService .BottomBox .bottoms{width: 100%; height: auto;line-height: 36px; color: #666;}
.IndexMainService .BottomBox  .on{background-color: #BC2921 !important; color: #fff;}
.IndexMainService .BottomBox  .on .tops,.IndexMainService .BottomBox  .on .bottoms{color: #fff;}
.IndexMainService .BottomBox .swiper-pagination{width: 100%; bottom: 20px;}
.IndexMainService .BottomBox .swiper-pagination .swiper-pagination-bullet{width: 44px; height: 3px; border-radius: 0px;background-color: #CBCBCB; opacity: 1; margin: 0px 3px;}
.IndexMainService .BottomBox .swiper-pagination .swiper-pagination-bullet-active{background-color: #BA2A21;}



.indexCompany{width: 100%; height: auto; padding-top: 170px; padding-bottom: 30px; background: url(../image/mapp.jpg) no-repeat left bottom;}
.indexCompany .cleft{width: calc(100% - 660px); height:auto; padding-top: 36px; padding-right: 70px;}
.indexCompany .tops{width: 100%; height: 100px;line-height: 50px;}
.indexCompany .coms{width: 100%; margin: 14px 0px; line-height: 28px;}
.indexCompany .comBots{width: 100%; height: auto; padding-top: 15px;}
.indexCompany .comBots .box{width: 210px; height: auto;}
.indexCompany .comBots .box .tp{width: 100%;  height: 44px; line-height: 30px;}
.indexCompany .comBots .box .bt{width: 100%; line-height: 24px;}
.indexCompany .cright{width: 660px; height: 481px;padding-bottom: 70px; background: url(../image/comsp.jpg) no-repeat top center;}

.indexNew{width: 100%; height: auto; background-color: #F7F7F7; padding: 75px 0px 90px 0px;}
.indexNewTop{width: 100%; height: 64px; line-height: 64px;}
.indexNewTop .menus a{ width: auto; height: auto; display: inline-block; padding: 0px 20px; position: relative;}
.indexNewTop .menus a::after{width: 1px; height: 16px; background-color:#DEDEDE; content: ''; position: absolute; right: 0px; top:26px;}
.indexNewTop .menus a:last-child{padding-right: 0px;}
.indexNewTop .menus a:last-child::after{display: none;}
.indexNewTop .menus a:hover,.indexNewTop .menus a.cur{color: #BB2820;}
.indexNew .bodys{  height:auto; padding-top:22px; }
.indexNew .bodys .box{  height:auto; width: 33.33%; padding: 0px 15px;}
.indexNew .bodys .box a:hover h3{ color: #BB2820;}
.indexNew .bodys .box .coms{ padding:15px 0px; height:auto; line-height:24px; }
.indexNew .bodys .box .comsBodys{ height:auto; width:100%; margin-bottom: 15px;}
.indexNew .bodys .box .coms h3{ line-height:26px;  }
.indexNew .bodys .box .comsTs{ padding:10px 0px 0px;position:relative; }
.IndexNew .bodys .box .coms .times{ line-height:24px; height:100%; width:100%; }

.footer{ width:100%;  height:auto; padding-top:44px; background:#262626;}
.footer .bodys{  height:280px;  }
.footer .bodys .botomLogo{ width:15.6%; height:100%; padding-top:10px;}
.footer .bodys .coms{ width:calc(100% - 128px); height:100%;}
.footer .bodys .Box{width:calc(100% / 7); height:200px;  }
.footer .bodys .Box .ims{ width:100%; height:auto; padding-top:6px;}
.footer .bodys .tits{ width:100%; height:55px; line-height:50px; }
.footer .bodys .lists{ width:100%; height:28px; padding-top: 4px; line-height:28px;}

.footer .bodys .Boxs{ width:480px; height:100%; position:relative; }
.footer .bodys .links{ padding-left: 36px; background: url(../image/links.jpg) no-repeat left top; line-height: 40px;}
.footer .bodys .Boxs .fxs{ width:100%;  float:right; height:200px; line-height:28px;}
.footer .bodys .Boxs h1{ line-height:50px; padding-bottom: 5px;}
.footer .bodys  .kfs{ width:128px; height:auto; line-height:38px;}
.footerFx{width: 100%; height: auto; line-height: 30px; padding-top: 14px;}
.footerFx a{display:inline-block; margin: 0px 3px; font-size: 28px; line-height: 30px;}
.copyRight{ height:auto; padding-top:15px; padding-bottom:15px;  line-height:30px; background-color: #1B191A; }


.go_top{ cursor:pointer; width:60px; height:60px; position:fixed; z-index: 100000; right:50px; bottom:80px; border-radius: 20px;}
.go_top:hover{background-color: rgba(0,0, 0, 0.2);}
.mp4Box{ position: relative; }
.mp4Box .bfs{ width: 50px; height: 50px; background: url(../image/bhan.png) no-repeat center center; position: absolute; left: 20px; opacity: 0; bottom: 60px;  z-index: 12000;cursor: pointer;}
.mp4Box .bfsBg{height: 99%; width: 55%; position: absolute;left: 0px; top: 0px; background-color:rgba(0,0, 0, 0.2); z-index: 9990;}
.mp4Box .imgs{position: absolute;cursor: pointer;left: 0; top: 0; width: 55.2%; z-index: 10000; background-color: #000; } 
.fxBoxTx{width: 180px; height: 212px; position: absolute; text-align: center; left: 50%; top:-200px;line-height: 32px; display: none;  background: url(../image/fsan1.png) no-repeat center bottom;}
.fxBoxTx .Box{width: 180px; height: 200px; border-radius: 10px; padding-top: 16px;  background-color: #fff;}
.fxBoxTx .imgs{ width: 150px; height: 150px;}
.mp4Div{width: 80%; height:auto; z-index: 100000; display: none; left: 50%; top: 50%;  position: fixed;}
.mp4Bg{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: url(../image/exit.png) no-repeat top right; display: none; z-index: 99999; background-color: rgba(0,0, 0, 0.9);}
/*-----------------子页公用----------------*/
.zyflash{width: 100%; height: auto;}
.aboutImg{ float: right; margin-left: 30px; }
.aboutImgs{ float: left; margin-right: 30px; }
.zymenu{  height:60px; background:#F4F4F4; line-height:60px; border-bottom: 1px solid #E2E2E2;}
.zymenu .bodys{  height:auto;}
.zymenu .bodys .lefts{ width:auto; height:60px;  float:left; }
.zymenu .bodys .lefts li{ width:auto; height:100%; float:left; position:relative; padding-right:50px;}

.zymenu .bodys .lefts li a{ width:auto; float:left; height:100%; position:relative; display:inline-block; text-align:center;}

.zymenu .bodys .lefts li a.cur{ color:#BC2921; }
.zymenu .bodys .lefts li a.cur::before,
.zymenu .bodys .lefts li a:before{content:""; width:0px; height:2px; position:absolute;  bottom:0px; left:50%; background:#BC2921;
transition: all .3s ease-out 0s;
		-moz-transition: all .3s ease-out 0s; /* Firefox 4 */
		-webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */
		-o-transition: all .3s ease-out 0s; /* Opera */
}
.zymenu .bodys .lefts li a.cur::before,
.zymenu .bodys .lefts li a:hover:before/*,.zymenu .bodys .lefts li a.cur:before*/{ width:100%; left:0px; }
.zymenu .bodys .rights{ width:auto; height:60px; float:right;}
.zymenu .bodys .rights ol.breadcrumb{ background:none; float: left;}




.subMain{height: auto;}
.subTitle{ width:100%; height:72px;  margin-bottom:45px;}
.subTitle .tops{ width:100%; height:46px; line-height:46px;}
.subTitle .bottoms{ width:100%; height:40px; line-height:40px;}
.aboutTop{padding-top: 72px; padding-bottom: 130px; line-height: 28px;}

.imageTop{padding-top: 72px; padding-bottom: 0px; line-height: 28px;}
.companyImg{padding-bottom: 100px;}
.companyImg li{ padding:15px;}
.companyImg li .imgs{  width:100%; height:auto;border:1px solid #E6E6E6; background:#F4F4F4;border-bottom:0px;}
.companyImg li:hover .imgs img{
	-webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
	}
.companyImg li .titles{ width:100%; height:auto; text-align:center; line-height:50px; padding:0px 20px; color: #333;  border:1px solid #E6E6E6; background:#E8E8E8; border-top:0px;}
.companyImg li:hover .titles{background-color: #BC2921; color: #fff;}
.companyImg .imgs i{ width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.5); color: #fff; opacity:0; top:0px; left:0px; display:block; z-index:1000;}
.companyImg .imgs i span{ position: absolute; left: 50%; top:50%;}
.companyImg li:hover .imgs i{ opacity:1;}


.newTop{width: 100%; padding-top: 92px; line-height: 80px; padding-bottom: 80px;}
.newTop h1{ padding-bottom: 6px; line-height: 86px;}
.newBody{width: 1180px; padding-bottom: 100px;}
.waterfall{ 
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari 和 Chrome */
    column-count:2;
    -moz-column-gap: 60px;
    -webkit-column-gap: 60px;
    column-gap: 60px;
	display:inline-block;
}
.newBox{width: auto; height: auto; position: relative; padding-bottom: 60px;}
.newBox .title{width: 100%; bottom: 95px; left: 0px; line-height: 46px; position: absolute; padding:0px 30px;}
.newBox a{width: 100%; height: 100%; display: block;overflow: hidden;}


.companyTop{width: 100%; background: url(../image/pandad.jpg) no-repeat center top;background-attachment:fixed;}

.companyBody{width: 100%; padding: 90px 0;position: relative;}
.companyLine{
	width: 100%; background-color: #7BB9E0; padding-left: 598px;
}
.companyBg{width: 500px; height: 100%; position: absolute; z-index: -1; background-color: #E6E6E6; top:0;left: 0px; opacity: 0.3;}
.companyDiv{width: 410px; height: auto; position: absolute; left: 50%; top: 50%; line-height: 36px;}
.companyLeft{width: 598px; height: 100%; left: 0px;}
.companyRight{width: auto; height: 100%; top:0;right: 0;}
.companyBodys{padding-top: 110px; padding-bottom: 110px;}
.companyBodyts .companyLine{ top:110px; right: 0; width: 960px; z-index: 10000; }
.companyBodyts .companyRight{ top:0; right:auto;left: 0; width: 960px;  }
.companyBodyts .companyLeft{right: 0;left: auto;}
.companyBottom{width: 100%; height: 120px;}


.NewMain{  height:auto; padding-top:0px; padding-bottom:30px; line-height:30px;}

.NewMain li{  height:auto; padding:40px 0px; border-bottom:1px solid #E9E8EE;}
.NewMain li.first{ padding:0px; margin-bottom:50px; border:0px;background:#21468A;}
.NewMain li.first .imgs{ width:660px;  height:auto; }
.NewMain li.first .rights{ width:calc(100% - 660px);  height:auto; padding: 50px 56px;}
.NewMain li.first .rights h3{ line-height:30px; font-weight:bold; padding-top: 40px; margin-bottom: 24px;}
.NewMain li.first .rights .times{  line-height:32px; height: 34px; position: relative;}
.NewMain li.first .rights .times::after{position: absolute; left: 0px; bottom: 0px; height: 2px;  background-color: #BA2A21; width: 30px; content: '';}
.NewMain li.first .rights .coms{ line-height:24px;}
.NewMain li.first .rights  a.mores{display: block; width: 130px; height: 46px; line-height: 46px; background-color: #BC2921; margin-top: 50px;}
.NewMain li.first .rights  a.mores:hover{background-color: #333;color: #fff;}
.NewMain li .limgs{ width:290px; margin-right:50px; height:auto; overflow: hidden; }

.NewMain li .liRight{ width:calc(100% - 460px); height:auto; padding-right:40px;}
.NewMain li .liRight h3{ padding:10px 0px 5px 0px; font-weight:bold; line-height:36px;}
.NewMain li .liRight .com{ line-height:28px; color: #666;}
.NewMain li .liRight span.mores{ margin-top:20px; width: 110px; height: 36px; line-height: 34px; text-align: center; display:inline-block; border:1px solid #666; color: #666;}
.NewMain li:hover .limgs img{ 
	-webkit-transform: scale(1.03, 1.03);
    -moz-transform: scale(1.03, 1.03);
    -o-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);

}
.NewMain li:hover .liRight span.mores{ color:#fff; background-color: #BA2A21;border:1px solid #BA2A21;}


.NewMain li .time{ width: 120px;  height:140px; background-size:100% 100%; padding-top:40px;text-align:center; position: relative;}
.NewMain li .time::after{width: 1px; height: 120px; background-color:#E5E5E5; position: absolute; left: 0px; top:40px;content: '';}
.NewMain li .time p.big{ line-height:66px; }
.NewMain li .time p.small{ line-height:36px;}

.Pages{ height:55px; width:100%; line-height:55px;   margin-top:20px;  text-align:center;}
.Pages a,.Pages span{ display:inline-block; width:auto; height:auto; background:#fff; padding:5px 13px; line-height:24px; border:1px solid #EBEBEB; color:#555555;  }
.Pages a:hover,.Pages a.cur,.Pages span{ background:#1AB1DE; color:#fff;}

/*------------------新闻详情--------------------------*/

.showBodys{ height:auto; padding-top:65px; padding-bottom:85px; }
.showMain{  height:auto;  line-height:24px; width: 100%;  }
.showMain .bodys{ padding:20px 0px 0px;line-height:28px; width: 100%; }
.showMaintops{ width:100%; height:auto; padding-bottom:15px; position:relative; padding-top:5px; }
.showMaintops s{ display:block; position:absolute; width:80px; height:3px; background:#297479; bottom:0px; left:50%; margin-left:-40px;}
.bsync-custom{ display:inline-block;}
.bsync-custom.icon-blue .bshare-bsync{ background:url(../image/r5_c12.png) no-repeat left 4px; padding-left:20px;}
.showMaintops h1{ line-height:30px; padding-top:10px; padding-bottom:33px; font-weight:bold;  }
.showMaintops .titls{ line-height:30px; width:100%; height:30px; }
.showMaintops .titls span{vertical-align: middle;}
.showMaintops .titls i{ display:inline-block; width:24px; position:relative; height:12px; padding-right:10px; text-align:center; }
.showMaintops .titls i img{  position:absolute;top:1px; left:0px;}
.showMaintops .titls .ds{  display:inline-block; float:left;}
.showMaintops .titls .rights i{
	width: 20px;height: 14px; padding:0px; cursor:pointer;
}


.info-fr{float:right;width:150px;}
.info-fr .bdsharebuttonbox a{display:inline-block;width:30px;height:30px;background:url(../image/icon_share.png) no-repeat left center;margin:0px 3px 0 0;}
.bdsharebuttonbox a#bds_more{background-position:-121px -4px;float:none;}
.bdsharebuttonbox a#bds_qzone{background-position:-41px -4px;float:none;}
.bdsharebuttonbox a#bds_tsina{background-position:-81px -4px;float:none;}
.bdsharebuttonbox a#bds_weixin{background-position:-1px -4px;float:none;}

.MainLeft{ width:calc(100% - 330px); padding-right:50px; height:auto;}
.MainRight{ width:330px; height:auto;}

.MainPt{ width:100%; height:22px;  line-height:22px;  margin-bottom:5px;}
.MainPt:after{ width:calc(100% - 70px); height:1px; background:#eee; position:absolute; content:""; right:0px; top:50%;}
.MainPtTime{width: 100%; height: 40px; line-height: 40px;}
.MainPtTime  span{vertical-align: middle;}
.MainRightCom{width: 100%; height: auto; background-color: #F7F7F7;}
.MainRightCom .title{ line-height: 40px;width: 100%; height: auto; padding: 25px 25px 0px;}
.MainRightCom li{padding: 25px; border-bottom: 1px solid #E5E5E5; line-height: 30px;}
.MainRightCom li a{display: block;}
.NextPage{ height:auto;  width:100%; line-height:24px; margin-bottom:25px;  padding:25px; border:1px solid #eee; }
.NextPage a{ display:block; width:100%; height:auto; padding-bottom:10px;}

.proBg{background-color: #F5F5F5;}
.productBody{height: auto; padding-bottom: 100px; }
.productBody li{width: 50%; padding: 15px; float: left;}
.productBody li a{ display: block; width: 100%; height: auto; background-color: #fff;}
.productBody li .box{width: 100%; height: auto; background-color: #fff; cursor: pointer;}
.productBody li .imgs{width: 330px; height:auto;padding: 15px;}
.productBody li .coms{height:198px; width:310px; left:330px; top:50%;}
.productBody li .title{line-height: 24px; padding: 5px 0px 13px;}
.productBody li .comBodys{line-height: 22px; width: 100%; height: 88px; margin-bottom: 12px;}
.productBody li span.mores{width: 90px; height: 30px; line-height: 30px; border: 1px solid #555; color: #888; display: block;}
.productBody li:hover span.mores{background-color: #555; color: #fff;}
.productBody li:hover .title{color:#B82A1E;font-weight: bold;}

.ProMainBody{padding-top: 60px; height:auto; }
.ProMainBody .TopTitle{ width:calc(100% - 15px); margin-left:15px; margin-bottom:0.4rem; height:61px; line-height:60px; border-bottom:1px solid #CCCCCC;}
.ProMainBody .TopCom{width:calc(100% - 15px); margin-left:15px; padding-bottom:30px; height:auto; line-height:30px; }
.ProMainBody .bodys{ width:100%; height:auto;}

.proshowTop{ width:100%; height:auto;}
.proshowTop .lefts{ width:630px; }
.zybg {background-color: #F5F5F5;}
.proshowTop .rights{height:auto; width:calc(100% - 630px); padding-left:92px;  }
.proshowTop .rights h1{ height:auto; width:100%; padding:28px 0px; line-height:50px; border-bottom:1px solid #DADADA;}
.proshowTop .rights .coms{ width:100%; height:268px; line-height:28px; padding-top: 44px; padding-bottom:14px;  }
.proshowTop .rights .coms .boxs{ padding-bottom: 10px;}
.proshowTop .rights .anddiv a{  color: #fff; text-align: center; line-height: 50px; display:inline-block; width: 200px; height: 50px; background-color: #BC2921; }
.proshowTop .rights .anddiv a.zx{  display:inline-block; text-align:center; margin-left: 15px;   background:#21468A; color:#fff; }
.proshowTop .rights .anddivText{ width:auto; margin-top:10px; background:url(../image/pones.png) no-repeat left center; padding-left:40px; height:52px; line-height:52px;}
.proshowTop .Topbottoms{ width:100%; height:auto;}
.proshowTop .Topbottoms a{ width:132px; height:42px; line-height:40px; border-radius:5px; color:#E3530A; margin-right:15px; border:1px solid #E3530A; display:inline-block;}
.proshowTop .Topbottoms a.ands{ background:#E3530A; color:#fff;}
.proshowTop .Topbottoms .imgs{ display:inline-block; line-height:42px;}
.proshowTop .Topbottoms .imgs .imgEwm{ width:200px; height:200px; opacity:0; position:absolute; left:50%; top:-200px; display:none; margin-left:-100px; background:#fff;}
.proshowTop .Topbottoms .imgs:hover   .imgEwm{ display:block; opacity:1;}
.showTopLine{ width:100%; height:auto; padding-top: 80px; line-height:50px; border-bottom: 1px solid #BC2921;  }
.showTopLine a{ display:block;height:50px; float:left; line-height:50px; padding:0px 45px;  width:auto;}
.showTopLine a:hover,.showTopLine a.cur{ background:#BC2921; color: #fff; }
.proshowBody{ background:#fff; width:100%;  line-height:30px; margin-top:60px; padding-bottom:50px;}
.proshowBody .bodys{ padding:10px 0px 40px;}
.bodyBox{ padding-top: 30px;}
.proshowPage{ width:100%; height:auto; background:#fff; width:100%;  line-height:30px;padding: 15px 30px; border-top:1px solid #ccc;}

.contectTop{ width: 100%; height: 320px;}
.contectTop .box{width: 33.33%; height: 320px; padding-top: 65px;} 
.contectTop .box .icon{width: 110px; height: 110px; line-height: 110px; border-radius: 55px; background-color:#BC2921;}
.contectTop .box .line{padding-top: 10px; line-height: 40px;}
.contectTop .box .lines{line-height: 30px;}
.mapsBody{width: 100%; height: auto;}
.mapsBody .box{width: 50%; height: auto;}
.mapsBody .msgTm{width: 100%; height: 100%; position: absolute; left: 0; top:0; }

.msgBody{padding: 60px 4px 80px;}
.msgTitle{width: 100%; line-height: 96px;}
.Mline{width: 100%; height: auto;}
.msLine{width: 50%; padding: 0px 11px 22px;}
.msLine .box{background-color:#F5F5F5; width: 100%; height: 100%; line-height: 56px; padding: 0px 20px;}
.msLine .boxLeft{width: 82px; height: 100%;}
.msLine .boxRight{width:calc(100% - 82px); height: 100%;}
.inpts{width: 100%; height: 100%; border: 0px; background-color: transparent;}
.inpttexs{width: 100%; height: 148px; padding: 14px 20px 0px 0px; line-height:30px; border: 0px; background-color: transparent;}
.msLineW{width: 100%;}
a.magAnd{width: 160px; height: 50px; display: block; margin-top: 26px; background-color:#BC2921; line-height: 50px; color: #fff !important;}
a.magAnd:hover{background-color:#21468A;}

/* side */
.side{position:fixed;width:54px;height:221px;right:0;bottom:100px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#ae1c1c;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#ae1c1c;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#000;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}