/* CSS Document */
@font-face
{
font-family: 'roboto1';
src: url('robotb.TTF') format('truetype'),
font-weight: normal;
font-style: normal;
}


/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
html,body{height:100%;  font-family:Arial; }
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.74 arial,\5b8b\4f53;color:#333;outline:0; font-family: Arial;}
body{background:#fff;}
a,a:hover{color:#333;}
p{ line-height:1.5em; font-size:14px;}
/*首页动画*/
#top{  width:100%;  margin:0px auto; padding:0px; height:580px; background: url(../images/head.jpg) no-repeat center top;  }
#top img{ width:100%; height:auto; vertical-align:bottom; }
/*mainNav*/
nav{ height:32px; background:#0F6CB1; margin:0px; width:100%; padding-top:26px; padding-bottom:26px; }
.wnav{ width:1020px; margin:0px auto; height:32px;}
.wlogo{ float:left; width:200px; height:32px; background:url(../images/wlogo.png) no-repeat left top;}

.wlogo a {
    display: block;
    height: 70px;
    width: 135px;
}
footer{ height: 245px; background:url(../images/footer.jpg) no-repeat;background-size: cover; text-align:center; padding:75px 0px 45px;line-height: 56px;color:#fff; font-size: 1.4em;}
footer span{font-family:Arial; font-size:12pt;}
.nav{ height:33px; line-height:30px; width:710px; float:right; }
.nav a{ display:block;  margin-left:27px; text-align:center; color:#fff; height:27px;  font-family:Arial; float:left; font-size:1.4em; padding-bottom:3px;}
.nav a:hover{ border-bottom:3px solid #fff;}
.wrap {
  
    margin: 0 auto;
    width: 1200px; 
}

.renwutitle{ text-align: center; color:#666; margin-bottom: 20px; margin-top:15px; font-size: 18px;}
.renwu { width: 270px;  line-height: 22px;margin:0px auto 5px; text-align: center;}
.renwu img{ margin: 0px auto 10px; width:121px; height: 121px }.renwu h2{ font-size: 14px; line-height: 24px; color:#444; }
.renwu p{ line-height: 20px; font-size: 12px; }
.renwu .pic{}
.renwubox{ width: 540px; display: flex; margin:5px auto;}
.gotop{ width:57px; height:44px; left:50%; margin-left:-34px; position:absolute; bottom:0px; background:url(../images/goto.png) no-repeat; display:block; z-index:999}
#p1{ width:100%; padding-top:5px; background:#fff; padding-bottom:65px;}
#jianjie{ width:100%; padding-top:5px; background:#fff; padding-bottom:85px;}
#jianjie .linfos{ text-align: center;color:#156AAB; line-height: 2em; margin-bottom:1em;font-size: 24px; font-family:Arial; font-weight:bold}
.linfos p{}
#jianjie .rinfos{ text-align: center; }
.rinfos p{ color:#333;}
#meiti{ width:100%; padding-top:60px; background:#fff; padding-bottom:20px;}
#gotop{ width:100%;  background:#fff; padding-bottom:54px; position:relative}
#meiti .zhuanti{ width:1080px; margin:0px auto;}
.zhuanti li{ float:left; width:348px; height:177px; margin-left:11px; margin-bottom:11px;}
#meiti .logos{ width:1080px; margin:50px auto 5px; padding:5px; }
#meiti .logos a{ display:block; float:left; height:86px; margin-bottom:20px; margin-right:7px;}
a.logo1{}
#guest{ width:100%; padding-top:0px; background:#fff; padding-bottom:85px;}
#richeng{ width:100%; padding-top:55px;  padding-bottom:45px; }
#organ,#speaker{ width:100%; padding-top:55px;  padding-bottom:45px;background: #0F6CB1;text-align: center; color:#fff; }
#organ .section-header{ padding-bottom:70px; text-align:center; margin:0px auto}
#organ .section-header h2{ display:inline;font-size:3.8em;  padding-bottom:10px; padding-left:10px;padding-right:10px;border-bottom:1px solid #fff ; color:#fff; font-family:Arial; font-weight:bold}
#speaker .section-header{ padding-bottom:70px; text-align:center; margin:0px auto}
#speaker .section-header h2{ display:inline;font-size:3.8em;  padding-bottom:10px; padding-left:10px;padding-right:10px;border-bottom:1px solid #fff ; color:#fff; font-size:3.8em; font-family:Arial; font-weight:bold}
#speaker .speaktitle{ width: 218px; height: 41px;  background:url(../images/speaker.png) no-repeat; padding:10px; line-height: 21px; text-align: center;color:#fff; font-size: 16px; margin: 25px auto 20px; }



#organ .pic{ width: 100%; margin-top: 20px; margin-bottom:25px; text-align: center; }
#organ .pic img{ width: 100%; height: auto}
.orginfos{ width: 960px; margin: 10px auto; }
.orginfos h3{font-size: 24px; line-height: 35px;font-weight: bold;}
.orginfos p{font-size: 14px; line-height: 25px;}
.parallax {
}
.speakerbox{ width: 990px;display: flex;margin:20px auto; flex-wrap: wrap;  }
.speakitem{ width: 230px; height: 210px; text-align: center;color:#fff;margin-bottom:35px;}
.speakitem img{ width: 120px; height: 120px;margin:0px auto 5px;}
.speakitem h2{font-size: 14px; line-height: 25px;font-weight: bold; margin-top: 2px}
.speakitem p{ font-size: 12px;line-height: 20px;padding-bottom:10px; }
.speakitem span{padding:0px 10px; background-color: #F69427;color:#fff; text-align: center;border-radius: 10px;margin-top: 10px;}
#richeng .section-header{  text-align:center; margin:0px auto 60px}
#richeng .section-header h2{ display:inline;font-size:3.8em; padding-bottom:10px; border-bottom:3px solid #fff ; color:#0F6CB1; font-family:Arial; font-weight:bold;border-bottom: 1px solid #0F6CB1;padding-left: 10px;
padding-right: 10px;}
.guest{margin: 0px auto;
    width: 1006px;}
.guest .guest1{ width:332px; float:left; padding-top:45px;}
.guest .guest2{ width:655px; float:right; height:720px; background:#ececec}
.rctable{ width:980px; margin:0px auto;line-height:25px; color:#0F6CB1; text-align:left; font-size:13px;}.rctable td,.rctable th{ padding:5px 15px; line-height:25px;}.rctable th{background:#81694B;opacity: 0.8;}

.yicheng{ width: 765px; font-size: 13px; margin: 10px auto ;color:#0F6CB1;}
.yicheng td{ line-height: 31px; height:31px;  }
.yicheng td i{ font-style: italic  }
.txtl{text-align: left;width: 620px}.txtc{text-align: center;width: 155px;}
.yicheng a{color:#fff;}
.yic{ width: 765px; height: 41px; margin:5px auto 15px;display: flex }
.yic .tabs{ display: block;width: 349px; height: 31px;font-size: 16px; font-weight: bold;color:#fff;padding-left: 30px;padding-top:5px;padding-bottom:5px;display: block;}
.yic .on{ background: url(../images/tab1.png) no-repeat left top; }
.yic .off{ background: url(../images/tab2.png) no-repeat left top; }
.yicheng .blue{ background-color:#0F6CB1;color:#fff; }
.yicheng .blue a{ color:#fff; }
.yicheng .grey{line-height: 29px;} .yicheng .grey a{color:#0F6CB1;} 
.yicheng .grey .txtc{border-top:1px solid #0F6CB1;border-left:1px solid #0F6CB1;border-bottom:1px solid #0F6CB1;}
.yicheng .grey .txtl{border-top:1px solid #0F6CB1;border-right:1px solid #0F6CB1;border-bottom:1px solid #0F6CB1;}
.yicheng .b{font-weight: 600}
.guest2 .info1{ width:310px; height:605px; background:#505050; padding-top:115px; float:left}.guest2 .info1 p{ padding:0px 20px;color:#A98048; font-size:13px; line-height:180%}
.guest2 .info2{ width:335px; height:605px;  padding-top:115px;float:left}.guest2 .info2 p{ padding:0px 30px;color:#A98048;font-size:13px; line-height:180%}

.guest1 .name{margin-bottom:20px; height:69px;}
.guest1 .name h2{ display:inline;font-size:3.8em; padding-bottom:10px; border-bottom:3px solid #A98048 ; color:#A98048; font-family:Arial; font-weight:bold; }
.guest1 .renphoto{ width:332px; height:588px; background:#353535}
.guest1 .renphoto h2{line-height:28px; text-align:left; padding:45px 20px 14px;color:#A98048;font-weight:600; font-size:13px;}
.guest1 .renphoto p{margin-bottom:30px; line-height:1.5em; text-align:justify; padding:20px;color:#A98048;font-size:13px;}
#jianjie .section-header{ padding-bottom:70px; text-align:center; margin:0px auto}
#jianjie .section-header h2{ display:inline;font-size:3.8em;  padding-bottom:10px; padding-left:10px;padding-right:10px;border-bottom:1px solid #156AAB ; color:#156AAB; font-family:Arial; font-weight:bold}
#talk{ width:100%; padding-top:65px; background:#fff; padding-bottom:90px;  color:#333;}

#talk .section-header{ padding-bottom:70px; text-align:center;  margin:0px auto}
#talk .section-header h2{ display:inline; font-size:3.8em; padding-bottom:10px; border-bottom:3px solid #0F6CB1 ; color:#0F6CB1; font-family:Arial; font-weight:bold}
#meiti .section-header{ padding-bottom:70px; text-align:center; margin:0px auto}
#meiti .section-header h2{ display:inline;font-size:3.8em; padding-bottom:10px; border-bottom:3px solid #A98048 ; color:#A98048; font-family:Arial; font-weight:bold}
.talk,.richeng{margin: 0px auto;
    width: 1006px;}
.talk p{margin-bottom:30px; line-height:170%; text-align:justify;font-size:13px;}
.jianjie{margin: 10px auto 0px;
    width: 1006px; }
.jianjie p{ margin-bottom:20px; line-height:25px;  font-size:14px;}
/*.jianjie .pic{ width:318px; float:left;}.jianjie .pic img{ width:318px;}
.jianjie .txt{ width:650px; float:right;color:#A98048; font-size:13px;}*/
.di{ padding-top: 10px; height: 68px; background:url(../images/di1.png) no-repeat center top; }
.di .foot{ height: 42px; background: #0F6CB1; padding: 13px;color:#fff; }
.foot .info{ width: 450px;margin:0px auto; height: 42px; background: url(../images/di.png) no-repeat left top;padding-left: 346px; color:#fff;font-size: 11px;line-height: 14px;}
.wrap .bg{ width:100%; height:3016px; overflow:hidden; z-index:1;  }.wrap .bg img{ width:100%; height:3168px; z-index:1;}
.wrap .time{ width:826px; height:3016px; margin:0px auto;  z-index:2; position:absolute; left:50%; margin-left:-413px;top:0;}

.timebg{  }
.timebg::before {
    background: #fff none repeat scroll 0 0;
    bottom:250px;
    content: "";
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 130px;
    width: 4px;
}
.timebg li{ height:172px; padding-bottom:65px; position:relative;}.timebg li .ren{ width:120px; height:120px; position:absolute; left:50%; margin-left:-60px; top:25px;}.timebg li .ren img{ border-radius:50%; overflow:hidden;}
.timebg li .lbox{float:left; }.timebg li .txtr{ width:300px; height:120px; position:absolute; left:500px;  top:35px;color:#fff;}.timebg li .txtr h2{ font-size:3em; font-weight:600; font-family:Arial}
.timebg li .box{ width:280px; height:140px; background:#fff;padding:15px; color:#AA8046; font-size:10pt; line-height:1.3em; position:relative; border-radius:5px;  }.view{ width:149px; height:28px; background:url(../images/view.gif) no-repeat; display:block; position:absolute; left:15px; bottom:15px;}
.timebg li .rbox{  float:right; }.timebg li .txtl{ width:300px; height:120px; position:absolute; left:25px;  top:35px;color:#fff; text-align:right; line-height:28px;}.timebg li .txtl h2{ font-size:3em; font-weight:600 ;font-family:Arial}
.txtr span,.txtl span { display:block; margin-top:5px;
}
.txtr span.first,.txtl span.first {
    color: #fff;
    font-size: 1.6em; font-family:roboto1;
}
 .txtr span:last-child,.txtl span:last-child {
    color: #fff;
    font-size: 1.4em;font-family:Arial;
}
/*first*/
<!--.secbg{ background-color:#fff;}-->
.secbg{ background-color:#fff;}
a.qq{ display:block; width:36px; height:36px; background:url(../images/icon-dl-h.png) no-repeat; margin-top:-5px;}
a.qq:hover{ display:block; width:36px; height:36px; background:url(../images/icon-dl-h.png) no-repeat}
a.weixin{ display:block; width:36px; height:36px; background:url(../images/weixin1.png) no-repeat; margin-top:-5px;}
a.weixin:hover{ display:block; width:36px; height:36px; background:url(../images/weixin1.png) no-repeat}
#first{  height:470px; background:#fff url(../images/firstbg.jpg)  no-repeat center right; padding-top:40px;}
#first h1{ padding-left:20%; font-size:22px; font-family:Arial;}
#first .bg1{ position:absolute; width:100%; min-height:800px; background:url(../images/yun1.png) 20% 386px no-repeat fixed; visibility:hidden;}
#first .bg2{ position:absolute; width:100%; min-height:800px; background:url(../images/yun2.png) 83% 478px no-repeat fixed; visibility:hidden;}
#first p{ text-indent:2em;}
#first .p1{ padding-top:10px; padding-right:465px; padding-bottom:10px; padding-left:25px; line-height:26px; font-size:15px; }
#first .p2{ padding-top:15px; padding-right:575px; padding-bottom:10px; padding-left:25px; line-height:26px; font-size:15px;}
.ludi-inner{ position:relative; padding-top:53px; padding-left:127px; padding-right:122px;}
.bannerWp{ width:751px; height:364px; background:url(../images/bg-banner.png) no-repeat;}
.banner-inner{ padding:30px 0 0 35px; }
.banner-cnt{ position:relative; width:680px; height:310px; overflow:hidden;}
.ludi-inner .touying{ margin-top:-6px;}
.ludi-inner .touyingji{ margin-top:-25px; margin-left:-2px;}
.bg-line1{ position:absolute; bottom:0; width:100%; height:2px; background:url(../images/bg-line1.png) no-repeat;}

/*banner*/
.banner{ width:680px; height:310px; position:relative; overflow:hidden;}
.bn-cnt{ position:relative; height:310px;}
.bn-cnt li{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ddd;}

.bn-navBox{position:absolute; bottom:20px; width:100%; text-align:center; }
.bn-navBox table{ margin:0 auto;}
.bn-nav li{ display:block; float:left; margin-right:10px; width:13px; height:13px; background:url(../images/icon-dot.png) no-repeat; cursor:pointer;}
.bn-nav li.active{ background-image:url(../images/icon-dot-h.png);}

.banner-cnt .bn-prev, .banner-cnt .bn-next{ position:absolute; z-index:99999; left:-30px; top:50%; margin-top:-15px; width:30px; height:30px; -background:url(../images/icon-arrow-l.png) no-repeat; }
.banner-cnt .bn-next{ left:auto; right:-30px; -background-image:url(../images/icon-arrow-r.png);}

.bn-cnt li.item img{ width:680px; height:310px;}
.bn-cnt li.item .textBox{ position:relative; height:300px;}
.table1{ border:1px solid #4DA2FF; background-color:#fff; margin-top:10px; margin-bottom:10px;}
.table1 th{ background-color: #4DA2FF; color:#fff; text-align:center; line-height:20px;}
.table1 td{ border-bottom:1px solid#4DA2FF; border-right:1px solid #4DA2FF; padding-left:10px; padding-top:3px; padding-bottom:3px; line-height:18px; color:#222;}
/*banner背景1*/
.bn-cnt li.item1{ -background:#d56 url(../images/banner/banner1.jpg) center top no-repeat;}
/*.bn-cnt li.item1 .text{ position:absolute; right:80px; top:290px; width:406px; font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53; font-size:14px; color:#fff;}
.bn-cnt li.item1 .text p{ line-height:24px;}
.bn-cnt li.item1 .text a{ float:right; margin-top:30px;}*/
.bn-cnt li.item2{ -background:#448 url(../images/banner/banner2.jpg) center top no-repeat;}
.bn-cnt li.item3{ -background:#da0 url(../images/banner/banner3.jpg) center top no-repeat;}

/*banner2*/
.banner2{ width:626px; height:390px; position:relative; overflow:hidden;}
.banner2 .bn-cnt{ height:390px;}
.banner2 li.item img{ width:626px; height:390px;}

/*focus*/
#mFocus{ position:relative; width:680px; height:310px;}
#mFocus .pic{ overflow:hidden;}
#mFocus .pic ul{ width:680px; height:310px; overflow:hidden;}
#mFocus .pic ul li{ position:absolute; left:0; top:0; width:680px; height:310px;}
#mFocus .pic ul li .img{ position:absolute; left:0; top:0;}

#mFocus .pic ul li.pic1 .img{ left:117px; top:127px;}
#mFocus .pic ul li.pic5 .img{ width:108px; height:108px; left:auto; right:46px; top:115px;}
#mFocus .pic ul li.pic5 .img p{ padding-top:5px; text-align:center; color:#11a1d7;}
#mFocus .pic .icon-pl{ position:absolute; z-index:100; right:10px; bottom:10px; display:none; cursor:pointer;}

/*second*/
#second{ margin:0 auto; width:100%; height:920px; min-height:510px;}
.title{ height:25px; line-height:25px; padding:10px 40px; font-size:18px; color:#fff; font-family:Arial; background:#4DA2FF url(../images/yun.png) no-repeat right center}
#second  .secleft{ width:49%; height:850px; margin-top:20px; float:left; border-right:#FFFFDA 1px solid}
#second  .secright{ width:49%; height:850px; margin-top:20px; float:left; border-left:#ECECC5 1px solid}
.wuguan{ width:460px; height:160px; padding:7px; margin-top:10px; margin-bottom:0px; background: url(../images/blank.png);  -moz-border-radius: 10px;      /* Gecko browsers */
    -webkit-border-radius: 10px;   /* Webkit browsers */
    border-radius:10px;            /* W3C syntax */}
.wuguan .pic{ float:left; width:220; height:160px;}.wuguan img{ width:220px; height:160px}
.wuguan .txt{ width:235px; height:160px; float:right; }
.wuguan .txt a{ color:#360 }
.wuguan .txt p{font-size:15px; line-height:165%; padding-bottom:10px;}
.info{ padding-left:35px; line-height:25px;}
.info h2{ height:20px; width:112px; background:#4DA2FF; line-height:20px; padding:4px; text-align:center; color:#fff;  border: 1px solid #4DA2FF;
    -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */}
.info p{ line-height:24px; padding:10px; font-size:15px;}

/*third*/
#third{ background-color:#fff; padding-bottom:15px;}
.third-inner{ padding-top:250px;}
.sjNav li{ float:left; width:72px; height:41px; line-height:41px;}
.sjNav li a{ display:block; height:100%;}
.sjNav1, .sjNav2, .sjNav3{ background:url(../images/bg-sjNav.png) 0 0 no-repeat;}
.sjNav1{ background-position:0 0;}
.sjNav2{ background-position:-72px 0;}
.sjNav3{ background-position:-144px 0;}

.sjNav1.active, .sjNav1:hover{ background:url(../images/bg-sjNav.png) 0 -41px no-repeat;}
.sjNav2.active, .sjNav2:hover{ background:url(../images/bg-sjNav.png) -72px -41px no-repeat;}
.sjNav3.active, .sjNav3:hover{ background:url(../images/bg-sjNav.png) -144px -41px no-repeat;}

.third-left{ width:250px; float:left;}
.third-left img{ display:block;}
.third-right{ position:absolute; -width:966px; left:290px; color:#fff;}
.third-panel .tit h2{ padding:18px 0 36px;}
.third-panel .tit p{ line-height:1.2}
.third-panel .tit .btnMore{ margin:30px 0 0 510px; width:140px; height:34px; line-height:34px; display:inline-block; border:1px solid #4a6b84; font-size:18px; color:#4a6b84; text-align:center;}
.third-panel .tit .btnMore:hover{ color:#fff; border-color:#fff;}
.third-panel .cnt{ margin-top:15px;}

/*.third-panel1{ background:url(../images/bg-panel-js.png) right bottom no-repeat;}
.third-panel2{ background:url(../images/bg-panel-yy.png) right bottom no-repeat;}
.third-panel3{ background:url(../images/bg-panel-tg.png) right bottom no-repeat;}*/

/*fourth*/
#fourth{ height:485px; }
.fourth-inner{ padding-top:268px;}
.caseNav{ text-align:center;}
.caseNav a{ padding:0 10px; display:inline-block; height:33px; line-height:33px; border:1px solid #556167; background:#333d42; color:#8a9da6; font-size:14px;}
.caseNav a:hover, .caseNav a.active{ color:#fff; border-color:#fff;}
.case1List{ padding-top:28px; padding-left:28px;}
.case1List li{ height:220px; border:2px solid #4DA2FF; margin-top:15px; width:1000px; padding:10px 20px; background-color:#fff;    -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */}
.case1List .pic{ width:330px; height:220px; float:left;} 
.case1List  .pic img{ width:330px; height:220px;border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
}
.case1List h2{ margin-left:350px; font-size:23px;height:20px; background:#4DA2FF; line-height:20px; padding:7px; text-align:center; color:#fff;  border: 1px solid #4DA2FF;
    -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */}
.case1List p{ margin-left:350px; padding-top:10px; line-height:32px; font-size:15px; padding-left:15px;}


.caseList{ padding-top:48px; padding-left:88px;}
.caseList .listItem{ float:left; margin-right:20px; width:171px; height:197px; background:url(../images/bg-caseList.png) no-repeat; cursor:pointer; }
.listItem a{ text-align:center; padding:55px 25px; line-height:27px; color:#fff; display:block; font-size:22px; }
.listItem1 a{ text-align:center; padding:55px 25px; line-height:27px; color:#333; display:block ; font-size:22px; }
.caseList .listItem1{ float:left; margin-right:20px; width:171px; height:197px; background:url(../images/bg-caseList1.png) no-repeat; cursor:pointer;}
.caseList .listRow1, .caseList .listRow3{ margin-left:95px;}
.caseList .listRow1 .listItem, .caseList .listRow2 .listItem, .caseList .listRow3 .listItem{ margin-top:-30px;}
.caseList .listRow1 .listItem1, .caseList .listRow2 .listItem1, .caseList .listRow3 .listItem1{ margin-top:-30px;}
.caseList .listItem img{
    margin-top: 34px;
    width: 120px;
    height: 70px;
}
.gray{
	opacity:0.6;
	-webkit-filter: grayscale(100%);
	filter:Gray;	
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.piclist{ padding-top:40px; padding-left:40px}
.piclist li{ float:left; width:240px; height:160px; padding:2px; background:#fff; margin-right:14px; margin-bottom:20px;}
.piclist img{ width:240px; height:160px;}
/*环境*/
.hjlist{ padding-top:30px; padding-left:30px}
.hjlist li{ float:left; width:330px; height:260px; padding:2px; background:#fff; margin-right:17px; margin-bottom:20px; text-align:center; line-height:30px; font-size:15px;}
.hjlist img{ width:330px; height:220px; }
.hjlist h2{ margin-left:340px; font-size:15px;}
.hjlist p{ margin-left:340px; line-height:20px; padding-top:10px;}
/*fourth*/
#five{ height:auto; }#six{ height:975px; }
#five .info{ padding-right:35px;}
#five p{ line-height:28px; padding-top:10px; padding-bottom:15px;}
.hr1{ clear:both; height:1px;}.hr35{ clear:both; height:35px;}
#six a{ height:20px; width:262px; background:#4DA2FF; line-height:20px; padding:5px 10px; text-align:center; color:#fff;  border: 1px solid #4DA2FF; margin-left:30px; font-size:22px; margin-top:10px;
    -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */}
	#six a:hover{  background: #F30; }
	#six h2 a{ color:#fff; font-size:24px;}
#five  .fiveleft{ width:49%; height:820px; margin-top:20px; float:left; border-right:#FFFFDA 1px solid}
#five  .fiveright{ width:49%; height:820px; margin-top:20px; float:left; border-left:#ECECC5 1px solid}

/*css动画*/
.sjfx
{
	-webkit-backface-visibility:visible;
	-webkit-transform-origin:center center;
	-webkit-animation:sj1 3s 0s infinite ease-in-out normal none ;
	-moz-backface-visibility:visible;
	-moz-transform-origin:center center;
	-moz-animation:sj1 3s 0s infinite ease-in-out normal none ;
} 
@-webkit-keyframes sj1{
	0%{
		-webkit-transform:translateY(0px);
	} 
	50%{
		-webkit-transform:translateY(-8px);
	} 
	100%{
		-webkit-transform:translateY(0px);
	} 
}
@-moz-keyframes sj1{
	0%{
		-moz-transform:translateY(0px);
	} 
	50%{
		-moz-transform:translateY(-5px);
	} 
	100%{
		-moz-transform:translateY(0px);
	} 
}

.sjty{
	-webkit-backface-visibility:visible;
	-webkit-transform-origin:center center;
	-webkit-animation:sj2 3s 0s infinite ease-in-out normal none ;
	-moz-backface-visibility:visible;
	-moz-transform-origin:center center;
	-moz-animation:sj2 3s 0s infinite ease-in-out normal none ;
} 
@-webkit-keyframes sj2{
	0%{
		-webkit-transform:scaleX(1) scaleY(1);
	} 
	50%{
		-webkit-transform:scaleX(0.9) scaleY(0.9);
	} 
	100%{
		-webkit-transform:scaleX(1) scaleY(1);
	} 
}
@-moz-keyframes sj2{
	0%{
		-moz-transform:scaleX(1) scaleY(1);
	} 
	50%{
		-moz-transform:scaleX(0.9) scaleY(0.9);
	} 
	100%{
		-moz-transform:scaleX(1) scaleY(1);
	} 
}


/*****by 77  customize *********/

.custom-top{ background:url(../images/cust-tbg.jpg) bottom center no-repeat;width:895px; padding-left:65px; padding-right:40px; height:298px; position:relative;}
.cutpic{ position:absolute; bottom:-8px;_bottom:-6px;*bottom:-6px; right:0px; display:block;}
.wptop-tit{ padding-top:60px; color:#eee; height:24px; font-size:24px;}
.wptop-tit a{ display:inline-block; height:20px; line-height:20px; padding:0 5px; color:#81898f; font-size:14px; margin-left:10px; border:1px solid #60676b;}
.wptop-tit a:hover{ color:#fff; border-color:#fff;}
.wptop-txt{ font-size:14px; color:#eee; margin-top:30px; line-height:24px;}

.custinne{width:100%; border-bottom:1px solid #e9e9e9;}
.made_inner{ padding:30px;}
.made_inner .pic{ float:left;width:400px;} 
.made_inner .txt{ float:right;width:480px;}
.made_inner .txt h1{ font-size:24px; height:50px; line-height:50px; color:#666;}
.made_inner .txt h2{ font-size:14px; margin-top:20px; line-height:30px; color:#666;}
.made_inner .txt p{ line-height:26px; color:#888; font-size:14px;}


/*******by 77*   about******/
.aboutNav{ position:absolute; z-index:9999; top:0; left:50%; margin-left:-500px;}
.about-top{background:url(../images/about-tbg.jpg) bottom center no-repeat;width:895px; padding-left:65px; padding-right:40px; height:298px;}
.p-small{ font-size:14px; padding-left:10px;}
.about-p{ border-bottom:1px solid #e9e9e9; padding-bottom:20px;}


.about-p .about-left{ border-right:1px solid #353f44; padding-bottom:30px; padding-right:10px;width:105px; float:left;}
.about-p .about-left li{width:115px; height:18px; line-height:18px; padding-top:16px;}
.about-p .about-left li a{ padding-right:30px; color:#666; text-align:right; float:right; padding-right:10px; font-size:14px;}
.about-p .about-left li.active a, .about-p .about-left li a:hover{border-right:5px solid #353f44; padding-right:5px;}

.about-right{ float:right; width:820px;}
.zuofu{ position:absolute; left:-70px; bottom:-30px;}
.youfu{ position:absolute; right:-60px; top:-5px;}
.about-tall{height:80px; line-height:80px; text-align:right; font-size:24px; color:#353f44;}
.ptxt-in{ line-height:24px; font-size:14px; padding-bottom:30px; text-indent:2em;}
.pic-p li{ float:left; margin-right:8px; display:block;}
.Recruit{width:360px;}
.Recruit h4{ font-size:14px; margin-top:20px; margin-bottom:10px; font-weight:bold;}
.Recruit ul{ margin-bottom:20px;}
.Recruit ul li{ line-height:22px;}
.about-map{padding:20px; background:#e7e7e7;}
.about-right .contact{ float:left; line-height:30px; font-size:18px; padding:10px; padding-left:0px;}
.about-right .ptx{ float:right; width:580px; padding-top:10px; padding-bottom:30px;}
.about-right .pcon{ line-height:30px; font-size:14px; padding-left:10px; text-align:left;}
.about-right .pcon span{ padding-right:30px;}


/*==========by 77==功能套餐============================*/
/*****左边板块*****/

.pakege-top{ background:url(../images/package-tbg.jpg) bottom center no-repeat;width:895px; padding-left:65px; padding-right:40px; height:298px;}
.pakeculm{ width:120px; float:left; position:absolute; left:50%; top:0; margin-left:-500px;}
.pakeculm h2{height:40px; line-height:40px; color:white; text-align:center; background:#0d8ef3;}
.pakeculm ul{ border-right:1px solid #353f44; padding-bottom:30px; padding-right:10px;width:105px;}
.pakeculm ul li{width:115px; height:18px; line-height:18px; padding-top:16px;}
.pakeculm ul li a{ padding-right:30px; color:#666; text-align:right; float:right; padding-right:10px; font-size:14px;}
.pakeculm ul li.active a, .pakeculm ul li a:hover{border-right:5px solid #353f44; padding-right:5px;}

/****右边表格*********/
.innertable{ position:relative;}
.tishi{text-align:right;margin-top:30px; margin-right:10px;height:26px; width:270px; line-height:26px; padding:0px 10px; float:right;}
.tishi img{ margin-right:5px;}

.m-table {font-size: 12px;color: #666; border:1px solid #ddd; margin-top:30px;}

.m-table thead {
background: url(../images/bg-gongneng-tabs.png) repeat-x;height: 70px;line-height: 70px;border: 1px solid #ddd;border-bottom: none;font-size: 14px;}
.m-table{table-layout:fixed;width:820px;line-height:1.5; float:right;}
.m-table th,.m-table td{padding:6px 10px; border:1px solid #ddd;}
.m-table th{font-weight:bold;}
.m-table tbody tr{ background:#fff;}

.m-table .cola{width:100px;}
.m-table .colb{width:200px;}
.m-table tbody tr.h, .m-table tbody tr .h{ background:#fff;}
.m-table tbody tr:nth-child(2n).h, .m-table tbody tr:nth-child(2n) .h{ background:#fbfbfb}
.m-table .tit2 {color: #eb6100;font-size: 14px;font-weight: 700;}
.m-table thead{
	border:1px solid #000;
	background: rgba(254,254,254,1);
	background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(235,232,235,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(235,232,235,1)));
	background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(235,232,235,1) 100%);
	background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(235,232,235,1) 100%);
	background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(235,232,235,1) 100%);
	background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(235,232,235,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ebe8eb', GradientType=0 );
}

.m-table .btnBuy{ margin:10px 0; display:block; height:30px; line-height:30px; background:#b2b2b2; color:#eee; text-align:center; border-radius:4px; font-weight:700;}
.m-table .btnBuy:hover{ background:#353f44; color:#5fc1ea;}
.m-table .tit2{ color:#eb6100; font-size:14px; font-weight:700;}
.m-table thead{ height:50px; line-height:50px; border:1px solid #ddd; border-bottom:none; font-size:14px; background: url(../images/bg-gongneng-tabs.png) repeat-x;}
.m-table thead th{ padding:0 10px;}
/*============功能套餐============================*/