@charset "gb2312";
/* CSS Document */
/*案例对比、安全与服务管理、特邀专家模块css*/

.main{ width:1200px; margin:auto; margin-top:40px;}

.stage1 {width:100%;margin-top:35px;}
/*.stage1 .stage1-width {width:655px;height:440px;padding:10px 24px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;position:relative;-moz-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;position:relative;overflow:hidden;}*/
.stage1 .stage1-width:last-child{border-right:1px solid #e1e1e1;}
.stage1 .stage1-width:hover {-moz-box-shadow:0 0 8px rgba(8,1,3,.2);-webkit-box-shadow:0 0 8px rgba(8,1,3,.2);box-shadow:0 0 8px rgba(8,1,3,.2);z-index:10; background-color:#f8f7f7;border-top-color:#c0025a;-moz-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}


.main1{ width:1200px; height:440px; position:relative;}

.main1_l{ width:650px; height:430px; padding:10px 30px 0; position:relative;-moz-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s; position:absolute; opacity:1;left:0px; top:0px; z-index:1;}
.main1_l_t {height:60px;}
.main1_l_t span {display:inline-block;line-height:60px;float:left;font-size:24px;color:#686767;}
.main1_l_t span a {display:inline-block;font-size:24px;color:#686767;}
.main1_l_t span a:hover{ color: #ec132a; }
.main1_l_t .more{display:block;width:41px;height:11px; margin-top:20px;margin-left:20px;display:inline;}
.main1_l_t .preNext {width:60px;height:19px;margin-top:20px;}
.main1_l_t .preNext a {display:block;width:30px;height:19px; background-color:#fff; border:solid 1px #e5e5e5; position:relative;}
.main1_l_t .preNext a:hover { background-color:#e9e8e8;}
.main1_l_t .preNext i {position:absolute;display:block;width:7px;height:13px;left:10px;top:3px;}
.main1_l_t .preBtn i{ background:url(../images/icon.png) no-repeat -68px -45px;}
.main1_l_t .nextBtn i{background:url(../images/icon.png) no-repeat -78px -45px;}
.main_pingpai {height:430px;overflow:hidden;}
.main_pingpai .pingpai p { padding-top:8px; font-size:16px;color:#acacac;}
.main_pingpai .pingpai p a{ color:#f62527}

.main1_l:hover{box-shadow:0 0 25px rgba(8,1,3,.2);}


.main1_r{ width:535px; height:430px; padding:10px 30px 0; position:relative;-moz-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s; position:absolute; opacity:1; right:0px; top:0px; z-index:1;}
.main1_r_t {height:60px;}
.main1_r_t span {display:inline-block;line-height:60px;float:left;font-size:24px;color:#686767;}
.main1_r_t span a {display:inline-block;font-size:24px;color:#686767;}
/*.main1_r_t .more{display:block;width:41px;height:11px; margin-top:20px;margin-left:20px;display:inline;}
.main1_r_t .preNext {width:100px;font-size:14px; line-height:60px;color:#595959; text-align:right;}
.main1_r_t .preNext a {font-size:14px;color:#686767;}*/
.main1_r_t .more{display:block;width:41px;height:11px; margin-top:20px;margin-left:20px;display:inline;}
.main1_r_t .preNext {width:60px;height:19px;margin-top:20px;}
.main1_r_t .preNext a {display:block;width:30px;height:19px; background-color:#fff; border:solid 1px #e5e5e5; position:relative;}
.main1_r_t .preNext a:hover { background-color:#e9e8e8;}
.main1_r_t .preNext i {position:absolute;display:block;width:7px;height:13px;left:10px;top:3px;}
.main1_r_t .preBtn i{ background:url(../images/icon.png) no-repeat -68px -45px;}
.main1_r_t .nextBtn i{background:url(../images/icon.png) no-repeat -78px -45px;}
.main_yishi{ width:480px; height:320px; overflow:hidden;}
.main_yishi .yishi{ width:480px; height:157px; margin-bottom:5px;}
.main_yishi .yishi li{width:116px; height:157px; margin-right:3px; float:left; position:relative;}
.main_yishi .yishi li h4{ width:116px; height:23px; position:absolute; left:0; bottom:0; font-size:12px; color:#fff; line-height:23px; font-weight:normal; text-align:center; background:url(../images/yishi_yy.png) no-repeat; transition:all 0.3s;}
.yishi_1{ position:absolute; left:0; top:0px; width:238px; height:157px; padding:30px 25px 0 25px; border:solid 1px #dcdcdc; background:#f6f6f6; z-index:9; display:none; opacity:0; transition:all 0.3s; }
.yishi_1 h3{ width:100%; height:25px; font-size:18px; line-height:20px; color:#595959;}
.yishi_1 p{ font-size:14px; line-height:20px; color:#6d6d6d;}
.yishi_1 p a{ color:#ed1f22;}
.yishi_2{ position:absolute; left:-116px; top:0; width:238px; height:157px; padding:30px 25px 0 25px; border:solid 1px #dcdcdc; background:#f6f6f6; z-index:9; display:none; opacity:0; transition:all 0.3s;}
.yishi_2 h3{ width:100%; height:25px; font-size:20px; line-height:20px; color:#595959;}
.yishi_2 p{ font-size:14px; line-height:20px; color:#6d6d6d;}
.yishi_2 p a{ color:#ed1f22;}
.yishi li:hover h4{ opacity:0;}
.yishi li:hover .yishi_1{ display:block; opacity:1; left:116px;}
.yishi li:hover .yishi_2{ display:block; opacity:1; left:-238px;}

.main1_r:hover{box-shadow:0 0 25px rgba(8,1,3,.2);}

.main2{ width:1200px; height:575px; margin:auto; position:relative; }
.main2_l{ width:790px; height:495px; padding:10px 30px 0; -moz-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s; position:absolute; left:0px; top:0px; z-index:1; opacity:1;}
.main2_l_t {height:60px;}
.main2_l_t span {display:inline-block;line-height:60px;float:left;font-size:24px;color:#686767;}
.main2_l_t span a {display:inline-block;font-size:24px;color:#686767;}
.main2_l_t .more{display:block;width:41px;height:11px; margin-top:20px;margin-left:20px;display:inline;}
.main2_l_t .preNext {width:60px;height:19px;margin-top:20px;}
.main2_l_t .preNext a {display:block;width:30px;height:19px; background-color:#fff; border:solid 1px #e5e5e5; position:relative;}
.main2_l_t .preNext a:hover { background-color:#e9e8e8;}
.main2_l_t .preNext i {position:absolute;display:block;width:7px;height:13px;left:10px;top:3px;}
.main2_l_t .preBtn i{ background:url(../images/icon.png) no-repeat -68px -45px;}
.main2_l_t .nextBtn i{background:url(../images/icon.png) no-repeat -78px -45px;}
.main_yiqi { height:387px; overflow:hidden;}
.yiqi{ width:730px; height:387px; background:#f9f9f9;}
.yiqi span{ display:block; float:left;}
.yiqi_1{ width:290px; height:387px; padding-top:100px; float:left; margin-left:30px;}
.yiqi_1 h3{ width:100%; height:72px; font-size:28px; color:#566592; line-height:28px; }
.yiqi_1 h3 span{ color:#6f6e6e; font-size:19px; font-weight:normal;}
.yiqi_1 p{ width:230px; height:110px; font-size:16px; color:#818080; line-height:24px; }
.yiqi a{ display:block; width:105px; height:33px; border:solid 1px #787878; line-height:32px; font-size:16px; color:#6f6e6e; text-align:center}

.main2_l:hover{box-shadow:0 0 25px rgba(8,1,3,.2);}

.main2_r{ width:395px; height:495px; padding:10px 30px 0; -moz-transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s; position:absolute; right:0px; top:0px; z-index:1; opacity:1;}
.main2_r_t {height:60px;}
.main2_r_t span {display:inline-block;line-height:60px;float:left;font-size:24px;color:#686767;}
.main2_r_t span a {display:inline-block;font-size:24px;color:#686767;}
.main2_r_t .more{display:block;width:41px;height:11px; margin-top:20px;margin-left:20px;display:inline;}
.main2_r_t .preNext {width:60px;height:19px;margin-top:20px;}
.main2_r_t .preNext a {display:block;width:30px;height:19px; background-color:#fff; border:solid 1px #e5e5e5; position:relative;}
.main2_r_t .preNext a:hover { background-color:#e9e8e8;}
.main2_r_t .preNext i {position:absolute;display:block;width:7px;height:13px;left:10px;top:3px;}
.main2_r_t .preBtn i{ background:url(../images/icon.png) no-repeat -68px -45px;}
.main2_r_t .nextBtn i{background:url(../images/icon.png) no-repeat -78px -45px;}
.main_huanj { height:387px; }
.huanj{ width:335px; height:387px; position:relative;}
.huanj_1{ width:335px; height:300px; cursor:pointer;}
.huanj_1 li{ width:166px; height:148px; margin-bottom:2px; float:left;}
.huanj_1 li.l1{ float:right;}
.huanj p{ width:335px; font-size:14px; line-height:20px; color:#6f6e6e; padding-top:10px;}

.huanj_bg{ position:fixed; left:0px; top:0; width:100%; height:1055px; background:url(../images/huanj_bg.png); opacity:0; z-index:-1;}
.block{ opacity:1; z-index:99;}
.huanj_center{ position:absolute; left:50%; top:45%; margin-left:-340px; margin-top:-235px; width:680px; height:470px; padding:0 58px; background:#fff;}
.huanj_center_1 h3{ width:564px; height:65px; line-height:65px; font-size:16px; color:#464648; text-align:center;}
.huanj_center_1{ width:564px; height:418px; overflow:hidden;}
.huanj_center_close{ position:absolute; right:0px; top:0px; width:34px; height:34px; background:url(../images/icon.png) -46px 0 #464648; display: block; cursor:pointer;}
.huanj_z{ width:23px; height:23px; position:absolute; left:25px; top:225px; background:url(../images/icon.png) 0 0;cursor:pointer;}
.huanj_y{ width:23px; height:23px; position:absolute; right:25px; top:225px; background:url(../images/icon.png) -23px 0;cursor:pointer;}

.main2_r:hover{box-shadow:0 0 25px rgba(8,1,3,.2);}


.current .main1_l{opacity:1;-webkit-animation:fadeIn 0.3s ease-in-out both 0.2s;animation:fadeIn  0.3s ease-in-out both 0.2s;-moz-animation:fadeIn 0.3s ease-in-out both 0.2s;-o-animation:fadeIn 0.3s ease-in-out both 0.2s;}
.current .main1_r{opacity:1;-webkit-animation:fadeIn 0.3s ease-in-out both 0.5s;animation:fadeIn  0.3s ease-in-out both 0.5s;-moz-animation:fadeIn 0.3s ease-in-out both 0.5s;-o-animation:fadeIn 0.3s ease-in-out both 0.5s;}

.current .main2_l{opacity:1;-webkit-animation:fadeIn  0.3s ease-in-out both 0.2s;animation:fadeIn  0.3s ease-in-out both 0.2s;-moz-animation:fadeIn 0.3s ease-in-out both 0.2s;-o-animation:fadeIn 0.3s ease-in-out both 0.2s;}
.current .main2_r{opacity:1;-webkit-animation:fadeIn  0.3s ease-in-out both 0.5s;animation:fadeIn 0.3s ease-in-out both 0.5s;-moz-animation:fadeIn 0.3s ease-in-out both 0.5s;-o-animation:fadeIn 0.3s ease-in-out both 0.5s;}

@-webkit-keyframes fadeIn{0%{opacity:0; top:100px;}100%{opacity:1; top:0;}}
@keyframes fadeIn{0%{opacity:0; top:100px;}100%{opacity:1; top:0;}}
@-moz-keyframes fadeIn{0%{opacity:0; top:100px;}100%{opacity:1; top:0;}}
@-o-keyframes fadeIn{0%{opacity:0; top:100px;}100%{opacity:1; top:0;}}


/*#gallery ul li a {display:block;}
#gallery ul li a b {position: absolute; visibility:hidden; left:-600px; top:-100px; display:block; width:564px; height:353px; background:#fff;

filter: alpha(opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0;

-webkit-transition: all 0.6s ease-in-out;
 z-index:99;
}

#gallery ul li a b img {-webkit-transform: scale(0); -webkit-transition: -webkit-transform 0.6s ease-in-out;}
#gallery ul li a:hover {white-space:normal; outline:0;}
#gallery ul li a:hover b {filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); opacity:1; visibility:visible;}
#gallery ul li a:hover b img {-webkit-transform: scale(1);}
#gallery ul li a b i {display:block; width:564px; height:353px; text-align:center; display:table-cell; vertical-align:middle;}
#gallery ul li a b i img {width:auto; height:auto; border:1px solid #444;

-o-box-shadow: 10px 10px 2px rgba(0, 0, 0, 0.4);

-icab-box-shadow: 10px 10px 2px rgba(0, 0, 0, 0.4);

-khtml-box-shadow: 10px 10px 2px rgba(0, 0, 0, 0.4);

-moz-box-shadow: 10px 10px 2px rgba(0, 0, 0, 0.4);

-webkit-box-shadow: 10px 10px 2px rgba(0, 0, 0, 0.4);

box-shadow: 10px 10px 2px rgba(0, 0, 0, 0.4);

}*/

.footer_bg{ width:100%; height:460px; padding-top:120px; background:url(../images/footer_bg.jpg) no-repeat top center #181414;}
.footer{ width:1120px; height:247px; margin:auto;}
.foot1{ width:310px; height:247px; padding-top:138px; background:url(../images/foot1.jpg) no-repeat; float:left;}
.foot1 p{ width:250px; height:30px; font-size:14px; line-height:18px; color:#7e7e7e; } 
.foot1 p:nth-child(1){ height:40px;}
.foot2{ width:565px; height:247px; padding-left:50px; padding-top:12px; border-right:solid 1px #2a2626; float:left;}
.foot2 ul{ width:128px; height:247px; padding-left:28px; float:left;}
.foot2 ul li{ width:100px; height:38px; line-height:38px; color:#666; transition:all 0.3s; }
.foot2 ul li.l1{ width:100px; height:32px; font-size:16px; line-height:21px; color:#666; font-weight:bold;}
.foot2 ul li a{ color:#666; transition:all 0.3s;}
.foot2 ul li a:hover{ color:#d2071d; border-bottom:solid 1px #d2071d;}

.foot2 ul:nth-child(1){ background:url(../images/foot_1.jpg) no-repeat top left;}
.foot2 ul:nth-child(2){ background:url(../images/foot_2.jpg) no-repeat top left;}
.foot2 ul:nth-child(3){ background:url(../images/foot_3.jpg) no-repeat top left;}
.foot2 ul:nth-child(4){ background:url(../images/foot_4.jpg) no-repeat top left;}

.foot3{ width:245px; height:247px; padding-left:45px; padding-top:12px;  float:left;}
.foot3 b{ display:block; width:151px; height:151px; margin:auto;}
.foot3 h3{ width:200px; height:30px; line-height:30px; font-size:14px; color:#7e7e7e; font-weight:normal; text-align:center;}
.foot3 p{ width:200px; height:30px; line-height:30px; font-size:14px; color:#666666; text-align:center;}







    .new_yishi { width: 1200px; background: #fff; padding: 32px 0; margin: 50px auto; text-align: center; font-size: 0; }
    .new_yishi .yishi_left { display: inline-block; vertical-align: top; width: 390px; height: 405px; background: #f9f9f9; padding-top: 22px; position: relative; margin-right: 14px; }
    .new_yishi .yishi_right { display: inline-block; vertical-align: top; width: 728px; height: 405px; background: #f9f9f9; overflow: hidden; position: relative; }
    .new_yishi .yishi_left .left_wrap { width: 100%; height: 100%; overflow: hidden; }
    .new_yishi .yishi_left .left_wrap .left_list { width: 50000px; position: relative; left: 0; font-size: 0; text-align: left; }
    .new_yishi .yishi_left .left_wrap .left_list ul { width: 390px; height: 405px; text-align: center; display: inline-block; text-align: left; padding-left: 10px; vertical-align: top; }
    .new_yishi .yishi_left .left_wrap .left_list li { display: inline-block; vertical-align: top; margin: 0 4px 8px; width: 115px; height: 115px; border-radius: 50%; background: #e6e6e6; overflow: hidden; padding: 10px 5px 0 5px; }
    .new_yishi .yishi_left .left_wrap .left_list li img { width: 100%; }
    .new_yishi .yishi_left .left_wrap .left_list li.active { background: #fff; box-shadow: 0 0 20px #e7e7e7 inset; }
    .new_yishi .yishi_left .span { position: absolute; top: -34px; left: 0; width: 100%; text-align: right; font-size: 0; }
    .new_yishi .yishi_left .span span { width: 30px; height: 19px; display: inline-block; vertical-align: top; border: 1px solid #e5e5e5; color: #999; font-family: "宋体"; font-size: 14px; text-align: center; line-height: 18px; cursor: pointer;  }
    .new_yishi .yishi_left .span span i { display: block; width: 100%; height: 100%; font-style: normal; }
    .new_yishi .yishi_left .span span:hover i { background: #e1e1e1; }
    .new_yishi .yishi_right .item .img { position: absolute; left: 0; bottom: 0; }
    .new_yishi .yishi_right .item .text { padding-left: 296px; display: table-cell; width: 728px; height: 405px; vertical-align: middle; position: relative; z-index: 1; text-align: left; }
    .new_yishi .yishi_right .item .text h2 { font-size: 22px; color: #595959; }
    .new_yishi .yishi_right .item .text .p1 { font-size: 14px; line-height: 25px; color: #999999; margin: 8px 0 30px; }
    .new_yishi .yishi_right .item .text .p2 { font-size: 14px; line-height: 25px; color: #595959; width: 358px; }
    .new_yishi .yishi_right .item .text .p2 b { display: block; }
    .new_yishi .yishi_right .item .text .link { margin-top: 40px; }
    .new_yishi .yishi_right .item .text .link a { display: inline-block; vertical-align: top; margin-left: 40px; width: 138px; height: 40px; line-height: 38px; text-align: center; font-size: 16px; border: 1px solid #e6e6e6; color: #595959; border-radius: 20px; }
    .new_yishi .yishi_right .item .text .link a.active { border-color: #df061d; background: #df061d; color: #fff; }
    .new_yishi .yishi_right ul { position: relative; width: 50000px; left: 0; font-size: 0; text-align: left; }
    .new_yishi .yishi_right ul li { display: inline-block; vertical-align: top; position: relative; }

    .anli_title { height: 42px; line-height: 1; }
    .anli_title span { font-size: 24px; color: #666666; margin-left: 20px; }
    .anli_title a { font-size: 12px; color: #999; margin-right: 30px; }
    .anli_title a:hover { color: #777; }
	  .new_yishi:hover {box-shadow:0 0 25px rgba(8,1,3,.2);}



    .footer_bg{ width:100%; height:460px; padding-top:120px; background:url(footer_bg.jpg) no-repeat top center #181414;}
    .footer{ width:1120px; height:247px; margin:auto;}
    .foot1{ width:310px; height:247px; padding-top:138px; background:url(foot1.jpg) no-repeat; float:left;}
    .foot1 p{ width:250px; height:30px; font-size:14px; line-height:18px; color:#7e7e7e; } 
    .foot1 p:nth-child(1){ height:40px;}
    .foot2{ width:565px; height:247px; padding-left:50px; padding-top:12px; border-right:solid 1px #2a2626; float:left;}
    .foot2 ul{ width:128px; height:247px; padding-left:28px; float:left;}
    .foot2 ul li{ width:100px; height:38px; line-height:38px; color:#666; transition:all 0.3s; }
    .foot2 ul li.l1{ width:100px; height:32px; font-size:16px; line-height:21px; color:#666; font-weight:bold;}
    .foot2 ul li a{ color:#666; transition:all 0.3s;}
    .foot2 ul li a:hover{ color:#d2071d; border-bottom:solid 1px #d2071d;}

    .foot2 ul:nth-child(1){ background:url(foot_1.jpg) no-repeat top left;}
    .foot2 ul:nth-child(2){ background:url(foot_2.jpg) no-repeat top left;}
    .foot2 ul:nth-child(3){ background:url(foot_3.jpg) no-repeat top left;}
    .foot2 ul:nth-child(4){ background:url(foot_4.jpg) no-repeat top left;}

    .foot3{ width:245px; height:247px; padding-left:45px; padding-top:12px;  float:left;}
    .foot3 b{ display:block; width:151px; height:151px; margin: 0 auto 11px;}
    .foot3 h3{ width:200px; height:30px; line-height:30px; font-size:14px; color:#7e7e7e; font-weight:normal; text-align:center;}
    .foot3 p{ width:200px; height:30px; line-height:30px; font-size:14px; color:#666666; text-align:center;}

    .new_copy { height: 32px; background: #efefef; font-size: 12px; text-align: center; }
    .new_copy a { display: inline-block; margin: 0 30px; color: #999; line-height: 32px; } 
    .new_copy a:hover { color: #666; }