@charset "utf-8";
/* CSS Document */

/*content*/

.search{ width:100%; height:57px; background:#f7f7f7;}
.search_left{ float:left; width:520px; height:57px; background:url(../images/search_left.jpg) no-repeat left center; padding-left:90px;}
.search_left h2{ float:left; line-height:57px;}
.search_left ul{ float:right; overflow:hidden;}
.search_left ul li{ float:left; width:110px;  height:57px; background:url(../images/li_bg3.jpg) no-repeat right center;}
.search_left ul li:last-child{ background:none;}
.search_left ul li a{ text-align:center; line-height:57px; font-size:13px; color:#7d7d7d; display:block;}
.search_right{ float:right; width:343px; height:40px; margin-top:9px; border:1px solid #afaeae;  }
.search_right .txt{ width:222px; height:40px; line-height:40px; color:#7d7d7d;background: none;
padding-left: 18px; float:left;}
.search_right .btn{ width:50px; height:40px; float:right; background: url(../images/search_img.jpg) no-repeat center center;cursor: pointer;}

.in01{ width:100%; height:690px; background:url(../images/in01_bg.jpg) no-repeat center top; overflow:hidden; }
.in01 .min{margin-top:100px; overflow:hidden;}
.webox{height:700px;line-height: 29px;padding:99px 0 0;font-size: 16px;}
.webox_p{}
.webox_p,.webox_p img{width: 586px;height:476px;display: block;overflow: hidden;}

.webox_p img{transition: all 0.3s linear;}
.webox_p img:hover{
	cursor:pointer;
    transform:scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);

}



.webox_w{width: 598px;}
.webox_w h3{font-size: 32px; color:#333333; font-weight: bold;}
.we_con p{overflow: hidden;width: 545px; margin:15px 0; line-height:33px;}
.we_con li{width: 252px;height: 51px;line-height: 51px;margin: 0 18px 22px 26px;float: left;position: relative;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 1px #ccc;border-left: 0;white-space: nowrap;}
.we_con li b{width:51px;height: 51px;position: absolute;left: -26px;top:-1px;}
.we_con li b i{width:51px;height: 51px;position: absolute;left:0;top: 0;}
.we_con li b i.default{background:url(../images/webg2.png) no-repeat 0 0;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.we_con li b i.hover{background:url(../images/webg1.png) no-repeat 0 0;opacity:1;visibility:visible;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.we_con li.cur b .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.we_con li.cur b .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.we_con li span{padding-left:38px;}






.in02{ width:100%; height:407px; background:url(../images/in02_bg.jpg) no-repeat center center;}
.in02 .title1 span{ font-size:30px; color:#fff; line-height:80px; text-align:center; margin:0 auto; display:block;}
.in02_list{ width:100%; margin-top:55px; position:relative;}

#case_progress_prev {
background: url(../images/left.png) no-repeat 0 0;
height: 62px;
width: 61px;
position: absolute;
z-index: 999;
overflow: visible;
top: 50%;
left: -120px;
margin-top: -30px;}
#case_progress_next{ background: url(../images/right.png) no-repeat 0 0;
    height: 60px;
    width: 60px;
    position: absolute;
    z-index: 999;
    overflow: visible;
    top: 50%;
    right: -130px;
	margin-top:-30px;
	}
.workItem{ width:193px; height:190px; float:left; margin-right:60px; }
.workItem:last-child{ margin-right:0;}
.workItem span{ display:block; line-height:35px; height:35px; color:#fff; text-align:center; font-size:16px;}
.workItem img{width:182px; height:125px;}


.workItem3{width:309px;float:left;height:600px;}
.in03{  padding-top:50px; width:100%;}
.in03 .title1 span{ font-size:30px; line-height:80px; text-align:center; margin:0 auto; display:block;}

.in03_pro{background:#f7f7f7; margin-top:50px;}
.pro_cl{position: relative;}
.pro_cla{width: 263px;background: #fff;overflow: hidden;}
.pro_cla h2{font-size:30px;text-align: center;line-height:82px;height:82px;background: #0077be;}
.pro_cla h2 a{color: #fff;}
.pro_cc h3{font-size: 18px;text-align: left; text-indent:32px; height:40px;line-height:40px;clear: both;margin-bottom: 1px;font-weight: normal; position: relative;}
.pro_cc h3 a{color: #fff;background:#0077be;display: block;}
.pro_cl.cur h3 a,.pro_cl.cur h3 a:hover{background:#2fae5f;}

.pro_cc ul{/*padding: 10px 0 0 50px;margin-bottom:30px;width: 173px;display:none;*/}
.pro_cc ul.pro_cl{}
.pro_cc dd{background:url(../images/ico02.gif) no-repeat 32px 11px;padding: 0px 0 0 50px;height:32px;line-height:32px;display: block; }
.pro_cc dd.pro_cl1{width: 68px;float: left;}
.pro_cc dd.pro_cl2{clear: both;}
.pro_cc dd a{color: #666;}
.pro_cl  .menu_btn{position: absolute;width: 40px;height: 40px;background:url(../images/public/ny_left_ico1.png) no-repeat center;top: 0;right: 0;cursor: pointer;}
.pro_cl  .menu_btn_active{background:url(../images/public/ny_left_ico_active.png) no-repeat center;}
.pro_cl dl{display: none;}
.p_contact{padding:25px 15px; background:url(../images/p_tel.png) no-repeat 185px center #0077be; color:#fff; font-size:18px; margin-top:20px; }
.p_contact span{ font-weight:bold; font-size:24px;}
.pro_list{width:930px;overflow: hidden; background:#f7f7f7; height: 617px;  padding:30px 0;  box-sizing: border-box; }
.pro_list h2{background:url(../images/ico01.gif) no-repeat 0 4px;height: 50px;line-height:35px;font-size: 22px;font-weight: normal;padding-left: 32px;}
.pro_list h2 a{color: #333;}
.pro_cl.cur dl{display:block;}


.pro_c dt,.pro_c dt img{width:515px;height:395px;display: block;overflow: hidden;float: left;}
.pro_c dl{height: 397px;background: #fff;box-shadow: 4px 0 4px #ededed;margin-bottom: 28px;}
.pro_c dd{width:330px;float: left;padding: 35px 0 0 54px;line-height: 25px;}
.pro_c dd h3{font-size: 20px;margin-bottom: 16px;}
.pro_c dd .pro-lw{height: 181px;overflow: hidden;width: 274px;}

.pro_lc ul{width:940px; margin-top:15px;}
.pro_lc li{width:251px;float: left;margin: 0 0px 45px 58px;}
.pro_lc li p{height:60px;display: block;line-height: 60px;padding:2px 0 0;}
.pro_lc li p span{float: right; margin-top:10px;}
.pro_lc li p span a{background:#2fae5f;width: 111px;line-height: 33px;border: solid 1px #eaeaea;text-align: center;color: #fff;display: block;border-radius: 2px;}
.pro_lc li.cur p span a{background:#2fae5f;border: solid 1px #2fae5f;color: #fff;}
.pro_lc li i,.pro_lc li i img{width: 251px;height: 185px;overflow: hidden;}


.in04{ width:100%; height:333px; background:url(../images/in04_bg.jpg) no-repeat center center; overflow:hidden; margin-top:50px;}
.in04 p{margin-top:215px; overflow:hidden; color:#fff; font-size:20px; margin-left:0px;}
.in04 p span{ font-size:28.84px;<yang:field name='description' typeid='246' infolen='200'  />... color:#fff;  padding-left:10px;}
.in04 a{ width:116px; height:36px; display:inline-block; border:1px solid #fff; color:#fff; line-height:36px; text-align:center; margin-left:170px; }

.in05{ width:100%;  padding-top:92px;}
.title1_top{ width:400px; height:55px; margin:0 auto; margin-bottom:15px;}
.title1_left{ width:200px; height:55px; background:#2fae5f; text-align:center; line-height:55px; margin:0 auto; float:left; font-size:37.84px; color:#fff;}
.title1_right{ width:200px; height:55px; background:#0077be; text-align:center; line-height:55px; margin:0 auto; float:right;font-size:37.84px; color:#fff;}

.box1{ width:100%; margin-top:65px; height:295px;}
.box1_box{ width:514px; height:411px; background:url(../images/sj.jpg) no-repeat right bottom #f6f6f6; margin-bottom:50px}
.box1_box .img_r{float:right; width:315px; height:202px; overflow:hidden; }
.box1_box .img_r img{transition: all 0.3s linear;}
.box1_box .img_r img:hover{
	cursor:pointer;
    transform:scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);

}

.box1_box .title{width:195px; height:200px; background:#278dd5; float:left;}
.box1_box .title dl{ color:#fff; font-size:80px; text-align:center; position:relative;}
.box1_box .title dl:after {
    position: absolute;
    content: '';
    width: 65px;
    height: 4px;
    background: #fff;
    left: 50%;
    bottom: -10%;
	margin-left:-32px;
    transition: all ease-in-out 0.3s;

}
.box1_box .title:hover dl:after{width:100%; background:#fff;left:0%; margin-left:0; transition:all ease-in-out 0.3s}

.box1_box .title dt{font-size:24px; color:#fff; padding-top:35px; text-align:center;}

.box1_box p{ margin-top:25px; padding:25px 25px; font-size:17px; color:#313234; line-height:30px;}
.box1_box p span{color:#f66911}
.box1_right{ float:right; width:487px; height:295px;}

.box2{ width:100%; margin-top:60px; height:368px;}
.box2_left{ float:left; width:545px; height:368px;}
.box2_right{ float:left; width:655px; height:368px;}
.box2_right h2{ padding-top:40px; padding-left:200px; font-size:28.8px; font-weight:normal;}
.box2_right p{ margin-top:95px; margin-left:200px; line-height:30px; font-size:16.84px; color:#585858; width:454px;}
.in06{ width:100%; height:372px; background:url(../images/in06_bg.jpg) no-repeat center bottom;}
.box4{ width:455px; height:369px; float:right;}
.box4 h2{ padding-top:90px;font-size:28.8px; font-weight:normal; color:#fff; }
.box4 p{ width:455px; margin-top:90px;line-height:30px; font-size:16.84px; color:#fff;}


.box5{ width:100%; margin-top:29px; height:341px;}
.box5_left{ float:left; width:640px; height:341px;}
.box5_left h2{ padding-top:80px; padding-left:140px; font-size:28.8px; font-weight:normal;}
.box5_left p{ width:440px; margin-top:90px; margin-left:140px;font-size:16.84px; color:#585858; line-height:30px;}
.box5_right{ float:right; width:515px; height:343px;}

.in07{ overflow: hidden; width:100%; height:343px; background:url(../images/adv2.jpg) no-repeat center center; overflow:hidden; margin-top:50px;}
.in07 span{padding:203px 0 0 790px; display: block; color:#fff; font-weight: bold; font-size: 39px;}

.in09{ width:100%; overflow:hidden; min-height:680px;}
.title2{ margin:50px auto;}
.in09_left{ width:590px; height:460px; box-shadow:0 0 6px 4px #f0f0f0; float:left;}
.in09 .title3{ width:574px; height:54px; padding:3px;  border-bottom:1.5px solid #efefef;}
.in09 .title3 img{ width:69px; height:56px; float:left; display:block;}
.in09 .title3 h2{ margin-left:15px; line-height:60px; float:left;}
.in09 .title3 a{ display:block; float:right; width:90px; line-height:56px; text-align:center; color:#bcbcbd; background:url(../images/li_bg.jpg) no-repeat left center;}
.left_c{ padding:30px;width: 530px;
height: 129px;}
.left_c img{ width:253px; height:129px; display:block; float:left;}
.leftC_right{ width:220px; height:129px; float:left; margin-left:30px;}
.leftC_right span{ display:block; font-size:15.84px; color:#2e3538; margin:15px 0;}
.leftC_right p{ font-size:12px; color:#656366; line-height:22px;width: 200px;
padding-left: 10px;
}
.leftC_right a{ width:55px; height:21px; border:1px solid #e2e2e2; line-height:21px; text-align:center; display:block; margin-top:10px;}

.news_list1{ width:530px; margin-left:30px;}
.news_list1 li{ width:530px; height:48px; border-top:1px dashed #bcbbbc; background:url(../images/icon5.jpg) no-repeat left center;}
.news_list1 li a{ line-height:48px; display:block; color:#656366; font-size:12.84px; float:left; padding-left:10px;}
.news_list1 li span{line-height:48px; display:block; color:#cdcdcd; font-size:13.56px; float:right;}
.in09_right{width:590px; height:460px;  box-shadow:0 0 6px 4px #f0f0f0; float:right;}
.issue_list{ margin-top:0px; margin-left:30px; width:525px; overflow:hidden;}
.issue_list dl dt{ margin-top:35px; background:url(../images/dt_bg.jpg) no-repeat left center; padding-left:30px;}
.issue_list dl dd{ margin-top: 10px;
background: url(../images/dd_bg.jpg) no-repeat 0 0;
padding-left: 30px;
height: 65px;
border-bottom:1px dashed #bcbbbc; }

.in10{ margin-top:70px; background:#f1f1f1; height:654px; width:100%; overflow:hidden;}
.in10_c{ width:100%; height:408px;}
.video{ float:left; width:565px; height:408px;}
.video img{width:565px; height:408px;}
.in10_right{ width:635px; height:408px; float:right; background:#fff;}
.in10_right h2{ margin:25px 0 20px 45px; line-height:50px; background:url(../images/icon1.jpg) no-repeat left bottom;}
.in10_right p{ width:535px; margin-left:45px; font-size:12.84px; color:#535556; line-height:28px; }

.in10_right .ckxq{ display:block; width:90px; height:20px; margin-left:45px; color:#51b662 ; font-size:14.56px; margin-top:20px; margin-bottom:30px;}

.in10_list{ width:100%; position:relative;}
.workListWrap2{ margin:0 50px; width:550px; height:160px;}
#case_progress_prev2 {
background: url(../images/left2.jpg) no-repeat 0 0;
height: 21px;
width: 21px;
position: absolute;
z-index: 999;
overflow: visible;
top: 50%;
left: 10px;
margin-top: -30px;}
#case_progress_next2{ background: url(../images/right2.jpg) no-repeat 0 0;
    height: 21px;
    width: 21px;
    position: absolute;
    z-index: 999;
    overflow: visible;
    top: 50%;
    right: 10px;
	margin-top:-30px;
	}
.workItem2{ width:193px; height:190px; float:left; margin-right:60px; }
.workItem2:last-child{ margin-right:0;}
.workItem2 span{ display:block; line-height:35px; height:35px; color:#fff; text-align:center; font-size:16px;}
.workItem2 img{width:180px; height:155px;}



.workList4 .workItem3{height:280px; }