@import "common.css";


/******************************
 **  首页内容
 ******************************/
.iprod { background: #f4f4f3; padding: 40px 0 80px; }
.iprod .head { text-align: center; margin: 0 0 40px; }
.iprod .head h2 { line-height: 80px; font-size: 40px; font-weight: normal; letter-spacing: 5px; color: #333; }
.iprod .head p { line-height: 30px; font-size: 20px; color: #666; }
.iprod .list { overflow: hidden; position: relative; }
.iprod .inner { height: 220px; background: #fff; padding: 30px; margin: 0 3px 3px 0; position: relative; }
.iprod .rows { position: relative; float: left; width: 33.33%; transition: all .5s ease; }
.iprod .rows dl { position: relative; z-index: 2; }
.iprod .rows dt { line-height: 40px; font-size: 26px; margin: 0 0 5px; }
.iprod .rows dd { line-height: 46px; font-size: 18px; white-space: nowrap; padding: 0 0 0 40px; position: relative; }
.iprod .rows a { display: inline-block; color: #666; position: relative; }
.iprod .rows a:hover { color: #0074d7; }
.iprod .rows img { position: absolute; left: -40px; top: 7px; width: 32px; height: 32px; overflow: hidden; }
.iprod .rows .icon { position: absolute; right: 10px; bottom: 10px; z-index: 0; width: 200px; height: 200px; background: url(about:blank) -200px 0 no-repeat; transition: transform .5s ease; }
.iprod .list:hover .rows { opacity: .5; }
.iprod .list:hover .icon { background-position: -200px 0; }
.iprod .rows:hover { opacity: 1 !important; }
.iprod .rows:hover .icon { background-position: 0 0; transform: translateY(-5px); }

.icase { width:100%; margin-bottom:30px; overflow:hidden; background:#f9f9f9; padding:30px 0 0; }
.icase * { -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; }
.icase-container { width:100%; height:620px; background:#fff; position:relative; }
.icase-logo { width:1200px; height:70px; position:absolute; left:50%; margin-left:-600px; top:40px; z-index:10; }
.icase-logo .prev, .icase-logo .next { width:30px; height:64px; float:left; background:url(../images/ing-prev.png) center center no-repeat; cursor:pointer; opacity:0.3; }
.icase-logo .next { float:right; background-image:url(../images/ing-next.png); }
.icase-logo .prev:hover, .icase-logo .next:hover { opacity:1; }
.icase-logo .main { float:left; width:1108px; height:65px; padding:3px 0; margin:0 0 0 16px; overflow:hidden; }
.icase-logo .list { width:500%; position:relative; }
.icase-logo .list li { float:left; width:157px; height:64px; margin:0 3px 0 0; opacity:0.3; filter:Alpha(opacity=30); }
.icase-logo .list li:hover { opacity:0.7; filter:Alpha(opacity=70); }
.icase-logo .list li.current { opacity:1; filter:Alpha(opacity=100); }
.icase-logo .list img { display:block; width:100%; cursor:pointer; }
.icase-view { position:relative; height:100%; z-index:5; }
.icase-view .bigpic { position:relative; width:100%; height:100%; z-index:2; overflow:hidden; }
.icase-view .bigpic li { width:100%; position:absolute; left:0; top:0; }
.icase-view .bigpic img { width:1920px; height:550px; position:relative; left:50%; margin-left:-960px; }

.icase-view .animate { position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; }
.icase-view .animate li { position:absolute; left:0; top:0; width:100%; height:100%; z-index:3; }
.icase-view .animate div.img { position:absolute; left:50%; top:120px; z-index:3; }
.icase-view .animate div.wds { position:absolute; left:50%; top:120px; z-index:3; }
.icase-view .animate img { display:block; }
.icase-view .animate div.wds img { margin-bottom:15px; width:510px; height:320px; }
.icase-view .animate div.wds a { height:35px; line-height:35px; display:inline-block; padding:0 30px; background:#a3a3a2; border-radius:35px; color:#333; -webkit-transition:all ease 300ms; -moz-transition:all ease 300ms; -ms-transition:all ease 300ms; -o-transition:all ease 300ms; transition:all ease 300ms; position:relative; left:20px; }
.icase-view .animate div.wds a:hover { background:#e50112; color:#FFF; -webkit-animation:pudding 1.5s ease forwards; -moz-animation:pudding 1.5s ease forwards; -ms-animation:pudding 1.5s ease forwards; animation:pudding 1.5s ease forwards; }


.ichoose { width:100%; }
.ichoose .main { border-top:1px solid #eee; padding:50px 0 70px; }
.ichoose li { float:left; text-align:center; margin-left:90px; }
.ichoose li:first-child { margin-left:0; }
.ichoose li .icon { width:100%; height:120px; overflow:hidden; transition: all .3s ease; position: relative; }
.ichoose li .icon span { font-size: 70px; font-weight: bolder; color: #199ad7; }
.ichoose li .icon sup { font-size: 40px; color: #93c212; vertical-align: sub; position: relative; top: -25px; }
.ichoose li:hover .icon { -webkit-transform:translateY(-15px); -moz-transform:translateY(-15px); -ms-transform:translateY(-15px); transform:translateY(-15px); color: #ff5b04; }
.ichoose li:hover .icon span,
.ichoose li:hover .icon sup { color: #ff5b04; }
.ichoose h3 { font-size:25px; line-height:33px; }
.ichoose li p { margin-bottom:15px; font-size:18px; line-height:28px; }
.ichoose li a { font-size:16px; color:#333; color:#199ad7; }
.ichoose li a:hover { color:#e0272c; text-decoration:underline; }

.ipartner { width:100%; background:#f4f4f4; padding:50px 0; }
.ipartner .list { position:relative; left:1px; }
.ipartner .list li { float:left; width:239px; height:163px; border:1px solid #dbdbdb; margin:-1px 0 0 -1px; position:relative; overflow:hidden; }
.ipartner .list a { display:block; }
.ipartner .list img { display:block; width:100%; height:163px; }
.ipartner .list li:hover { z-index:1; border-color:#bbb; } 
.ipartner .list li:hover img { }

[ig-gray] { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); filter:grayscale(100%); filter:gray Alpha(opacity=50); opacity:0.5; }
[ig-gray]:hover { -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); filter:grayscale(0); filter:none; opacity:1; }

.inews { float:left; width:380px; margin-right:50px; margin-bottom:70px; }
.inews .head { height:60px; line-height:60px; position:relative; }
.inews .head h2 { font-size:30px; font-weight:400; }
.inews .head .mo { position:absolute; right:0; top:0; color:#999; font-size:16px; }
.inews .head .mo:hover { color:#e0272c; text-decoration:underline; }
.inews .img { height:100px; overflow:hidden; margin-bottom:0; }
.inews .img img { display:block; width:100%; }
.inews .img a { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
.inews .list { height:216px; line-height:36px; overflow:hidden; }
.inews .list dd { height:35px; line-height:35px; overflow:hidden; }
.inews .list dd:first-child { border-bottom:1px dashed #bbbbbb; margin-bottom:5px; }
.inews .list dd a { padding-left:20px; background:url(../images/ico-tip.png) left center no-repeat; }
.inews .list dd a:hover { padding-left:25px; background:url(../images/ico-tip-hover.png) left center no-repeat; color:#e0272c; }
.inews .list dd:first-child a { background:none; padding-left:0; color:#37a2da; }

.iform { float:right; width:340px; margin-bottom:70px; }
.iform .head { color:#222; }
.iform .head span { font-size:25px; line-height:60px; }
.iform .head strong { font-size:30px; line-height:35px; display:block; font-weight:400;  }
.iform .sketch { overflow: hidden; background: #eee; margin: 0 0 20px; }
.iform .sketch img { display: block; width: 100%; height: 100px;  }
.iform .main { width:100%; }
.iform .row-1,
.iform .row-2,
.iform .code,
.iform .button { margin-bottom:20px; }
.iform .row-1 { width:100%; }
.iform .row-2 { width:162px; }
.iform .row-2 + .row-2 { float:right; }
.iform .code { width:200px; }
.iform .button { width:100%; }
.iform .txt { width:140px; padding:0 10px; height:45px; line-height:45px; border:1px solid #ccc; background:#FFF; }
.iform .select { width:160px; padding:0; height:45px; line-height:45px; border:1px solid #ccc; background:#FFF; }
.iform .text { width:318px; height:; padding:10px; height:60px; line-height:20px; border:1px solid #ccc; background:#FFF; }
.iform .txt, .iform .text, .iform .select { color:#999; }
.iform .txt:focus, .iform .text:focus, .iform .select:focus { border-color:#2084e0; }
.iform .row-1 .txt { width:318px; }
.iform .code .txt { width:100px; }
.iform .code img { width:70px; height:40px; vertical-align:middle; }
.iform .submit { width:100%; height:45px; line-height:45px; border:0; background:#199ad7; color:#FFF;  border-radius:3px; cursor:pointer; font-size:16px; }
.iform .submit:hover { box-shadow:0 0 1000px rgba(0,0,0,0.2) inset; }



/******************************
 **  帮助中心
 ******************************/
.help-view { width:100%; height:400px; background:url(../images/help-1-0.png) center top no-repeat #fff; margin-bottom:10px; overflow:hidden; }
.help-view h2 { text-align:center; font-size:50px; color:#0065bb; font-weight:400; padding:60px 0 40px; }

.help-sos { width:515px; height:48px; background:#ff6800; border:4px solid #ff6800; border-radius:3px; margin:0 auto; }
.help-sos .txt { float:left; width:430px; height:48px; line-height:48px; border:0; background:#FFF; padding:0 0 0 20px; border-radius:3px; font-size:20px; }
.help-sos .submit { float:right; width:60px; height:48px; background:url(../images/ico-sos2.png) center center no-repeat #ff6800; border:0; cursor:pointer; border-radius:3px; }
.help-sos .submit:hover { background-color:#e65e01; }

.help-view h2, .help-sos { opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 1s ease forwards; -moz-animation:flyInUp 1s ease forwards; -ms-animation:flyInUp 1s ease forwards; animation:flyInUp 1s ease forwards; }
.help-view h2 + .help-sos { -webkit-animation-delay:0.2s; -moz-animation-delay:0.2s; -ms-animation-delay:0.2s; animation-delay:0.2s; }

.help-category { margin-bottom:70px; }
.help-category h2 { font-size:35px; font-weight:400; text-align:center; }
.help-category h2 + p { font-size:18px; color:#888; text-align:center; margin-bottom:30px; }
.help-category .list { width:100%; }
.help-category .list li { /*width:132px;*/ width:170px; height:130px; padding:25px 0 0; float:left; margin:0 0 16px 30px /*16px*/; background:#f2f2f2; border-radius:6px; text-align:center; font-size:18px; line-height:40px; }
.help-category .list img { display:block; margin:0 auto; width:74px; height:74px; }
.help-category .list a { display:block; color:#555; }
.help-category .list li:hover { background:#e2e2e2; }

.help-recommend { padding-bottom:100px; }
.help-recommend h2 { width:100%; font-size:35px; font-weight:400; text-align:center; margin-bottom:30px; }
.help-recommend .list { float:left; width:270px; margin:0 0 0 30px; _display:inline; }
.help-recommend .list dt { height:42px; line-height:42px; font-size:20px; padding:0 0 0 50px; margin-bottom:15px; }
.help-recommend .list dd { height:26px; line-height:26px; }
.help-recommend .list a { color:#2295d4; padding-left:25px; background:url(../images/ico-circle.png) 5px center no-repeat; }
.help-recommend .list a:hover { padding-left:30px; color:#ff6800; }
.help-recommend .icon-1 { background:url(../images/help-2-1.png) left center no-repeat; }
.help-recommend .icon-2 { background:url(../images/help-2-2.png) left center no-repeat; }
.help-recommend .icon-3 { background:url(../images/help-2-3.png) left center no-repeat; }
.help-recommend .icon-4 { background:url(../images/help-2-4.png) left center no-repeat; }

.help-view-sm { width:100%; height:105px; padding-top:45px; background:url(../images/help-3-0.png) center top no-repeat #fff; margin-bottom:2px; overflow:hidden; }

.help-list { width:980px; margin:0 auto; padding-bottom:90px; }
.help-list .list { margin-bottom:50px;  }
.help-list .list dd { height:40px; line-height:40px; border-bottom:1px dotted #ddd; position:relative; }
.help-list .list a {  padding-left:25px; background:url(../images/ico-circle.png) 5px center no-repeat; }
.help-list .list a:hover { padding-left:30px; color:#ff6800; }
.help-list .list span { position:absolute; right:0; top:0; color:#999; }

.help-classify { width:100%; height:90px; background:#f3f3f3; margin-bottom:20px; }
.help-classify .list { text-align:center; }
.help-classify .list li { display:inline-block; width:156px; height:80px; border-left:1px solid #fff; background:#f3f3f3; margin:0 -3px 0 0; line-height:30px; font-size:16px; *zoom:1; *display:inline; }
.help-classify .list li:last-child { border-right:1px solid #fff; }
.help-classify .list a { display:block; padding:10px 0 0; position:relative; }
.help-classify .list .icon { display:block; overflow:hidden; width:40px; height:40px; margin:0 auto; }
.help-classify .list a:hover, .help-classify .list a.hover { color:#ff6902; }
.help-classify .list a:hover .icon, .help-classify .list a.hover .icon { background-position:-40px center !important; }
.help-classify .list a:hover:before, .help-classify .list a.hover:before { content:""; width:0; height:0; border:10px solid transparent; border-top-color:#f3f3f3; position:absolute; left:50%; margin-left:-10px; top:90px; }


.help-container { }
.help-container .sitepath { padding-top:20px; }
.help-side { float:left; width:262px; height:auto; border:1px solid #e7e7e7; background:#FFF; }
.help-side .head { height:40px; line-height:40px; padding:0 10px; background:#f9f9f9; border-bottom:1px solid #e7e7e7; font-size:16px; }
.help-side .list { padding:10px; }
.help-side .list dd { height:30px; line-height:30px; overflow:hidden; }
.help-side .list a { padding-left:15px; background:url(../images/ico-circle.png) left center no-repeat; }
.help-side .list a:hover { background:url(../images/ico-tip-hover.png) left center no-repeat; }
.help-mainer { margin-left:288px; }
.help-mainer .head { position:relative; padding-bottom:10px; }
.help-mainer h1 { padding:0 350px 5px 0; font-size:22px; color:#ff0000; }
.help-mainer .ins { position:absolute; right:0; top:0; }
.help-mainer .share { float:right; width:245px; }
.help-mainer .share > span { float:left; height:36px; line-height:36px; color:#999; font-size:16px; padding-right:10px; }
.help-mainer .bdsharebuttonbox { float:right; width:186px; height:36px; }
.help-mainer .hits { float:right; height:36px; line-height:36px; padding-left:25px; margin-right:15px; font-size:15px; font-family:Arial; }
.help-mainer .hits:before { content:""; width:25px; height:25px; background:url(../images/ico-case.png) 0 0 no-repeat; position:absolute; left:0; top:5px; }
.help-mainer .subline { height:40px; line-height:40px; border-top:1px dashed #dcdcdc; border-bottom:1px dashed #dcdcdc; }
.help-mainer .subline span { margin-right:20px; }
.help-mainer .article { padding:30px 0; position: relative; overflow: hidden; }
.help-mainer .article img { max-width: 100%; height: auto !important; }
.help-mainer .article p { line-height: 1.8; }
.help-mainer .print { height:32px; line-height:32px; overflow:hidden; font-size:16px; padding:0 0 10px; border-bottom:1px solid #dcdcdc; margin-bottom:30px; }
.help-mainer .print a { float:left; padding-left:45px; background:url(../images/print.png) left center no-repeat; }
.help-mainer .comment { line-height:20px; padding-bottom:100px; }
.help-mainer .comment p { line-height:40px; font-size:15px; }
.help-mainer .comment .text { width:610px; height:120px; border:1px solid #ddd; background:#fff; padding:5px; line-height:20px; display:block; margin-bottom:20px; color:#999; margin-top:10px; }
.help-mainer .comment .submit { width:620px; height:60px; background:#e23b42; border:0; font-size:20px; color:#FFF; cursor:pointer; border-radius:5px; }
.help-mainer .comment .submit:hover { background:#bd030b; }



/******************************
 **  产品中心
 ******************************/
.product-view { width:100%; height:400px; background:url(../images/product-1-0.png) center top no-repeat #fff; margin-bottom:10px; color:#FFF; text-align:center; overflow:hidden; }
.product-view h2 { font-size:57px; font-weight:400; padding:30px 0 5px; line-height:70px; }
.product-view h3 { font-size:45px; font-weight:400; padding:0 0 25px; line-height:60px; }
.product-view h3 b { color:#fdf400; }
.product-view p { font-size:22px; padding:0 0 30px; line-height:30px; }
.product-view .submit { width:200px; height:50px; font-size:; background:#ffec21; color:#ce5200; border:1px solid #dfcd00; font-size:25px; font-weight:700; border-radius:3px; cursor:pointer; }
.product-view .submit:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.1) inset;  }

.product-view-checkbox { width:708px; margin:0 auto 00px; overflow:hidden; }
.product-view-checkbox dl { width:110%; }
.product-view-checkbox dd { float:left; width:76px; height:48px; margin:0 12px 17px 0; border:1px dashed #fff; border-radius:3px; text-align:center; line-height:15px; }
.product-view-checkbox dd:before, .product-view-checkbox dd .before { content:""; display:block; width:30px; height:30px; margin:0 auto; }
.product-view-checkbox dd:hover {  }
.product-view-checkbox dd.checked { background:#0091e4; color:#FFF; border:1px solid #fff; }
.product-view-checkbox dd.ico-1:before, .product-view-checkbox dd.ico-1 .before { background:url(../images/ico-xuqiu.png) -60px 0 no-repeat; }
.product-view-checkbox dd.ico-2:before, .product-view-checkbox dd.ico-2 .before { background:url(../images/ico-xuqiu.png) -60px -30px no-repeat; }
.product-view-checkbox dd.ico-3:before, .product-view-checkbox dd.ico-3 .before { background:url(../images/ico-xuqiu.png) -60px -60px no-repeat; }
.product-view-checkbox dd.ico-4:before, .product-view-checkbox dd.ico-4 .before { background:url(../images/ico-xuqiu.png) -60px -90px no-repeat; }
.product-view-checkbox dd.ico-5:before, .product-view-checkbox dd.ico-5 .before { background:url(../images/ico-xuqiu.png) -60px -120px no-repeat; }
.product-view-checkbox dd.ico-6:before, .product-view-checkbox dd.ico-6 .before { background:url(../images/ico-xuqiu.png) -60px -150px no-repeat; }
.product-view-checkbox dd.ico-7:before, .product-view-checkbox dd.ico-7 .before { background:url(../images/ico-xuqiu.png) -60px -180px no-repeat; }
.product-view-checkbox dd.ico-8:before, .product-view-checkbox dd.ico-8 .before { background:url(../images/ico-xuqiu.png) -60px -210px no-repeat; }
.product-view-checkbox dd.ico-1.checked:before, .product-view-checkbox dd.ico-1.checked .before { background:url(../images/ico-xuqiu.png) -30px 0 no-repeat; }
.product-view-checkbox dd.ico-2.checked:before, .product-view-checkbox dd.ico-2.checked .before { background:url(../images/ico-xuqiu.png) -30px -30px no-repeat; }
.product-view-checkbox dd.ico-3.checked:before, .product-view-checkbox dd.ico-3.checked .before { background:url(../images/ico-xuqiu.png) -30px -60px no-repeat; }
.product-view-checkbox dd.ico-4.checked:before, .product-view-checkbox dd.ico-4.checked .before { background:url(../images/ico-xuqiu.png) -30px -90px no-repeat; }
.product-view-checkbox dd.ico-5.checked:before, .product-view-checkbox dd.ico-5.checked .before { background:url(../images/ico-xuqiu.png) -30px -120px no-repeat; }
.product-view-checkbox dd.ico-6.checked:before, .product-view-checkbox dd.ico-6.checked .before { background:url(../images/ico-xuqiu.png) -30px -150px no-repeat; }
.product-view-checkbox dd.ico-7.checked:before, .product-view-checkbox dd.ico-7.checked .before { background:url(../images/ico-xuqiu.png) -30px -180px no-repeat; }
.product-view-checkbox dd.ico-8.checked:before, .product-view-checkbox dd.ico-8.checked .before { background:url(../images/ico-xuqiu.png) -30px -210px no-repeat; }

.product-view h2, .product-view h3, .product-view p, .product-view dl, .product-view .submit { -webkit-animation:flyInUp 1s ease forwards; -moz-animation:flyInUp 1s ease forwards; -ms-animation:flyInUp 1s ease forwards; animation:flyInUp 1s ease forwards; }
.product-view h3 { -webkit-animation-duration:1.2s; }
.product-view dl { -webkit-animation-duration:1.2s; }
.product-view p { -webkit-animation-duration:3s; }
.product-view .submit { -webkit-animation-duration:5s; }

.product-list { margin-bottom:110px; }
.product-list h2 { font-size:35px; font-weight:400; color:#333; text-align:center; padding:40px 0 40px; }
.product-list .list { width:100%; }
.product-list .list li { float:left; width:230px; height:270px; margin:0 0 10px 10px; background:#CCC; }
.product-list .list a { display:block; height:240px; background:#0080ca; color:#FFF; text-align:center; padding:30px 0 0; }
.product-list .list a:hover { background:#066aa3; }
.product-list .list .icon { display:block; width:200px; height:150px; margin:0 auto; }
.product-list .list h3 { font-size:24px; line-height:30px; }
.product-list .list p { font-size:16px; line-height:40px; }




/******************************
 **  案例中心
 ******************************/

.case-view { width:100%; height:400px; background:url(../images/case-1-0.png) center top no-repeat #fff; margin-bottom:10px; color:#FFF; text-align:center; }
.case-view h2 { font-size:50px; padding:130px 0 15px; line-height:60px; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease forwards; -moz-animation:flyInUp 0.8s ease forwards; -ms-animation:flyInUp 0.8s ease forwards; animation:flyInUp 0.8s ease forwards; }
.case-view h3 { font-size:40px; line-height:50px; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease forwards 0.1s; -moz-animation:flyInUp 0.8s ease forwards 0.1s; -ms-animation:flyInUp 0.8s ease forwards 0.1s; animation:flyInUp 0.8s ease forwards 0.1s; }

.case-classify { width:100%; background:#fff; text-align:center; }
.case-classify h2 { font-size:35px; font-weight:400; text-align:center; }
.case-classify h2 + p { font-size:18px; color:#888; text-align:center; margin-bottom:30px; }
.case-classify .main { position:relative; width:1200px; margin:0 auto; }
.case-classify .inner { position: relative; overflow:hidden; }
.case-classify .list { width:500%; height:50px; overflow:hidden; margin:0 auto; margin-bottom:30px; position:relative; }
.case-classify .list li { float:left; margin:0 0 10px 18px; }
.case-classify .list a { display:block; width:110px; height:46px; line-height:46px; font-size:16px; border:1px solid #ccc; text-align:center; color:#555; border-radius:2px; }
.case-classify .list a:before { width:40px; height:40px; overflow:hidden; display:inline-block; vertical-align:middle; background:#f1f1f1; margin-right:5px; border-radius:50%; transform:scale(.8,.8); }
.case-classify .list a.icon-1:before { background:url(../images/ico-case-classify.png) 0 0 no-repeat; border-radius:0; }
.case-classify .list a.icon-2:before { background:url(../images/ico-case-classify.png) 0 -40px no-repeat; border-radius:0; }
.case-classify .list a.icon-3:before { background:url(../images/ico-case-classify.png) 0 -80px no-repeat; border-radius:0; }
.case-classify .list a.icon-4:before { background:url(../images/ico-case-classify.png) 0 -120px no-repeat; border-radius:0; }
.case-classify .list a.icon-5:before { background:url(../images/ico-case-classify.png) 0 -160px no-repeat; border-radius:0; }
.case-classify .list a.icon-6:before { background:url(../images/ico-case-classify.png) 0 -200px no-repeat; border-radius:0; }
.case-classify .list a.icon-7:before { background:url(../images/ico-case-classify.png) 0 -240px no-repeat; border-radius:0; }
.case-classify .list a.icon-11:before { background:url(../images/ico-case-classify.png) 0 -280px no-repeat; border-radius:0; }

.case-classify .list li.current a, .case-classify .list li:hover a { border-color:#fd313d; color:#fd313d; }
.case-classify .list li.current a.icon-1:before,
.case-classify .list li:hover a.icon-1:before { background-position:-40px 0; }
.case-classify .list li.current a.icon-2:before,
.case-classify .list li:hover a.icon-2:before { background-position:-40px -40px; }
.case-classify .list li.current a.icon-3:before,
.case-classify .list li:hover a.icon-3:before { background-position:-40px -80px; }
.case-classify .list li.current a.icon-4:before,
.case-classify .list li:hover a.icon-4:before { background-position:-40px -120px; }
.case-classify .list li.current a.icon-5:before,
.case-classify .list li:hover a.icon-5:before { background-position:-40px -160px; }
.case-classify .list li.current a.icon-6:before,
.case-classify .list li:hover a.icon-6:before { background-position:-40px -200px; }
.case-classify .list li.current a.icon-7:before,
.case-classify .list li:hover a.icon-7:before { background-position:-40px -240px; }
.case-classify .list li.current a.icon-11:before,
.case-classify .list li:hover a.icon-11:before { background-position:-40px -280px; }

.case-container { width:100%; background:#f1f2f4; padding:30px 0 100px; }

.case-opration { width:100%; background:#FFF; position:relative; z-index:10; margin-bottom:36px; }
.case-filter { float:left; width:805px; }
.case-filter .row { float:left; width:155px; height:60px; position:relative; border-right:1px solid #f1f2f4; }
.case-filter .row:first-child { width:210px; }
.case-filter p { height:60px; line-height:60px; font-size:16px; position:relative; background:url(../images/ico-drop-grace.png) right center no-repeat; margin-right:15px; cursor:pointer; }
.case-filter p.hover { background-image:url(../images/ico-drop-red.png); }
.case-filter p.ico-ins { padding:0 0 0 55px; }
.case-filter p.ico-ins:before { content:""; width:30px; height:30px; position:absolute; left:20px; top:15px; background:url(../images/ico-filter.png) -30px 0 no-repeat; }
.case-filter p.ico-color { padding:0 0 0 70px; }
.case-filter p.ico-position { padding:0 0 0 55px; }
.case-filter p.ico-position:before { content:""; width:30px; height:30px; position:absolute; left:20px; top:15px; background:url(../images/ico-filter.png) -30px -30px no-repeat; }
.case-filter p.ico-style { padding:0 0 0 55px; }
.case-filter p.ico-style:before { content:""; width:30px; height:30px; position:absolute; left:20px; top:15px; background:url(../images/ico-filter.png) -30px -60px no-repeat; }
.case-filter p.ico-normal, .case-filter p.ico-new, .case-filter p.ico-rmd, .case-filter p.ico-hit, .case-filter p.ico-zan, .case-filter p.ico-normal { padding:0 0 0 55px; }
.case-filter p.ico-normal:before, .case-filter p.ico-new:before, .case-filter p.ico-rmd:before, .case-filter p.ico-hit:before, .case-filter p.ico-zan:before, .case-filter p.ico-normal:before { content:""; width:30px; height:30px; position:absolute; left:20px; top:15px; background:url(../images/ico-filter.png) -30px -90px no-repeat; }
.case-filter p.ico-new:before { background-position:-30px -120px; }
.case-filter p.ico-rmd:before { background-position:-30px -150px; }
.case-filter p.ico-hit:before { background-position:-30px -180px; }
.case-filter p.ico-zan:before { background-position:-30px -210px; }

.case-filter p.hover { color:#e01417; }
.case-filter p.ico-ins.hover:before { background-position:-60px 0; }
.case-filter p.ico-position.hover:before { background-position:-60px -30px; }
.case-filter p.ico-style.hover:before { background-position:-60px -60px; }
.case-filter p.ico-normal.hover:before { background-position:-60px -90px; }
.case-filter p.ico-new.hover:before { background-position:-60px -120px; }
.case-filter p.ico-rmd.hover:before { background-position:-60px -150px; }
.case-filter p.ico-hit.hover:before { background-position:-60px -180px; }
.case-filter p.ico-zan.hover:before { background-position:-60px -210px; }

.case-filter .drop { position:absolute; left:0; top:60px; background:#FFF; display:none; box-shadow:0 1px 2px rgba(0,0,0,0.15); }

.drop-ins { width:858px; height:271px; padding:10px 0 0 40px; }
.drop-ins dd { float:left; width:116px; height:35px; line-height:35px; overflow:hidden; cursor:pointer; }
.drop-ins dd:hover { color:#c00; }


.tag-color { position:absolute; left:15px; top:25px; width:42px; height:14px; overflow:hidden; }
.tag-color span { display:block; height:100%; }

.drop-color { width:960px; height:100px; padding:20px 0 0 40px; }
.drop-color dd { float:left; width:70px; height:auto; cursor:pointer; text-align:center; }
.drop-color .color { width:56px; height:56px; text-align:center; line-height:56px; margin:0 auto; color:#666; }
.drop-color h3 { display:block; height:30px; line-height:30px; font-weight:400; }
.drop-color span { display:block; height:100%; background:#FFF; }
.drop-color dd:hover { color:#c00; }
.drop-color dd:hover .color { -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); transform:scale(1.2,1.2); }

.drop-position { width:600px; height:100px; padding:10px 0 0 40px; }
.drop-position dd { float:left; width:66px; height:35px; line-height:35px; overflow:hidden; cursor:pointer; }
.drop-position dd:hover { color:#c00; }

.drop-style { width:100%; height:auto; padding:5px 0; }
.drop-style dd { width:100%; height:40px; line-height:40px; overflow:hidden; cursor:pointer; text-align:center; }
.drop-style dd:hover { color:#c00; }

.drop-sort { width:100%; height:auto; padding:5px 0; }
.drop-sort dd { width:100%; height:40px; line-height:40px; overflow:hidden; cursor:pointer; text-align:center; color:#666; margin-left:-10px; }
.drop-sort dd:hover { color:#c00; }
.drop-sort dd:before { content:""; display:inline-block; width:30px; height:30px; vertical-align:middle; margin-right:5px; }
.drop-sort dd.ico-normal:before { background:url(../images/ico-filter.png) 0 -90px no-repeat; }
.drop-sort dd.ico-new:before { background:url(../images/ico-filter.png) 0 -120px no-repeat; }
.drop-sort dd.ico-rmd:before { background:url(../images/ico-filter.png) 0 -150px no-repeat; }
.drop-sort dd.ico-hit:before { background:url(../images/ico-filter.png) 0 -180px no-repeat; }
.drop-sort dd.ico-zan:before { background:url(../images/ico-filter.png) 0 -210px no-repeat; }
.drop-sort dd.ico-normal:hover:before { background:url(../images/ico-filter.png) -60px -90px no-repeat; }
.drop-sort dd.ico-new:hover:before { background:url(../images/ico-filter.png) -60px -120px no-repeat; }
.drop-sort dd.ico-rmd:hover:before { background:url(../images/ico-filter.png) -60px -150px no-repeat; }
.drop-sort dd.ico-hit:hover:before { background:url(../images/ico-filter.png) -60px -180px no-repeat; }
.drop-sort dd.ico-zan:hover:before { background:url(../images/ico-filter.png) -60px -210px no-repeat; }

.case-sos { float:right; margin-right:10px; _display:inline; padding:10px 0; }
.case-sos .txt { float:left; width:120px; height:40px; line-height:40px; padding:0 0 0 10px; border:0; background:#eaeaea; border-radius:3px 0 0 3px; font-size:15px; margin-right:3px; _display:inline; }
.case-sos .submit { float:left; width:80px; height:40px; border:0; background:#999; color:#FFF; border-radius:0 3px 3px 0; font-size:16px; cursor:pointer; }
.case-sos .txt:focus { width:140px; box-shadow:0 0 2px #aaa inset; }
.case-sos .submit:hover { background:#0080ca; }
.case-button { float:right; padding:10px 10px 10px 0; }
.case-button a { display:block; width:100px; height:40px; line-height:40px; text-align:center; font-size:17px; background:#d0101b; color:#FFF; border-radius:3px; }
.case-button a:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.2) inset; }

/* 营销型网站 */
.case-list-pc { width:100%; overflow:hidden; }
.case-list-pc .list { width:110%; margin-bottom:60px; }
.case-list-pc .item { float:left; width:290px; height:246px; background:#FFF; margin:0 14px 25px 0; position:relative; }
.case-list-pc .result { height:30px; line-height:20px; font-size:16px; margin-bottom:30px; color:#1d82cb; font-weight:700; }
.case-list-pc .result strong { color:#d0101b; }
.case-list-pc .img { display:block; width:100%; height:180px; overflow:hidden; }
.case-list-pc .img a { display:block; width:100%; height:100%; }
.case-list-pc .img img { display:block; width:290px; min-height:180px; transition:all .5s ease; }
.case-list-pc h3 { height:32px; line-height:32px; font-weight:400; margin:0 10px; }
.case-list-pc .opr { height:25px; line-height:25px; margin:0 10px; color:#aaa; }
.case-list-pc .opr span { margin-right:10px; cursor:pointer; }
.case-list-pc .opr span:before { content:""; width:25px; height:25px; overflow:hidden; display:inline-block; vertical-align:middle; }
.case-list-pc .opr span.hit:before { background:url(../images/ico-case.png) 0 0 no-repeat; }
.case-list-pc .opr span.zan:before { background:url(../images/ico-case.png) 0 -25px no-repeat; }
.case-list-pc .opr span:hover { opacity:0.6; filter:Alpha(opacity=60); }
.case-list-pc .opr span.checked { color:#fd313d; }
.case-list-pc .opr span.zan.checked:before { background-position:-25px -25px; }
.case-list-pc .link { width:100px; height:23px; line-height:23px; text-align:center; position:absolute; bottom:10px; right:10px; color:#596583; border:1px solid #ddd; display:none; }
.case-list-pc .link:hover { border-color:#0080ca; color:#0080ca; }

.case-list-pc .null { height:30px; line-height:30px; }
.case-list-pc .loading { width:300px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; }
.case-list-pc .loaded { width:300px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; background:#e1e2e5; border-radius:3px; cursor:pointer; }
.case-list-pc .loaded:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.1) inset; }
.case-list-pc .complate { width:400px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; background:#e1e2e5; border-radius:3px; }

.case-list-pc .item:hover .img img { -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); transform:scale(1.2,1.2); }


/* 手机网站 */
.case-list-mc { width:100%; overflow:hidden; }
.case-list-mc .list { width:110%; margin-bottom:60px; }
.case-list-mc .item { float:left; width:225px; height:442px; background:url(../images/phone.png) center top no-repeat; margin:0 18px 20px 0; position:relative; }
.case-list-mc .main { width:200px; height:356px; background:#fff; position:relative; left:13px; top:30px; overflow:hidden; }
.case-list-mc .img { display:block; width:100%; height:100%; overflow:hidden; }
.case-list-mc .img img { display:block; width:100%; }
.case-list-mc .inf { width:100%; height:100%; position:absolute; left:0; top:0; }
.case-list-mc .inf:before { content:""; width:100%; height:100%; background:rgba(0,0,0,0.7) !important; filter:Alpha(opacity=0.7); background:#000; position:absolute; left:0; top:0; z-index:0; }
.case-list-mc .inf > * { position:relative; z-index:1; text-align:center; color:#FFF; }
.case-list-mc .inf p { height:50px; line-height:50px; padding-top:20px; font-size:18px; }
.case-list-mc .code { width:130px; height:130px; padding:10px; background:#FFF; margin:0 auto 15px; }
.case-list-mc .code img { display:block; width:130px; height:130px; }
.case-list-mc h3 { font-weight:400; position:absolute !important; left:8px; right:8px; bottom:90px; }
.case-list-mc .link { width:130px; line-height:32px; position:absolute; left:50%; margin-left:-65px; bottom:30px; background:#1999d6; border-radius:5px; color:#FFF; font-size:12px; }
.case-list-mc .link:hover { background:#fd313d; }

.case-list-mc .null { height:30px; line-height:30px; }
.case-list-mc .loading { width:300px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; }
.case-list-mc .loaded { width:300px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; background:#e1e2e5; border-radius:3px; cursor:pointer; }
.case-list-mc .loaded:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.1) inset; }
.case-list-mc .complate { width:400px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; background:#e1e2e5; border-radius:3px; }

.case-list-mc .item:hover .inf { animation: fadeOutRight .5s ease both; }
.case-list-mc .item:hover p { -webkit-animation:flyOutUp 0.3s ease both; animation:flyOutUp 0.3s ease both; }
.case-list-mc .item:hover .code { -webkit-animation:flyOutUp 0.4s ease both; animation:flyOutUp 0.4s ease both; }
.case-list-mc .item:hover h3 { -webkit-animation:flyOutUp 0.6s ease both; animation:flyOutUp 0.6s ease both; }
.case-list-mc .item:hover .link { -webkit-animation:flyOutUp 0.7s ease both; animation:flyOutUp 0.7s ease both; }


/* PC加MC */
.case-list-mvp { width:100%; overflow:hidden; }
.case-list-mvp .list { width:110%; margin-bottom:60px; }
.case-list-mvp .item { float:left; width:376px; height:320px; margin:0 35px 35px 0; position:relative; }
.case-list-mvp .pc { width:100%; height:295px; background:url(../images/shadow-pc.png) center 280px no-repeat; }
.case-list-mvp .pc .img { width:370px; height:274px; border:3px solid #fff; overflow:hidden; background:#FFF; }
.case-list-mvp .pc img { display:block; width:100%; }
.case-list-mvp .mc { position:absolute; right:15px; bottom:0; width:134px; height:265px; background:url(../images/phone-mini.png) center top no-repeat; }
.case-list-mvp .mc .img { width:120px; height:212px; background:#FFF; position:relative; left:7px; top:17px; overflow:hidden; }
.case-list-mvp .mc img { display:block; width:100%; }

.case-list-mvp .null { height:30px; line-height:30px; }
.case-list-mvp .loading { width:300px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; }
.case-list-mvp .loaded { width:300px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; background:#e1e2e5; border-radius:3px; cursor:pointer; }
.case-list-mvp .loaded:hover { box-shadow:0 0 0 1000px rgba(0,0,0,0.1) inset; }
.case-list-mvp .complate { width:400px; height:40px; line-height:40px; margin:0 auto; font-size:15px; color:#555; text-align:center; background:#e1e2e5; border-radius:3px; }

.case-list-mvp .pc:hover { -webkit-transform:translate(0, 10px); -moz-transform:translate(0, 10px); -ms-transform:translate(0, 10px); transform:translate(0, 10px); }
.case-list-mvp .mc:hover { -webkit-transform:translate(10px, 0); -moz-transform:translate(10px, 0); -ms-transform:translate(10px, 0); transform:translate(10px, 0); }


/* 案例详情*PC */
.page-case { padding:0 0 100px; }
.page-case .content { float:left; width:850px; overflow:hidden; }
.page-case h1 { font-size:32px; }
.page-case .content .opr { height:25px; line-height:25px; margin:0 0 10px; color:#666; font-family:'Arial'; }
.page-case .content .opr span { margin-right:10px; cursor:pointer; }
.page-case .content .opr span:before { content:""; width:25px; height:25px; overflow:hidden; display:inline-block; vertical-align:middle; }
.page-case .content .opr span.hit:before { background:url(../images/ico-case.png) 0 0 no-repeat; }
.page-case .content .opr span.zan:before { background:url(../images/ico-case.png) 0 -25px no-repeat; }
.page-case .content .opr span:hover { opacity:0.6; filter:Alpha(opacity=60); }
.page-case .content .opr span.checked { color:#fd313d; }
.page-case .content .opr span.zan.checked:before { background-position:-25px -25px; }
.page-case .article { border:0 solid #f3f3f3; position:relative; line-height:2; }
.page-case .article img { display:block; width:100%; }
.page-case .img { display: block; width: 100%; }

.page-case .side { float:right; width:332px; }
.page-case .relink { width:100%; height:40px; margin-bottom:25px; padding-top:17px; }
.page-case .relink a { float:right; width:39px; height:39px; overflow:hidden; text-indent:-99em; background:url(../images/ico-relink.png) 0 0 no-repeat; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; margin-left:7px; }
.page-case .relink .lise { background-position:0 0; }
.page-case .relink .prev { background-position:0 -39px; }
.page-case .relink .next { background-position:0 -78px; }
.page-case .relink .lise:hover { background-position:-39px 0; }
.page-case .relink .prev:hover { background-position:-39px -39px; }
.page-case .relink .next:hover { background-position:-39px -78px; }
.page-case .relink span { display:none; }

.page-case .base { width:300px; padding:14px; border:2px solid #f3f3f3; }
.page-case .base dd { height:35px; line-height:35px; font-size:16px; overflow:hidden; }
.page-case .base dt { padding-top:10px; overflow:hidden; }
.page-case .base dt a { float:right; width:140px; height:40px; line-height:40px; text-align:center; font-size:18px; background:#ff9c00; color:#FFF; border-radius:3px; }
.page-case .base dt a:first-child { float:left; }
.page-case .base dt a:hover { background:#df8800; }
.page-case .information { background:#f3f3f3; width:300px; padding:16px 16px 24px; }
.page-case .information h3 { height:40px; line-height:40px; padding-top:10px; font-size:16px; color:#ff3334; font-weight:400; }
.page-case .information h3:first-child { padding-top:0; }
.page-case .information p { font-size:13px; line-height:22px; color:#555; }
.page-case .information .strong { line-height:30px; color:#555; }
.page-case .information .code { width:126px; height:auto; padding:20px 20px 10px; background:#fff; border:1px solid #eee; margin-bottom:20px; position:relative; top:20px; color:#0074d7; text-align:center; margin:0 auto 20px; }
.page-case .information .code img { display:block; width:126px; height:126px; margin-bottom:10px; }
.page-case .information .link { display:block; width:100%; height:40px; line-height:40px; text-align:center; background:#0080ca; color:#FFF; border-radius:3px; margin:20px 0 0; font-size:16px; }
.page-case .information .link:hover { background:#05649b; }


.page-case .subsidiary { width:300px; padding:25px 16px; background:#ebebeb; margin-bottom:10px; }
.page-case .tool { padding-bottom:15px; }
.page-case .tool li { float:left; width:70px; height:auto; margin:0 10px 0 15px; }
.page-case .tool a { display:block; text-align:center; line-height:30px; font-size:16px; }
.page-case .tool i { display:block; width:70px; height:70px; background:#fff; border-radius:50%; margin:0 auto; }
.page-case .tool a.ico-zj i { background:url(../images/ico-tool-zj.png) center center no-repeat; }
.page-case .tool a.ico-online i { background:url(../images/ico-tool-online.png) center center no-repeat; }
.page-case .tool a.ico-lxb i { background:url(../images/ico-tool-lxb.png) center center no-repeat; }
.page-case .tool a:hover i { box-shadow:0 0 0 3px rgba(0,0,0,0.1);  }
.page-case .tag { padding:10px 0 0; font-size:13px; }
.page-case .tag a, .page-case .tag span { display:inline-block; vertical-align:middle; height:30px; line-height:30px; padding:0 6px; margin:0 2px 5px 0; }
.page-case .tag span { padding-left:22px; background:url(../images/ico-tag.png) left center no-repeat; margin-right:0; }
.page-case .tag a { background:#dadada; padding:0 10px; }
.page-case .share { width:100%; height:35px; padding:10px 0 15px; clear:both; }
.page-case .statement {}
.page-case .statement h3 { font-size:16px; font-weight:400; }
.page-case .statement p { font-size:13px; }
.page-case .recase { width:100%; }
.page-case .recase .head { height:50px; line-height:50px; color:#ff3334; font-size:16px; }
.page-case .recase { width:100%; overflow:hidden; }
.page-case .recase .list { width:100%; margin-bottom:0; }
.page-case .recase .item { width:332px; height:265px; background:#FFF; margin:0 14px 14px 0; position:relative; }
.page-case .recase .img { display:block; width:100%; height:206px; overflow:hidden; background: #eee; }
.page-case .recase .img img { display:block; width:100%; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); }
.page-case .recase h3 { height:32px; line-height:32px; font-weight:400; margin:0 0; }
.page-case .recase .opr { height:25px; line-height:25px; margin:0 0; color:#aaa; }
.page-case .recase .opr span { margin-right:10px; cursor:pointer; }
.page-case .recase .opr span:before { content:""; width:25px; height:25px; overflow:hidden; display:inline-block; vertical-align:middle; }
.page-case .recase .opr span.hit:before { background:url(../images/ico-case.png) 0 0 no-repeat; }
.page-case .recase .opr span.zan:before { background:url(../images/ico-case.png) 0 -25px no-repeat; }
.page-case .recase .opr span:hover { opacity:0.6; filter:Alpha(opacity=60); }
.page-case .recase .opr span.checked { color:#fd313d; }
.page-case .recase .opr span.zan.checked:before { background-position:-25px -25px; }
.page-case .recase .link { width:100px; height:23px; line-height:23px; text-align:center; position:absolute; bottom:0; right:0; color:#596583; border:1px solid #ddd; }
.page-case .recase .link:hover { border-color:#0080ca; color:#0080ca; }




/******************************
 **  新闻资讯
 ******************************/

.news-container { background:#f1f2f4; padding-bottom:80px; }
.news-container .sitepath { margin-bottom:20px; }
.news-content { float:left; width:840px; background:#fff; }
.news-side { float:right; width:330px; background:#FFF; }
.news-side .head { width:300px; height:44px; line-height:44px; margin:0 0 20px 30px; border-bottom:1px solid #eee; } 
.news-side .head span, .news-side .head strong { display:inline-block; vertical-align:middle; height:42px; border-bottom:4px solid #0080ca; font-size:18px; font-weight:400; }
.news-side .head span { color:#ccc; margin-left:10px; border-bottom:0; }
.news-side .list { width:300px; margin:0 0 20px 30px; }
.news-side .list dd { height:36px; overflow:hidden; position: relative; }
.news-side .list a,
.news-side .list span { display:inline-block; vertical-align:middle; height:36px; line-height:36px; }
.news-side .list span { width:16px; background:url(../images/ico-news.png) left center no-repeat; padding-right:4px; text-align:center; font-size:12px; color:#FFF; }
.news-side .list a { width:250px; margin-left:8px; }
.news-side .list em { position: absolute; right: 20px; top: 0; line-height: 36px; color: #999; font-size: larger; }
.news-side .list .up span,
.news-side .list dd:nth-child(1) span, .news-side .list dd:nth-child(2) span, .news-side .list dd:nth-child(3) span { background-image:url(../images/ico-news-hot.png); }
.news-side .list a:hover { color:#e0272c; text-decoration:underline; }
.news-side .list2 { width:270px; margin:0 30px 20px 30px; }
.news-side .list2 a { display:block; width:auto; height:65px; position:relative; padding:15px 0 15px 100px; border-top:1px dashed #ddd; }
.news-side .list2 dd:first-child a { border-top:0; }
.news-side .list2 img { position:absolute; left:0; top:15px; width:87px; height:65px; background: #eee; }
.news-side .list2 h3 { height:48px; line-height:24px; overflow:hidden; font-weight:400; padding-top:10px; }
.news-side .list2 a:hover { color:#e0272c; text-decoration:underline; }

.news-menu { width:100%; margin-bottom:15px; border-bottom: 1px solid #eee; }
.news-menu li { float:left; width:133px; height:43px; line-height:43px; border-right:1px solid #eee; text-align:center; margin:0 0 0 -1px; position:relative; }
.news-menu a { display:block; }
.news-menu li.cur { height:41px; border-top:2px solid #0080ca; color: #0080ca; }
.news-menu li.cur a { color: #0080ca; }

.news-view { width:780px; height:400px; margin:0 auto; border-bottom:1px solid #ddd; overflow:hidden; position:relative; }
.news-view .list { width:500%; }
.news-view .list li { float:left; width:780px; height:400px; }
.news-view .list h3 { font-size:20px; line-height:30px; overflow:hidden; margin-bottom:5px; }
.news-view .list h3 a:hover { color:#e0272c; }
.news-view .list .img { width:100%; height:320px; overflow:hidden; background:#f1f1f1; margin-bottom:5px; }
.news-view .list .img img { display:block; width:100%; height:320px; }
.news-view .list .des { height:40px; line-height:25px; color:#999; }
.news-view .prev, .news-view .next { width:40px; height:60px; background:url(../images/ico-newsview.png) 0 0 no-repeat; position:absolute; top:165px; cursor:pointer; display:none; }
.news-view .prev { left:15px; }
.news-view .next { right:15px; background-position:0 -60px; }
.news-view .prev:hover { background-position:-40px 0; }
.news-view .next:hover { background-position:-40px -60px; }
.news-view .tip { position:absolute; bottom:60px; left:0; width:100%; height:20px; text-align:center; }
.news-view .tip span { width:20px; height:20px; display:inline-block; background:url(../images/ico-newsview2.png) 0 0 no-repeat; vertical-align:middle; cursor:pointer; }
.news-view .tip span.cur { background-position:0 -20px; }

.list-news { padding:0 30px; }
.list-news dd.item { float:left; width:100%; padding:30px 0; border-bottom:1px solid #ddd; }
.list-news dd.item .img { float:left; width:250px; height:188px; background:#f1f1f1; }
.list-news dd.item .img img { display:block; width:250px; height:188px; }
.list-news dd.item .ins { height:188px; margin-left:280px; position:relative; }
.list-news dd.item h3 { padding:10px 0; max-height:50px; line-height:25px; font-size:20px; font-weight:400; overflow:hidden; }
.list-news dd.item h3 a:hover { color:#ed5656; }
.list-news dd.item p { max-height:66px; line-height:22px; overflow:hidden; color:#666; }
.list-news dd.item .more { position:absolute; left:0; bottom:0; color:#999; height:25px; }
.list-news dd.item .more a { color:#0080ca; }
.list-news dd.item .more a:hover { color:#ed5656; text-decoration:underline; }
.list-news dd.item .tag { position:absolute; right:0; bottom:0; color:#999; height:25px; }
.list-news dd.item .tag span { display:inline-block; vertical-align:middle; margin-left:15px; height:25px; line-height:25px; }
.list-news dd.item .tag span.ico-hit:before, .list-news dd.item .tag span.ico-zan:before { content:""; display:inline-block; vertical-align:middle; width:25px; height:25px; background:url(../images/ico-case.png) 0 0 no-repeat; }
.list-news dd.item .tag span.ico-hit:before { background-position:0 0; }
.list-news dd.item .tag span.ico-zan:before { background-position:0 -50px; }
.list-news dd.item .tag span.ico-zan { cursor:pointer; }
.list-news dd.item .tag span.ico-zan.checked { color:#ed5656; }
.list-news dd.item .tag span.ico-zan.checked:before { background-position:-25px -50px; }

.page-news { float:left; width:840px; }

.news-article { background:#FFF; margin-bottom:30px; padding:0 30px; }
.news-article .head { border-bottom:1px solid #ddd; margin-bottom:20px; position:relative; padding-bottom:10px; }
.news-article h1 { font-size:24px; line-height:30px; font-weight:400; padding:20px 0 10px; }
.news-article .date { height:25px; line-height:25px; color:#999; font-size:16px; }
.news-article .tag { position:absolute; right:0; bottom:10px; height:25px; font-size:16px; color:#999; }
.news-article .tag span { display:inline-block; vertical-align:middle; margin-left:15px; height:25px; line-height:25px; }
.news-article .tag span.ico-hit:before, .news-article .tag span.ico-zan:before { content:""; display:inline-block; vertical-align:middle; width:25px; height:25px; background:url(../images/ico-case.png) 0 0 no-repeat; }
.news-article .tag span.ico-hit:before { background-position:0 0; }
.news-article .tag span.ico-zan:before { background-position:0 -50px; }
.news-article .tag span.ico-zan { cursor:pointer; }
.news-article .tag span.ico-zan.checked { color:#ed5656; }
.news-article .tag span.ico-zan.checked:before { background-position:-25px -50px; }
.news-article .content { padding-bottom:30px; }

.rmd-news { width:auto; padding:0 30px 30px; background:#FFF; }
.rmd-news .head { height:20px; padding:27px 0 20px; border-bottom:1px solid #ddd; }
.rmd-news .head h2 { border-left:5px solid #0080ca; padding:0 0 0 10px; font-size:20px; line-height:20px; font-weight:400; }
.rmd-news .list dd { padding:20px 0 20px 130px; position:relative; }
.rmd-news .list .img { position:absolute; left:0; top:20px; width:110px; height:82px; overflow:hidden; }
.rmd-news .list .img img { display:block; width:110px; height:82px; background: #eee; }
.rmd-news .list h3 { height:30px; line-height:30px; font-size:18px; font-weight:400; margin-bottom:6px; overflow:hidden; }
.rmd-news .list h3 a:hover { text-decoration:underline; }
.rmd-news .list p { height:44px; line-height:22px; overflow:hidden; color:#666; }



/******************************
 **  诚聘精英
 ******************************/
.job-head { margin-bottom:10px; padding:30px; background:#FFF; }

.job-view { float:left; width:600px; height:400px; background:#f1f1f1; overflow:hidden; position:relative; }
.job-view .list { width:500%; position:relative; }
.job-view .list li { float:left; width:600px; height:400px; }
.job-view .list img { display:block; width:100%; height:400px; }
.job-view .list .des { height:40px; line-height:25px; }
.job-view .prev, .job-view .next { width:40px; height:60px; background:url(../images/ico-newsview.png) 0 0 no-repeat; position:absolute; top:165px; cursor:pointer; display:none; }
.job-view .prev { left:15px; }
.job-view .next { right:15px; background-position:0 -60px; }
.job-view .prev:hover { background-position:-40px 0; }
.job-view .next:hover { background-position:-40px -60px; }
.job-view .tip { position:absolute; bottom:15px; left:0; width:100%; height:20px; text-align:center; }
.job-view .tip span { width:20px; height:20px; display:inline-block; background:url(../images/ico-newsview2.png) 0 0 no-repeat; vertical-align:middle; cursor:pointer; }
.job-view .tip span.cur { background-position:0 -20px; }

.job-inso { margin-left:620px; }
.job-inso h3 { font-weight:400; font-size:18px; line-height:30px; }
.job-inso h2 { font-weight:400; font-size:25px; line-height:45px; color:#fc8080; }
.job-inso h4 { font-weight:400; color:#fc8080; margin-bottom:0px; }
.job-inso p { line-height:25px; color:#999; margin-bottom:15px; }

.list-job { width:100%; }
.list-job dd { background:#FFF; margin-bottom:10px; padding:20px 250px 20px 200px; position:relative; }
.list-job .img { position:absolute; left:40px; top:40px; width:120px; height:120px; }
.list-job .img img { display:block; width:120px; height:120px; }
.list-job h3 { height:50px; line-height:50px; font-size:30px; font-weight:400; }
.list-job .info { height:100px; overflow:hidden; line-height:25px; }
.list-job .info .rows { margin-bottom:25px; }
.list-job .info h4 { color:#888; font-weight:400; }
.list-job .more { position:absolute; top:75px; right:50px; width:125px; height:46px; line-height:46px; background:url(../images/job-more.png) 0 0 no-repeat; font-size:16px; padding-left:25px; color:#FFF; cursor:pointer; }
.list-job .more.checked { background-position:0 -46px; }
.list-job .more:hover { -webkit-animation:pudding 1.5s linear; -moz-animation:pudding 1.5s linear; -ms-animation:pudding 1.5s linear; animation:pudding 1.5s linear; }

.job-bom { padding:30px; height:auto; background:url(../images/rep-job.png) right top no-repeat #FFF; }
.job-bom .list { width:560px; }
.job-bom .list dd { border-bottom:1px dashed #ddd; padding:10px 0; }
.job-bom .list p { line-height:40px; font-size:20px; }
.job-bom .list strong { font-size:30px; color:#fc8080; font-weight:400; }
.job-bom .mailto { height:45px; line-height:45px; display:block; width:200px; text-align:center; background:#22ac38; color:#fff; position:relative; top:20px; margin-bottom:50px; font-size:18px; }
.job-bom .mailto i { position:relative; display:inline-block; width:0px; height:20px; vertical-align:middle; opacity:0; visibility:hidden; }
.job-bom .mailto i:before { content:""; width:20px; height:20px; background:url(../images/ico-email.png) center center no-repeat; position:absolute; right:0; top:-2px; }
.job-bom .mailto:hover { background:#028f18; }
.job-bom .mailto:hover i { width:26px; opacity:1; visibility:visible; }


.job-bom img { display:block; width:1110px; margin:0 auto; }


/******************************
 **  联系我们
 ******************************/
.contact-view { width:100%; height:400px; overflow:hidden; position:relative; }
.contact-view img { display:block; width:1920px; height:400px; position:absolute; left:50%; top:0; margin-left:-960px; }

.contact-top { background:#FFF; padding:60px 0 80px; }
.contact-top h2 { font-size:24px; line-height:40px; font-weight:400; margin-bottom:20px; }
.contact-top .tels { float:left; width:340px; font-size:18px; }
.contact-top .tels h3 { font-size:40px; color:#ed5656; font-family:Arial; font-weight:400; }
.contact-top .tels a { color:#0080ca; }
.contact-top .tels a:hover { color:#ed5656; text-decoration:underline; }
.contact-top .online { float:left; width:310px; margin:0 0 0 50px; }
.contact-top .online a { float:left; width:90px; height:36px; line-height:36px; padding-left:50px; background:url(../images/online-bg.png) center center no-repeat; position:relative; margin:0 10px 10px 0; border-radius:36px; }
.contact-top .online a:before, .contact-top .online a .before { content:""; position:absolute; left:20px; top:8px; width:20px; height:20px; background:#fff; border-radius:50%; }
.contact-top .online a:hover { background:url(../images/online-bg-hover.png) center center no-repeat #1b8dd0; color:#FFF; -webkit-animation:pudding 1.5s linear; -moz-animation:pudding 1.5s linear; -ms-animation:pudding 1.5s linear; animation:pudding 1.5s linear; }
.contact-top .online a.qq:before, .contact-top .online a.qq .before { background:url(../images/online-qq.png) center center no-repeat; }
.contact-top .online a.qiao:before, .contact-top .online a.qiao .before { background:url(../images/online-qiao.png) center center no-repeat; }
.contact-top .codes { float:right; width:340px; }
.contact-top .codes img { float:left; width:120px; height:120px; padding:4px; border:1px solid #ddd; margin:0 10px 10px 0; }

.contact-container { background:#f6f6f6; padding:50px 0 100px; }
.contact-container .head { font-size:24px; line-height:40px; text-align:center; margin-bottom:30px; }
.contact-container .list { width:968px; height:38px; line-height:38px; border:1px solid #ddd; border-radius:40px; margin:0 auto 60px; position:relative; }
.contact-container .list dd { float:left; width:88px; text-align:center; position:relative; cursor:pointer; position:relative; z-index:2; font-size:16px; }
.contact-container .list dd:before { content:""; width:6px; height:6px; border-radius:50%; background:#ccc; position:absolute; left:0; top:16px; }
.contact-container .list dd:first-child:before { display:none; }
.contact-container .list dt { width:88px; height:40px; position:absolute; z-index:1; top:-1px; background:#3aa9e9; border-radius:40px; }
.contact-container .list dd.current { color:#FFF; }
.contact-container .list dd.current:before, .contact-container .list dd.current + dd:before { display:none; }


.contact-container .map { float:left; width:700px; height:450px; border:10px solid #fff; background:#f5f3f0; }
.contact-container .ins { margin-left:740px; }
.contact-container .ins h2 { font-size:30px; line-height:35px; color:#0080ca; margin-bottom:10px; }
.contact-container .ins p { line-height:30px; font-size:16px; }
.contact-container .ins .info { margin-bottom:30px; }


/******************************
 **  关于我们 
 ******************************/
.about-view { width:100%; height:740px; overflow:hidden; position:relative; }
.about-view img { display:block; width:1920px; height:740px; position:absolute; left:50%; top:0; margin-left:-960px; }

.about-company { width:1110px; height:1120px; margin:-672px auto 0; position:relative; }
.about-company .info { float:right; width:505px; height:373px; background:#FFF; padding:25px 25px 0; }
.about-company .info .logo { display:block; width:240px; height:60px; }
.about-company .info h2 { font-size:22px; font-weight:400; color:#444; margin-bottom:15px; }
.about-company .info p { color:#666; line-height:30px; text-indent:2em; }

.about-company .view { float:left; width:555px; height:470px; background:#f1f1f1; margin:398px 0 0; overflow:hidden; position:relative; }
.about-company .view .list { width:500%; position:relative; }
.about-company .view .list li { float:left; width:555px; height:470px; position:relative; }
.about-company .view .list img { display:block; width:100%; height:470px; }
.about-company .view .list span { position:absolute; left:0; bottom:0; right:0; color:#FFF; font-size:18px; background:rgba(0,0,0,0.7) !important; filter:Alpha(opacity=70); background:#000; height:45px; line-height:45px; overflow:hidden; text-indent:10px; }
.about-company .view .list span:empty { display:none; }
.about-company .view .tip { position:absolute; bottom:12px; right:5px; width:auto; height:20px; }
.about-company .view .tip span { width:20px; height:20px; display:inline-block; background:url(../images/ico-newsview2.png) 0 0 no-repeat; vertical-align:middle; cursor:pointer; }
.about-company .view .tip span.cur { background-position:0 -20px; }

.about-company .imgr { float:right; width:555px; height:425px; background:#fff; }
.about-company .imgr img { display:block; width:100%; height:425px; }

.about-company .video { float:right; width:555px; height:335px; background:url(../images/about-2.jpg) center center no-repeat #ddd; }

.about-company .func { float:left; width:515px; height:265px; background:#fff; padding:35px 40px 0 0; }
.about-company .func p { color:#666; line-height:30px; text-indent:2em; margin-bottom:30px; }
.about-company .func dl { color:#666; line-height:30px; }

.about-department { width:1110px; height:auto; margin:0 auto; position:relative; clear:left}
.about-department h2 { font-size:40px; text-align:center; color:#cf2827; }
.about-department h3 { font-size:25px; text-align:center; font-weight:400; color:#555; }
.about-department > p { color:#666; line-height:30px; padding:10px 0 30px; }
.about-department .button { text-align:center; padding:25px 0 120px; }
.about-department .button a { display:inline-block; margin:0 17px; vertical-align:middle; height:50px; line-height:50px; padding:0 30px; background:#e14948; color:#FFF; border-radius:3px; font-size:20px; }
.about-department .button a:hover { background:#cd2827; }

.about-department .view { width:100%; height:430px; background:#fff; margin-bottom:40px; position:relative; overflow:hidden; }
.about-department .list { position:relative; width:100%; height:100%; }
.about-department .list li { position:absolute; border:1px solid #4c4c4c; background:#000; overflow:hidden; }
.about-department .list img { display:block; width:100%; height:100%; opacity:0.3; filter:Alpha(opacity=30); }
.about-department .list span { position:absolute; left:0; bottom:-50px; right:0; text-align:center; color:#FFF; font-size:18px; background:rgba(0,0,0,0.7) !important; filter:Alpha(opacity=70); background:#000; height:45px; line-height:45px; overflow:hidden; }
.about-department .list .current { border-color:#fff; z-index:11 !important; }
.about-department .list .current img { opacity:1; filter:Alpha(opacity=100); }
.about-department .list .current span { bottom:0; }
.about-department .prev, .about-department .next { position:absolute; top:165px; width:30px; height:80px; background:url(../images/ico-aboutview.png) 0 0 no-repeat; z-index:10; cursor:pointer; }
.about-department .prev { left:0; }
.about-department .next { right:0; background-position:0 -80px; }
.about-department .prev:hover { background-position:-30px 0; }
.about-department .next:hover { background-position:-30px -80px; }


/******************************
 ** 专家诊断
 ******************************/
.diagnosis-view { height:600px; background:url(../images/diagnosis-view.png) center top no-repeat; position:relative; overflow:hidden; }
.diagnosis-view .img { width:560px; height:482px; background:url(../images/diagnosis-circle.png) center center no-repeat; position:absolute; left:50%; top:85px; margin-left:32px; -webkit-animation:flyInRight 0.8s ease forwards; -moz-animation:flyInRight 0.8s ease forwards; -ms-animation:flyInRight 0.8s ease forwards; animation:flyInRight 0.8s ease forwards; }
.diagnosis-view .ins { position:absolute; left:50%; margin-left:-600px; top:50px; }
.diagnosis-view .ins > h2 { font-size:50px; height:70px; line-height:70px; color:#0067be; -webkit-animation:flyInUp 0.5s ease forwards; -moz-animation:flyInUp 0.8s ease forwards; -ms-animation:flyInUp 0.8s ease forwards; animation:flyInUp 0.8s ease forwards; }
.diagnosis-view .ins strong { color:#ff7e00; }
.diagnosis-view .list { font-size:20px; line-height:42px; padding-top:20px; }
.diagnosis-view .list dd { padding-left:40px; background:url(../images/diagnosis-unknown.png) left center no-repeat; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease forwards 0.1s; -moz-animation:flyInUp 0.8s ease forwards 0.1s; -ms-animation:flyInUp 0.8s ease forwards 0.1s; animation:flyInUp 0.8s ease forwards 0.1s; }
.diagnosis-view .data { width:400px; height:180px; background:url(../images/diagnosis-data-bg.png) 0 0 no-repeat; position:relative; top:57px; font-size:24px; color:#FFF; text-align:center; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease forwards 0.2s; -moz-animation:flyInUp 0.8s ease forwards 0.2s; -ms-animation:flyInUp 0.8s ease forwards 0.2s; animation:flyInUp 0.8s ease forwards 0.2s; }
.diagnosis-view .data h2 { height:52px; line-height:52px; font-size:24px; font-weight:400; padding:30px 0 5px; }
.diagnosis-view .data p { height:52px; line-height:52px; }
.diagnosis-view .data strong { display:inline-block; width:35px; height:52px; line-height:52px; font-size:50px; background:url(../images/diagnosis-data-num.png) left center repeat-x; margin-right:2px; vertical-align:middle; *zoom:1; *display:inline; }

.diagnosis-form { background:#f8f8f8; padding:70px 0 50px; }
.diagnosis-form .main { border:3px solid #ddd; width:1114px; margin:0 auto; padding:70px 40px 40px; position:relative; border-radius:5px; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease forwards 0.3s; -moz-animation:flyInUp 0.8s ease forwards 0.3s; -ms-animation:flyInUp 0.8s ease forwards 0.3s; animation:flyInUp 0.8s ease forwards 0.3s; }
.diagnosis-form .head { width:340px; height:50px; line-height:50px; font-size:40px; color:#54a7e3; font-weight:700; background:#f8f8f8; position:absolute; left:50%; top:-25px; margin-left:-170px; text-align:center; }
.diagnosis-form .form { float:left; }
.diagnosis-form .list {}
.diagnosis-form .list dd { padding-left:170px; position:relative; margin-bottom:10px; }
.diagnosis-form .txt, .diagnosis-form .code { width:240px; height:36px; line-height:36px; padding:0 10px; border:1px solid #ddd; border-radius:3px; }
.diagnosis-form .code { width:80px; vertical-align:middle; }
.diagnosis-form .codeimg { vertical-align:middle; cursor:pointer; }
.diagnosis-form .wd { position:absolute; left:0; top:0; text-align:right; width:160px; line-height:38px; font-size:16px; }
.diagnosis-form .tag { height:40px; line-height:40px; color:#999; margin-bottom:-10px; }
.diagnosis-form .submit { height:40px; background:#ff7e00; padding:0 30px; color:#FFF; font-weight:700; border-radius:5px; border:0; font-size:16px; position:relative; top:10px; cursor:pointer; }
.diagnosis-form .submit:hover { background:#dd7006; }
.diagnosis-form .tool { float:right; width:400px; height:auto; background:#FFF; border-radius:5px; padding:50px 0 50px 50px; }
.diagnosis-form .tool dd { height:100px; padding-left:110px; }
.diagnosis-form .tool h3 { font-size:20px; color:#666; padding-top:10px; }
.diagnosis-form .tool p { font-weight:700; font-size:35px; color:#ff7e00; }
.diagnosis-form .tool a { color:#ff7e00; }
.diagnosis-form .tool a:hover { color:#b10000; }
.diagnosis-form .tool .ico-expert { background:url(../images/diagnosis-expert.png) left center no-repeat; }
.diagnosis-form .tool .ico-tel { background:url(../images/diagnosis-tel.png) left center no-repeat; }

.diagnosis-process { height:780px; background:url(../images/diagnosis-process.png) center top no-repeat; }
.diagnosis-process .head { font-size:40px; text-align:center; font-weight:700; color:#FFF; padding:190px 0 50px; }
.diagnosis-process .list { }
.diagnosis-process .list dt { float:left; width:150px; margin:0 27px 0 36px; }
.diagnosis-process .list dt:first-child { margin-left:15px; }
.diagnosis-process .list dt.last { margin-right:0; }
.diagnosis-process .list dt span { font-size:20px; color:#FFF; font-weight:700; display:block; text-align:center; }
.diagnosis-process .list dt figure { width:150px; height:150px; margin-bottom:17px; }
.diagnosis-process .list dd { float:left; width:106px; height:75px; line-height:75px; padding-left:20px; background:url(../images/diagnosis-arrow.png) 0 0 no-repeat; color:#FFF; margin-top:40px; font-size:16px; }
.diagnosis-process .list .ico-1 { background:url(../images/diagnosis-ico-1.png) center center no-repeat; }
.diagnosis-process .list .ico-2 { background:url(../images/diagnosis-ico-2.png) center center no-repeat; }
.diagnosis-process .list .ico-3 { background:url(../images/diagnosis-ico-3.png) center center no-repeat; }
.diagnosis-process .list .ico-4 { background:url(../images/diagnosis-ico-4.png) center center no-repeat; }

.diagnosis-uk { width:100%; background:#e5f5fc; overflow:hidden; position:relative; }
.diagnosis-uk .head { text-align:center; font-size:40px; color:#666; padding:40px 0; }
.diagnosis-uk .head p { display:inline-block; height:50px; line-height:50px; position:relative; left:40px; }
.diagnosis-uk .head p:first-child { left:-80px; }
.diagnosis-uk .head p:first-child:after { content:''; width:50px; height:50px; vertical-align:middle; display:inline-block; background:url(../images/diagnosis-comma.png) 0 0 no-repeat; margin-left:10px; }
.diagnosis-uk .head strong { color:#ff7e00; }
.diagnosis-uk .list { padding-bottom:150px; }
.diagnosis-uk .list dd { float:left; width:300px; text-align:center; }
.diagnosis-uk .list h3 { color:#0067be; font-weight:400; height:100px; line-height:100px; font-size:24px; }
.diagnosis-uk .list h3 span { font-size:90px; font-family:condensed; margin-right:5px; }
.diagnosis-uk .list h4 { font-size:20px; color:#666; }


/*****************************
 ** 每周课程
 *****************************/
.course-poi { position: relative; overflow: hidden; }
.course-poi img { display: block; width: 1920px; position: relative; left: 50%; margin: 0 0 0 -960px; }

.course-desc { background: #fff; padding: 40px 0 70px; }
.course-desc .rows { float: left; width: 308px; padding: 40px 30px 50px; margin: 0 15px; box-shadow: 0 0 5px rgba(0,0,0,.1); border: 1px solid #eee; border-radius: 15px; transition: all .3s ease; }
.course-desc .head { margin: 0 0 30px; }
.course-desc .head img { vertical-align: middle; width: 40px; height: 40px; margin: 0 10px 0 0; }
.course-desc .head b { vertical-align: middle; font-size: 24px; color: #fe5100; }
.course-desc .main { height: 130px; line-height: 32px; font-size: 16px; color: #666; }
.course-desc .main p { text-align: justify; }
.course-desc .foot { clear: both; padding: 50px 0 0; }
.course-desc .button { width: 380px; margin: 0 auto; text-align: center; position: relative; }
.course-desc .button span { display: block; color: #fe5100; line-height: 60px; border-radius: 60px; background: #fff; border: 1px solid #fe5100; font-size: 24px; cursor: pointer; }
.course-desc .button img { position: absolute; left: 50%; bottom: 62px; margin: 0 0 0 -93px; background: #ddd; width: 186px; height: 186px; box-shadow: 0 -2px 6px rgba(0,0,0,.2); display: none; }
.course-desc .button.active span { background: #fe5100; color: #fff; }
.course-desc .button.active img { display: block; }
.course-desc .rows:hover { transform: translateY(-5px); box-shadow: 0 0 10px rgba(0,0,0,0.1); }

.course-history { background: #f2f2f2; padding: 70px 0 100px; }
.course-history .head { text-align: center; margin: 0 0 50px; }
.course-history .head h2 { line-height: 50px; font-size: 30px; color: #333; font-weight: normal; }
.course-history .head p { line-height: 40px; font-size: 18px; color: #999; }
.course-history .main { position: relative; }
.course-history .rows { float: left; width: 380px; margin: 0 10px 20px; background: #fff; border-radius: 10px; transition: all .3s ease; }
.course-history .img { overflow: hidden; position: relative; border-radius: 10px 10px 0 0; }
.course-history .img img { display: block; width: 100%; height: 217px; border-radius: 10px 10px 0 0; background: #e5e5e5; transition: all .5s ease; }
.course-history .exp { padding: 15px 20px; position: relative; }
.course-history h3 { height: 48px; line-height: 24px; font-size: 18px; overflow: hidden; margin: 0 0 10px; font-weight: normal; color: #666; }
.course-history h4 { line-height: 30px; font-size: 15px; color: #fe5100; font-weight: normal; }
.course-history .g { position: relative; }
.course-history .g li { display: inline-block; vertical-align: middle; line-height: 40px; font-size: 16px; color: #999; }
.course-history .g li:first-child { font-size: 18px; color: #fe5100; margin-right: 10px; }
.course-history .g li:first-child + li { text-decoration: line-through; }
.course-history .his { position: absolute; right: 0; bottom: 40px; }
.course-history .his span { display: block; line-height: 35px; background: url(../images/course-3x0.png) 8px center no-repeat #0074d7; border-radius: 5px 0 0 5px; padding: 0 10px 0 30px; color: #fff; cursor: pointer; }
.course-history .his img { position: absolute; right: 0; bottom: 35px; background: #eee; width: 180px; height: 180px; display: none; }
.course-history .his:hover span { background-color: #fe5100; }
.course-history .his:hover img { display: block; }
.course-history .rows:hover { transform: translateY(-5px); box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.course-history .rows:hover .img img { transform: scale(1.02, 1.02); }

.course-ts { background: #fff; padding: 70px 0 100px; }
.course-ts .head { text-align: center; margin: 0 0 50px; }
.course-ts .head h2 { line-height: 50px; font-size: 30px; color: #333; font-weight: normal; }
.course-ts .head p { line-height: 40px; font-size: 18px; color: #999; }
.course-ts .main { position: relative; overflow: hidden; }
.course-ts .list { width: 110%; padding: 10px 0; overflow: hidden; }
.course-ts .item { float: left; width: 280px; padding: 40px 30px 50px; margin: 0 46px 0 20px; text-align: center; box-shadow: 0 0 5px rgba(0,0,0,.1); border: 1px solid #eee; border-radius: 15px; transition: all .3s ease; }
.course-ts .item img { width: 115px; height: 115px; margin: 0 0 20px; }
.course-ts .item h3 { line-height: 40px; font-size: 28px; color: #333; font-weight: normal; margin: 0 0 10px; }
.course-ts .item p { line-height: 30px; font-size: 15px; color: #999; }
.course-ts .item:hover { transform: translateY(-5px); box-shadow: 0 0 10px rgba(0,0,0,0.1); }



/******************************
 ** 网站地图
 ******************************/
.sitemap { padding:40px 0 100px; }
.sitemap .head { height:40px; line-height:40px; font-size:22px; font-weight:700; color:#000; margin-bottom:20px; }
.sitemap .list { width:100%; margin-bottom:40px; }
.sitemap .list dt { height:50px; line-height:50px; font-size:20px; border-bottom:1px solid #ddd; margin-bottom:10px; padding-left:35px; }
.sitemap .list dd { float:left; height:30px; line-height:30px; margin-right:30px; font-size:16px; }
.sitemap .list a:hover { text-decoration:underline; }



/* 整站搜索 */
.result-search { padding:10px 0 200px; }
.result-search .key { height:40px; line-height:40px; font-size:14px; font-weight:400; color:#888; }
.result-search .key span { color:#FF0000; }
.result-search .list { padding-top:20px; }
.result-search .item { width:100%; margin-bottom:25px; overflow:hidden; }
.result-search .item h3 { height:30px; line-height:20px; overflow:hidden; font-size:18px; font-weight:400; }
.result-search .item h3 a { color:#0050b5; text-decoration:underline; }
.result-search .item h3 font { font-size:inherit; }
.result-search .item .img { width:150px; height:100px; overflow:hidden; }
.result-search .item .img img { display:block; width:100%; }
.result-search .item .date { color:#999; line-height:25px; }
.result-search .item .summay { line-height:25px; }
.result-search .item .url { line-height:25px; }
.result-search .item .url a { color:#008027; }
.result-search .item[tmp='word'] {}
.result-search .item[tmp='photo'] .img { float:left; }
.result-search .item[tmp='photo'] .date,
.result-search .item[tmp='photo'] .summay,
.result-search .item[tmp='photo'] .url { margin-left:165px; }



/***********************************
 ** 肖增艳 
 ** 2016年6月2日09:43:29
 ***********************************/
.upload-container{ padding: 135px 0 150px; background: #fafafa;}
.upload-container .wrap{ border:1px dashed #ccc; padding-top:100px; border-radius: 5px;  position: relative; }
.upload-container h2.tit{ width: 400px; height: 80px; line-height: 80px; text-align: center; margin: 0px auto; position: absolute; left:50%; top:-40px; margin-left: -200px; font-weight: bold; color: #0080ca; font-size: 54px; background:#fafafa;}
.upload-container .body{ width: 990px; padding: 0px 0px 40px 105px; overflow: hidden;}
.upload-container .body .title{ width: 100%; margin-bottom:25px;}
.upload-container .body .title h3{ font-weight: bold; color: #333333; font-size: 24px; }
.upload-container .body .title span{ width: 0px; height: 0px; display: inline-block; vertical-align: middle; margin-right: 10px; border-left: 15px solid #0080ca; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}
.upload-container .body .title a{ width: 160px; height: 42px; float: right; line-height: 42px; text-align: center; color: #fff; background: #0080ca; border-radius: 20px; font-size: 14px;}
.upload-container .body .title a:hover{ background: #FF9C00;}
.upload-container .body .formCon{ width: 120%; margin-bottom: 30px;}
.upload-container .body .itembox{ width: 450px; height: 40px; line-height: 40px; float: left; margin: 0px 95px 15px 0px;}
.upload-container .body .itembox label{ width: 80px; margin-right: 5px; text-align: right; float: left; font-size: 16px; color: #333333; }
.upload-container .body .itembox .item{ width: 348px; height: 38px; float: left; background: #fff; line-height: 38px; border: 1px solid #dddddd;}
.upload-container .body .itembox .item.fuj{ border: 0px;  height: 45px; background: none; }
.upload-container .body .itembox .item.fuj .fujCon{ width: 348px; height: 38px; float: left; background: #fff; line-height: 38px; border: 1px solid #dddddd; }

.upload-container .body .itembox .item input{ width: 330px; border: 0px; *width: 320px; background: none; text-indent: 10px; *text-indent: 4px;}
.upload-container .body .itembox .item .red{ color: #dd0000;}
.upload-container .body .code{ margin-top: 40px; width: 100%;}
.upload-container .body .code .item,.upload-container .body .code .codetxt{ width: 118px; }
.upload-container .body .code img{ display: block; float: left; margin:5px 20px 0px;}
.upload-container .body .code .btn,.upload-container .body .code .rebtn{ width: 140px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 28px; float: left; margin-right: 20px; border: 0px; cursor: pointer;}
.upload-container .body .code .btn{ background: #ff9c00;}
.upload-container .body .code .rebtn{ background: #aaaaaa;}
.upload-container .body iframe{ margin: 0; padding: 0; background: none;}
.upload-container .body .form-txt{ padding: 0 !important;}