/* The CSS Document is designed by King.Cheng 09/2018 */
@charset "gb2312";
@import url("common.css");
@import url("font-awesome.min.css");
@import url("swiper.min.css");

/* == 通用 == */
.main { float:left; width:100%; margin-bottom:50px; overflow:hidden; }

.mainTitle { float:left; width:100%; height:50px; margin-bottom:20px; text-align:center; overflow:hidden; }
.mainTitle h1 { float:left; width:100%; text-align:center; height:50px; background: url(../image/title_Line.jpg) bottom center no-repeat; font-size:24px; font-weight:normal; color:#194a8e; line-height:30px; }
.mainTitle h2 { float:left; width:100%; text-align:center; height:50px; font-size:24px; font-weight:normal; color:#FFF; line-height:30px; }
.mainTitle h3 { float:left; width:100%; text-align:center; height:50px; font-size:24px; font-weight:normal; color:#194a8e; line-height:30px; }
.mainTitle img { display:inline-block; height:40px; width:auto; }

.mainTitles { float:left; width:100%; height:40px; overflow:hidden; }
.mainTitles h1 { float:left; width:100%; height:40px; font-size:22px; font-weight:normal; color:#194a8e; line-height:40px; }

.mainInTitle { float:left; width:100%; height:30px; border-bottom:1px solid #DEDEDE; overflow:hidden; }
.mainInTitle i { float:left; width:25px; height:20px; text-align:center; font-size:16px; font-weight:normal; color:#1A4B8E; line-height:20px; }
.mainInTitle h1 { float:left; height:20px; margin-left:2px; text-align:center; font-size:15px; font-weight:bold; color:#1A4B8E; line-height:20px; }

.newInTitle { float:left; width:100%; overflow:hidden; }
.newInTitle h1 { float:left; width:100%; padding-bottom:10px; border-bottom:1px solid #DEDEDE; text-align:center; font-size:15px; font-weight:bold; color:#1A4B8E; line-height:20px; }
.newInTitle h2 { float:left; width:100%; margin-top:10px; text-align:center; overflow:hidden; }
.newInTitle h2 p { display:inline-block; margin:0 30px;  font-size:12px; font-weight:normal; color:#999; line-height:20px; }

.mainMore { float:left; width:100%; height:40px; margin:20px 0 10px 0; text-align:center; overflow:hidden; }
.mainMore .btn { display:inline-block; height:40px; padding:0 35px; background:#194A8E; font-size:14px; font-weight:normal; color:#FFF; line-height:40px; }
.mainMore .btn:hover { background:#276AC4; }

.mainLine { float:left; width:calc(100%/1 - 20px); width:-moz-calc(100%/1 - 20px); width:-webkit-calc(100%/1 - 20px); margin:0 10px; height:1px; margin-top:0; border-top:1px solid #CFCFCF; overflow:hidden; }


/* == 轮播图 == */
.banner { float:left; width:100%; text-align:center; overflow:hidden; }
.banner .swiper-container { margin-top:0; width:100%; margin-top:-40px; text-align:center; }
.swiper-button-prev,.swiper-button-next { width:15%; height:100%; top:0; background:none; }
.swiper-button-prev { left:0; }	
.swiper-button-next { right:0; }	
.swiper-button-prev span,.swiper-button-next span { display:block; width:64px; height:64px; position:absolute; left:20px; top:50%; margin-top:-32px; border-radius:100%; background:rgba(255,255,255,0.85) url(../image/arrows.png) no-repeat center 17px; opacity: 0; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease; }
.swiper-button-next span { background:rgba(255,255,255,0.85) url(../image/arrows.png) no-repeat center -71px; left:auto; right:20px; }
.swiper-button-prev:hover span,.swiper-button-next:hover span { opacity:.6; }
/*分页器*/
.banner .swiper-pagination { bottom:50px; margin-left:47%; text-align:center; background:none; }
.banner .swiper-pagination-bullet { display:inline-block; width:50px; height:30px; margin:0 3px; cursor:pointer; background:none; border-radius:0; opacity:1; }
.banner .swiper-pagination-bullet span { width:50px; height:2px; display:block; background:rgba(255,255,255,0.2); }
.banner .swiper-pagination-bullet-active span { background:#1A4B8E; }
.banner .autoplay .swiper-pagination-bullet-active span {  background:rgba(255,255,255,0.4); }
.banner .swiper-pagination-bullet i { background:#1A4B8E; height:2px; transform:scaleX(0); transform-origin:0; display:block; }
.banner .autoplay .firsrCurrent i { transition:transform 2.9s linear; transform:scaleX(1); }
.banner .autoplay .current i { transition:transform 4s linear; transform:scaleX(1); }
.banner .autoplay .replace span { background:#1A4B8E; }
/*内容样式*/
.slide1 { background:#FFF; background-size:auto 100%; text-align:center; }
.slide1 img { float:left; width:100%; height:auto; }


/* == 首页新闻 == */
.homeNew { float:left; width:100%; height:40px; background:#F2F2F2; border-bottom:1px solid #E5E5E5; overflow:hidden; }
.homeNew .box { float:left; width:calc(33.3%/1 - 20px); width:-moz-calc(33.3%/1 - 20px); width:-webkit-calc(33.3%/1 - 20px); height:40px; margin:0 10px; background:url(../image/icon_Dot.png) 0px 17px no-repeat; font-size:12px; font-weight:normal; color:#666; line-height:40px; overflow:hidden; }
.homeNew .box b { float:left; width:75px; height:40px; margin:0 10px 0 12px; font-weight:normal; color:#999; }
.homeNew .box:hover { color:#194A8E; text-decoration:underline; }


/* == 首页产品系列 == */
.homePro { float:left; width:100%; padding:40px 0; }

.homeProTab { float:left; width:100%; overflow:hidden; background:none; }
.homeProTab .bger { float:left; width:100%;  overflow:hidden; }
.homeProTab .bgertop { float:left; width:calc(100%/1 - 20px); width:-moz-calc(100%/1 - 20px); width:-webkit-calc(100%/1 - 20px); height:45px; margin:0 10px 15px 10px; border-bottom:2px solid #CFCFCF; text-align:center; }
.homeProTab .clear { clear: both; }
.homeProTab .C { display:inline-block; height:45px; padding:0 20px; margin:0 30px; font-size:24px; line-height:30px; color:#999999; font-weight:normal; cursor:pointer;  }
.homeProTab .C_on { display:inline-block; height:45px; padding:0 20px; margin:0 30px; font-size:24px; color:#194A8D; font-weight:normal; line-height:30px; border-bottom:2px solid #194A8D; cursor:pointer; }

.TabInfor { float:left; width:100%; margin:10px 0 30px 0; overflow:hidden; }


/* == 首页首页广告 == */
.homeAdd { float:left; width:100%; height:280px; background:url(../image/banner_Add_01.jpg) top center fixed; overflow:hidden; }
.homeAdd .intro { float:left; width:100%; height:280px; background-color:rgba(0,0,0,0.45); text-align:center; }
.homeAdd .intro img { width:1180px; height:280px; }


/* == 优势 == */
.advantage { float:left; width:100%; height:330px; padding:40px 0; background:url(../image/advantage_Bg.jpg) top center no-repeat; overflow:hidden; }
.advantage .icon { float:left; width:calc(25%/1 - 20px); width:-moz-calc(25%/1 - 20px); width:-webkit-calc(25%/1 - 20px); text-align:center; margin:30px 10px 0 10px; overflow:hidden; }
.advantage .icon img { display:inline-block; width:100px; height:100px; }
.advantage .icon span { float:left; width:100%; height:30px; margin-top:20px; text-align:center; font-size:16px;  font-weight:normal; color:#FFF; line-height:30px; }
.advantage .icon p { float:left; width:100%; height:60px; margin-top:10px; text-align:center; font-size:12px;  font-weight:normal; color:#FFF; line-height:20px; }


/* == 首页关于我们 == */
.homeAbout { float:left; width:720px; height:300px; margin:40px 0 20px 10px; overflow:hidden; }
.homeAbout .intro { float:left; width:100%; height:200px; margin-top:20px; font-size:13px; line-height:25px; overflow:hidden; }
.homeAbout .intro p { float:left; width:100%; margin-bottom:10px; font-size:13px; font-weight:normal; color:#333333; line-height:25px; overflow:hidden; }
.homeAbout .btn { float:left; width:100%; height:30px; text-align:right; overflow:hidden; }
.homeAbout .btn a { display:inline-block; padding:0 25px; height:28px; background:none; border:1px solid #194a8e; font-size:12px; font-weight:normal; color:#194a8e; line-height:28px; }
.homeAbout .btn a:hover { background:#194a8e; border:1px solid #194a8e; color:#FFF; }
.homeVideo { float:right; width:390xp; height:300px; margin:40px 10px 20px 0; overflow:hidden; text-align:center; }


/* == 合作伙伴 == */
.cooperation { float:left; width:100%; margin:30px 0 140px 10px; }
.cooperation .link { float:left; width:218px; height:88px; margin:10px; border:1px solid #DBDBDB; overflow:hidden; }
.cooperation .link img { width:218px; height:88px; }
.cooperation .link:hover { box-shadow:1px 0 3px #999; }
.blk_18 { float:left; display:inline; font-size:12px; width:1200px; height:100px; margin-top:-50px;  ZOOM: 1 }
.blk_18 .arrowLR { position:relative; top:110px; right:40px; width:1280px; height:88px; z-index:0; }
.blk_18 .pcont { position:relative; top:-10px; left:0; width:1200px;  overflow: hidden;}
.blk_18 .ScrCont { width:32766px; zoom: 1 }
.blk_18 #List1_1 { float: left }
.blk_18 #List2_1 { float: left }
.blk_18 .LeftBotton { background:url(../image/arrow_Left.png) no-repeat; float: left; margin-left:-15px;  width:27px; height:50px }
.blk_18 .RightBotton { background: url(../image/arrow_Right.png) no-repeat; float: right; margin-right:-15px; width:27px; height:50px }
.blk_18 .LeftBotton { background-position: 0px 0px; }
.blk_18 .RightBotton { background-position: 0px 0px; }
.blk_18 .LeftBotton:hover { background-position: 0px 0px }
.blk_18 .RightBotton:hover { background-position: 0px 0px }
.blk_18 .pl img { display:block; cursor:pointer; border-top-style:none; border-right-style: none; border-left-style: none; border-bottom-style: none; }


/* == 内页大图 == */
.bannerIn { float:left; width:100%; height:220px; overflow:hidden; }
.bannerAbout { background:url(../image/banner_In01.jpg) top center no-repeat; }
.bannerProduct { background:url(../image/banner_In02.jpg) top center no-repeat; }
.bannerService { background:url(../image/banner_In03.jpg) top center no-repeat; }
.bannerCase { background:url(../image/banner_In04.jpg) top center no-repeat; }
.bannerNew { background:url(../image/banner_In05.jpg) top center no-repeat; }
.bannerContact { background:url(../image/banner_In06.jpg) top center no-repeat; }


/* == 分类 == */
.sort { float:left; width:100%; height:90px; text-align:center; overflow:hidden; }
.sort a { display:inline-block; height:40px; padding:0 30px; margin:20px 10px; background:#194A8E; font-size:14px; color:#FFF; line-height:40px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden; }
.sort a:hover { background:#5083C9; }


/* == 关于我们 == */
.abouts { float:left; width:calc(100%/1 - 20px); width:-moz-calc(100%/1 - 20px); width:-webkit-calc(100%/1 - 20px); margin:0 10px 60px 10px; font-size:13px; line-height:25px; text-align:left; overflow:hidden; }
.abouts p { float:left; width:100%; text-align:left; margin-bottom:10px; font-size:13px; font-weight:normal; color:#333; line-height:25px; }
.abouts img { display:inline-block; width:100%; height:auto; }


/* == 产品中心 == */
.proA { float:left; width:100%; overflow:hidden; }
.proA .pro { float:left; width:280px; height:198px; margin:10px 10px 10px 10px; overflow:hidden; }
.proA .pro .text { position:relative; top:0; left:0; width:280px; height:198px; text-align:center; background-color:rgba(0,0,0,0.45); transition: all 1.5s; overflow:hidden; z-index:2; }
.proA .pro .text span { float:left; width:calc(100%/1 - 30px); width:-moz-calc(100%/1 - 30px); width:-webkit-calc(100%/1 - 30px); height:50px; text-align:center; margin:80px 15px 0 15px; font-size:22px; font-weight:normal; color:#FFF; line-height:25px; overflow:hidden; }
.proA .pro .img { position:relative; top:-198px; left:0; width:280px; height:198px; text-align:center; overflow:hidden; z-index:1; }
.proA .pro .img img { width:100%; height:auto; }
.proA .pro:hover { box-shadow:1px 0 3px #999; }
.proA .pro:hover .text { background-color:rgba(0,0,0,0); transition: all 1.5s; }
.proA .pro:hover .text span { margin:80px 0 0  -300px; transition: all 1.5s; }
.proA .pro:hover .text p { margin:10px 0 0 500px; transition: all 1.5s; }

.proB { float:left; width:100%; overflow:hidden; }
.proB .pro { float:left; width:380px; height:270px; margin:10px 10px 10px 10px; overflow:hidden; }
.proB .pro .text { position:relative; top:0; left:0; width:380px; height:270px; text-align:center; background-color:rgba(0,0,0,0.45); transition: all 1.5s; overflow:hidden; z-index:2; }
.proB .pro .text span { float:left; width:calc(100%/1 - 30px); width:-moz-calc(100%/1 - 30px); width:-webkit-calc(100%/1 - 30px); height:50px; text-align:center; margin:120px 15px 0 15px; font-size:22px; font-weight:normal; color:#FFF; line-height:25px; overflow:hidden; }
.proB .pro .img { position:relative; top:-270px; left:0; width:380px; height:270px; text-align:center; overflow:hidden; z-index:1; }
.proB .pro .img img { width:100%; height:auto; }
.proB .pro:hover { box-shadow:1px 0 3px #999; }
.proB .pro:hover .text { background-color:rgba(0,0,0,0); transition: all 1.5s; }
.proB .pro:hover .text span { margin:120px 0 0  -300px; transition: all 1.5s; }
.proB .pro:hover .text p { margin:10px 0 0 500px; transition: all 1.5s; }

.proLeft { float:left; width:900px; margin-bottom:40px; margin-left:1px; overflow:hidden; }
.proC { float:left; width:100%; overflow:hidden; }
.proC .pro { float:left; width:280px; height:250px; border:1px solid #CFCFCF; background:#FFF; margin:9px 9px 9px 9px; overflow:hidden; }
.proC .pro:hover { box-shadow:1px 0 3px #999; }
.proC .pro .img { float:left; width:280px; height:199px; background:#FFF; text-align:center; overflow:hidden; }
.proC .pro .img img { width:100%; height:auto; }
.proC .pro .text { float:left; width:calc(100%/1 - 30px); width:-moz-calc(100%/1 - 30px); width:-webkit-calc(100%/1 - 30px); margin:5px 15px 0 15px; height:40px; overflow:hidden; }
.proC .pro span { float:left; width:100%; height:20px; font-size:12px; font-weight:normal; color:#999; line-height:20px; overflow:hidden; }
.proC .pro span b { color:#1A4B8E; }
.proC .pro p { float:left; width:100%; height:20px; font-size:12px; font-weight:normal; color:#999; line-height:20px; overflow:hidden; }
.proC .pro p b { color:#333; font-weight:normal; }

.proD { float:left; width:100%; overflow:hidden; }
.proD .pro { float:left; width:280px; height:240px; border:1px solid #CFCFCF; background:#FFF; margin:9px 9px 9px 9px; overflow:hidden; }
.proD .pro:hover { box-shadow:1px 0 3px #999; }
.proD .pro .img { float:left; width:280px; height:199px; background:#FFF; text-align:center; overflow:hidden; }
.proD .pro .img img { width:100%; height:auto; }
.proD .pro .text { float:left; width:calc(100%/1 - 30px); width:-moz-calc(100%/1 - 30px); width:-webkit-calc(100%/1 - 30px); text-align:center; margin:5px 15px 0 15px; height:20px; font-size:12px; font-weight:bold; color:#1A4B8E; line-height:20px;  overflow:hidden; }


/* == 当前位置 == */
.location { float:left; width:calc(100%/1 - 20px); width:-moz-calc(100%/1 - 20px); width:-webkit-calc(100%/1 - 20px); height:40px; margin:0 10px 10px 10px; border-bottom:1px solid #DEDEDE; overflow:hidden; }
.location h1 { float:left; width:auto; height:40px; margin:0 5px 0 5px; font-size:12px; font-weight:normal; color:#000; line-height:40px; }
.location p { float:left; width:auto; height:40px; font-size:12px; font-weight:normal; color:#000; line-height:40px; }
.location img { float:left; width:4px; height:7px; margin:16px 10px 0 10px; }
.location a { float:left; height:40px; font-size:12px; font-weight:normal; color:#0f2d51; line-height:40px; }
.location a:hover { text-decoration:underline; color:#1A4B8E; }


/* == 右侧列表 == */
.mainList { float:right; width:270px; margin:10px 10px 40px 0; overflow:hidden; }
.mainList .list { float:left; width:230px; background:#F8F8F8; padding:19px; margin-bottom:20px; border:1px solid #DEDEDE; overflow:hidden; }
.mainList .list .big { float:left; width:100%; margin-top:5px; overflow:hidden; }
.mainList .list .big li { float:left; width:100%; background:url(../image/icon_Arrow.png) 5px 10px no-repeat; overflow:hidden; }
.mainList .list .big li a { float:left; width:100%; font-size:13px; font-weight:bold; color:#333; line-height:25px; text-indent:18px; }
.mainList .list .big li a:hover { color:#1A4B8E; text-decoration:underline; }
.mainList .list .small { float:left; width:230px; margin:0 15px; overflow:hidden; }
.mainList .list .small li { float:left; width:100%; background:url(../image/icon_Dot.png) 5px 10px no-repeat; overflow:hidden; }
.mainList .list .small li a { float:left; width:100%; font-size:12px; font-weight:normal; color:#333; line-height:25px; text-indent:18px; }
.mainList .list .small li a:hover { color:#1A4B8E; text-decoration:underline; }
.mainList .list .listIn { float:left; width:100%; margin-top:5px; overflow:hidden; }
.mainList .list .listIn li { float:left; width:100%; background:url(../image/icon_Dot.png) 5px 10px no-repeat; overflow:hidden; }
.mainList .list .listIn li a { float:left; width:100%; font-size:12px; font-weight:normal; color:#333; line-height:25px; text-indent:18px; }
.mainList .list .listIn li a:hover { color:#1A4B8E; text-decoration:underline; }
.mainList .list .listTel { float:left; width:100%; margin-top:15px; overflow:hidden; }
.mainList .list .listTel img { float:left; width:40px; height:40px; overflow:hidden; }
.mainList .list .listTel p { float:left; width:180px; height:15px; margin:0 0 0 10px; font-size:12px; font-weight:normal; color:#1A4B8E; line-height:20px; }
.mainList .list .listTel span { float:left; width:180px; height:20px; margin:5px 0 0 10px; font-size:20px; font-weight:bold; color:#1A4B8E; line-height:20px; font-family:Arial; }
.mainList .list .listContact { float:left; width:100%; margin-top:15px; overflow:hidden; }
.mainList .list .listContact p { float:left; width:100%; margin-bottom:5px; font-size:12px; font-weight:normal; color:#666666; line-height:20px; }


/* == 产品详细 == */
.productL { float:left; width:900px; margin:10px 0 0 10px; overflow:hidden; }

.proTitle { float:left; width:840px; background:#FFF; padding:19px; margin-bottom:20px; border:1px solid #DEDEDE; overflow:hidden; }
.proTitle .img { float:left; width:430px; height:306px; text-align:center; overflow:hidden; }
.proTitle .img img { width:auto; height:100%; }
.proTitle .intro { float:right; width:390px; overflow:hidden; }
.proTitle .intro h1 { float:left; width:100%; margin:10px 0; font-size:18px; font-weight:bold; color:#1A4B8E; line-height:20px; }
.proTitle .intro .text { float:left; width:100%; padding:8px 0; border-bottom:1px dotted #CFCFCF; overflow:hidden; } 
.proTitle .intro .text span { float:left; width:65px; height:20px; font-size:12px; font-weight:normal; color:#999; line-height:20px; text-indent:3px; }
.proTitle .intro .text p { float:left; width:305px; font-size:12px; font-weight:normal; color:#999; line-height:20px; }
.proTitle .intro .texts { float:left; width:100%; padding:10px 0; overflow:hidden; } 
.proTitle .intro .texts span { float:left; width:65px; height:20px; font-size:12px; font-weight:normal; color:#1A4B8E; line-height:20px; text-indent:3px;  }
.proTitle .intro .texts p { float:left; width:305px; font-size:16px; font-weight:bold; color:#1A4B8E; line-height:20px; font-family:Arial; }

.proInfor { float:left; width:840px; background:#FFF; padding:19px; border:1px solid #DEDEDE; margin:0 0 50px 0; overflow:hidden; }
.proInfor .text { float:left; width:100%; margin-top:15px; text-align:left; font-size:13px; line-height:25px; overflow:hidden; }
.proInfor .text p { float:left; width:100%; text-align:left; font-size:13px; font-weight:normal; color:#666; line-height:25px; margin-bottom:10px; }
.proInfor .text img { display:inline-block; width:100%; height:auto; margin-bottom:10px; }
.proInfor .down { float:left; width:100%; margin-top:15px; padding-top:15px; border-top:1px dotted #DEDEDE; text-align:left; overflow:hidden; }
.proInfor .down h1 { float:left; font-size:13px; line-height:30px; color:#666; font-weight:normal;}
.proInfor .down h2 { float:left; width:100%; margin-top:5px; font-size:13px; line-height:30px; color:#999; font-weight:normal;}
.proInfor .down span { float:left; margin-left:5px; font-size:13px; line-height:30px; color:#999; font-weight:bold;}
.proInfor .down .btn { float:left; padding:0 25px; height:28px; margin-left:15px; background:none; border:1px solid #194a8e; font-size:12px; font-weight:normal; color:#194a8e; line-height:28px; }
.proInfor .down .btn:hover { background:#194a8e; border:1px solid #194a8e; color:#FFF; }


/* == 客户案例 == */
.caseL { float:left; width:880px; margin:10px 0 50px 10px; overflow:hidden; }

.caseBox { float:left; width:840px; background:#FFF; padding:19px; margin-bottom:20px; border:1px solid #DEDEDE; overflow:hidden; }
.caseBox .img { float:left; width:350px; height:280px; text-align:center; overflow:hidden; }
.caseBox .img img { width:auto; height:100%; overflow:hidden; }
.caseBox .text { float:right; width:450px; height:280px; overflow:hidden; }
.caseBox .text h1 { float:left; width:100%; height:30px; font-size:18px; font-weight:bold; color:#333; line-height:30px; overflow:hidden; }
.caseBox .text .textIn { float:left; width:100%; height:200px; margin-top:10px; font-size:12px; font-weight:normal; color:#999; line-height:25px; overflow:hidden; }
.caseBox .text .btn { float:left; width:100%; text-align:right; height:30px; margin-top:10px; overflow:hidden; }
.caseBox .text .btn a { display:inline-block; height:28px; padding:0 25px; background:#FFF; border:1px solid #999; font-size:12px; font-weight:normal; color:#999; line-height:28px; }
.caseBox .text .btn a:hover { color:#1A4B8E; border:1px solid #1A4B8E; }


/* == 新闻动态 == */
.new { float:left; width:1180px; margin:0 10px 50px 10px; overflow:hidden; }
.new .newBox { float:left; width:1140px; padding:19px; background:#FFF; border:1px solid #DEDEDE; margin-bottom:20px; overflow:hidden; }
.new .newBox .img { float:left; width:100px; height:100px; text-align:center; overflow:hidden; }
.new .newBox .img img { width:auto; height:100%; }
.new .newBox p { float:right; width:1020px; height:15px; margin-top:5px; font-size:12px; font-weight:normal; color:#999; line-height:15px; }
.new .newBox h1 { float:right; width:1020px; height:30px; font-size:14px; font-weight:bold; color:#333; line-height:30px; }
.new .newBox span { float:right; width:1020px; height:40px; margin-top:10px; font-size:12px; font-weight:normal; color:#666; line-height:20px; }
.new .newBox:hover { border:1px solid #1A4B8E; background:#F7F7F7; box-shadow:1px 0 3px #999; }


/* == 联系我们 == */
.contact { float:left; width:1180px; margin:30px 10px 50px 10px; overflow:hidden; }
.contact .title { float:left; width:100%; height:45px; text-align:center; border-bottom:1px solid #DEDEDE; font-size:24px; font-weight:normal; color:#194a8e; line-height:30px; overflow:hidden; }
.contact .contactLeft { float:left; width:819px; padding:30px 30px 30px 30px; border-right:1px solid #DEDEDE; overflow:hidden; }
.contact .contactLeft h1 { float:left; width:100%; margin-bottom:15px; font-size:15px; font-weight:bold; color:#333; line-height:20px; }
.contact .contactLeft p { float:left; width:100%; margin-bottom:5px; font-size:12px; font-weight:normal; color:#666; line-height:20px; }
.contact .contactLeft img { float:left; width:750px; height:auto; margin-top:20px; }
.contact .contactRight { float:right; width:240px; padding:30px 30px 30px 30px; text-align:center; overflow:hidden; }
.contact .contactRight .QRcode { display:inline-block; width:200px; margin-bottom:30px; text-align:center; }
.contact .contactRight .QRcode img { display:inline-block; width:120px; height:120px; }
.contact .contactRight .QRcode span { float:left; width:100%; margin-top:5px; font-size:12px; font-weight:normal; color:#666; line-height:20px; }


/* == 分页样式 == */
.introPage { float:left; width:100%; height:40px; margin:20px 0 0 0; text-align:center; font-size:13px; font-weight:normal; color:#666; line-height:40px; overflow:hidden; }
.introPage td { display:inline-block; font-size:14px; font-weight:normal; color:#999; line-height:40px; }
.introPage p { display:inline-block; margin:0 10px; font-size:14px; font-weight:normal; color:#999; line-height:40px; }
.introPage a { display:inline-block; padding:0 10px; font-size:14px; font-weight:normal; color:#999; line-height:40px; }
.introPage a:hover { background:#E7E7E7; color:#333; }
.introPage .wenbenkuang { display:inline-block; margin:0 3px; width:28px; height:28px; text-align:center; font-size:14px; font-weight:normal; color:#999; line-height:38px; border:none; background:#FFF; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;  }
.introPage .go-wenbenkuang { display:inline-block; width:38px; height:38px; text-align:center; font-size:14px; font-weight:normal; color:#999; line-height:38px; background:none; border:1px solid none; cursor:pointer; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;  }
.introPage .go-wenbenkuang:hover {  background:#E7E7E7; color:#333; }