@charset "utf-8";
body { background-color: #E6E6E6; color: #0c0c0c;}
#content { background: #F7F7F7;  overflow: hidden;   zoom: 1;    width: 1200px; margin-top: 100px;}
.con { position: relative; overflow: hidden;}
/* #header .bg-color{background: #2978b0;} */
/* con_index */
#con_index {height: 510px; background: url(/Content/Main/sheji/images/p1.jpg) no-repeat;}
#con_index h1 { font-size: 48px; height: 50px; line-height: 50px; position: absolute; left: 100px; top: 120px;}
#con_index p { font-size: 14px; line-height: 24px; color: #666; position: absolute; left: 100px; top: 200px; width: 480px;}


/* con_know */
#con_know {  }
#con_know h1 { width: 1100px; height: 118px; background: url(/Content/Main/sheji/images/icon_word.jpg) no-repeat 1040px 48px; border-bottom: #F39F01 2px solid; font-size: 24px; margin: 0 auto; color: #F39F01; text-indent: 10px; line-height: 170px;}
#con_know div { position: relative;}
#con_know h2 { position: absolute; font-size: 36px; line-height: 40px;}
#con_know p { position: absolute; font-size: 14px; line-height: 24px;}
#con_know .s { background: url(/Content/Main/sheji/images/shadow.jpg) no-repeat center bottom; height: 40px; }
#con_know .c1 { height: 520px; background: url(/Content/Main/sheji/images/p2_1.png) no-repeat 600px 60px; }
#con_know .c1 h2 { left: 65px; top: 50px; line-height: 45px; padding: 100px 0 0 65px; background: url(/Content/Main/sheji/images/n_1.jpg) no-repeat 0 30px; }
#con_know .c1 p { left: 110px; top: 260px; width: 370px;}
#con_know .c2 { height: 460px; background: url(/Content/Main/sheji/images/p2_2.png) no-repeat 60px 40px; }
#con_know .c2 h2 { left: 560px; top: 110px; padding: 100px 0 0 65px; background: url(/Content/Main/sheji/images/n_2.jpg) no-repeat 0 30px; }
#con_know .c2 p { left: 565px; top: 260px;}
#con_know .c3 { height: 520px; background: url(/Content/Main/sheji/images/p2_3.png) no-repeat 380px 230px; }
#con_know .c3 h2 { left: 285px; top: 20px; padding: 100px 0 0 65px; background: url(/Content/Main/sheji/images/n_3.jpg) no-repeat 0 30px; }
#con_know .c3 p { left: 350px; top: 165px;}
#con_know .c4 { height: 560px; background: url(/Content/Main/sheji/images/p2_4.png) no-repeat 90px 60px; }
#con_know .c4 h2 { left: 485px; top: 95px; padding: 100px 0 0 65px; background: url(/Content/Main/sheji/images/n_4.jpg) no-repeat 0 30px; }
#con_know .c4 p { left: 550px; top: 240px; width: 510px;}


/* con_why */
#con_why { height: 1454px; background: url(/Content/Main/sheji/images/p3.jpg) no-repeat; }
#con_why h1 { position: absolute; width: 100%; top: 100px; line-height: 50px; text-align: center; font-size: 48px; color: #e4e4e4; }
#con_why .weknow { position: absolute; width: 100%; top: 640px; line-height: 20px; text-align: center; font-size: 18px; color: #333; }
#con_why h2 { position: absolute; font-size: 36px; line-height: 40px; left: 580px; top: 1100px; }
#con_why h2 span { display: block; font-size: 24px; }
#con_why h2 b { color: #c00; }
#con_why ol { position: absolute; left: 645px; top: 1196px; }
#con_why li { height: 54px; line-height: 39px; font-size: 18px; color: #fff;}


/* con_intro */
#con_intro { padding: 50px 0; }
#con_intro h2 { font-size: 24px; text-align: center; line-height: 50px; margin-bottom: 40px;}
#con_intro h2 span { display: block; font-size: 48px; height: 50px; line-height: 50px; color: #999; }
#con_intro .loop { padding: 0 100px; }
#con_intro .loop li { padding-bottom: 30px; width: 440px; }
#con_intro .loop img { margin-bottom: 10px; }
#con_intro .loop h3 { font-size: 26px; line-height: 30px; margin-bottom: 10px; }
#con_intro .loop p { font-size: 14px; line-height: 24px; }
#con_intro .loop .s { clear: both; height: 0; }


/* con_case */
#con_case { background: url(/Content/Main/sheji/images/p4.jpg) no-repeat; }
#con_case .hd { padding-top: 261px; height: 50px; padding-left: 60px; overflow: hidden;}
#con_case .hd li { float: left; }
#con_case .hd li span { display: block; line-height: 49px; padding: 0 30px; font-size: 16px; border-right: #F5F5F5 1px solid; color: #fff; cursor: pointer; }
#con_case .hd li.on { }
#con_case .hd li.on span { background: #F39E05; }
#con_case .bd { padding: 55px; background: url(/Content/Main/sheji/images/shadow.jpg) no-repeat center bottom; }
#con_case .bd .item { overflow: hidden; zoom: 1; }
#con_case .bd .item .con { float: left; width: 570px;}
#con_case .bd .item .logo {display: none; width: 170px; height: 140px; overflow: hidden; background: #fff; border: #E3E3E3 1px solid; text-align: center; float: left; margin-bottom: 20px;}
#con_case .bd .item .logo img { width: 170px; height: auto; }
#con_case .bd .item .name { overflow: hidden; zoom: 1; padding-left: 30px; margin-bottom: 20px;}
#con_case .bd .item .name .title { font-size: 24px; line-height: 30px; padding-bottom: 10px; }
#con_case .bd .item .name .intro { font-size: 14px; line-height: 24px; }
#con_case .bd .item .info { padding: 20px 15px; background: #fff; clear: both;}
#con_case .bd .item .info .meta { overflow: hidden; zoom: 1; margin-bottom: 10px; }
#con_case .bd .item .info .meta li { float: left; width: 270px; border-bottom: #fff 1px solid; height: 19px; line-height: 19px; overflow: hidden; font-size: 12px; background: #FDECCD;}
#con_case .bd .item .info .meta li span { float: left; background: #F39E05; border: #fff solid; border-width: 0 1px; width: 62px; text-align: center; color: #fff; margin-right: 10px; display: inline; }
#con_case .bd .item .info .intro { font-size: 14px; line-height: 24px; }
#con_case .bd .item .pic { float: right; background: url(/Content/Main/sheji/images/imac.jpg) no-repeat; width: 406px; height: 380px; margin-top: 20px;}
#con_case .bd .item .pic img { width: 372px; height: 223px; margin: 16px 0 0 17px;}


/* con_routing */
#con_routing { padding: 50px 0 80px 60px; background: url(/Content/Main/sheji/images/shadow.jpg) no-repeat center bottom;}
#con_routing h1 { font-size: 24px; text-align: center; line-height: 50px; margin-bottom: 40px; }
#con_routing h1 span { display: block; font-size: 48px; height: 50px; line-height: 50px; color: #999; }
#con_routing .hd { font-size: 30px; color: #f90; line-height: 40px;}
#con_routing ul { padding-top: 80px; background: url(/Content/Main/sheji/images/heart.jpg) no-repeat 770px 0; margin-top: -40px; }
#con_routing li { float: left; width: 183px; height: 183px; background: #ccc; margin: 0 2px 2px 0; display: inline; position: relative; z-index: 10; }
#con_routing li .tit { position: relative; width: 183px; height: 183px;}
#con_routing li .tit .n { position: absolute; width: 80px; height: 50px; background: url(/Content/Main/sheji/images/num.png) no-repeat; left: 15px; top: 15px; opacity: .2; filter: Alpha(Opacity=20); }
#con_routing li .tit .t { position: absolute; font-size: 24px; right: 15px; bottom: 15px; color: #fff; }
#con_routing li .txt { display: none; position: absolute; top: 0; left: 185px; height: 143px; width: 328px; font-size: 14px; line-height: 24px; padding: 20px; background: #E8D5B2; color: #000;  }
#con_routing li.active { z-index: 19; }
#con_routing .n1 .tit .n { background-position: 0 0; }
#con_routing .n2 .tit .n { background-position: 0 -50px; }
#con_routing .n3 .tit .n { background-position: 0 -100px; }
#con_routing .n4 .tit .n { background-position: 0 -150px; }
#con_routing .n5 .tit .n { background-position: 0 -200px; }
#con_routing .n6 .tit .n { background-position: 0 -250px; }
#con_routing .n7 .tit .n { background-position: 0 -300px; }
#con_routing .n8 .tit .n { background-position: 0 -350px; }
#con_routing .n9 .tit .n { background-position: 0 -400px; }
#con_routing .n2,
#con_routing .n4,
#con_routing .n5,
#con_routing .n7,
#con_routing .n9 { background: #AEAEAE; }
#con_routing .n5 { clear: left; }
#con_routing .n4 .txt,
#con_routing .n8 .txt,
#con_routing .n9 .txt { left: inherit; right: 185px; }

/* con_comment */
#con_comment { padding: 90px 50px 50px; }
#con_comment .col_left { width: 680px; padding-left: 10px; border-right: #ddd 1px solid; padding-right: 35px;}
#con_comment .col_left h1 { font-size: 30px; line-height: 40px; color: #f60; }
#con_comment .col_left li { padding: 20px 0; border-bottom: #ccc 1px dotted; overflow: hidden; zoom: 1;}
#con_comment .col_left .pic { float: left; width: 165px; height: 130px; border: #D17979 2px solid; }
#con_comment .col_left .pic img { width: 165px; height: 130px; }
#con_comment .col_left .con { overflow: hidden; padding-left: 20px; }
#con_comment .col_left .con .title { font-size: 24px; height: 30px; line-height: 30px; padding-bottom: 10px; }
#con_comment .col_left .con .intro { font-size: 14px; line-height: 24px; }
#con_comment .col_right { width: 340px; }
#con_comment .col_right h1 { font-size: 18px; padding-bottom: 10px; }
#con_comment .col_right li { height: 36px; line-height: 36px; overflow: hidden; border-bottom: #D1D1D1 1px dotted;}
#con_comment .col_right li .date,#con_comment .col_left li .date{float: right;}
#con_comment .col_right a { display: block; background: url(/Content/Main/images/icons.gif) 0 -94px no-repeat; padding-left: 15px; font-size: 14px;}
#con_comment .col_right a:hover { background-position: 0 -120px; }



/* con_team */
#con_team { padding-top: 310px; background: url(/Content/Main/sheji/images/p5.jpg) no-repeat; }
#con_team .intro { background: url(/Content/Main/sheji/images/team.jpg) no-repeat 75px 60px; padding: 120px 170px 0 550px; height: 400px;}
#con_team .intro h1 { font-size: 30px; line-height: 40px; padding-bottom: 20px; }
#con_team .intro p { font-size: 14px; line-height: 24px; text-indent: 2em; }
#con_team .picWrap {}
#con_team .picWrap .hd { text-align: center; }
#con_team .picWrap .hd span { display: inline-block; width: 150px; font-size: 24px; background: #ccc; height: 60px; line-height: 60px; }
#con_team .picWrap .hd span.on { background: #F39E05; }
#con_team .picWrap .bd { padding: 45px; background: #F39E05; }
#con_team .picWrap .bd .tempWrap { width: 1110px !important; }
#con_team .picWrap .bd ul { height: 167px; overflow: hidden; }
#con_team .picWrap .bd li { float: left; width: 220px; height: 165px; border: #fff 1px solid; margin-right: 20px; display: inline; background: #fff; }
#con_team .picWrap .bd .pic { }
#con_team .picWrap .bd img { width: 220px; height: auto; }
#con_team .picWrap .bd p { display: none; }
#con_team .qr { text-align: center; padding: 50px 0;}
#con_team .qr strong { font-size: 36px; line-height: 40px; color: #f39e05; font-weight: normal;}
#con_team .qr span { font-size: 30px; line-height: 70px;}
#con_team .qr img { margin-top: 10px; }


/* links */
#links {}


#links { background: #EFEFEF; }
#footer{background:none;margin-top: 50px;}
#header .bg-color{background: #2978b0!important;}<!--ºÄʱ1789190915.2066Ãë-->