﻿/* Title */
.Title{width: 100%; text-align: center;padding-top:20px; }
.Title h2{font-size: 28px;color: #1c1c1c;font-weight: lighter;}
.Title h2 a{color: #1c1c1c;text-decoration: none;}
.Title h2 em{font-weight: bold; }
.Title .em{margin-top:4px;font-size:24px;color:#1c1c1c; font-weight:bold;}
.Title p img{display: block;margin: 0 auto;}
.Title .fgx1{ margin:16px auto 0; }

/* banner */
.banner{ width:100%; height:610px; background:#fff; clear:both; overflow:hidden; }
.banner .bannerMain{width:100%; height:610px; margin:0 auto; position:relative; overflow:hidden;}
.banner .bannerMain a{display:block;width:100%; height:610px; }
.banner .bannerMain .btnList{width: 100%;position: absolute;left: 0; text-align: center;bottom: 40px;height: 22px;}
.banner .bannerMain .btnList  span{display: inline-block;*display: inline-block;width: 22px;height: 22px;background: url(../images/banner_icon01.png) no-repeat center;margin: 0 4px;cursor: pointer;}
.banner .bannerMain .btnList  span.cur{background: url(../images/banner_icon02.png) no-repeat center;}

/* product */
.product{width:100%; padding-top:0px; background:#f8f8f8; padding-bottom:30px; }
.product .mainCon{ margin-top:20px; }
.product .mainCon ul{ }
.product .mainCon li{ float:left; width:25%; height:600px; position:relative; /*top:1000px; opacity:0;*/top:0px; opacity:1; }
.product .mainCon li:nth-child(1){margin-top:0px;}
.product .mainCon li:nth-child(2){margin-top:60px;}
.product .mainCon li:nth-child(3){margin-top:0px;}
.product .mainCon li:nth-child(4){margin-top:60px;}
.product .mainCon li h3{position:absolute;bottom:22px;left:86px;font-size:18px;color:#fff;font-weight:lighter; text-align:center; }
.product .mainCon li h3 img{ margin-top:5px; margin-bottom:5px; }
.product .mainCon li:nth-child(2) h3{ top:22px;left:150px }
.product .mainCon li:nth-child(3) h3{ top:22px;left:150px }
.product .mainCon li:nth-child(4) h3{ left:135px }
.product .mainCon li span img{display:block; width:100%; height:600px; }
.product .mainCon li h3 em{font-weight: bold;}
.product .mainCon li .word{ top:338px; display:block; left:56px; position:absolute; display:block; }
.product .mainCon li .mark{ position:absolute; top:0px; opacity:1; width:100%; height:600px; background:url(../images/libg.png); text-align:center; display:none; }
.product .mainCon li .mark a{ display:block;width:100%; height:600px; }
.product .mainCon li .mark a .zi{ padding-top:280px; font-size:18px; color:#fff; line-height:1.8; font-weight:normal; }


/*isecai*/
.isecai{ width:1200px; margin:0 auto; clear:both; overflow:hidden; margin-top:30px; }
.isecai ul li{ float:left; width:400px; }
.isecai ul li .sc1{ height:279px; }
.isecai ul li .sc1 .snam{ font-size:24px; color:#82d161; font-weight:bold;  }
.isecai ul li .sc1 .seod{ margin-top:10px; margin-bottom:10px; color:#333; line-height:1.8; }
.isecai ul li .sc1 .smore{ width:135px; margin:0 auto; height:38px; line-height:38px; text-align:center; margin-top:20px; }
.isecai ul li .sc1 .smore a{ display:block; border:#e0e0e0 1px solid; border-radius:20px; }
.isecai ul li .sc1 .smore a:hover{ border:#82d161 1px solid; color:#82d161; }
.isecai ul li:nth-child(1) .sc1 .snam{ padding-top:20px; }
.isecai ul li:nth-child(2) .sc1{ padding:40px; height:199px; }
.isecai ul li:nth-child(2) .sc1 .snam{ color:#0375be; }
.isecai ul li:nth-child(3) .sc1{ padding:40px; height:199px; }
.isecai ul li:nth-child(3) .sc1 .snam{ color:#f8c101; }
.isecai ul li .simg{ width:100%; height:279px; overflow:hidden; }
.isecai ul li .simg img{ width:100%; height:279px; cursor:pointer; transition:all 0.6s; }
.isecai ul li .simg img:hover{ transform:scale(1.2); }


/*iservice*/
.iservice{ width:1200px; margin:0 auto; clear:both; overflow:hidden; margin-top:50px; }
.iservice ul li{ float:left; width:129px; margin-right:49px; }
.iservice ul li a{ color:#000; }
.iservice ul li a:hover{ color:#46c0c5; }
.iservice ul li:last-child{ margin-right:0px; }
.iservice ul li .img{ width:129px; height:129px; }
.iservice ul li .img img{ width:100%; height:100%; border-radius:50%; }
.iservice ul li .img img:hover{ filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6; }
.iservice ul li .nam { width:100%; font-size:18px; line-height:50px; text-align:center; }
.iservice ul li .jt { width:100%; text-align:center; }


/*案例 icase*/
.icase100{ background:url(../images/casebg.jpg) center top no-repeat; height:873px; clear:both; overflow:hidden; margin-top:50px; }
.icase100 .icase{ width:1200px; margin:0 auto; margin-top:120px; position:relative; }
.icase100 .icase .cmore{ display:block; width:130px; height:50px; line-height:50px; position:absolute; right:180px; top:238px; }

.imgnav{ width:788px; float:left; position:relative; }
#img{ z-index:10; width:800px; position:relative; text-align:center;}
#img a{ display:block; width:100%; height:450px; display:none; }
#img img{ height:450px; }
#front{ position:absolute; left:0px; top:0px; z-index:10; cursor:pointer;  width:394px; height:458px; background:url(../images/ico/blank.gif); }
#front a{  position:absolute; left:20px; top:164px;display:block; background:url(../images/ico/imgSlideLeft.png) no-repeat; width:104px; height:104px; display:none;}
#next{  position:absolute; right:0px; top:0px; z-index:10;cursor:pointer; width:394px; height:578px;  background:url(../images/ico/blank.gif);}
#next a{  position:absolute; right:20px; top:164px; display:block; background:url(../images/ico/imgSlideRight.png) no-repeat; width:104px; height:104px; display:none;}

#cbtn{ position:relative; height:122px; margin-top:12px; }
#cbtn ul{position:relative; width:10000px; height:122px; }
#cbtn ul li{ float:left; padding:8px 3px 3px 3px; width:116px; height:86px; cursor:pointer; text-align:center; margin-right:20px; position:relative;}
#cbtn ul li img{ width:116px; height:86px; display:block;}
#cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20; font-family:"宋体" ;font-size:12px; line-height:16px; padding:0 5px;}
#cbtn li.hov{ background:url(../images/ico/imgHoverBg.png) no-repeat;}
.ctrl div{ clear:both;}
#cSlideUl{width:690px; height:116px;overflow:hidden; position:relative; top:10px; margin:0 auto; margin-left:200px; }
.picSildeLeft{cursor:pointer; position:absolute; top:32px; left:160px; z-index:9;}
.picSildeRight{cursor:pointer; position:absolute; top:32px; right:-140px; z-index:9;}


/*iabout*/
.iabout{ width:1200px; margin:0 auto; clear:both; overflow:hidden; margin-top:30px; }
.iabout .al{ float:left; width:600px; height:432px; overflow:hidden; }
.iabout .al img{ width:100%; height:100%; cursor:pointer; transition:all 0.6s; }
.iabout .al img:hover{ transform:scale(1.1); }
.iabout .ar{ float:right; width:520px; height:352px; padding:40px; background:#f7f7f7; overflow:hidden; }
.iabout .ar h1{ font-size:20px; font-weight:normal; }
.iabout .ar h2{ font-size:16px; color:#0375be; font-weight:normal; text-align:right; margin-top:10px; }
.iabout .ar .wz{ font-size:16px; line-height:1.8; margin-top:35px; height:170px; overflow:hidden; }
.iabout .ar .imore{ width:135px; height:38px; line-height:38px; background:#0375be; border-radius:20px; text-align:center; color:#fff; margin-top:40px; }
.iabout .ar .imore a{ display:block; color:#fff; }


/*团队itd*/
.itd{ width:1200px; margin:0 auto; clear:both; overflow:hidden; margin-top:20px; }
.itd ul li{ float:left; width:600px; margin-right:20px; }
.itd ul li:nth-child(2n){ float:right; width:560px; margin-right:0px; }
.itd ul li .js{ float:left; width:250px; }
.itd ul li .timg{ float:right; width:301px; height:362px; overflow:hidden; }
.itd ul li .timg img{ width:100%; height:100%; cursor:pointer; transition:all 0.6s; }
.itd ul li .timg img:hover{ transform:scale(1.1); }
.itd ul li .js .jst{ font-size:18px; margin-top:30px; }
.itd ul li .js .jsn{ margin-top:40px; font-size:14px; color:#333; line-height:1.6; }
.itd ul li .js .jsmore{ width:135px; text-align:center; margin-top:30px; }
.itd ul li .js .jsmore a{ display:block; border:#ccc 1px solid; border-radius:20px; height:36px; line-height:36px; text-align:center; }
.itd ul li .js .jsmore a:hover{ display:block; border:#0375be 1px solid; color:#0375be; }


/* witness */
.witness{ width:100%; background:#f7f7f7; clear:both; overflow:hidden; margin-top:30px; }
.witness .IndexmainCon{overflow: hidden;background: #f7f7f7;padding-bottom:30px; }
.witness .mainCon{width: 1200px;margin:20px auto 0; }
.witness .mainCon .conBox{ width:100%; height:220px; overflow:hidden; position:relative; }
.witness .mainCon .conBox li{ width:1200px; height:220px; float:left; }
.witness .mainCon .conBox ul{ position:absolute; left:0; top:0; height:220px; }
.witness .mainCon .conBox li dl{ padding:30px 0px 0; height:230px; width:580px; float:left; margin-right:40px; }
.witness .mainCon .conBox li dl:nth-child(2n){ margin-right:0px; } 
.witness .mainCon .conBox li dt{float: left;width: 230px;height:168px;}
.witness .mainCon .conBox li dt img{display: block;width: 230px;height: 168px;}
.witness .mainCon .conBox li dd{ width: 320px;float:right;position:relative;height:168px;}
.witness .mainCon .conBox li dd h3 a{font-size: 16px;color: #1c1c1c;font-weight: normal;text-decoration: none;}
.witness .mainCon .conBox li dd .ny{font-size:14px;color:#666666;line-height:23px;margin-top:20px; height:160px; overflow:hidden; text-indent:2em; }
.witness .mainCon .conBox li dd a.more{display: block;width: 53px;height: 11px;position: absolute;left: 0;bottom: 0;}
.witness .mainCon .conBox li dd a.more img{display: block;width: 53px;height: 11px;}
.witness .mainCon .conBox li dl:hover h3 a{color: #ff4b00;}
.witness .mainCon .btnList{ width:96%; margin:0 auto; text-align:right; }
.witness .mainCon .btnList span{ display:inline-block; *display: inline-block; width:10px; height:10px; background:#c6c6c6; border-radius:50%; margin:0 3px; cursor:pointer; }
.witness .mainCon .btnList span.cur{ background:#0375be; border-radius:50%; }
.witness .mainCon .conBox li dl:nth-child(1n) dt{ float:right; }
.witness .mainCon .conBox li dl:nth-child(1n) dd{ float:left; }
.witness .mainCon .conBox li dl:nth-child(2n) dt{ float:left; }
.witness .mainCon .conBox li dl:nth-child(2n) dd{ float:right; }
.witness .jmore{ width:140px; margin:0 auto; height:38px; background:#0375be; border-radius:20px; text-align:center; }
.witness .jmore a{ display:block; height:38px; line-height:38px; background:#0375be; color:#fff; font-size:12px; border-radius:20px; }


/*新闻动态*/
.newst{ width:1200px; margin:0 auto; clear:both; overflow:hidden; margin-top:20px; margin-bottom:20px; }
.newst .nbt{ float:left; }
.newst .nmore{ float:right; margin-top:20px; width:110px; height:33px; line-height:33px; text-align:center; border:#ddd 1px solid; border-radius:20px; }
.infor  { width:1200px; margin:0 auto 30px; height:385px; clear:both; overflow:hidden; }
.news { float:left; width:800px; background:url(../images/n_sh.gif) right top no-repeat; padding-right:42px; }
.n_tit { height:38px; line-height:38px; font-weight:normal; margin-bottom:19px; border-bottom:#ccc 1px solid; }
.n_tit .n_more {float:right; color:#666; font-size:12px; font-weight:normal; }
.n_tit ul { float:left; }
.n_tit li { float:left; color:#666; font-size:16px; height:38px; line-height:38px; }
.n_tit li a { color:#333; display:inline-block; width:140px; text-align:center; }
.n_tit li:nth-child(1) a{ border:#ccc 1px solid; border-bottom:none; }
.n_tit li:nth-child(2) a{ border:#ccc 1px solid; border-left:none; border-bottom:none; }
.n_tit .cur a{ color:#fff; font-size:16px; text-decoration:none; background:#0375be; }
.n_dl { height:170px; margin-bottom:6px; border-bottom:1px dashed #dfdfdf; padding-bottom:8px; }
.n_dl dt { float:left; background:url(../images/n_bor.gif) left top no-repeat; width:209px; padding:6px;}
.n_dl dt a,.n_dl dt img { display:block; width:209px; height:156px;}
.n_dl dd { float:right; width:562px; }
.n_dl h4 { height:24px; line-height:24px; margin-bottom:8px; overflow:hidden; }
.n_dl h4 a { color:#666; font-size:14px;}
.n_dl p { color:#6f6f6f; line-height:24px; height:94px; overflow:hidden; margin-bottom:12px; font-size:12px; font-family:"宋体";}
.n_dl .n_xq { display:block; width:115px; text-align:center; height:24px; line-height:24px; color:#44739c; font-size:12px; font-family:"宋体"; background:#cce6ff; }
.n_ul { font-family:"宋体"; height:140px; overflow:hidden; }
.n_ul li { height:35px; line-height:35px; border-bottom:1px dashed #dfdfdf; background:url(../images/n_li.gif) left center no-repeat; padding-left:18px; width:360px; overflow:hidden; margin-right:35px; }
.n_ul li:nth-child(2n){ margin-right:0px; } 
.n_ul li a { color:#666; font-size:12px; display:block; white-space:nowrap; width:360px; text-overflow:ellipsis; overflow:hidden; }
.n_ul li a:hover { color:#0375be; }

.teach { width:345px; float:right; }
.b_tit { border-bottom:#ccc 1px solid; font-weight:normal; height:38px; line-height:38px; clear:both; overflow:hidden; }
.b_tit .b_name { display:block; float:left; color:#fff; font-size:16px; background:#0375be; width:140px; text-align:center; }
.b_tit .b_more { display:block; float:right; color:#666; font-size:12px; }

.tch_list { height:355px; overflow:hidden; font-family:"宋体";}
.tch_list li {height:35px; line-height:35px; border-bottom:1px dashed #dfdfdf; background:url(../images/n_li.gif) left center no-repeat; padding-left:18px; overflow:hidden;}
.tch_list a { color:#666; }
.tch_list a:hover{ color:#0375be; }

.fq_con { height:375px; overflow:hidden; margin-top:20px; }
.fq_con dl { font-family:"宋体"; padding-bottom:5px; margin-bottom:5px; }
.fq_con dt { background:url(../images/q.png) left 6px no-repeat; height:26px; line-height:26px; overflow:hidden; padding-left:32px;}
.fq_con dt a { color:#666; font-weight:bold; }
.fq_con dt a:hover{ color:#0375be; }
.fq_con dd {color:#666; line-height:23px; background:url(../images/a.png) left 6px no-repeat; padding-left:32px; font-size:12px; height:46px; overflow:hidden; }


/* link */
.link100{ width:100%; background:#1c1c1c; clear:both; overflow:hidden; border-top:1px solid #282828; }
.link{ width:1200px; margin:0 auto; }
.link .linkl{ float:left; width:90px; margin-top:15px; }
.link .linkr{ float:left; width:1110px; padding-bottom:12px; padding-top:12px; }
.link .linkr ul li{ float:left; padding:0 3px; font-size:12px; color:#d1d1d1; line-height:24px; }
.link .linkr ul li a{ color:#d1d1d1; line-height:24px; }
.link .linkr ul li a:hover{ color:#0375be; }
