@charset "utf-8"; /* Style Reset -----------------------------------------------------------------------------------------------------*/ *{ margin:0px; padding:0px;}html{overflow-x:hidden;} body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote{ font-size:14px;_background-image:url(about:blank);_background-attachment:fixed;font-family:'微软雅黑';} input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;} ul, li, dl, dt, dd, ol { display: block; list-style: none; } img{border:0;} .clear {clear:both;height: 0; } .clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;} a{text-decoration:none;outline:0;} .noneBottomBorder{ border-bottom: none!important;}.noneTopBorder{ border-top: none!important;} .backgroudW{ background: #fff; padding: 15px; margin: 24px 0px;} /* header */ .header{ width:100%; position:relative; background: #155b9d; } .top{ position:relative; width:1000px;height:88px; margin:0 auto;} .logo{float:left;width:540px; height:88px;} .search{float:left;width:254px;height:30px; padding-top: 29px;} .text{ float:left; width:205px;height:28px;border:1px solid #85a7c8; color:#fff;font-size:12px;line-height:28px; text-indent: 20px; background: #155b9d;} .btn1{ float:left; width:37px;height:30px;border:none; background: url(../images/zoom.jpg) left top no-repeat;cursor:pointer; } /* end search */ .toptel{ float:left; width:206px; height:36px; padding-top: 20px; color:#ffffff; font-size: 14px; line-height: 20px; } .toptel span{ display: block; color: #ffffff;font-size:24px;line-height:28px;font-family:impact; } /* end topbd */ .navgrp{ position: relative; width:100%;height:43px;margin:0 auto; background: url(../images/navbg.jpg) center top no-repeat; } .nav{position:relative;width:1000px;height:43px;margin: 0 auto;} .nav li{ position: relative;float:left;text-align:left; width:100px;height:43px; display: block; } .nav li a{ width:100px;height:43px;display:block; color:#002e5c;font-size:16px;line-height:43px; text-align: center;} /*.nav .menu a{ width:100px;height:43px;display:block; color:#002e5c;font-size:16px; line-height:43px;text-align: center;} .nav .on a{ width:100px;height:43px;display:block; color:#002e5c;font-size:16px; line-height:43px;}*/ #navChild{ position:absolute;left:0px; top:43px; width:92px; z-index:99; display: none; padding:4px 4px 0px 4px;background:#155b9d;} #navChild a{ position:relative; width:92px; height: 36px; display:block;border-bottom: 1px solid #2479ca; color:#ffffff!important; font-size:14px;line-height:36px; text-align:center;} #navChild a:hover{color:#00f8fe!important;background-image:none!important;} /* end navgrp */ .banner{ position: relative; z-index: 12; width: 100%; } .bann{ position:absolute; top:0px; left:50%; margin-left: -800px; width:1600px; height:375px;} #focus {position:relative;width:1600px; height:375px; overflow:hidden;} #focus ul {position:absolute;height:200px; } #focus ul li {position:relative;float:left;width:1600px; height:375px; overflow:hidden; } #focus ul li img{ display: block;margin: 0 auto;} #focus .btn { width:100%; height:12px; left:0px; bottom:54px; text-align:center; z-index: 99;} #focus .btn span{width:10px; height: 10px; display: inline-block; margin-left: 8px; background: #155b9d; border-radius: 50%;} #focus .btn span.on{background: #ffffff;} /* end banner */ .claListBox{ position:absolute; bottom:0px; left:0px; width: 100%; height: 50px; z-index:2; background: url(../images/bg.png); } .claListLeft,.claListRight{ position: absolute;left:50%; bottom: 10px; width:16px; height: 30px;cursor:pointer; } .claListLeft{ margin-left: -516px;} .claListRight{ margin-left: 500px;} .claListUl{ position: relative; width: 1000px; height: 50px; margin: 0 auto; overflow: hidden; } .claListUlList{ position: absolute;left:0px; top: 0px; height: 50px; } .htmlpic2{ position:absolute; left:3000px; top:0px; /*background: #004384;*/} .claListUl ul{ float:left;width: 1000px;} .claListUl li a{ float:left; width: 200px; height: 50px; display: block; color:#ffffff;font-size:16px; line-height:50px; text-align: center; } .claListUl li a:hover{ color:#00d4f9; } /* end bannerClaList */ .sectionB{ position: relative; width: 100%; height: 152px; padding-top: 27px; border-top: 1px solid #d3d3d3; background: url(../images/index_10.jpg);} .section{position:relative; width:100%; margin:auto; clear:both; overflow: hidden; } .Ttitle { position:relative;width:100%; height:70px; margin: 0 auto; color:#004384;font-size:26px;line-height:70px; /*font-weight: bold;*/ } .Ttitle span{color: #999999; font-size:16px; font-family:arial; text-transform: uppercase; font-weight: normal;}.Tmore a{ position:absolute; right:0px; top:24px; width:75px; height:22px; display: block; color: #004384; font-size: 14px; line-height: 22px; text-align: center; font-weight: bold; background: url(../images/morebg.png) left top no-repeat;} .Ttitle2 { position:relative;width:100%; height:70px; margin: 0 auto; color:#ffffff;font-size:26px;line-height:70px; /*font-weight: bold;*/ } .Ttitle2 span{color: #31afee; font-size:16px; font-family:arial; text-transform: uppercase; font-weight: normal;}.Tmore2 a{ position:absolute; right:0px; top:24px; width:75px; height:22px; display: block; color: #ffffff; font-size: 14px; line-height: 22px; text-align: center; font-weight: bold; background: url(../images/morebg2.png) left top no-repeat;} .Foottitle { position:relative;width:100%; height:50px; margin: 0 auto; border-bottom: 1px solid #d5d5d5; color:#004384;font-size:26px;line-height:50px; /*font-weight: bold;*/ } .Foottitle span{color: #999999; font-size:16px; font-family:arial; text-transform: uppercase; font-weight: normal;}/*end Ttitle*/ /* end picListBd */ .inProBd{ width:1000px; margin: 0 auto;} .proListPic {width:1000px; margin:0 auto; overflow: hidden; } .proListPic ul li{ position: relative;float:left; width:232px; height:238px; margin-right:24px; margin-bottom: 24px; overflow: hidden; }.proListPic ul li a{ position: relative; width:232px; height:238px;display:block; } .proListPic ul li a:hover{background: #1a5b9b;} .proListPic ul li a:hover .pic{border:1px solid #1a5b9b;} .proListPic ul li a:hover .intro{ color: #ffffff;} .proListPic ul li a:hover .intro span{ color: #00d4f9;} .proListPic ul li .pic{position:relative;width:230px; height:173px;border:1px solid #c2c0c0;} .proListPic ul li .intro{ width:210px; height:60px; padding:0px 10px;overflow: hidden; color:#004384;color:#666666;font-size:14px;line-height:16px; text-align: left;} .proListPic ul li .intro span{ width:210px; height:36px; display: block; color:#004384;font-size:14px;line-height:44px; text-align:left;font-weight: bold; } /*end proListPic*/ .newsListBd{ position: relative; width: 1000px; margin: 0 auto;} .newsList{ position:relative; width: 1000px; padding-top: 14px; margin-top: -28px;} .newsx{ position:absolute;left:485px; top:14px;}.newsListDl{ float: left; width: 500px; height: 100px; border-bottom:1px solid #d2d2d2;} .newsListDl a{width: 495px; height: 100px; display:block;} .newsListDl dt{ float: left; width: 60px; height:54px;padding-top:4px;border:1px solid #1097bf; margin:20px 0px 0; color:#ffffff; font-size: 12px; line-height: 20px; text-align: center; background: #1a5b9b; }.newsListDl dt span{display: block;color:#ffffff; font-size: 24px; line-height: 30px;}.newsListDl dd{float:left; width:405px; height:100px;padding-left: 15px; } .newsListDl .title { width: 405px; height: 30px; display: block; padding-top: 24px; color:#004384; font-size:14px; line-height:30px; font-weight: bold;}.newsListDl .intro{ width: 405px; height: 20px; display: block; overflow: hidden; color:#666666; font-size:14px; line-height:20px;} /* end newsListDl */ #casePicUlId{position: relative; width: 1005px; height: 224px; overflow: hidden;} #casePicUlId .casePicUlIdBox{ position: absolute; height: 224px;} #casePicUlId .casePicUlIdBox ul{ float:left; } .casePic .btn {position:absolute;left:0px; top:30px; width:900px; height:12px; padding-right: 100px; background: none; text-align: right;} .casePic .btn span{ width: 12px; height: 12px; background: #ffffff; display: inline-block; margin-right: 5px;} .casePic .btn span.on{ background:#19d1ff;} .casebg{ width: 100%; height: 330px; background: url(../images/casebg.jpg) left top no-repeat #1a5b9b;} .casePic{ position:relative; width:1000px; margin: 0 auto; } .casePicUl{width:1000px;height:224px; padding-right:5px; } .casePicUl li{ position:relative;float:left; width:220px; height:210px; border:1px solid #c9cbcd; padding: 12px 12px 0px 12px; margin-right: 5px; background: #ffffff; } .casePicUl li a{ width:220px; height:210px; display: block;} .casePicUl .pic{ width:218px; height:164px; border: 1px solid #c9cbcd;} .casePicUl .pic img{ display: block;} .casePicUl .title{ width:220px; height:44px; color:#004384;font-size:14px;line-height:44px; font-weight: bold;} /*end casePic*/ .companyl{ float:left; width: 50%; height: 240px; background: #0989c9; } .companyr{ float:left; width: 50%; height: 240px; background: #efefef; } .company{ position: absolute; left:50%; top: 0px; width: 1000px; height: 240px; margin-left:-500px; background: url(../images/combg.jpg) left top no-repeat #efefef; } .companyPic{ float:left; width:290px;height:240px; overflow:hidden;background:url(../images/img10.png) no-repeat; } .companyPic_in{ margin:29px 0 0 33px;width:164px;height:164px;padding:3px; background:url(../images/img11.jpg) no-repeat; } .companyCon{ float:left; width:710px; height:240;} .companyConFont{ width: 688px; height: 110px; padding: 10px 20px; border: 1px dotted #b3b3b3; color: #666666; font-size: 14px; line-height: 28px; overflow: hidden; } /*end company*/ .kcBox{width: 1000px; height: 264px; margin: 0 auto;}.knowList{ float:left; width: 650px; height: 264px; } .knowListBox{width: 650px; height: 194px;} .knowListPic{ float:left; width:218px; height: 164px; border: 1px solid #d0d0d0;} .knowListUl{ float:left; width: 410px; height: 164px; padding-left: 20px; } .knowListUl li{ width: 396px; height: 40px; padding-left: 14px; border-bottom: 1px solid #d2d2d2; background: url(../images/newsbg.png) 4px center no-repeat; } .knowListUl li a{ width: 396px; height: 40px; display: block; color: #666666; font-size: 14px; line-height: 40px; } .knowListUl li a:hover{ color:#004384; } .knowListUl li a span{float:right} .contact{ float:left; width:324px;height: 264px; margin-left: 24px;} .contactnr{ width:324px; height: 158px; overflow:hidden; } .contactnr dl{width:324px; display:block;clear:both;} .contactnr dl dt,.contactnr dl dd{color:#666666; font-size:14px; line-height:32px; } .contactnr dl dt{float:left; width:44px; padding-left: 40px; } .contactnr dl dd{float:left; width:240px;} /* end contact */ /*end inMain*/ /* footerpic*/ .footPicBd{width:1000px;height: 290px;border-top:1px solid #d5d5d5;margin: 0px auto 0px auto; } .footPicList{ float:left;width:736px; height:290px; } .footPicListUl {width:736px; height:209px; padding-top:18px;overflow: hidden; } .footPicList ul li{float:left;width:230px; height:209px; margin-right: 24px;} .footPicList ul li .pic{width:228px; height:171px;border:1px solid #c2c0c0;} .footPicList ul li .title{ width:208px;height:36px; padding:0 10px; color:#004384;line-height:34px;font-size:14px; font-weight: bold; text-align: center; } .footCon{ float:left; width: 240px; height: 290px; padding-left: 24px; } .footContactnr{width:240px; padding-top: 14px; overflow:hidden;} .footContactnr span{ display: block; width: 230px; height: 38px; padding-left: 10px; color:#155b9d; font-size: 24px; line-height: 38px; font-family: impact; } .footContactnr dl{width:240px; display:block;clear:both;} .footContactnr dl dt,.footContactnr dl dd{color:#666666; font-size:14px; line-height:32px; } .footContactnr dl dt{float:left; width:44px; padding-left: 40px; } .footContactnr dl dd{float:left; width:156px;} /* footer*/ .footer{ width:100%;background: #404040; } .linkBox{ width: 100%; height:auto!important; height:42px; min-height: 42px; border-top:1px solid #d2d2d2; background:#ffffff; } .link{ position: relative; width:1000px;height:auto!important; height:42px; min-height: 42px; margin: 0px auto; } .linkTitle{ float: left; position: relative; width: 84px; height: 42px; color: #004384; font-size: 14px;line-height: 42px; font-weight: bold; } .link_list{ float: left; width: 916px;height:auto!important; height:42px; min-height: 42px;} .link_list a{ float:left; display:inline-block; padding-right: 40px; color:#565656;font-size:14px; line-height:42px;} .link_list a:hover{color:#000000;}/*end link*/ .btnavlist{ position: relative; width: 1000px; height: 46px; margin: 0 auto; padding-top: 14px; color:#525252; } .btnavlist a{ display: inline-block; color:#ffffff;font-size:14px; line-height: 46px; } /*end btnavlist*/ .footOne{ width: 1000px; height: 10px; padding-top:15px; margin: 0 auto; } .share{ float:left; width:300px;height: 60px; } .share li{ position:relative;float:left; width: 150px; height: 40px;} .share .list{width: 102px; height: 40px; line-height: 40px; padding-left: 48px; display: block; color:#bababa}.share .qq{background: url(../images/qq.png) left top no-repeat;} .share .qq2{background: url(../images/share.png) left top no-repeat;} .share a.list:hover{ color: #fff;}.shareList{ position: absolute;left:30px; top: 35px; z-index: 99; display: none; width:200px;} .shareList a{ display: inline;} /*end share*/ .site{ float:left; width:155px; height: 40px; padding-left: 45px; color:#bababa; font-size:14px; background: url(../images/site.png) left top no-repeat; } .site a{ color:#bababa; line-height: 40px; } .site a:hover{color:#fff} /*end site*/ .copyrightnr{ width:1000px;margin: 0 auto; color:#bababa;font-size:12px; line-height:24px; text-align:center; } .copyrightnr a{color:#bababa} .copyrightnr a:hover{color:#ffffff} /*end copy*/ /* 分页样式 contact*/ .sectionbg{ width:100%; margin:0 auto; position:relative; clear:both; overflow:hidden;} .mainConTitleBox{width: 100%; height: 52px; border-bottom: 1px solid #d5d5d5;} .mainConTitle{ position: relative; width:1000px; height:52px; margin: 0 auto; color: #004384;font-size: 26px; line-height: 52px; } .mainConTitle span{color: #999999;font-size: 16px; line-height: 52px; text-transform: uppercase;} .mainConTitle .position { position: absolute; right: 0px; bottom:0px; height:52px; color: #666666; font-size: 12px;line-height:54px;} .mainConTitle .position a{color:#666;} .mainConTitle .position a:hover{color:#666666} .mainConTitle .position span{ font-size: 12px;color:#666666} .mainConTitle .position font{ font-size: 12px; color:#155b9d;} /*end mainConTitle*/ .proClaList{ width: 1000px; margin: 0 auto; padding: 12px 0px 10px 0px;} .proClaList li{ float:left; position:relative;} .proClaList li .wa{ float:left; display:block; height:30px;padding:0px 24px; margin-right: 2px; margin-bottom: 2px; color: #ffffff; font-size: 14px;line-height:30px; background: #777777; } .proClaList .wa:hover{background: #155b9d;} .proClaList li.menu{ font-weight: bold;} .proClaList li a.on{background: #155b9d; float:left;display:block;height:30px;padding:0px 24px; margin-right: 2px; margin-bottom: 2px;color: #ffffff; font-size: 14px;line-height:30px;} .proClaList li dl{ display:none; position:absolute; left:0; top:30px; width:100%; background:#777; z-index:99;} .proClaList li:hover dl{ display:block;} .proClaList li dl dd{ width:100%; float:left;} .proClaList li dl dd a{ width:100%; height:30px; float:left; font:14px/30px "微软雅黑"; color:#fff; text-indent:24px; overflow:hidden; border-bottom:solid 1px #fff;} .proClaList li dl dd a:hover{ background:#155b9d;} .proClaListChildBox{ width: 100%;background:#efefef;} .proClaListChild{width: 1000px; margin: 0 auto 20px auto; padding:5px 0px;} .proClaListChild a{ float:left;display: block; height: 30px; margin-right: 20px; color: #333333; font-size: 14px;line-height:30px; } .proClaListChild a.on{color:#155b9d} .main{position:relative; width:1000px; margin:0 auto; } .mainConList{width:1000px;margin:0 auto; }.mainConList .pic1{ position: relative;float:left; width:232px; height:238px;margin-right:24px;margin-bottom: 24px; overflow: hidden; } .mainConList .pic1 a{ position: relative; width:232px; height:238px;display:block; color:#004384;font-size:14px;line-height:16px; text-align: left;} .mainConList .pic1 .pic{position:relative;width:230px; height:173px;border:1px solid #c2c0c0;} .mainConList .pic1 .intro{ width:210px; height:60px; padding:0px 10px;overflow: hidden; color:#004384;color:#666666;font-size:14px;line-height:16px; text-align: left;} .mainConList .pic1 .intro span{ width:210px; height:36px; display: block; color:#666666;color:#004384;font-size:14px;line-height:44px; text-align:left;font-weight: bold; } .mainConList .pic1 a:hover{background: #1a5b9b;} .mainConList .pic1 a:hover .pic{border:1px solid #1a5b9b;}.mainConList .pic1 a:hover .intro{ color: #ffffff;} .mainConList .pic1 a:hover .intro span{ color: #00d4f9;} /*end pic1*/ .mainConList .pic2{ width: 974px; height:120px;padding:13px; margin-bottom: 14px; background: #f0f0f0;} .mainConList .pic2 dt{ float: left; width:160px; height:120px; border: 1px solid #c2c0c0; margin-right: 16px; } .mainConList .pic2 dt img{ display:block;} .mainConList .pic2 dd{ width:796px;height:120px; float:left;} .mainConList .pic2 .title{color:#004384;font-size:14px; line-height:40px; font-weight:bold;} .mainConList .pic2 .intro{color:#666666;font-size:14px;line-height:20px} .mainConList .pic2 .time{ color: #999999; font-size: 12px;line-height:28px} .mainConList .pic2 a:hover{ background: #e5ebf1;} .mainConList .pic2 a:hover .title{ color:#1561af} /*end pic2*/ .mainConList ul{ width:1000px; padding-bottom:20px ;} .mainConList ul li{ width: 1000px; height: 80px; padding-top: 10px; padding-bottom: 10px; border-bottom:1px solid #d4dde3; } .mainConList ul li a{width: 1000px;display: block; color:#004384; font-size:14px; line-height:40px; font-weight: bold; } .mainConList ul li a:hover{text-decoration:underline;} .mainConList ul li p{width:1000px;color:#666666;font-size:14px;line-height:20px} /*end ul*/ .pglist{ width:100%;clear:both;height:80px; } .pglist ul{ width:100%;text-align:left; padding-top:24px; border-top:1px solid #d2d2d2} .pglist ul li{ vertical-align: bottom; display:inline-block;*display:inline; *zoom:1; width:30px;height:30px;*margin-left:5px;_display:inline; _zoom:1; _margin-left:5px; border:1px solid #535353; font-size:14px;line-height:30px; text-align:center; background:#535353} .pglist ul li a{color:#fff; line-height:30px; display:block} .pglist ul li.home,.pglist ul li.end{ width:60px; height:30px; border:1px solid #535353;} .pglist ul li.next,.pglist ul li.last{ width:30px; height:30px;border:1px solid #535353; font-size:24px;line-height: 30px; font-family:'宋体'!important; font-weight:bold; } .pglist ul li.on{background:#155b9d;border:1px solid #155b9d;} .pglist ul li.on a{color:#fff;} .pglist ul li.nohover{background:#dfdfdf;border:1px solid #dfdfdf;color:#535353;font-family:'微软雅黑';} .pglist ul li.nohover a{color:#535353;} /*end pglist*/ .mainContect{ width: 1000px; margin: 0 auto; color:#666;font-size:14px;line-height:30px;overflow:hidden margin-top:16px; padding-top:16px; height:auto!important;word-wrap:break-word; word-break:break-all; background:#fff;} .mainContect center{ padding:20px 0 10px;display:block;overflow:hidden; } .mainContectTP{width: 1000px;}.mainContectTP .pic{ float:left; width:420px;width:400px; height: 315px;height:300px; border:1px solid #d3d3d3; } .mainContectTP .pic img{margin:0 auto;} .mainContectTP .titleMenu{ float:left;float:right; width: 558px; width:568px;height: 317px; padding-left: 20px; } .mainContect .title{ width:100%; color:#333333;font-size:22px; line-height:36px; } .mainContect .title span{color:#999999; font-size:14px; padding-left: 10px;} .mainContect .titleNews{ width:100%; color:#333333;font-size:22px; line-height:36px; text-align: center; } .mainContect .time{ width:600px; height:40px;border-bottom:1px dotted #ddd;padding-top:10px;padding-left:400px; color:#999999;font-size:12px;line-height:30px; font-weight:normal} .mainContect .timea{ float:left;width:170px; font-size:12px;}.mainContect .keyword{ width:100%; padding: 4px 0px; color:#999999;font-size:12px; line-height:20px; } .mainContect .keyword span{ color:#666666; font-weight: bold;} .mainContect .bdsharebuttonbox{ width: 100%; padding: 10px 0px;} .mainContect .intro{ color:#666666;font-size:14px; line-height:24px; } .mainContect .tel{ width:100%; height: 50px; padding: 4px 0px; color:#155b9d; font-size: 18px; line-height:50px; } .mainContect .tel span{ font-size:24px; font-family: impact;} .mainContect .con{ padding:20px 0px 20px 0px;line-height:30px;font-size:14px; color:#666;word-wrap:break-word; word-break:break-all;overflow:hidden} .mainContect .conTitle{ width: 100%; border-bottom: 1px solid #c8c8c8;margin-bottom: 15px;} .mainContect .conTitle span{ width: 120px; height: 36px;display: block; color:#fff; font-size: 16px;line-height: 36px; text-align: center; background: #0b61a5;} .mainContect .pgfy{ width:100%; border-top:1px solid #eaeaea; padding-top:20px;padding-bottom:20px; margin: 0 auto;} .mainContect .pgfyl{float:left; width:840px;} .mainContect .pgfyl p{ color:#333333;font-size: 14px;} .mainContect .pgfyl p a{ color:#333333; font-size: 14px;} .mainContect .pgfyr{float:left; width:160px;height:30px;text-align:center; margin-top: 16px; background:#155b9d;} .mainContect .pgfyr a{ color:#ffffff;font-size:14px;} .mainContect .pgfyl p a:hover{ color:#004384;} /* fixed */ .fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;} .fixed a{display:block;width:55px;height:53px;} .book{background:url(../images/fixed.jpg) 0 0 no-repeat;} .book:hover{background-position:-54px 0;} .fixed a.codepic{background:url(../images/fixed.jpg) 0 -53px no-repeat;height:52px;} .fixed a.codepic:hover{background-position:-54px -53px;} .fixed div{position:relative;} .fixed a.backup{background:url(../images/fixed.jpg) 0 -158px no-repeat;height:52px;} .fixed a.backup:hover{background-position:-54px -158px;height:53px;} .fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;} .searchred{ color:#f00 !important; margin:0 !important} .mainContect2{ color:#565656;font-size:14px;line-height:30px;overflow:hidden; padding:20px; height:auto!important;min-height:560px;height:560px;word-wrap:break-word; word-break:break-all;padding-bottom:20px; } .mainContect2 img{ max-width: 100%;} .mainContect2 .title{ width:100%; padding-top:25px; color:#4b4b4b;font-size:18px;text-align:center; } .mainContect2 .pic{ width:100%; text-align:center;padding:20px 0;} .mainContect2 .pic img{margin:0 auto;} .mainContect2 .con{ padding-bottom:20px;line-height:30px;font-size:14px; color:#4b4b4b;word-wrap:break-word; word-break:break-all;overflow:hidden} .mainContect2 .pgfy{ position: relative; width:100%; padding-top:15px;padding-bottom:20px; margin: 0 auto;} .mainContect2 .pgfyl{width:100%;} .mainContect2 .pgfyl p{ padding-left:20px; color:#8d8d8d;font-size: 14px; line-height:36px;border-bottom:1px solid #d2d2d2;} .mainContect2 .pgfyl p a{ color:#8d8d8d; font-size: 14px; line-height:36px;} .mainContect2 .pgfyr{ position: absolute; right:0px; top:50px; width:100px;height:36px;text-align:center;} .mainContect2 .pgfyr a{ color:#8d8d8d;font-size:14px;line-height:36px;} .online{ width: 700px; padding-top: 30px; margin:0 auto;} .online li{ float:left; margin-bottom: 18px;} .online span{ float:left; width: 120px; height: 30px; display: block; color:#4e4e4e; font-size:16px;line-height: 30px; text-align: right;} .online input{ width:120px;height: 28px; border:1px solid #dadada; color:#4e4e4e;font-size:16px; line-height: 28px; text-indent: 10px; background: #f4f4f4;} .online input.address{ width: 522px;}.online textarea{ width: 522px;border:1px solid #dadada; color:#4e4e4e;font-size:16px; line-height: 28px; text-indent: 10px; background: #f4f4f4; }.online input.botton{ width: 164px; height: 47px; border:none; cursor: pointer; color:#ffffff;font-size:24px; line-height: 47px; font-weight: bold; } .online input.submit{ margin-left: 220px; background:url(../images/submito.jpg) left top no-repeat ; } .online input.reset{ margin-left: 20px; background:url(../images/resito.jpg) left top no-repeat ; } .online input.data{ background:url(../images/data.jpg) 150px center no-repeat ; }