@charset "utf-8";
@font-face {
  font-family: 'siyuanheiti';
  src: url('../fonts/SourceHanSansCN-Regular_0.eot');
  src:
    url('../fonts/SourceHanSansCN-Regular_0.eot?#font-spider') format('embedded-opentype'),
    url('../fonts/SourceHanSansCN-Regular_0.woff') format('woff'),
    url('../fonts/SourceHanSansCN-Regular_0.ttf') format('truetype'),
    url('../fonts/SourceHanSansCN-Regular_0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*--------------------------- 通用样式 ----------------------------------- */
/*初始化样式*/
*{margin: 0px;padding: 0px;list-style:none;font-family:"微软雅黑",STXihei,STHeiti;border:none;text-decoration: none;}
table { }
address,caption,cite,code,dfn,em,th,var,i,h1,h2,h3,h4{font-style: normal;font-weight: normal ; }
ol,ul{list-style: none;}
del,ins,a{text-decoration: none;}
caption,th{text-align: left;}
input,button,textarea,select{font-size: 100%; border:none;}
i,b,span,a{display:inline-block;}
a:hover{cursor: pointer;}
button:hover{cursor: pointer;}
/*常用样式*/
/*清浮动*/
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
.clear{clear: both;overflow: hidden;}
.mores{background: #c3e456; color: #fff; border-color: #c3e456; padding: 5px 10px; font-size: 16px; border-radius: 4px;}
/*补白*/
.pl{padding-left: 10px;}
.pt60{padding-top: 60px;}
.pt110{padding-top: 110px;}
.pt130{padding-top: 130px;}
/*边距*/
.mt-5{margin-top: -5px!important;}
.mt10{margin-top: 10px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt45{margin-top: 45px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}
.mt65{margin-top: 65px!important;}
.mt90{margin-top: 90px!important;}
.mt100{margin-top: 100px!important;}
.mt110{margin-top: 110px!important;}
.mt130{margin-top: 130px!important;}
.mb-5{margin-bottom: -5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb100{margin-bottom: 100px!important;}
/*浮动*/
.fl{float: left;}
.fr{float: right;}
/*----  文字样式 ------- */
.textov1{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden;}
.textov2{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}
.textov3{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;}
.textov4{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;}
.txtl{text-align: left!important;}
/*动画*/
img{transition: all 0.5s;}
/*其他*/
.hidden{overflow: hidden;}
.none{display: none;}
.block{display: block;}
.d-in{display: inline-block;}
/*背景*/
.bgf8{background: #f8f8f8;}
/*--------------------------- 通用样式 结束----------------------------------- */
/*--------------------------- 公共样式 开始----------------------------------- */
body { font:12px/1.5 \5b8b\4f53 }
/*顶部样式*/
/*
.top{line-height: 40px;border-bottom: 1px solid #d7d7d7;}
.top div.fl{color: #676767;font-size: 14px;}
.top div.fr a{color: #676767;font-size: 14px;}
*/
/*顶部样式*/
/*---- header 头部样式 ------- */
.headerbg{height: 118px; width: 100%;}
.header{position: fixed; z-index: 9999; height: 118px; border-bottom: 1px solid #e6e5e5;width: 100%; background: #fff;}
.logo{position: absolute;top: 0;width: 240px;margin-top: 18px;}
.logo img{width: 240px;height: 72px;margin: 0 auto;}
/*导航*/
.nav{position:relative;width: 960px;height: 118px;line-height: 118px;padding-left: 30px;}
.nav a{color:#131313;font-size: 18px;}
.nav .nLi{position:relative;float:left;display: inline;width: 88px;margin-right: 12px;}
.nav .nLi h3{height: 118px;text-align: center;}
.nav .nLi:last-of-type{margin-right: 0;}
.nav .nLi h3 a{display: block;font-size:18px; width: 100%;}
.nav .nLi:hover h3,.nav .current h3{
    background:url(../images/h3bg.jpg);}
.nav .nLi:hover h3 a,.nav .current h3 a{color: #fff;}
.nav .sub{position:absolute;left: 0;top: 118px;z-index: 9999;display: none;height: 55px;line-height:55px;width: 700px;}
.nav .sub li{position: relative;float: left;zoom:1;background: rgba(0,0,0,.6);}
.nav .sub li:last-child{}
.nav .sub a{ padding: 0 10px;height: 55px;display: block;text-align: center;color: #fff;}
.nav .sub a:after{content: "";position: absolute;right: 0;width: 1px;height: 13px;background: #fff;top: 21px;}
.nav .sub li:last-of-type a:after{display: none;}
/*导航下拉三级菜单样式*/
/*
.list li .wltwo{position: relative;}
.list li .wltwo ul{position: absolute;top: 0;left: 141px;}
*/
/*---------------------- banner  轮播样式 --------------------------------------------*/
.banner{width: 100%;overflow: hidden;height:950px;position:relative;z-index: 8888;}
.banner .banner-box{width:1920px;position:absolute;overflow:hidden;left:50%;margin-left:-960px;  }
.banner .banner-box .bd ul{ width:100% !important;}
.banner .banner-box .bd li{width:100% !important;/*height:588px;*/}
.banner .banner-box .bd li a{display:block;}
.banner .banner-box .bd li a img{display: block;width:1920px;overflow:hidden;/*height:588px;*/}
.banner .banner-btn{width:100%;height:40px; position:absolute;bottom:40px;left:0;}
.banner .banner-box .hd {position:absolute;left:50%; top:0px; z-index: 9;margin-left: -52px;}
.banner .banner-box .hd ul li{width:40px;height:8px;text-indent:-9999px;margin-right:10px; float:left;cursor:pointer;background:#fff;} 
.banner .banner-box .hd ul li.on{background:#64b703;}
.banner .banner-box .hd ul li:last-child{margin-right:0px;}
.bannern{height: 358px}
.bannern .banner-box li{position: relative;height: 358px}
.bannern .banner-text{position: absolute;top: 50%;left: 50%;margin-left: -600px;width: 1200px;color: #f5f5f5;z-index: 10000;margin-top: -20px;}
.bannern .banner-text{font-size: 38px;font-weight: bold;}
.bannern .banner-text span{font-size: 24px;font-weight: normal;margin-left: 10px;}
/*---------------------- 友情链接 修饰  --------------------------------------------*/
.youlink{background: #019ef8;padding: 25px 0;line-height: 1.8em;}
.youlink h3{float: left;width: 90px;font-size: 16px;color: #fff;}
.youlinkCon{float: right;width: 1110px;}
.youlinkCon li{float: left;margin-right: 30px;}
.youlinkCon a{color: #fff;font-size: 16px;}
/*---------------------- 底部 修饰  --------------------------------------------*/
.footer{background: #222222;padding: 50px 0 20px 0;color: #ddd;color: #ddd;font-size: 15px;line-height: 1.8em;}
.footer a{color: #ddd;font-size: 15px;}
.footer a:hover{color: #019ef8;}
.fotTCon{padding-bottom: 30px;border-bottom: 1px solid #4d4d4d;}
.fotTCon h3{font-size: 18px;font-weight: 900;color: #fff;margin-bottom: 20px;}
.fotTCon h3:after{content: "";display: block;width: 30px;height: 3px;background: #019ef8;margin-top: 15px;}
.fotTLCon,.fotTMCon,.fotTRCon{height: 210px;padding-left: 80px;border-left: 1px solid #4d4d4d;border-right: 1px solid #010101;}
.fotTLCon{width: 335px;border-left: none;}
.fotTLCon ul li{display: inline-block;width: 48%;}
.fotTMCon{width: 565px;}
.fotTRCon{width: 300px;border-right: none;}
.fotTRCon img{width: 140px;height: 140px;}
.fotBCon div{text-align: center;border-top: 1px solid #010101;padding-top: 20px;}
/*--当前位置--*/
.location{height: 55px;line-height: 55px;background: #fbfcfc; border-bottom: 1px solid #c8c8c8; font-size: 16px; color: #6d6d6d;}
/*.location {width: 1200px;margin: 0 auto;}*/
.location a{color: #6d6d6d;}
.location a:hover,.location a.current{color: #019ef8;}
/*------------------------分页------------------------*/
.page{clear:both;padding: 60px 0 30px 0; text-align: center;line-height: normal;}
.page .pagenum {background: #fff;border: 1px solid #d9d8de;font-size: 14px;margin: 0 1px;padding: 4px 10px;color: #282828;border-radius: 4px;}
.page .pageup,.page .pagenext,.page .pagedown,.page .current{/*background: #d0d0d0;*/display: inline;font-size: 14px;margin: 0 5px;padding: 4px 16px;color: #282828;border-color: #d0d0d0;border-radius: 4px;border: 1px solid #d9d8de;}
.page .current{background: #c3e456;color: #fff;border-color: #c3e456;}
.page a:hover{background: #8dd167;color: #fff;border-color: #8dd167;}
.page .pageinfo,.total,.pagefirst,.pageend,.pagepreall,.pagenextall{display: none;}
/*正文*/
.ChannelContent{font-size: 15px;color: #636363;line-height:1.8em;max-width: 920px;display: block;}
.ChannelContent img{max-width: 920px;height: auto!important;margin: 12px 0;}
.ChannelContent p{font-size: 15px;color: #636363;line-height:1.8em;display: block;margin: 12px 0;}
.ChannelContent p img{margin-left: 0em;}
.ChannelContent p span img{margin-left: -2em;display:inline-block;}
.ChannelContent span img{margin-left: 0em;display:inline-block;}
.ChannelContent span {margin-left: 0em;line-height:1.8em;}
.ChannelContent p span {text-indent: 0em;}
.ChannelContent2{width: 920px;}
.ChannelContent3{font-size: 15px;color: #636363;line-height:1.8em;max-width: 1158px;display: block;}
.ChannelContent3 img{max-width: 1158px;height: auto!important;margin: 12px 0;display: block;}
.ChannelContent4{font-size: 15px;color: #636363;line-height:1.8em;max-width: 878px;display: block;}
.ChannelContent4 img{max-width: 878px;height: auto!important;margin: 12px 0;display: block;}
/*上下页*/
.fanye{padding: 30px 0;border-top: 1px dashed #a3a3a3;}
.Previous,.Next{font-size: 16px;color: #676767;}
.Next a,.Previous a{font-size: 16px;color: #676767;}
.Next b,.Previous b{color: #676767;font-weight: normal;}
.Next:hover a,.Previous:hover a,.Next:hover b,.Previous:hover b{color: #018cf0;}
/*内容*/
.content{width: 1200px;margin: 0 auto;}
.channelBody{width: 920px;}
.channelBody2{width: 1200px;}
/*--------------------------- 公共样式 结束-----------------------------------*/
/*--------------------------- 首页样式 开始-----------------------------------*/
/*---- header 头部样式 ------- */
.indexlogo{position: absolute;top: 115px;left: 50%;z-index: 10000;margin-left: -277px;width: 554px;height: 260px;}
/*导航*/
/*.navman{}*/
.indexnav{position:absolute;top: 725px;left: 50%;margin-left: -675px;z-index:9999;height: 60px;background: rgba(2,23,151,.5);border-radius: 8px;overflow: hidden;}
.indexnav a{color:#f3f3f3;}
.indexnav .nLi{position:relative;float:left;}
.indexnav .nLi i{position: relative;top: 21px;width: 1px; height: 18px;background: #fff;}
.indexnav .nLi h3{float:left;width: 150px;}
/*.nav .nLi h3 span{font-size: 14px;}*/
.indexnav .nLi h3 a{display:block;width: 150px;height: 60px;line-height: 60px;text-align: center;color:#f3f3f3;font-size: 18px;overflow: hidden;}
.indexnav .nLi:hover h3 a,.indexnav .current h3 a{width: 100%;background: rgba(2,23,151,.6);overflow: hidden;}
.indexnav .sub{position:absolute;left: 0;top: 60px;z-index: 9999;display: none;width: 150px;line-height:26px;border-top: 4px solid transparent;}
.indexnav .sub li{zoom:1;text-align: center;font-size: 16px;background: rgba(2,23,151,.5);}
.indexnav .sub li:last-child{padding-bottom: 20px;}
.indexnav .sub a{border-bottom: 1px dashed #fff;width: 100%;height: 60px;line-height: 60px;}
.indexnav .sub a:hover{background: rgba(2,23,151,.6);}
/*---------------------- 首页版块1 修饰  --------------------------------------------*/
/*.index1{}*/
.h2Index{position: relative;bottom: -30px;display: inline-block;}
.h2Index a{font-size: 24px;color: #050505;padding-bottom: 10px;}
.h2Index:after{content: "";display: block;width: 25px;height: 5px;background: #3b6ced;}
.index1Con{position: relative;top: -35px;}
.index1ConTit{margin-bottom: 40px;}
.index1ConTit li{float: left;margin-right: 25px;font-size: 14px;color: #535353;}
.index1ConTit li:last-of-type{margin-right: 0;}
.index1ConTit a{color: #535353;}
.index1ConTit li.on a,.index1ConTit li:hover a{color: #fc0202;}
.index1ConMain li{float: left;margin-right: 20px;width: 385px;}
.index1ConMain li:nth-of-type(3n){margin-right: 0;}
.index1ConMain li img{width: 385px;height: 250px;margin-bottom: 22px;}
.index1ConMain li p{font-size: 18px;color: #333;text-align: center;}
.index1ConMain li:hover p{color: #3b6ced;}
/*首页底部 修饰*/
.indexFooter{background: #1a3590;height: 65px;text-align: center;font-size: 14px;color: #ffffff;line-height: 60px;}
/*--------------------------- 首页样式 结束-----------------------------------*/
/*--------------------------- 内页样式 开始-----------------------------------*/
/*公司简介*/
.h2channelCon{border-bottom: 1px solid #969696;}
.h2channelCon span{font-size: 24px;color: #282828;border-bottom: 4px solid #019ef8;margin-bottom: -1px;padding-bottom: 10px;}
.channelAside{width: 240px;text-align: center;display: block;}
.channelAside a{color: #fff;display: block;}
.asideTit{background: #019ef8;height: 80px;border-radius: 10px 0 0 0;color: #fff;font-size: 16px;line-height: 80px;}
.asideTit h3{display: inline-block;font-size: 24px;font-weight: bold;}
.asideTit:after{content: "";display: block;width: 100%;height: 1px;background: #fff;margin-top: -7px;}
.asideCon li{background: #a3a3a3;height: 50px;line-height: 50px;margin-bottom: 20px;font-size: 18px;}
.asideCon li:hover,.asideCon li.current{background: #8dd167;}
.asideCon li:last-of-type{margin-bottom: 0;}
.asideCon li:after{content: url(../images/channel4.jpg);display: block;margin-top: -13px;}
.asideCon li:last-of-type:after{content: "";}
.chanAsideMid{width: 240px;height: 370px;margin-bottom: 10px;}
.chanAsideBot{background: #019ef8 url(../images/tel.png) no-repeat 6px 40px;height: 110px;font-size: 18px;color: #fff;text-align: left;padding-left: 54px;padding-top: 28px;}
.chanAsideBot p{font-size: 22px;font-weight: bold;font-family: Arial;}
.channelAsideTop{border-radius: 0px 0px 25px 25px;padding-top: 15px;width: 235px;}
.channelAsideTop li{border-radius: 0;margin-bottom: 10px;background: #fff;border: 1px solid #ababab;}
.channelAsideTop li:hover,.channelAsideTop .index3AsideTcon .current{border-color: #64b703;}
.index3AsideBot{position: relative;background: url(../images/channelbg1.png) no-repeat;width: 250px;height: 159px;color: #fff;font-size: 18px;padding: 45px 0 0 75px;}
.index3AsideBot h3{font-size: 18px;font-weight: normal;}
/*产品中心*/
.asideNews{background: #f8f8f8;padding-top: 10px;padding-bottom: 20px;}
.asideNews a{font-size: 14px;color: #676767;display: inline-block;}
.asideNews a:hover{color: #019ef8;}
.asideNews li{height: 35px;line-height: 35px;font-size: 14px;color: #676767;}
.asideNews li:before{content: "";display: inline-block;width: 0;height: 0;border: 5px solid;border-color: transparent transparent transparent #019ef8;}
.prosearch{border: 1px solid #c5c5c5;padding: 30px 0;font-size: 16px;}
.prosearch p{float: left;width: 124px;text-align: right;color: #474747;min-height: 40px;line-height: 40px;}
.prosearchTCon ul{float: right;width: 794px;text-align: right;}
.prosearchTCon ul li{float: left;height: 40px;line-height: 40px;margin-right: 10px;}
.prosearchTCon ul li a{display: block;color: #898989;padding: 0 6px;}
.prosearchTCon ul li:hover a,.prosearchTCon ul li.current a{background: #019ef8;color: #fff;}
.prosearchBCon label{float: left;display: block;margin-left: 15px;width: 300px;height: 40px;line-height: 40px;border: 1px solid #c7c7c7;border-radius: 40px; color: #adadad;}
.prosearchBCon input{float: left;width: 230px;height: 38px;border-radius: 40px 0 0 40px;padding: 0 15px;}
.prosearchBCon button{float: right;width: 68px;height: 40px;background: #019ef8 url(../images/search.png) no-repeat center center;border-radius: 0 40px 40px 0;margin-top: -1px;}
.channelProb li{float: left;width: 298px;border: 1px solid #e0dfdf;font-size: 14px;color: #585858;margin-bottom: 20px;margin-right: 13px;}
.channelProb li a{color: #585858;}
.channelProb li img{width: 296px;height: 261px;object-fit: cover;}
.channelProb li p{height: 48px;margin: 0 8px;line-height: 48px; border-bottom: 1px dashed #d4d3d3;}
.channelProb li span{display: inline-block;width: 54px;height: 28px;line-height: 28px; background: #ececec;text-align: center;color: #3d3d3d;margin-right: 10px;}
.channelProb li:nth-of-type(3n){margin-right:  0px;}
.channelProb li h4{height: 45px;line-height: 45px;font-size: 16px;color: #585858;margin: 0 8px;}
.channelProb li:hover h4{color: #019ef8;}
.channelProb li:hover span{background: #019ef8;color: #fff;}
/*产品中心详情*/
.prodXCon{border: 1px solid #d6d6d6;padding: 20px;}
.prodXTLCon{width: 430px;height: 308px;border: 1px solid #e1e1e1;padding: 15px;object-fit: cover;}
.prodXTRCon{position: relative;width: 415px;height: 308px;font-size: 16px;color: #676767;line-height: 1.8em;padding-top: 10px;}
.prodXTRCon h2{font-size: 22px;color: #282727;font-weight: bold;background: #f0f0f0;height: 50px;line-height: 50px;text-align: center;margin-bottom: 20px;}
.prodXTRCon .tel{position: absolute;left: 0;bottom: 10px;width: 280px;height: 60px;padding-top: 4px; background: #64b703 url(../images/tel2.png) no-repeat 17px center;padding-left: 85px;color: #fff;}
.prodXTRCon .tel em{font-size: 22px;font-family: Arial;display: block;}
.prodXTRCon .zixun{position: absolute;bottom: 10px;right: 0;width: 120px;height: 60px;line-height: 60px;text-align: center;font-size: 20px;background: #019ef8;color: #fff;}
.h3prodX{height: 18px;height: 42px;line-height: 42px;background: url(../images/channel2.png) no-repeat left center;padding-left: 25px;font-size: 18px;color: #fff;border-bottom: 3px solid #019ef8;}
.botTjianCon .hd{position: absolute;left: 50%;bottom: 0px;overflow:hidden;height:15px;margin-left: -52px;}
.botTjian .h3prodX{padding-left: 5px;}
.botTjianCon{position: relative;padding: 0 60px;height: 290px;}
.botTjianCon img{width: 257px;height: 242px;}
.botTjianCon p{font-size: 16px;color: #282727;}
.botTjian .hd{position: absolute;left: 0;bottom: 50%;width: 100%;overflow: hidden;height: auto;margin-left: 0;}
.botTjian .hd .prev,.botTjian .hd .next{margin-right: 0;margin-top: 0;overflow: hidden;cursor: pointer;font-size: 45px;float: left;color: #c5c4c4!important;}
.botTjian .hd .next{float: right;}
.botTjian .hd .next:hover,.botTjian .hd .prev:hover{color: #019ef8!important;}
.botTjianCon .bd ul{overflow:hidden; zoom:1; }
.botTjianCon .bd ul li{margin:0 8px; float:left;_display:inline; overflow:hidden;text-align:center;}
.botTjianCon .bd ul p{font-size: 18px;color: #333333;margin-top: 15px;}
/*新闻中心*/
.channelNews li{background: #f6f6f6;height: 239px;margin-bottom: 20px;}
.channelNews li img{width: 313px;height: 239px;}
.channelNewMain{position: relative;width: 607px;height: 239px;padding: 45px 20px;font-size: 14px;color: #717171;line-height: 1.8em;}
.channelNewMain h4{font-size: 18px;color: #424242;margin-bottom: 20px;}
.channelNewMain .more,.channelNews li:hover h4{color: #019ef8;}
.channelNewMain .data{position: absolute;bottom: 35px;left: 20px;}
/*新闻详情页*/
.asideTit2{border-radius: 0;}
.h2xiang{padding: 20px 0;width: 100%;text-align: center;font-size: 14px;color: #828282;border-bottom: 1px dashed #a3a3a3;}
.h2xiang h2{font-size: 30px;font-weight: bold;color: #1a1a1a;margin-bottom: 10px;}
.channelNewX{background: #f9f9f9;border: 1px solid #d8d8d8;padding: 0 15px;}
/*成功案例*/
.channelCase li{float: left;width: 295px;height: 310px;border: 1px solid #d0cfcf;padding: 10px;font-size: 14px;color: #474747;margin-bottom: 20px;margin-right: 17px;}
.channelCase li:nth-of-type(3n){margin-right: 0;}
.channelCase li img{width: 273px;height: 184px;}
.channelCase li h4{font-size: 18px;color: #333333;margin-top: 20px;margin-bottom: 5px;}
.channelCase li p{font-size: 14px;color: #474747;}
/*下载中心*/
.h2channelCon2{text-align-last: center;}
.h2channelCon2 h2{font-size: 30px;font-weight: bold;color: #000;background: url(../images/channel3.png) no-repeat center bottom;padding-bottom: 20px;margin-bottom: 5px;}
.h2channelCon2 p{font-size: 20px;color: #676767;}
.channelDown li{float: left;width: 48%;margin-right: 4%;height: 50px;line-height: 50px;border-bottom: 1px dashed #a8a8a8;}
.channelDown li:nth-of-type(2n){margin-right: 0;}
.channelDown li a{display: block;width: 100%;color: #424141;font-size: 16px;}
.channelDown li i{float: right;background: url(../images/download.png) no-repeat;width: 19px;height: 15px;margin-top: 17px;margin-right: 15px;}
.channelDown li:hover a{color: #019ef8;}
.channelDown li:hover i{background-position: 0 -15px;}
/*招贤纳士*/
.channelJob{border: 1px solid #d8d8d8;padding: 20px 20px 70px 20px;}
.chanJobCon li{margin-bottom: 20px;}
.chanJobCon li h3{padding: 20px 0;font-size: 30px;font-weight: bold;color: #000;border-bottom: 1px dashed #676767;}
.chanJobCon li dl{margin-top: 20px;line-height: 1.8em;}
.chanJobCon li dt{color: #fe040a;font-size: 18px;}
/*联系我们*/
.ditu{width: 600px;height: 600px;border: 1px solid #d8d8d8;border-right: none;}
.contact{width: 600px;background: #f7f7f7;height: 600px;}
.contact h3{height: 100px;line-height: 100px;background: #019ef8;text-align: center;font-size: 30px;font-weight: bold;color: #fff;}
.contact ul{height: 500px;padding-left: 15px;padding-top: 38px; border: 1px solid #d8d8d8;border-top: none;padding-right: 60px;}
.contact li{margin-bottom: 18px;font-size: 18px;color: #575757;height: 55px;line-height: 55px;background: url(../images/contact.png) no-repeat;padding-left: 80px;}
.contact li:nth-of-type(2){background-position: 0 -55px;}
.contact li:nth-of-type(3){background-position: 0 -110px;}
.contact li:nth-of-type(4){background-position: 0 -165px;}
.contact li:nth-of-type(5){background-position: 0 -220px;}
.contact li:nth-of-type(6){background-position: 0 -275px;line-height: 2em;}
.contact li span{display: inline-block;width: 75px;
  text-align:justify;
  text-justify:distribute-all-lines;/*ie6-8*/
  text-align-last:justify;/* ie9*/
  -moz-text-align-last:justify;/*ff*/
  -webkit-text-align-last:justify;/*chrome 20+*/}