@charset "utf-8";



/* Style Reset

-----------------------------------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote,h1,h2,h3,h4,h5,h6,p

{ margin:0px; padding:0px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}

input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}

ul, li, dl, dt, dd, ol { display: block; list-style: none; }

fieldset, img { border:0px; }

iframe {background-image: none; }

input,textarea{outline:none;}

.clear {clear:both; height:0px;}

.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}

body,html{font-family:"微软雅黑"; color:#202020; font-weight:400; background: #eeeeee; -webkit-text-size-adjust:none; font-size:14px; min-width: 1220px;}

a{text-decoration:none; color:#202020;}

a:hover{text-decoration: underline; color:#b50d11;}

.fl{float:left;}

.fr{float:right;}

.none{display:none;}

.ani5{transition: all ease-in-out .5s;}

.ani{overflow: hidden;}

.ani img{transition: all ease-in-out .3s; display: block;}

.ani:hover img{ transform: scale(1.05);}

.h10px{ height:10px; width:100%; clear:both;}

.h15px{ height:15px; width:100%; clear:both;}

.h20px{ height:20px; width:100%; clear:both;}

.h25px{ height:25px; width:100%; clear:both;}

.h50px{ height:50px; width:100%; clear:both;}

.mt15px{ margin-top:15px !important;}

.mt10px{ margin-top:10px !important;}

.mt20px{ margin-top:20px !important;}

.mt25px{ margin-top:25px !important;}

.mr15px{margin-right: 15px;}

.w1200{width:1200px; margin:0 auto;}
.w1100{width:1100px; margin:0 auto;}

.blod{ font-weight:bold;}

.txt{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

center{ text-align:center; line-height:60px; font-family:"微软雅黑"}

em,i{ font-style:normal;}

.tecen{ text-align: center !important;}

.red{color: red;}

.w1000{width: 1000px; margin: 0 auto;}

.w100{width: 100%; overflow: hidden; position: relative; z-index: 0; min-width: 1200px;}



/*

 招聘信息

 * */

#head{position: relative; left: 0; top: 0; width: 100%;}

#nban{position: relative; width: 100%;}

.nbanner{ width: 100%; height: auto; position: relative;}

.nbanner>img{display: block; width: 100%;}





#nmain{padding: 90px 0 25px;}

