@font-face {
  font-family: 'fin';
  src: url('../fonts/fin-webfont.eot?v=4.5.0');
  src: url('../fonts/fin-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),
  	   url('../fonts/fin-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fin-webfont.woff?v=4.5.0') format('woff'),
  	   url('../fonts/fin-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fin-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


html{ width: auto; min-width: 1200px;}
body{background-color: #eeeef0;}
body.bodyIndex{background-color: #fff;}


.header{ width: 100%; height:145px; border-top: 10px solid #0a4c8b; background-color: #fff;}
.header .con{ width: 1200px; height: 135px; margin: 0 auto;}

.header .logo{ display: block;
 width: 150px; height: 100%; float: left; padding: 15px 0;}
.header .logo img{ display: inline-block; width: auto; height: 100%;}

.header .features{ width: 800px; height: 81px; float: right; padding: 41px 0 20px;}
.header .features p.language{ width: auto; height: 20px; float: right; margin-left: 20px; line-height: 20px; font-size: 12px; color: #0a4c8b;}
.header .features p.language a{ color: #0a4c8b; font-size: 12px;}
.header .features .search{ width: auto; height: 20px; line-height: 20px; float: right; overflow: hidden;}
.header .features .search .searchBut{ width: 20px; height: 20px; background: url(../images/ICO001.png) center center no-repeat; border: 0; float: left; margin-right: 5px;}
.header .features .search .searchCon{ width: 225px; height: 20px; border-radius: 10px; border: 1px solid #0a4c8b; overflow: hidden; float: left; padding:0 10px;}


.header .nav{ width:auto; height: 54px; float: right;}
.header .nav ul{ width: auto; height: 54px; float: right; margin: 0;}
.header .nav ul li{ width: auto; height: 54px; float: left; margin-left:90px; position: relative;}
.header .nav ul li a{ display: inline-block; width:auto; height: 100%; line-height: 54px; font-size: 14px; color: #0a4c8b; text-decoration: none;}
.header .nav ul li#current a,.header .nav ul li.hover a{color: #762a0b; border-bottom: 3px solid #762a0b;}

.header .nav ul li ul{ display:none; width: 150px; height: auto; position: absolute; padding-top: 17px; background: url(../images/BG009.png) center 12px  no-repeat; z-index: 9999; position: absolute; top:54px; left: -47px;}
.header .nav ul li ul li{ width: 100%; height: 39px; padding: 0 10px; background-color: #762a0b; margin: 0;}
.header .nav ul li ul li a,.header .nav ul li#current ul li a,.header .nav ul li.hover ul li a{ display: block; width: 100%; height: 100%; border-bottom:1px dotted #fff; line-height: 39px; font-size: 14px; text-align: center; color: #fff ;  overflow: hidden;}
.header .nav ul li ul li a:hover,.header .nav ul li#current ul li a:hover,.header .nav ul li.hover ul li a:hover{color:#dbbeb3 ; border-bottom: 1px dotted #dbbeb3 ;}

.footer{ width: 100%; height: auto; padding: 50px 0 40px; background: url(../images/BG010.jpg) top left repeat-x #2a2a2a; }
.bodyIndex .footer{background-image: url(../images/BG007.jpg); }
.proDetBody .footer{background-image: url(../images/BG015.jpg);}
.footer .footerBox{ width:1200px; height:auto; margin: 0 auto; color: #9c9c9c;}
.footer .footerBox a{color:#9c9c9c; }
.footer .footerBox .txt{ width: 60%; height: auto; line-height: 25px; float: left;}
.footer .footerBox .contact{ width:40%; height: 50px; float: right;}
.footer .footerBox .contact .tel{ width: auto; height: 50px; line-height: 50px; font-size: 18px; font-weight: bold; padding-right: 20px; margin:0 20px 0 0; float:right; background: url(../images/BG008.jpg) center right no-repeat;}
.footer .footerBox .contact .tel i{ margin:16px 10px 0 0; float: left;}
.footer .footerBox .contact .but{ width: auto; height: 50px; padding:5px 0 ; float: right;}
.footer .footerBox .contact .but a{ display: inline-block; width: 40px; height:40px; margin: 0 5px; position: relative;}
.footer .footerBox .contact .but a.QRC{ background: url(../images/ICO011.png) center center no-repeat;}
.footer .footerBox .contact .but a.QQ{ background: url(../images/ICO012.png) center center no-repeat;}

.footer .footerBox .contact .but .QRC .img{ display: none; width: 150px; height: 150px; position: absolute; bottom: 60px; left: -25px; background: #fff; padding: 10px; border-radius: 5px; overflow: hidden;}
.footer .footerBox .contact .but .QRC .img img{ display: block; width: 100%; }


/* page */
#AspNetPager1{ width:1200px; height: 38px; margin:20px auto 50px;}
#AspNetPager1 a,#AspNetPager1 span{ display: inline-block; width: auto; min-width: 38px; height: 38px; line-height: 38px; text-align: center; text-transform: uppercase; color:#363636; font-size: 13px; font-weight: bold; text-decoration: none; border: 1px solid #dfdfdf; border-radius: 3px;  padding: 0 10px;overflow: hidden;}
#AspNetPager1 a{ background-color: #fff; }
 #AspNetPager1 a[disabled="disabled"]{ color: #ccc; border-color: #E0E0E0 !important;}
 #AspNetPager1 a[disabled="disabled"]:hover{ background: #fff;color: #ccc; border-color: #E0E0E0 !important; }
 #AspNetPager1 a .fa-chevron-right{ margin-left: 5px;}
#AspNetPager1 a .fa-chevron-left{ margin-right: 5px;}
#AspNetPager1 a:hover,#AspNetPager1 span{ background-color: #0a4c8b; color: #fff; border-color: #0a4c8b; }



/* index */
.banner{ width: 100%; height: 570px; position: relative;}
.banner ul{ width:300%; height: 100%; position: absolute; margin: 0;}
.banner ul li{ width: 33.33%; height:100%; background-repeat: no-repeat; background-position: top center; float: left;}
.banner .wave{ width: 100%; height: 93px; background: url(../images/wave.png) top center no-repeat; z-index: 88; position: absolute; bottom:0;}
.banner a.but{ display: inline-block; width: 68px; height: 136px; background: url(../images/ICO002.png) center left no-repeat; position: absolute; top: 50%; margin-top: -68px; z-index: 88;}
.banner a.but:hover {filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.banner a.but.prve{left: 20px;}
.banner a.but.next{right: 20px; background-position: center right;}

.dots{ width: 120px; height: 8px; position: relative; bottom: 50px; left: 50%; margin:0 0 0 -60px; padding: 0; z-index: 99;}
.dots li{ width: 28px; height: 8px; float: left; margin: 0 6px; background-color: #0a4c8b; font-size: 0; list-style: none;}
.dots li.active,.dots li:hover{ background-color: #762a0b;}

.waveText{ width: 100%; height:auto; min-width: 440px; background: url(../images/BG001.jpg) center top no-repeat #0a4c8b; padding: 156px 0 29px; font-size: 16px; color: #c0e1ff; line-height: 27px; text-align: center;}
.waveText h4{ line-height: 29px; font-size: 18px; font-weight: bold; margin:0 0 19px 0; }
.waveText p{margin-bottom: 21px;}

.about{ width: 100%; height: 381px; padding:97px 0 133px; background: url(../images/BG002.jpg) top center no-repeat; }
.about .context{ width: 1200px; height:100%; margin: 0 auto; padding: 0 196px 0 240px; background: url(../images/ICO003.png) 55px center no-repeat; line-height: 30px; font-size: 14px; color: #555;}
.about .context span{ font-size: 18px; font-weight: bold; color: #0a4c8b;}
.about .context strong{ font-weight: bold;}


.indexBox{ width: 100%; height:auto; overflow: hidden;}
.indexBox .title{ width: 1200px; height: auto; margin: 0 auto;}
.indexBox .title h4{ width: 100%; height: auto;padding: 54px 0 20px; margin: 0;}
.indexBox .title h4 p{ width: auto; height: 40px; line-height:40px; text-align: center; margin-bottom: 0; font-size: 36px; font-family: fin;}

.indexBox .title h4 span{ display: block; width: auto; height: 18px; font-size: 14px; line-height: 18px; font-family: Arial; text-align: center; text-transform: uppercase; margin:0 auto;}

.indexBox .title .con{ width: 1200px; height: auto; overflow: hidden; font-size: 14px; line-height: 25px; text-align: center; margin-bottom: 57px;}
.indexBox .title .but{ display: block; width: 100%; height: 27px; text-align: center; margin-bottom: 0;}
.indexBox .title .but a{ display:inline-block; width: 27px; height: 27px; border: 1px solid #dcdcdc; text-align: center; background-color:#fff; color: #0a4c8b; border-radius: 3px; overflow: hidden; line-height: 25px; font-size: 18px; margin: 0 2px;}
.indexBox .title .but a:hover{ border-color: #0a4c8b; background-color: #0a4c8b; color: #fff;}

.indexBox .more{ display: block; width: 178px; height: 30px; line-height: 30px;  background-color: #2a2a2a; color: #f1f1f1; padding: 0 15px; margin: 0 auto; font-weight: bold; text-transform: uppercase; border-radius: 8px; text-align: center; text-decoration: none;}


.ideaList{ width: 1200px; height: auto; margin: 0 auto 48px; overflow: hidden;}
.ideaList li{ width: 25%; height: auto; min-height: 244px; overflow: hidden; padding: 0 40px 22px; float: left; text-align: center; background: url(../images/BG003.png) right center no-repeat;}
.ideaList li i{ display: block; width: 100%; height: 67px; background: url(../images/ICO004.png) top center no-repeat;}
.ideaList li i.Q2{background-image: url(../images/ICO005.png);}
.ideaList li i.Q3{background-image: url(../images/ICO006.png);}
.ideaList li i.Q4{background-image: url(../images/ICO007.png);}

.ideaList li h5{ width: 100%; height: 34px; line-height: 34px; font-size: 14px; font-weight: bold; margin: 0; color: #2a2a2a;}
.ideaList li div{ width: 100%; height: auto; overflow: hidden; line-height: 30px; font-size: 13px; color: #2a2a2a;}

.explanation{ width: 100%; height: auto; padding: 58px 0 22px; background: url(../images/BG004.jpg) top center #0b4c8c no-repeat;}
.explanation ul{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}
.explanation ul li{ width: 33.33%; height:auto; min-height: 336px; float: left; padding: 0 56px; overflow: hidden; }


.explanation ul li .img{ width: 100%; height: 182px; text-align: center; overflow: hidden;}
.explanation ul li .img img{ display:inline-block;}

.explanation ul li h5{ width: 100%; height: auto; line-height: 32px; font-size: 16px; font-weight: bold; text-align: center; color: #fff;}
.explanation ul li div{ width: 100%; height: auto; font-size: 13px; line-height: 20px; text-align: center; color: #fff;}


.proDisplay{ background: url(../images/BG005.jpg) top center no-repeat; padding-bottom: 40px;}

.proDisplayList{ width: 1200px; height: 324px; overflow: hidden; margin: 39px auto 50px; position: relative;}
.proDisplayList ul{ width: auto; height: 324px; overflow: hidden; position: absolute; top:0;}
.proDisplayList ul li{ width:300px; height: 324px; padding: 0 10px; float: left;}
.proDisplayList ul li a{text-decoration:none;}

.proDisplayList ul li div.img{ width: 100%; height: auto; margin-bottom: 15px; position: relative; text-align: center; line-height: 285px; overflow: hidden; border-radius: 5px;}
.proDisplayList ul li div.img i{ font-size: 23px; color: #fff; position: absolute; top: 50%; left: 50%; margin: -11px 0 0 -11px; z-index: 99;}
.proDisplayList ul li div.img .mask{ display: none;
 width: 100%; height: 100%; background-color:#0a4c8b;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;  z-index: 88; position: absolute; top:0; left: 0;}
.proDisplayList ul li div.img img{ display: block; width: 100%;}
.proDisplayList ul li .name{ width: 100%; height: 24px; line-height: 24px; font-size: 14px; font-weight: bold; color: #2a2a2a;}

.newsBrief{ width:1200px; height: auto; overflow: hidden; margin:0 auto; padding-bottom: 40px; }

.newsBriefTAB{ width: 1200px; height: 252px; overflow: hidden; position: relative; margin: 40px 0 60px; }
.newsBriefTAB .newsBriefList{ width:9999px; height: 252px; position: absolute; top: 0; left: 0;}
.newsBriefTAB .pack{ width:1220px; float: left;}
.newsBriefTAB .newsBriefList a.unit{ display: block;
 width: 590px; height: 104px;  float: left;margin:0 20px 20px 0; background-color: #f1f1f1; color: #454545}
 .newsBriefTAB .newsBriefList a.unit:hover .time{ background: #0a4c8b; color: #fff;}

.newsBriefTAB .newsBriefList .unit:hover .tit{ color: #0a4c8b;}

.newsBriefTAB .newsBriefList .unit .time{ width: 122px; height: 104px;  float: left; padding:24px 27px 24px 35px; background: url(../images/BG006.jpg) center right no-repeat; margin-right: 23px; font-size: 14px; line-height: 19px; font-weight: bold; color: #2a2a2a; text-align: center;}
.newsBriefTAB .newsBriefList .unit .time span{ font-size: 47px; line-height: 36px;}

.newsBriefTAB .newsBriefList .unit .tit{width: 400px; height: 20px; font-size: 16px; line-height: 20px; overflow: hidden; margin: 20px 0 9px; float: left; font-weight: bold;}
.newsBriefTAB .newsBriefList .unit .txt{ width:400px;height: 36px; line-height: 18px; font-size: 12px; float: left; overflow: hidden;}



/* detailed */
.menu{ width: 100%; height:auto; padding: 46px 0; margin-bottom: 68px; background-image: url(../images/BG011.jpg);}

.menu .conBox{ width: 1200px; height: 73px; margin: 0 auto;}
.menu .conBox .titlie{ width: auto; height: 73px; float: left;}
.menu .conBox .titlie h3{ width: auto; height: 48px; line-height: 48px; font-size: 32px; color: #333; margin: 0;letter-spacing:11px;}
.menu .conBox .titlie .breadcrumbs{ width: auto; height: 25px; line-height: 25px; font-size: 12px; color: #666;}
.menu .conBox .titlie .breadcrumbs a{color: #666}
.menu .conBox .titlie .breadcrumbs span{color: #0a4c8b;}
.menu .conBox .titlie .breadcrumbs i{ margin-right:3px;}

.menuList{ width: auto; height: 73px; padding: 19px 0; float: right;}
.menuList li{ width: 100px; height: auto; line-height: 35px; float: left; margin-left: 9px; position: relative; z-index: 999;}
.menuList li a{ display: inline-block; width: 100%; height: 100%; font-size: 13px; color: #777; background: url(../images/BG012.png) no-repeat left center; text-align: center; text-decoration: none;}
.menuList li a:hover,.menuList li.current a{background-position: right center; color: #fff;}
.menuList li .menuSon {display: none; width:150px; height: auto; overflow:hidden; position: absolute; top: 35px; left: 50%; margin-left: -75px; padding-top: 12px; background: url(../images/BG019.png) center 7px  no-repeat;}
.menuList li .menuSon ul{ width: 100%; height: auto; overflow: hidden; background: url(../images/BG017.png); padding: 5px 0;}
.menuList li .menuSon ul li{ width: 100%; height: 30px; font-size: 12px; margin: 0;}
.menuList li .menuSon ul li a{ width: 100%; height: 30px; line-height: 30px;color: #fff; background: none;}
.menuList li .menuSon ul li a:hover{ color: #3497f9;}

/* about */
.textCon{ width: 1200px; height: auto; min-height: 300px; margin: 0 auto 100px; overflow: hidden;}
.textCon p{line-height: 25px; margin-bottom: 20px;}
.aboutQBox{ width:1200px; height: 389px; overflow:hidden; background-color: #fff; margin-bottom: 63px;}
.aboutQBox .img{ float: left;}
.aboutQBox .Q1{ width: 490px; height: 100%; padding: 86px 0 99px; float: right; text-align: center;}
.aboutQBox .Q1 h4{ width: 100%; height: 104px;  margin-bottom: 22px;}

.aboutQBox .Q1 h4 img{ display: inline-block; height: 100%;}
.aboutQBox .Q1 .txt{ width: 100%; height: 77px; line-height: 38px; font-size: 13px; color: #555;}
.aboutQBox .Q1 .txt span{ font-size: 16px; color: #0b4d8a; font-weight: bold;}

.aboutQBox .Q2 {width: 490px; height: 100%; padding: 110px 0; float: left; text-align: center; line-height: 42px; color: #fff; font-size: 14px; background-color: #0a4c8b;}
.aboutQBox .Q2 span{ font-weight: bold;}

/* honor */

.honorBox{ width: 1200px; height: auto; min-height: 400px; overflow: hidden; margin: 0 auto;}
.honorBox .honorList{ width: 1228px; height: auto; margin-left: -14px; margin-bottom: 0; overflow: hidden;}
.honorBox .honorList li{ width: 25%; height: auto; padding:0 14px; overflow: hidden;}
.honorBox .honorList li .img{ width: 100%; height: auto; padding: 3px; background-color: #fff; overflow: hidden;}
.honorBox .honorList li img{ display: inline-block; width: 100%;}
.honorBox .honorLIst li a:hover .img{background-color: #0a4c8b;}

.honorBox .honorList li .name{ width:100%; height: 40px; line-height:40px; font-size:14px; text-align: center; color: #363636}


/* contact */

.map{ width: auto; height:auto; margin: 40px auto}
.map .title{ width:auto; height: 87px; float: left; padding-right: 40px; background: url(../images/BG014.jpg) center right no-repeat;}
.map .title p{ width: auto; height: 42px; line-height: 37px; font-size: 12px; font-weight: bold; color:#0a4c8b; padding-bottom: 5px; background: url(../images/BG013.jpg) left bottom no-repeat; margin: 0}
.map .title h3{ width: auto; height: 45px; line-height: 45px; font-size: 16px; font-weight: bold; color: #555; margin:0;}

.map .content{ width: auto; height: 87px; padding:5px 0; float: right;}
.map .content li{ width: auto; min-width: 50%; height: 30px; line-height: 30px; color: #555; margin-bottom: 7px; float: left; padding-left: 20px; }
.map .content li i{ margin-right: 8px; color: #0a4c8b;}

.my-map{ width: 100%; height: 510px;}


/* news */
.newsList{ width: 1200px; height: auto; min-height: 400px; margin: 0 auto; padding-bottom: 40px; overflow: hidden;}
.newsList li{ width: 100%; height:197px; padding: 44px 0;border-bottom: 1px dashed #c0c0c0; overflow: hidden;}
.newsList li a{ text-decoration: none;}
.newsList li div.time{ width: 108px; height: 108px; float: left; text-align: center; color: #aeaeae;background: url(../images/BG015.png) center top no-repeat; padding:20px 10px;}
.newsList li div.time span{ line-height:44px; font-size: 48px; }
.newsList li div.time p{ margin: 0; line-height: 20px; }

.newsList li .tit{ width: 1034px; height: 27px; line-height: 27px; font-size: 16px;  margin-bottom: 9px; float: right; overflow: hidden;color: #0a4c8b;}

.newsList li .con{ width: 1034px; height: 78px; line-height: 26px; font-size: 12px; color: #838383; float: right; }

.newsList li a:hover{border-color:#762a0b;}
.newsList li a:hover .time{ background-image: url(../images/BG016.png);color: #762a0b;}
.newsList li a:hover .tit{color: #762a0b;}


/* newsDet */
.newsHeader{ width: 1200px; height: auto; overflow: hidden; text-align: center; margin: 0 auto 20px;}
.newsHeader h4{ width: 100%; height: auto; line-height: 30px; font-size: 24px; color: #0a4c8b;}
.newsHeader .fun{ display: inline-block; width:auto; height: 28px; text-align: center; overflow: hidden;}
.newsHeader .fun div{ display: block; width: auto; height: 28px; margin: 0 15px; float: left; line-height: 28px; font-size: 13px; color: #555;}
.newsHeader .fun div i{ margin-right: 5px;}

.newsCon{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
.newsCon p{margin-bottom: 20px; font-size:14px; color: #555; }

.newsFooter{ width: 1200px; height: 38px; text-align: right; margin: 20px auto 40px; overflow: hidden;}
.newsFooter a{ display: inline-block; width: auto; height: 38px; padding: 0 15px; border:1px solid #bfbfbf; font-size: 12px; color: #999; line-height: 36px; margin-left:5px; border-radius: 2px; text-decoration: none; overflow: hidden;}
.newsFooter a .fa-chevron-left,.newsFooter a .fa-reply{ margin-right: 10px;}
.newsFooter a .fa-chevron-right{ margin-left: 10px;}
.newsFooter a:hover{ background-color: #0a4c8b; border-color: #0a4c8b; color: #fff;}


/* products */
.proBox{ width: 1200px; height: auto; min-height: 400px; margin:0 auto; overflow: hidden;}
.proBox ul{ width: 1220px; height: auto; overflow: hidden;}
.proBox ul li{ width:25%; height: auto; padding: 0 10px; float: left; margin-bottom: 30px; overflow: hidden; }
.proBox ul li .unit{ width: 100%; height: auto; overflow: hidden;position: relative;}
.proBox ul li a{ display: none; width: 100%; height: 100%; padding:95px 13px 0; text-decoration: none;  background: url(../images/BG017.png); overflow: hidden; position: absolute; top: 0;   z-index: 88;}
.proBox ul li a .name{width: 100%; height: 36px; border-bottom: 1px solid #5d87ae;  color: #fff;line-height: 35px; font-size: 18px;text-align: center; font-weight: bold; overflow: hidden;}
.proBox ul li a .style{ font-size: 13px; color: #fff; text-align: center;overflow: hidden;}
.proBox ul li a span{ display: block; width: 153px; height: 26px; line-height: 26px; font-size: 12px;  font-weight: bold; text-transform: uppercase; text-align: center; color: #000; background-color: #fff; border-radius: 2px; margin: 0 auto; overflow: hidden;}
.proBox ul li img{ display: block; width: 100%;}

.proHeader{ width: 1200px; height: auto; margin: 0 auto 80px; overflow: hidden;}

.proHeader .imgBox{ width: 586px; height: 457px; overflow: hidden; float: left;}
.proHeader .imgBox .imgNav{ width: 116px; height:457px; float: left; position: relative;}
.proHeader .imgBox .imgNav a.page{ display: block;
 width: 100%; height: 39px;line-height: 39px; text-align: center; font-size: 30px;color: #fff; background-color: #999; position: absolute; left: 0;}
.proHeader .imgBox .imgNav a.page:hover{background-color: #0a4c8b;}
.proHeader .imgBox .imgNav a.up{ top: 0;}
.proHeader .imgBox .imgNav a.down{bottom: 0;}

.proHeader .imgBox .navMask{ width: 100%; height:360px;margin-top: 48px; overflow: hidden; position: relative;}
.proHeader .imgBox .navMask ul{ width: 100%; height: auto; overflow: hidden; position: absolute;}
.proHeader .imgBox .navMask ul li{ width: 100%; height: 116px; margin-bottom: 6px;}
.proHeader .imgBox .navMask ul li a { display: block; width:100%; height:auto; padding: 3px; background-color: #cacaca; overflow: hidden;}

.proHeader .imgBox .navMask ul li a:hover,.proHeader .imgBox .navMask ul li.hover a{background-color:#0a4c8b;}
.proHeader .imgBox .navMask ul li a img{width: 100%;}
.proHeader .imgBox .img{ width: 456px; height: 456px;  line-height: 447px; float: right; padding: 3px; background-color: #0a4c8b; overflow: hidden;}
.proHeader .imgBox .img img{ display: inline-block;
 width: 100%; }

.property{ width: 548px; height: 457px; padding: 13px 0; overflow: hidden; float: right;}

.property .tit{ widows: 100%; height: 86px; margin-bottom: 26px;}
.property .tit h3{ width: auto; height:86px; line-height: 86px;color: #0a4c8b; font-weight: bold; font-size: 30px; border-bottom: 1px solid #333; margin: 0;  padding-right: 20px; float:left;}
.property .tit a{ display: inline-block; width: auto; height:86px; line-height: 86px; font-size: 12px; color: #777; text-decoration: none; float: right;}
.property .tit a i{ margin-right: 5px;}


.property .arrt{ width: 100%; height:60px; margin-bottom: 50px;}
.property .arrt li{ width: 50%; height: 30px; line-height: 30px; font-size:14px; color: #333; float: left;}
.property .arrt li span{ font-weight: bold;}
.property .txt{ width: 100%; height:204px; line-height: 30px; font-size: 14px;}

.proTit{ width: 1200px; height: 25px; line-height: 25px; padding-left:40px; background: url(../images/BG018.png) center left no-repeat; margin: 0 auto 40px; }

.paraList{ width:1200px; height: auto; margin: 0 auto 40px; overflow: hidden;}
.paraList li{ width: auto; min-width: 25%; height:30px; line-height: 30px; font-size: 14px; color: #333; padding:0 10px; float: left;  }
.proTxt{ width:1200px; height: auto; margin: 0 auto 40px;}

.like{ width: 100%; height: auto; background-color: #dedede; padding: 38px 0; overflow: hidden;}
.like .tit{ width: 1200px; height: 25px; line-height: 25px; font-size: 14px; font-weight: bold; text-transform: uppercase; color:#333; margin: 0 auto 36px;}
.like .likeList{ width: 1200px; height: auto; margin: 0 auto; overflow: hidden;}
.like .likeList ul{ width: 1230px; height: auto; overflow: hidden; margin-left: -15px;}
.like .likeList ul li{ width:25%; height:auto; padding: 0 15px; float: left;}
.like .likeList ul li a{ display: block; width: 100%; height: auto; text-decoration: none; overflow: hidden;}

.like .likeList ul li a div.img{ width: 100%; height: auto; border: 3px solid #fff; margin-bottom: 12px; overflow: hidden;}
.like .likeList ul li a div.img img{ display: block; width: 100%;}
.like .likeList ul li a p{ width: 100%; height:45px; line-height: 45px; font-size: 16px;   font-weight: bold; color: #333;border-bottom: 1px solid #d5d5d5;}

.like .likeList ul li a:hover .img{border-color: #0a4c8b; }
.like .likeList ul li a:hover p{color: #0a4c8b; border-color: #0a4c8b; }


/* question */

.quesList { width: 1200px; height: auto; min-height: 400px; margin: 0 auto 50px; overflow: hidden;}
.quesList li{ width: 1200px; height: auto; border-bottom: 1px solid #b0b0b2; padding:15px 0; overflow: hidden;}
.quesList li div.tit{ width: 100%; height: auto; line-height: 30px; cursor: pointer;}
.quesList li span.QICO{ display: inline-block;
 width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #888; color: #fff; font-size: 12px; float: left; margin: 5px 10px 0 0;}
 .quesList li span.time{ display: inline-block; width: auto; height: 30px; line-height: 30px; font-size: 13px; color: #999; float: right; padding-left: 20px;}
 .quesList li .tit p{ width:100%; height: auto; min-height: 30px; font-size: 16px; color: #666; padding-left: 30px; margin: 0; }
  .quesList li div.con{ display: none; width:100%; height: auto; line-height: 25px;  font-size: 12px; color: #666; padding: 10px 0 10px 30px;}
 .quesList li.hover .QICO{ background-color: #333;}
 .quesList li.hover .tit p{ color: #222;}


/* message */

.messages{ width: 600px; height: auto; overflow: hidden; float: left;}

.messages .meCode{ width: 40%; height: 34px;  overflow: hidden;}
.messages .meCode input{ width: 46%; float: left;}
.messages .meCode .codeIMG{ display: block; width: 46%; height: 100%; float:right;}
.messages .meCode img{display: block; width: 100%; height: 100%;}

.messIMG{ width: 556px; height: 500px; float: right;}