.join_list dl{margin-bottom: 40px; background: #e4e4e4; padding: 28px 80px;}

.join_list dl dt{height: 50px; border-bottom: #999999 solid 1px; width: 480px; font: 400 24px/50px "微软雅黑"; color: #404c5a;}

.join_list dl dd{padding: 25px 30px 15px; font: 400 16px/28px "微软雅黑"; color: #666;}

.join_list dl dd .bt{font-size: 20px; line-height: 32px; font-weight:400; height:40px;}



.join_tel{height: 110px; background: url(../images/join_ico.jpg) right center no-repeat #6a1c1c; color: #fff; position: relative; font: 400 20px/110px "微软雅黑"; padding-left: 78px; margin: 50px 0;}

.join_tel .lf{float: left; width: 330px;}

.join_tel .ri{float: left; width: 700px;}

.join_tel em{color: #ffdfe5;}

.join_tel a{color: #ffdfe5; text-decoration: underline}

.join_tel i{display: block; height: 110px; width: 100%; top: 0; right: 100%; background: #6a1c1c; position: absolute;}





#boot{background: #516077;}

.bt_con{height: 240px; padding: 50px 22px 0 85px; position: relative;}

.bt_lf{float: left;}

.bt_logo{display: block; width: 295px; height: 74px; background:url(../images/bt_logo.jpg);}

.bt_ct{margin: 52px 0 0 60px; font: 400 16px/36px "微软雅黑"; color: #b0bccd;}

.bt_ct p{padding-left: 40px;}

.bt_ct .ico1{background: url(../images/bt_tel.jpg) left center no-repeat;}

.bt_ct .ico2{background: url(../images/bt_email.jpg) left center no-repeat;}

.bt_copy{ text-align: center; position: absolute; left: 0; bottom: 15px; width: 100%; height: 40px; font: 400 12px/40px "微软雅黑"; color: #333;}

.bt_ri{float: right;}

.bt_ri dl{float: left; width: 170px; font: 400 14px/28px "微软雅黑"; color: #b0bccd;}

.bt_ri dl a{color: #b0bccd;}

.bt_ri dl a:hover{font-size: 16px; text-decoration: underline; color: #fff;}

.bt_ri dl a.hover{font-size: 16px;}

.bt_ri dl a.hover:hover{color: #fff;}



/*

 解决方案

 * */

#bg737f8d{background: #737f8d; padding: 50px 0 0;}

.fa_list dl{border-bottom: #c3cbd8 solid 1px;}

.fa_list dl dt{height: 220px; padding: 45px 0 0;}

.fa_list dl dt .lf{float: left; width: 270px;}

.fa_list dl dt .lf .pic{display: block; width: 120px; height: 140px;}

.fa_list dl dt .lf .text{font: 400 20px/44px "微软雅黑"; color: #fff;}

.fa_list dl dt .ri{float: left; width: 730px; height:220px; position: relative;}

.fa_list dl dt .ri .text{padding: 30px 0 0; font: 400 18px/32px "微软雅黑"; color: #fff;}

.fa_list dl dt .ri .more{display: block; position: absolute; width: 130px; height: 40px; background: #8f99a4 url(../images/fajt.png) 20px center no-repeat; right: 2px; bottom: 50px; text-align: center; font: 400 16px/40px "微软雅黑"; color: #fff; cursor: pointer; text-indent:20px;}

.fa_list dl dd{display: none; background: #eeeeee; width: 100%; overflow: hidden; min-width: 1200px;}

.fa_list dl dd img{display: block; width: 1200px; margin: 0 auto;}

.fa_list dl dd .lf{float: left; width: 620px; height: 505px;}

.fa_list dl dd .lf .pic{display: block; width: 408px; height: 400px; margin: 0 auto;}

.fa_list dl dd .lf .text{text-align: center; font: 400 22px/60px "微软雅黑"; color: #666;}

.fa_list dl dd .ri{float: right; padding: 115px 0 0; width: 560px;}

.fa_list dl dd .ri .txt{height: 50px; font: bold 24px/50px "微软雅黑"; color: #333;}

.fa_list dl dd .ri .text{padding: 12px 0 0; font: 400 16px/28px "微软雅黑"; color: #666;}

.fa_list dl dd .ri .text p{background: url(../images/fa_ico.jpg) left center no-repeat; padding-left: 14px;}

.fa_list dl.on dd{display: block;}

.fa_list dl.on dt .more{background: #8f99a4 url(../images/fajt2.png) 20px center no-repeat;}

.fa_list dl:nth-child(2n) dt .lf{float: right; text-align: right;}

.fa_list dl:nth-child(2n) dt .lf .pic{float: right;}

.fa_list dl:nth-child(2n) dt .lf .text{float: right; clear: both;}

.fa_list dl:nth-child(2n) dt .ri{float: right;}

.fa_list dl:nth-child(2n) dt .ri .more{left: 2px; right: auto;}

.fa_list dl:nth-child(2n) dd .lf{float: right;}

.fa_list dl:nth-child(2n) dd .ri{float: right;}

.fa_list dl dd .ri.three{ padding-top: 25px;}

.fa_list dl dd .ri.three .text{ margin-bottom: 20px;}

.fa_list dl dd.four li{width: 33.33%; float: left;}

.fa_list dl dd.four li .pic{display: block; margin: 0 auto; width: 178px; height: 280px;}

.fa_list dl dd.four li .pic2{display: block; margin: 0 auto; width: 235px; height: 208px;}

.fa_list dl dd .pic6{display: block; height: 192px; padding: 32px 0 0;}

.fa_list dl dd.four li h4{text-align: center; height: 58px; font: bold 24px/58px "微软雅黑"; color: #333;}

.fa_list dl dd.four li h4.bt2{text-align: center; height: 64px; font: bold 24px/64px "微软雅黑"; color: #333;}

.fa_list dl dd.four li h4.bt3{text-align: center; height: 80px; font: bold 24px/80px "微软雅黑"; color: #333; padding-top: 15px;}

.fa_list dl dd.four li .son{font: 400 16px/28px "微软雅黑"; color: #666; width: 230px; margin: 0 auto; text-indent: 1em;}

.fa_list dl dd.four li .son2{font: 400 16px/28px "微软雅黑"; color: #666; width: 230px; margin: 0 auto; text-indent: 1em; padding-top: 10px;}

.fa_list dl .pt44{padding-top: 44px;}





/*

 动态列表

 * */

.ty_bg1{width:50%; position:absolute; z-index:1; left:0; bottom:0; background:rgba(255,255,255,.2); height:64px;}

.ty_bg2{width:50%; position:absolute; z-index:1; right:0; bottom:0; background:rgba(0,0,0,.3); height:64px}

.ty_bg1.on{background:rgba(0,0,0,.3); height:64px;}

.ty_bg2.on{background:rgba(255,255,255,.2); height:64px}



.n_type{ position:absolute; left:50%; bottom:0; z-index:2; margin-left:-600px; width:1200px;}

.n_type a{display:block; float:left; text-align:center; font:400 24px/64px "微软雅黑"; color:#fff; width:50%;}

.n_type a.on{background:rgba(0,0,0,.3); color:#b2b2b2;}

 

#bgfff{background: #fff;}

#news_list{padding: 100px 0 0;}

#news_list dl{height: 275px;}

#news_list dl dt{float: left; width: 305px; height: 195px;}

#news_list dl dt .pic{display: block; width: 260px; height: 195px;}

#news_list dl dd{float: left; width:895px;}

#news_list dl dd .txt{display: block; height: 22px; font: 400 22px/22px "微软雅黑"; color: #333;}

#news_list dl dd .text{height: 75px; padding: 22px 0 0; font: 400 14px/24px "微软雅黑"; color: #666;}

#news_list dl dd .tim{font: 400 22px/32px "微软雅黑"; color: #999;}

#news_list dl dd .tim em{font-size: 14px; color: #a8a8a8;}



.nv_tit{padding: 95px 0 0; font: 400 30px/42px "微软雅黑"; color: #333; text-align: center;}

.nv_tim{text-align: center; font:400 14px/40px "微软雅黑"; color: #666;}

.nv_ncon{padding: 35px 0; font: 400 16px/28px "微软雅黑"; color: #666; min-height: 300px;}

.nv_updown{height: 40px; padding-bottom: 75px; font: 400 14px/40px "微软雅黑"; color: #666;}

.nv_updown .lf,.nv_updown .ri{float: left; width: 50%;}

.nv_updown .ri{text-align: right;}

.nv_updown a{color: #666;}



/*

 案例

 * */

.bgfff{background: #fff !important;}

#cmain1{height: 633px; padding: 85px 0 0;}

.c_con1{height: 270px; width: 960px; margin: 0 auto;}

.c_con1 li{float: left; width: 320px; height: 270px;}

.c_con1 li a{display:block;}

.c_con1 li a:hover{text-decoration:none;}

.c_con1 li .pic{width: 202px; height: 202px; margin: 0 auto; position: relative; cursor:pointer;}

.c_con1 li .pic img{display: block; position: absolute; top: 14px; left: 14px; width: 174px; height: 174px; border-radius: 50em; transition: all ease-in-out .5s;}

.c_con1 li .text{text-align: center; font:bold 22px/34px "微软雅黑"; color: #333; text-decoration:none;}

.c_con1 li.hover{ background:url(../images/case_jt.png) center bottom no-repeat;}

.c_con1 li.on .pic img{width: 202px; height: 202px; left: 0; top: 0;}

.c_con1 li.hover .pic img{width: 202px; height: 202px; left: 0; top: 0;}

.c_con1 li:hover .pic img{width: 202px; height: 202px; left: 0; top: 0;}



.c_con2{height: 225px; background: #000;}

.c_con2 div{float: left; width: 600px; height: 225px;}

.c_con2 div img{display: block; width: 600px; height: 225px; opacity: .7;}

.c_con2 div.on img{opacity: 1;}

.c_con3{text-align: center; height: 74px; padding: 38px 0 0; font: bold 30px/74px "微软雅黑"; color: #333;}



#bgeee{background: #eeeeee;}

.case_con2{ height: 450px; padding: 90px 0 0;}

.case_con2 .lf{float: left; width: 580px; padding: 90px 30px 0 130px; font: 400 20px/36px "微软雅黑"; color: #333;}

.case_con2 .ri{float: left; width: 371px; height: 364px;}

.case_con3{width:100%; height:auto;}

.case_con3 img{display:block; width:100%;}



/*

 企业文化

 * */

.djs_con{ position:absolute; left:50%; margin-left: -600px; bottom:60px; height:233px; width:1200px;}

.djs_con .gdnr{overflow:hidden; width:1113px; padding:0 30px; height:235px; position:relative; background:url(../images/dsj3.png) left bottom repeat-x;}

.djs_con #gdnr{overflow:hidden; width:1113px; height:235px;}

.djs_con .gdnr li{float:left; width:200px; background:url(../images/dsj1.png) left top no-repeat; height:133px; margin-top:88px; padding-left:42px; cursor:pointer;}

.djs_con .gdnr li dt{height:30px; font:bold 24px/24px "微软雅黑"; color:#fff;}

.djs_con .gdnr li dd{font:400 16px/30px "微软雅黑"; color:#fff; width:135px; }

.djs_con .gdnr li:nth-child(2n){ height:218px; margin-top:3px; background:url(../images/dsj2.png) left top no-repeat;}

.djs_con i{display:block; position:absolute; right:0; bottom:-22px; background:url(../images/dsj4.png) left top no-repeat; width:27px; height:54px;}

 

.bgd6d9e2{background: #d6d9e2 !important;}

.ab_con1{padding: 65px 0 0; min-height: 800px;}

.ab_con1 .bt{text-align: center; font: bold 28px/54px "微软雅黑"; color: #4a596a;}

.ab_con1 .con{font: 400 16px/28px "微软雅黑"; color: #333;}



#bga3{background: #a3a3a3;}

.ab_con2{height: 158px; padding: 42px 0 0;}

.ab_con2 dl{float: left; width: 400px;}

.ab_con2 dl dt{float: left; width: 140px;}

.ab_con2 dl dd{float: left; width: 240px;}

.ab_con2 dl dd h3{height: 42px; font:400 22px/32px "微软雅黑"; color: #fff;}

.ab_con2 dl dd p{font: 400 18px/32px "微软雅黑"; color: #fff;}

.ab_con2 dl.three{width: 360px;}

.ab_con2 dl.three dd{width:220px;}



.ab_con3{height:542px; padding: 70px 0 0;}

.ab_c3lf{float: left; width: 732px;/* height: 500px;*/}



.zy-Slide{font-size:12px;position:relative;width:615px;height:380px;margin:50px 0 0}

.zy-Slide ul{position:relative;width:560px;height:380px;margin:0 auto;}

.zy-Slide li{position:absolute;list-style:none;background:#d6d9e2;width:0;height:0;top:0px;left:200px;z-index:0;cursor:pointer;border-radius:3px;margin:0;padding:0; overflow:hidden;}

.zy-Slide li img{width:100%; display:block; border:#fff solid 3px; border-radius:5px; -webkit-box-sizing:border-box;box-sizing:border-box;}

.zy-Slide li h3{ text-align:center; height:80px; font:400 18px/80px "微软雅黑"; color:#333;}

.zy-Slide section:nth-child(1),.zy-Slide section:nth-child(2){position:absolute;top:110px;width:27px;height:42px;cursor:pointer;}

.zy-Slide section:nth-child(1){left:0}

.zy-Slide section:nth-child(2){right:0}







.ab_c3ri{float: left; width: 445px; padding: 75px 0 0;}

.ab_c3ri h3{font: bold 20px/38px "微软雅黑"; color: #485460; height: 52px;}

.ab_c3ri .nr{height: 196px; overflow: hidden;}

.ab_c3ri .nr li{height: 36px; font: 400 16px/36px "微软雅黑"; color: #485460; background: url(../images/zw_ico.jpg) left center no-repeat; text-indent: 22px;}

.ab_c3ri .nr li a{color: #485460;}

.ab_c3ri .more{display: block; width: 150px; height: 50px; background: url(../images/ljgd.jpg); margin: 0 0 0 160px; font: 400 16px/40px "微软雅黑"; color: #fff; padding-right:8px; text-align: center;}





.ab_con4{min-height: 610px;}

.ab_tit{height: 54px; background: url(../images/ab_line.jpg) left center repeat-x;}

.ab_tit .bt{background: #D6D9E2; width: 170px; margin: 0 auto; font: bold 28px/54px "微软雅黑"; color: #333; text-align: center;}

.ab_c4lf{float: left; width: 465px; padding: 55px 0 0 55px;}

.ab_c4lf .tit{height: 95px; font: 400 16px/16px "微软雅黑"; color: #6a6b6e; line-height: 28px;}

.ab_c4lf .tit b{font-size: 20px; line-height: 20px; color: #333;}

.ab_c4lf .con{font: 400 16px/36px "微软雅黑"; color: #333;}

.ab_c4lf .con a{color: #666;}

.ab_c4ri{float: left; width: 553px; height: 475px; margin-top: 32px; position: relative;}

.ab_c4ri .i{display:block; width:14px; height:17px; cursor:pointer; position:absolute; background:#959dcb; -webkit-animation: shakex 1s infinite; animation: shakex 1s infinite;}

.ab_c4ri .i1{left:375px; top:145px;}

.ab_c4ri .i2{left:360px; top:173px;}

.ab_c4ri .i3{left:380px; top:198px;}



@-webkit-keyframes shakex{

	0%{

		opacity: 1;

	}

	50%{

		opacity: 0.5;

	}

	100%{

		opacity: 1;

	}

}@keyframes shake{

	0%{

		opacity: 1;

	}

	50%{

		opacity: 0.5;

	}

	100%{

		opacity: 1;

	}

}





.ab_c4ri .pic{display: block;}

.ab_c4ri div{width: 391px; height: 70px; padding:0 35px 0 65px; position: absolute; overflow: hidden; display: none;}

.ab_c4ri .addr1{background: url(../images/map_1.png); font: 400 16px/26px "微软雅黑"; color: #333; padding-top: 10px; height: 60px; top: 34px; right: -80px;}

.ab_c4ri .addr2{background: url(../images/map_2.png); font: 400 16px/74px "微软雅黑"; color: #333; top: 154px; right: 200px;}

.ab_c4ri .addr3{background: url(../images/map_3.png); font: 400 16px/26px "微软雅黑"; color: #333; padding-top: 10px; height: 60px; top: 290px; right: -80px;}



/*

 风采

 * */

.fc_con1{height: 714px; background: #516077; margin:92px auto 100px;}

.fc_con1 .lfcon{float: left; width: 740px; height: 714px; position: relative; overflow: hidden;}

.fc_con1 .lfcon li{width:740px; height:714px; position:relative;}

.fc_con1 .lfcon li img{display:block; width:740px; height:714px;}

.fc_con1 .pfnr{position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2); height:195px; width:640px; padding:0 50px;}

.fc_con1 .lfcon li .txt{ display:block; height:50px; position:absolute; left:50px; bottom:118px; font:400 26px/50px "微软雅黑"; color:#fff; width:640px;}

.fc_con1 .lfcon li .text{position:absolute; width:640px; height:60px; font:400 16px/30px "微软雅黑"; color:#fff; left:50px; bottom:45px; overflow:hidden;}

 



.fc_con1 .rslides_tabs{ position:absolute; bottom:20px; left:0px; height: 12px; width:100%;text-align:center;}

.fc_con1 .rslides_tabs li{ display: inline-block; height: 12px; width: 12px; vertical-align:top; margin-right:12px}

.fc_con1 .rslides_tabs a{text-indent:-9999px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#8a8b8d; display:block; width:12px; height:12px}

.fc_con1 .rslides_tabs .rslides_here a{background:#fff}

.fc_con1 .rslides_nav{width:50px; height:66px; position:absolute; top:250px;}

.fc_con1 .rslides_nav.prev{left:20px; background:url(../images/fc_lf.png) center center no-repeat;}

.fc_con1 .rslides_nav.next{right:20px; background:url(../images/fc_ri.png) center center no-repeat;}



.fc_con1 .ricon {width: 360px; float: left;}

.fc_con1 .ricon h3{height: 85px; border-bottom: #fff solid 1px; text-align: center; font: 400 24px/85px "微软雅黑"; color: #fff;}

.fc_con1 .ricon .nr{width: 340px; margin: 30px auto 0; height: 540px; overflow:hidden}

.fc_con1 .ricon .nr dl{height: 175px;}

.fc_con1 .ricon .nr dl dt{height: 54px; padding: 18px 0 0; font: 400 22px/54px "微软雅黑"; color: #fff;}

.fc_con1 .ricon .nr dl dd{font: 400 14px/26px "微软雅黑"; color: #dce6f2; padding: 8px 0 0;}



#bgbdbbbb{background: #bdbbbb;}

.fc_con2{height: 522px; padding: 128px 0 0; background: url(../images/fc_ico.jpg) left 128px no-repeat;}

.fc_con2 .nr{float: right; padding: 75px 10px 0 0; width: 615px; font: 400 21px/36px "微软雅黑"; color: #fff;}

.fc_con2 .nr h3{height: 54px; padding-bottom: 20px; font: bold 30px/54px "微软雅黑"; color: #fff; text-align: right;}

.fc_con2 .nr div{text-indent: 2em;}



/*

 首页

 * */

#nav{position: absolute; left: 0; top: 0; width: 100%; z-index: 99;}

.logo{display: block; float: left; width: 250px; height: 68px;padding: 26px 0 0 20px; transition: 0s;}

.hri{float: right;}

.hri .htel{float: left; width: 160px; padding: 22px 0 0 67px; font: 400 18px/38px "微软雅黑"; color: #fff; height: 76px; background: url(../images/htel.png) left 35px no-repeat;}

.nav_con{float: left; height: 130px;}

.nav_con li{position: relative; text-align: center; width: 130px; height: 120px; float: left;}

.nav_con li .son{display: block; height: 120px; padding: 20px 0 0; font: 400 18px/120px "微软雅黑"; color: #fff; text-decoration: none;}
.nav_con li .son:hover{color:#006CB7;}
/*
.nav_con li .sub{position: absolute; left: 0; top: 119px; padding: 10px 0 0; display: none; text-align: center; width: 100%;  background: rgba(0,0,0,.5); border-top:#880015 solid 3px;}

.nav_con li .sub i{display:block; width:14px; height:8px; position:absolute; left:50%; bottom:100%; margin:0 0 3px -7px; background:url(../images/nav_ico.png) center bottom no-repeat;}

.nav_con li .sub a{display: block; font: 400 14px/28px "微软雅黑"; color: #fff;}

.nav_con li .sub a:last-child{ padding-bottom: 10px;}

.nav_con li .sub a:hover{font-size:16px; text-decoration:none}*/

.nav_con li:hover{/*background: rgba(0,0,0,.5);*/}

.nav_con li.on{/*background: rgba(0,0,0,.5);*/}





#bge1e1e1{background: #e1e1e1 !important;}

.banner{width: 100%; height: auto; overflow:hidden; position:relative; min-width:1200px;}

.rslides{width:100%;position:relative;}

.rslides li{ width:100%;}

.rslides li img{display:block; width:100%;}

.banner .rslides_tabs{ position:absolute; bottom:60px; left:0px; height: 12px; width:100%;text-align:center;}

.banner .rslides_tabs li{ display: inline-block; height: 12px; width: 12px; vertical-align:top; margin-right:12px}

.banner .rslides_tabs a{text-indent:-9999px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#8a8b8d; display:block; width:12px; height:12px}

.banner .rslides_tabs .rslides_here a{background:#fff}

.banner .rslides_nav{display: none;}



#imain1{padding: 74px 0; overflow:hidden;}

.i_con1{padding: 60px 40px 0;}

.i_con1 li{float: left; width: 20%; position:relative; cursor: pointer; overflow:hidden;}

.i_con1 li .front, .i_con1 li .back{position:absolute;left:0;top:0;}

.i_con1 li .front{opacity:1}

.i_con1 li .back{ opacity:0}

.i_con1 li img{display:block; width:101%}

.i_con1 li:hover .front{ opacity:0;}

.i_con1 li:hover .back{ opacity:1;}



#imain2{ margin-bottom: 45px;}

.i_con2{padding: 50px 40px 0; overflow: hidden;}

.i_con2 li{float: left; width: 23%; position: relative; transform-style:preserve-3d;transition:1s; margin: 0 1%;}
.i_con2 li>img{width:100%}

.i_con2 li .pic{display: block; width: 100%;}

.i_con2 li .front, .i_con2 li .back{position:absolute;left:0;top:0; width:100%; height:100%; backface-visibility:hidden;}

.i_con2 li .front{ text-align:center;}

.i_con2 li .front img{display:block; width:100%; height:96%; top:2%; left:0; position:absolute;}

.i_con2 li .front h3{position:absolute; left:0; top:50%; font:bold 34px/34px "微软雅黑"; color:#fff; margin-top:-17px; width:100%;}

.i_con2 li .back{transform:rotateY(180deg); background:#475b74;}

.i_con2 li .back .nr{position:absolute; width:70%; left:20%; top:50%; font:400 28px/50px "微软雅黑"; margin-top:-100px; color:#fff;}

.i_con2 li .back img{ display:block; width:100%; height:100%; opacity:.5}

.i_con2 li:hover{transform:rotateY(180deg);}



#imain3{height:540px; overflow:hidden;}



.i_con3{position: relative; margin: 10px 0 0; padding: 140px 0; overflow:hidden;}

.i_con3 .yx{display: block; margin: 0 auto; width: 310px; height: 310px;}

.i_con3 .pic{position: absolute; width: 435px; font: 400 20px/120px "微软雅黑"; color:#5f5f5f;}

.i_con3 .pic img{display: inline-block; vertical-align: middle; margin-right: 38px;}

.i_con3 .pic1{left: 50%; margin-left: -35px; height: 125px; top: 15px;}

.i_con3 .pic2{left: 50%; margin-left: 95px; height: 125px; top: 100px;}

.i_con3 .pic3{left: 50%; margin-left: 108px; height: 125px; top: 230px;}

.i_con3 .pic4{left: 50%; margin-left: 10px; height: 125px; top: 325px;}

.i_con3 .pic5{right: 50%; margin-right: 50px; height: 125px; top: 315px;}

.i_con3 .pic6{right: 50%; margin-right: 120px; height: 125px; top: 200px;}

.i_con3 .pic7{right: 50%; margin-right: 83px; height: 125px; top: 70px;}

.i_con3 .pic5,.i_con3 .pic6,.i_con3 .pic7{text-align: right;}

.i_con3 .pic5 img,.i_con3 .pic6 img,.i_con3 .pic7 img{margin: 0 0 0 38px;}

/*

.i_con3{position:relative; height:710px; margin-top:90px;}

.i_con3 .fwys{position:absolute; top:50%; left:50%; width:0px; height:0px; background:url(../images/fwys.jpg) center center no-repeat; transition:all ease-in-out 2.5s; border-radius:50em;}

.i_con3.on .fwys{width:100%; height:100%; border-radius:50em; left:0; top:0}

*/

.i_tit{height: 54px; text-align: center; font: 400 40px/54px "微软雅黑"; color: #313131;}

.i_con4{padding: 50px 0 0; overflow:hidden;}

.i_con4 li{width: 25%; float: left;position: relative}

.i_con4 li .bt{width:100%;}

.i_con4 li .pic{width: 99%; left: 0.5%; top: 0.5%; background:#000000; position: absolute; transition: all ease-in-out .5s; height:99%;}

.i_con4 li .pic img{display:block; width:100%; height:100%; opacity: .6; transition: all ease-in-out .2s; cursor:pointer;}

.i_con4 li:hover{z-index: 2;}

.i_con4 li:hover .pic{width: 102%;opacity: 1; top: -1%; left: -1%; height:102%;}

.i_con4 li:hover .pic img{display:block; width:100%; height:100%; opacity:1; transition: all ease-in-out .2s;}

/*

分页

*/

.page{padding: 50px; text-align: center; font: 400 14px/40px "微软雅黑"; color: #000000;}

.page a{display: inline-block; height: 38px; border: #e5e5e5 solid 1px; margin-left: -1px; padding: 0 14px; color: #000000;}

.page a:hover{color: #fff; background: #516077; border: #516077 solid 1px;}

.page a.on{color: #fff; background: #516077; border: #516077 solid 1px;}

.page a.no{background: #efefef;}

.page p{display: inline-block; vertical-align: middle; margin: 0 10px;}

.page input{display: inline-block; height: 38px; border: #516077 solid 1px; width: 34px; color: #000000; text-align: center; margin-right: 10px;}

.page input.btn{background: #516077; border: #516077 solid 1px; width: 60px; color: #fff; cursor: pointer; margin-left: 10px;}



#pfcon{position:fixed; right:0; top:50%; margin-top:-150px; background:#475b74}

#pfcon .son{display:block; width:60px; height:90px; border-bottom:#fff solid 1px; position:relative; cursor:pointer;}

#pfcon .son i{display:block; width:60px; height:90px; background:url(../images/pf_pic1.jpg) center center no-repeat #475b74; position:relative; z-index:1;}

#pfcon .son:nth-child(2) i{display:block; width:60px; height:90px; background:url(../images/pf_pic2.jpg) center center no-repeat #475b74; position:relative; z-index:1;}

#pfcon .son p{position:absolute; left:0; top:0; height:90px; width:160px; overflow:hidden; line-height:90px; color:#fff; transition:all ease-in-out .5s; text-align:center; background:#475b74}

#pfcon .son.on p{left:-160px;}

#pfcon .son2{display:block; width:60px; height:90px; position:relative; cursor:pointer;}

#pfcon .son2 i{display:block; width:60px; height:90px; background:url(../images/pf_pic3.jpg) center center no-repeat;}