.layout{max-width:1200px; margin:0 auto; padding:0px 15px;}
img{max-width:100%;}
.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix{zoom:1;}
.clearfix:after{content:" ";clear:both;height:0;visibility:hidden;display:block;}

/*header*/
.header{width:100%; background:#fff; padding:10px 0px; position:relative;}
.header .logo{float:left; padding-top:10px;}
.header .logo img{max-width:115px;}
.header .loghd{float:left; border-left:1px solid #ddd; height:60px; margin-left:25px; padding-left:20px;}
.header .loghd .t1,.header .loghd .t2{display:block; font-size:18px;}
.header .loghd .t1{color:#999; padding-top:3px;}
.header .loghd .t2{color:#e40006; font-family:Arial; background:url(../skin/phoneco.png) left center no-repeat; padding-left:27px;}
.header .nav{float:right; margin-top:30px;}
.header .nav a{font-size:18px; color:#333; margin-left:45px; padding-bottom:5px;}
.header .nav a:hover{color:#e50113;}
.header .nav a.on{color:#e50113; border-bottom:4px solid #e50113;}
.header .showbtn{float:right; margin-top:3px; display:none;}
.hd_shadow{width:100%; height:20px;background:url(../skin/header-shadow.png) center center no-repeat; position:absolute; left:0px; bottom:-20px; z-index:10;}
/*navsub*/
.navmask{width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:200; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,.7); opacity:0; display:none;}
.navsub{overflow:hidden; position:fixed; right:0px; top:0px; width:0%; height:100%; z-index:500;}
.navsub .subsearch{width:100%; height:50px; background:#eee;}
.navsub .subsearch .searchtext{width:90%; height:20px; padding:15px 5%; border:none; font-size:18px; background:none;}
.navsub .subsearch .searchbtn{width:50px; height:50px; border:none; overflow:hidden; text-indent:-9999px; position:absolute; right:0px; top:0px; cursor:pointer;}
.navsub .subbox{width:100%; height:100%; background:#1d1d1d; position:relative; overflow-y:auto;}
.navsub .subbox .subtab li{border-bottom:1px solid #343434; position:relative;}
.navsub .subbox .subtab li .tlink{display:block; padding:10px; font-size:18px; color:#fff;}
.navsub .subbox .subtab li.on .tlink{background:#e50113;}
.navsub .subbox .subtab li .submenu{width:100%; overflow:hidden; display:none;}
.navsub .subbox .subtab li .submenu a{display:block; font-size:18px; color:#fff; padding:10px; border-top:1px solid #343434;}

.section{overflow:hidden;}
.s01,.s04,.s05,.s06{padding-bottom:25px;}
.s02,.s04,.s06{background:url(../skin/about1.png) no-repeat; background-size:100% 100%;}
.s01{padding-bottom:6px;}
.s04{padding-bottom: 60px;}
/*banner*/
.swiper-home-container .banner-height{display:block; background-position:center top; background-repeat:no-repeat; background-size:cover;height:740px;}
.swiper-home-container .banner-height img{max-width:100%; display:block;}
.swiper-home-container .swiper-button-next,.swiper-home-container .swiper-button-prev{position:absolute; top:50%; z-index:3; margin-top:-31px; width:48px; height:50px; overflow:hidden; text-indent:-9999px; background:url(../skin/slider-button.png) no-repeat;}
.swiper-home-container .swiper-button-prev{left:60px; background-position:0px 0px; opacity:0; visibility:hidden;}
.swiper-home-container .swiper-button-prev:hover{background-position:0px -50px;}
.swiper-home-container .swiper-button-next{right:60px; background-position:-48px 0px; opacity:0; visibility:hidden;}
.swiper-home-container .swiper-button-next:hover{background-position:-48px -50px;}
.banner-container:hover .swiper-button-prev{opacity:1; visibility:visible;}
.banner-container:hover .swiper-button-next{opacity:1; visibility:visible;}
.banner-container .swiper-pagination{width:100%; text-align:center; left:0px; bottom:15px !important;}
.swiper-pagination .swiper-pagination-bullet{display:inline-block; width:11px; height:11px; margin:0px 3px; background:#fff; border-radius:50%; opacity:1; cursor:pointer; overflow:hidden; text-indent:-9999px;}
.swiper-pagination .swiper-pagination-bullet-active{background:#e50113;}

/*index*/
#main .header{position:absolute; left:0px; top:0px; z-index:50;}
#main .youshilist{margin-top:30px;}
#main .youshilist ul li h3{font-weight:100;}
#main .fieldtab{margin:40px 0px;}
.indexth1{text-align:center; padding-top:30px;}
.indexth2{text-align:center; font-size:16px; color:#999; padding-top:5px;}
.indexcurr{margin:3% 0px 0px 0px;}
.indexmore{text-align:center; padding:30px 0px;}
.indexmore a{display:block; width:150px; height:50px; line-height:50px; font-size:18px; color:#666; border:1px solid #dcdcdc; border-radius:25px; margin:0 auto; transition: all 1s ease-out 0s;}
.indexmore a:hover{background:#e50113; border-color:#e50113; color:#fff;}
.indexowl{margin-top:2%;}
.indexeeo{display:none;}
.indexowl .indexpb{width:100%; height:100%; position:relative; overflow:hidden;}
.indexowl .indexpb .bg{width:100%; display:block;}
.indexowl .indexpb .xth2{width:90%; padding:0px 5%; position:absolute; left:0px; top:50%; margin-top:-27.5px; z-index:5; font-size:20px; font-weight:bold; color:#fff; text-align:center; transition: all 1s ease-out 0s;}
.indexowl .indexpb .xth2 .ci{display:block; width:40px; height:4px; background:#fff; margin:3% auto;}
.indexowl .indexpb:hover .xth2{opacity:0; visibility:hidden;}
.indexowl .indexpb .tmain{width:100%; height:100%; position:absolute; left:0px; top:-100%; z-index:10; text-align:center; background:#e50113; filter:alpha(opacity=70); background:rgba(299,1,9,.7); visibility:hidden; transition: all 0.5s ease-out 0s; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5);}
.indexowl .indexpb .tmain h3{font-size:20px; font-weight:bold; color:#fff; padding:25% 5% 0px 5%;}
.indexowl .indexpb .tmain .ci{display:block; width:40px; height:4px; background:#fff; margin:3% auto;}
.indexowl .indexpb .tmain h4{font-size:14px; color:#fff; padding:0px 22%; margin:5% 0px 20% 0px;}
.indexowl .indexpb .tmain .mrsn{font-size:14px; color:#fff; display:block; width:135px; height:40px; line-height:40px; border:1px solid #fff; margin:0 auto; border-radius:25px;}
.indexowl .indexpb:hover .tmain{top:0px; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); visibility:visible;}
#owl-demo3 .owl-prev,#owl-demo3 .owl-next{font-size:0; margin:0; padding:0; border-radius:0px; width:48px; height:100px; position:absolute; top:50%; margin-top:-29px; background:url(../skin/casebtn.png) no-repeat;}
#owl-demo3 .owl-prev{left:0; background-position:0px 0px;}
#owl-demo3 .owl-next{right:0; background-position:-48px 0px;}
.indexfield .fieldul{width:50%; float:left;}
.indexfield .fieldul li{border-top:1px solid #ddd; position:relative; padding:20px 0px 10px 0px;}
.indexfield .fieldul li:nth-child(1){border:none;}
.indexfield .fieldul li .pic{position:absolute; left:0px; top:20px; z-index:10; max-height:98px; max-width:98px; border-radius:50%;}
.indexfield .fieldul li .tmain{padding-left:20%;}
.indexfield .fieldul li .tmain .h2{margin-bottom:10px;}
.indexfield .fieldul li .tmain .h2 a{font-size:16px; color:#333;}
.indexfield .fieldul li .tmain .h2 a:hover{color:#e50113;}
.indexfield .fieldul li .tmain .h3{font-size:14px; color:#999;}
.indexfield .fieldul li .tmain .h4 a{width:100px; height:30px; line-height:30px; border:1px solid #ddd; border-radius:25px; text-align:center; float:right; color:#555;}
.indexfield .fieldul li .tmain .h4 a:hover{background:#e50113; border-color:#e50113; color:#fff;}
.indexfield .fulf li{margin-right:12%;}
.indexfield .fulr li{margin-left:12%;}
.indexfield .indexmore{padding:0px; position:relative; z-index:1; margin-top:5%;}
.indexfield .indexmore a{width:150px; height:50px; line-height:50px;}
.indexfield .indexmore .linet,.indexfield .indexmore .liner{display:block; width:40%; height:1px; background:#ddd; position:absolute; left:0px; top:50%;}
.indexfield .indexmore .liner{left:auto; right:0px;}
#owl-demo4 .owl-prev,#owl-demo4 .owl-next{font-size:0; margin:0; padding:0; border-radius:0px; width:36px; height:36px; position:absolute; bottom:0px; z-index:50; margin-bottom:-95px; background:url(../skin/fieldco5.png) no-repeat; transition: all 0.5s ease-out 0s; display:none;}
#owl-demo4 .owl-prev{left:38%; background-position:0px 0px;}
#owl-demo4 .owl-prev:hover{background-position:0px -36px;}
#owl-demo4 .owl-next{right:38%; background-position:-36px 0px;}
#owl-demo4 .owl-next:hover{background-position:-36px -36px;}
.indexcoop{margin:50px 0px;}
.indexcoop .incoobox{width:50%; float:left;}
.indexcoop .incoobox .coortmain{width:100%; height:100%; max-height:415px; overflow-y:auto;}
.indexcoop .incoobox .coortmain h2{font-size:24px; font-weight:bold; color:#333;}
.indexcoop .incoobox .coortmain p{font-size:14px; color:#666; margin-top:20px; line-height:30px;}
.indexcoop .incoobox .coortmain p a{color:#e50113;}
.indexcoop .incoobox .indexabnum{/* background:#fff; */padding: 0px 25px;line-height: 25px;margin-left:6%;}
.indexcoop .incoobox .indexabnum h2{font-size:24px;margin-bottom: 15px;color:#333;}
.indexcoop .incoobox .indexabnum .abulnum{width:100%;}
.indexcoop .incoobox .indexabnum .abulnum li{position:relative; margin-top:30px;}
.indexcoop .incoobox .indexabnum .abulnum li .num{position:absolute; left:0px; top:0px; font-size:18px; color:#5a9bd5;}
.indexcoop .incoobox .indexabnum .abulnum li .stem{padding-left:10%; padding-top:8px;}
.indexcoop .incoobox .indexabnum .abulnum li .stem .sten{display:block; width:100%; height:10px; background:#e0e0e0; overflow:hidden;}
.indexcoop .incoobox .indexabnum .abulnum li .stem .sten span{display:block; width:25%; height:10px; background:#5a9bd5;}
.indexcoop .incoobox .indexabnum .abulnum li .stem h3{font-size:14px; color:#666; padding-top:10px;}
.indexcoop .incoobox .indexabnum .abulnum li.t0 .num{color:#5a9bd5;}
.indexcoop .incoobox .indexabnum .abulnum li.t1 .num{color:#ed7d34;}
.indexcoop .incoobox .indexabnum .abulnum li.t2 .num{color:#a5a5a5;}
.indexcoop .incoobox .indexabnum .abulnum li.t3 .num{color:#ffc000;}
.indexcoop .incoobox .indexabnum .abulnum li.t0 .stem .sten span{background:#5a9bd5;}
.indexcoop .incoobox .indexabnum .abulnum li.t1 .stem .sten span{background:#ed7d34;}
.indexcoop .incoobox .indexabnum .abulnum li.t2 .stem .sten span{background:#a5a5a5;}
.indexcoop .incoobox .indexabnum .abulnum li.t3 .stem .sten span{background:#ffc000;}
/* focus_Box */
#focus_Box{position:relative;width:785px;height:495px; margin:0 auto;}
#focus_Box ul{position:relative;width:785px;height:495px}
#focus_Box li{z-index:0; position:absolute; width:0px; background:#787878; height:0px; top:146px; left:377px; cursor:pointer; box-shadow:1px 1px 12px rgba(200, 200, 200, 1); overflow:hidden;}
#focus_Box li img{width:100%; height:100%;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;text-indent:-9999px;cursor:pointer;width:32px; height:58px; position:absolute; top:50%; margin-top:-29px; background:url(../skin/aboutbtn.png) no-repeat;}
#focus_Box .prev{right:-38%; background-position:-32px 0px;}
#focus_Box .next{left:-38%; background-position:0px 0px;}
/* focus_Box */
.tuivideo{margin-top:45px;}

/*about*/
.abbanner{width:100%; overflow:hidden;zoom:1; position:relative;}
.abbanner img{width:100%; display:block;}
.abbanner .ah2{width:100%; position:absolute; left:0px; top:35%; font-size:72px; color:#e50113; font-weight:bold; text-align:center;}
.abbanner .ah3{width:100%; position:absolute; left:0px; top:48%; font-size:24px; color:#fff; text-align:center;}
.abbanner .ah4{width:80%; padding:0px 10%; position:absolute; left:0px; top:60%; font-size:14px; color:#fff; text-align:center;}
.abbanner .xiala{width:80%; padding:0px 10%; position:absolute; left:0px; bottom:10px; text-align:center; font-size:14px; color:#fff;cursor:pointer;}
.abbanner .xiala .ci{display:block; width:39px; height:21px; margin:5px auto; background:url(../skin/xiala.png) no-repeat;}
.aboutone{width:100%; padding-bottom:90px; background:url(../skin/about1.png) no-repeat; background-size:100% 100%;}
.abh2{padding:60px 0px 30px 0px;}
.aboutmain{padding-top:60px; position:relative;}
.aboutmain .abtleft{padding:0px 6.5% 22px 0px; margin-right:34%; border-right:1px solid #ddd; position:relative;}
.aboutmain .abtleft .abh2{padding-top:0px;}
.aboutmain .abtleft .abouttdiv{width:100%; height:450px; overflow:hidden;}
.aboutmain .abtleft .abouttdiv.on{overflow-y:auto;}
.aboutmain .abtleft .abouttdiv .m3{font-size:24px; color:#333;}
.aboutmain .abtleft .abouttdiv .m4{color:#999;}
.aboutmain .abtleft .abouttdiv p{font-size:14px; color:#999; margin-top:20px; line-height:30px;}
.aboutmain .abtleft .abmore{position:absolute; left:0px; bottom:0px; color:#333; padding-right:15px; background:url(../skin/abmore.png) right center no-repeat;}
.aboutmain .abtright{width:303px; position:absolute; right:0px; top:60px;}
.aboutmain .abtright ul li{border:1px solid #ddd; padding:8%; text-align:center; margin-bottom:4%;}
.aboutmain .abtright ul li strong{font-size:60px; color:#8cc747;}
.aboutmain .abtright ul li p{font-size:14px; color:#666;}
.abouttwo{width:100%; background:#fff; padding-bottom:90px;}
.abouttwo .youshilist ul li .td{background:#f6f6f6;}
.youshilist{width:100%;}
.youshilist ul li{width:33.333%; float:left; text-align:center; margin-bottom:20px;}
.youshilist ul li:hover .td{background:url(../skin/stebg.png) no-repeat; background-size:100% 100%;}
.youshilist ul li .td{padding:10px 20px 30px 20px; height:210px; position:relative;}
.youshilist ul li .a0{margin-right:22px;}
.youshilist ul li .a1{margin:0px 11px;}
.youshilist ul li .a2{margin-left:22px;}
.youshilist ul li .ci{display:block; width:96px; height:96px; border:1px solid #ddd; border-radius:50%; margin:0 auto; transition: all 0.5s; background-position:0px 0px;}
.youshilist ul li:hover .ci{border-color:#e50113;}
.youshilist ul li .c0{background:url(../skin/aco1.png) no-repeat;}
.youshilist ul li:hover .c0{background-position:0px -96px;}
.youshilist ul li .c1{background:url(../skin/aco2.png) no-repeat;}
.youshilist ul li:hover .c1{background-position:0px -96px;}
.youshilist ul li .c2{background:url(../skin/aco3.png) no-repeat;}
.youshilist ul li:hover .c2{background-position:0px -96px;}
.youshilist ul li .c3{background:url(../skin/aco4.png) no-repeat;}
.youshilist ul li:hover .c3{background-position:0px -96px;}
.youshilist ul li .c4{background:url(../skin/aco5.png) no-repeat;}
.youshilist ul li:hover .c4{background-position:0px -96px;}
.youshilist ul li .c5{background:url(../skin/aco6.png) no-repeat;}
.youshilist ul li:hover .c5{background-position:0px -96px;}
.youshilist ul li .c6{background:url(../skin/aco7.png) no-repeat;}
.youshilist ul li:hover .c6{background-position:0px -96px;}
.youshilist ul li .c7{background:url(../skin/aco8.png) no-repeat;}
.youshilist ul li:hover .c7{background-position:0px -96px;}
.youshilist ul li .c8{background:url(../skin/aco9.png) no-repeat;}
.youshilist ul li:hover .c8{background-position:0px -96px;}
.youshilist ul li h3{font-size:20px; font-weight:bold; color:#333; padding:20px 0px;}
.youshilist ul li h4{font-size:14px; color:#666; padding:0px 28px;}
.inpb{width:95%; display:block; margin:0 auto !important;}
.inpb .pic{overflow:hidden;}
.inpb .pic img{width:100%; display:block; transition: all 0.5s;}
.inpb:hover .pic img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.inpb .title{padding:15px 10px; background:#fff; height:48px;}
.inpb .title h2{font-size:18px; color:#333;}
.inpb .title h3{font-size:14px; color:#666;}
.inpb:hover .title{background:#e50113;}
.inpb:hover h2,.inpb:hover h3{color:#fff;}
#owl-demo .owl-prev,#owl-demo .owl-next,#owl-demo1 .owl-prev,#owl-demo1 .owl-next{font-size:0; margin:0; padding:0; width:32px; height:58px; position:absolute; top:50%; margin-top:-29px; background:url(../skin/aboutbtn.png) no-repeat; display:none;}
#owl-demo .owl-prev,#owl-demo1 .owl-prev{left:-6%; background-position:0px 0px;}
#owl-demo .owl-next,#owl-demo1 .owl-next{right:-6%; background-position:-32px 0px;}
.cooplist{width:100%;}
.cooplist ul li{border:1px solid #ddd; float:left; margin:13px 13px 0px 0px; width:158px;}
.cooplist ul li:nth-child(7n){margin-right:0px;}
.cooplist ul li img{width:100%; display:block;}
.cooplist ul li:hover{border-color:#e50113;}

/*curriculum*/
.curtab{padding:30px 0px 50px 0px;}
.curtab ul li{float:left; margin:20px 16px 0px 0px;}
.curtab ul li:nth-child(6n){margin-right:0px;}
.curtab ul li a{display:block; width:186px; height:55px; line-height:55px; vertical-align:middle; border-radius:25px; background:#bdbdbd; text-align:center; color:#fff; font-size:20px; transition: all 0.5s;}
.curtab ul li img{vertical-align:middle; margin-right:5px;}
.curtab ul li:hover a,.curtab ul li.on a{background:#e50113;}
.cupro{margin-bottom:135px;}
#owl-demo1 .cupb{margin:0px !important; width:100%; float:left;}
.currultm li{width:50%; height:250px; float:left; margin-top:4px;}
.currultm li a{display:block; margin-right:2px; position:relative; overflow:hidden;}
.currultm li:nth-child(2n){float:right;}
.currultm li:nth-child(2n) a{margin-left:2px;}
.currultm li .bg{width:100%; display:block; transition: all 0.5s;}
.currultm li .tmain{width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,.7); text-align:center; opacity:0; visibility:hidden;}
.currultm li .tmain img{margin-top:11%; width:auto !important;}
.currultm li .tmain h2{font-size:24px; color:#fff;}
.currultm li .tmain .ci{display:block; width:66px; height:74px; position:absolute; right:0px; bottom:0px; background:url(../skin/kecon8.png) no-repeat;}
.currultm li:hover .tmain{opacity:1; visibility:visible;}
.curitem{width:100%; overflow:hidden;zoom:1; position:relative; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.curitem .bg{width:100%; display:block;}
.cuitem0{height:698px;}
.cuitem1,.cuitem2,.cuitem3{height:797px;}
.cuitem4{height:736px;}
.cuitem5{height:576px;}
.cuitem6{height:689px;}
.cuitem1 .wtbg{position:absolute; left:0px; top:0px; z-index:10; height:100%;}
.cuitem1 .cuh2{position:absolute; left:50%; margin-left:-600px; bottom:24%; z-index:20; font-size:36px; font-weight:bold; color:#fff;}
.cuitem1 .cuh2 .st{display:inline-block; width:6px; height:33px; background:#e50113; margin:-2px 10px 0px 0px; vertical-align:middle;}
.cuitem1 .cuh3{position:absolute; left:50%; margin-left:-600px; bottom:15%; z-index:20; font-size:14px; color:#fff; max-width:615px;}
.cuitem2 .wtbg{position:absolute; right:0px; top:0px; z-index:10; height:100%;}
.cuitem2 .cuh2{position:absolute; left:50%; margin-left:-17px; bottom:24%; z-index:20; font-size:36px; font-weight:bold; color:#fff;}
.cuitem2 .cuh2 .st{display:inline-block; width:6px; height:33px; background:#e50113; margin:-2px 10px 0px 0px; vertical-align:middle;}
.cuitem2 .cuh3{position:absolute; left:50%; margin-left:-17px; bottom:12%; z-index:20; font-size:14px; color:#fff; max-width:615px;}
.cuitem3 .cuh2{position:absolute; left:0px; top:10%; width:100%; text-align:center; font-weight:bold; color:#fff; font-size:36px;}
.cuitem3 .cuh2 span{display:block; color:#fff; font-size:18px; font-weight:100;}
.cuitem3 .cup0,.cuitem3 .cup1,.cuitem3 .cup2{position:absolute; left:50%; background:url(../skin/kecon12.png) left 15px no-repeat; padding-left:450px; font-size:18px; color:#666;}
.cuitem3 .cup0 span,.cuitem3 .cup1 span,.cuitem3 .cup2 span{display:block; font-size:24px; color:#fff;}
.cuitem3 .cup0{top:28%;}
.cuitem3 .cup1{top:55%;}
.cuitem3 .cup2{bottom:10%;}
.cuitem4 .cutmain{width:410px; background:#e50113; padding:45px 35px; margin-top:165px;}
.cuitem4 .cutmain h2{font-size:48px; font-weight:bold; color:#fff;}
.cuitem4 .cutmain h3{font-size:20px; color:#fff;}
.cuitem4 .cutmain h4{font-size:14px; color:#fff; margin:30px 0px 50px 0px;}
.cuitem5 .cutmain{width:558px; height:576px; padding:0px 55px; background:url(../skin/kecon14.png) no-repeat;}
.cuitem5 .cutmain h2{font-size:60px; color:#fff; text-align:center; font-weight:bold; padding-top:147px;}
.cuitem5 .cutmain .line{display:block; width:100%; height:1px; background:#fff; margin:30px 0px;}
.cuitem5 .cutmain h3{font-size:18px; color:#fff; margin:0px 40px;}
.cuitem5 .cutmain h3 .tns{color:#e50113;}
.cuitem5 .frbg{float:right; background:url(../skin/kecon13.png) no-repeat;}
.curtablink{width:100%; height:50px; line-height:50px; text-align:center; position:absolute; left:0px; top:0px; z-index:100; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,.7);}
.curtablink a{font-size:14px; color:#ababab; padding:0px 15px; background:url(../skin/kecon9.png) right center no-repeat;}
.curtablink a:last-child{background:none;}
.curtablink a:hover,.curtablink a.on{color:#e50113;}
.curtablink.fixed{position:fixed;}

/*case*/
.caseth1{text-align:center; padding:50px 0px 30px 0px;}
.newslist{width:100%; padding-top:30px;}
.newslist ul li{border:1px solid #ddd; margin-top:22px; background:#fff;}
.newslist ul li .pic{float:left; width:27%; overflow:hidden; position:relative;}
.newslist ul li .pic img{display:block; width:100%; height:100%; transition: all 0.5s;}
.newslist ul li .pic:hover img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.newslist ul li .tmain{width:70%; padding:1.5%; float:right;}
.newslist ul li .tmain h2{font-size:24px; color:#333; transition: all 0.5s ease;}
.newslist ul li .tmain h2:hover{color:#ee0000;}
.newslist ul li .tmain h3{font-size:14px; color:#999; padding:1% 0;}
.newslist ul li .tmain h4{font-size:14px; color:#666;}
.newslist ul li .tmain .moresn{display:block; width:80px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#999; border:1px solid #ddd; margin-top:5%; float:right;}
.newslist ul li .tmain .moresn:hover{background:#e50113; border-color:#e50113; color:#fff;}
.newsdetails .h1{font-size:36px; color:#333; text-align:center; margin-bottom:20px;}
.newsdetails .h2shark{height:35px; line-height:35px; background:#f6f6f6; padding:0px 20px;}
.newsdetails .h2shark .time{color:#999; float:left;}
.newsdetails .h2shark .fxsn{color:#666; font-weight:700; float:right;}
.newsdetails .h2shark .bdsharebuttonbox{float:right; width:161px; margin-top:4px;}
.nwmore{overflow:hidden;zoom:1; border-top:1px solid #ddd; padding-top:20px; padding-bottom:100px;}
.nwmore .ul{float:left;}
.nwmore .ul li{font-size:16px; color:#333; margin:5px 0px;}
.nwmore .ul li a{color:#333;}
.nwmore .ul li a:hover{color:#e50113; text-decoration:underline;}
.nwmore .return{float:right; display:block; width:160px; height:45px; line-height:45px; border-radius:5px; background:#ee0000; font-size:16px; color:#fff; text-align:center; transition: all 0.5s;}
.nwmore .return:hover{background:#9a0d0d;}
.page{text-align:center; padding:50px 0px;}
.page a{font-size:14px; display:inline-block; border:1px solid #dcdcdc; padding:3px 10px; color:#666;}
.page a.on{background:#e50113; border-color:#e50113; color:#fff;}
.page a:hover{border-color:#e50113;}
.loadbtn{text-align:center; padding:50px 0px; display:none;}
.loadbtn a{display:block; width:150px; height:30px; line-height:30px; border:1px solid #666; font-size:14px; color:#666; margin:0 auto;}

/*video*/
.videotou{width:100%;}
.videotou div{width:100%; height:100%;}
.video1{width:100%;}
.videobom{width:100%;}
.videobom .vidpro{width:100%;}
.videobom .vdpb{width:96%; margin:0 auto; cursor:pointer;}
.videobom .vdpb .pic{border:2px solid #fff;}
.videobom .vdpb .pic img{width:100%; display:block;}
.videobom .vdpb .title{text-align:center; font-size:14px; color:#666; padding:2% 0px;}
.videobom .item.on .pic{border:2px solid #e50113;}
#owl-demo2 .owl-prev,#owl-demo2 .owl-next{font-size:0; margin:0; padding:0; width:39px; height:39px; position:absolute; top:50%; margin-top:-29px; background:url(../skin/vidco1.png) no-repeat; display:none;}
#owl-demo2 .owl-prev{left:-6%; background-position:0px 0px;}
#owl-demo2 .owl-next{right:-6%; background-position:-39px 0px;}

.vidpro .vdpb{float:left; width:25%; margin-top:10px;}
.vidpro .item{width:96%; margin:0 auto; cursor:pointer;}
.videopage{overflow:hidden;zoom:1; margin-bottom:50px;}
.videopage span{ font-size:14px; color:#333;}
.videopage .tl1{float:left;}
.videopage .tl2{float:right;}
.vh_title{font-size:18px; color:#333; font-weight:700; padding:15px 0px;}

/*field*/
.fieldtab{width:100%; overflow:hidden;zoom:1;}
.fieldtab a{display:block; width:50%; height:52px; line-height:52px; background:#333; float:left; text-align:center; font-size:18px; color:#fff;}
.fieldtab a img{vertical-align:middle; margin-right:5px;}
.fieldtab a.on{background:#e50113;}
.fieldlist ul li{border:1px solid #ddd; margin-top:-1px;}
.fieldlist ul li .pic .ci{display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; background:url(../skin/fieldco4.png) no-repeat; background-size:100% 100%;}
.fieldlist ul li:hover{background:#f0f0f0;}
.fieldlist ul li .tmain h2 a{color:#666;}
.fieldlist ul li .tmain h4{padding-top:3%;}
.fieldlist ul li .tmain h5{padding-top:4%;}
.fieldlist ul li .tmain h5 .bdsharebuttonbox .bds_more{font-size:14px; color:#666; background:url(../skin/fieldco3.png) left center no-repeat; padding:3px 0px 5px 25px;}
.fieldlist ul li .tmain h5 .dianjiyd{color:#e50113; float:right; font-size:14px;}
.newsdetails .h1{font-size:36px; color:#333; text-align:center; margin-bottom:20px; padding-top:45px;}
.newsdetails .h2shark{height:35px; line-height:35px; background:#f6f6f6; padding:0px 20px;}
.newsdetails .h2shark .time{color:#999; float:left;}
.newsdetails .h2shark .fxsn{color:#666; font-weight:700; float:right;}
.newsdetails .h2shark .bdsharebuttonbox{float:right; width:161px; margin-top:4px;}
.nwmore{overflow:hidden;zoom:1; border-top:1px solid #ddd; padding-top:20px; padding-bottom:100px;}
.nwmore .ul{float:left;}
.nwmore .ul li{font-size:16px; color:#333; margin:5px 0px;}
.nwmore .ul li a{color:#333;}
.nwmore .ul li a:hover{color:#e50113; text-decoration:underline;}
.nwmore .return{float:right; display:block; width:160px; height:45px; line-height:45px; border-radius:5px; background:#555; font-size:16px; color:#fff; text-align:center; transition: all 0.5s;}
.nwmore .return:hover{background:#e50113;}
.luxianlist{display:none;}

/*contact*/
.contaclt{width:100%; overflow:hidden;zoom:1;}
.contaclt ul li{width:33.333%; height:166px; float:left;}
.contaclt ul li div{padding:50px 30px; height:66px; background:#f4f4f4; transition: all 0.5s;}
.contaclt ul li div.t1{margin-right:20px;}
.contaclt ul li div.t2{margin:0px 10px;}
.contaclt ul li div.t3{margin-left:20px;}
.contaclt ul li:hover div{background:#e8e0e0;}
.contaclt ul li img{width:64px; height:64px; float:left; margin-right:30px;}
.contaclt ul li h3{font-size:14px; color:#333; font-weight:bold;}
.contaclt ul li p{font-size:14px; color:#666;}
.map{border:1px solid #ddd; padding:5px; margin:60px 0px 85px 0px;}
.map img{width:100%; display:block;}

/*rightbox*/
.rightbox{position:fixed; right:0px; top:43%; margin-top:-99px; z-index:100; _position:absolute; transition: all 0.5s;}
.rightbox ul li{width:70px; height:52px; padding-top:13px; margin-top:1px; background:#f7f7f7; cursor:pointer; position:relative;}
.rightbox ul li .ci{display:block; width:22px; height:22px; margin:0 auto; background:url(../skin/ewmbtn.png) no-repeat; transition: all 0.5s ease;}
.rightbox ul li .c0{background:url(../skin/ewmbtn.png) 0 0 no-repeat;}
.rightbox ul li .c1{background:url(../skin/callbtn.png) 0 0 no-repeat;}
.rightbox ul li .c2{background:url(../skin/fhdbtn.png) 0 0 no-repeat;}
.rightbox ul li .c3{background:url(../skin/qqkf.png) 0 0 no-repeat;}
.rightbox ul li p{color:#666; text-align:center; padding-top:5px; font-size:12px;}
.rightbox ul li .rtewm{background:#e50113; padding:20px; position:absolute; right:70px; bottom:0px; z-index:100; display:none; width:106px; height:106px;}
.rightbox ul li:hover .rtewm{display:block;}
.rightbox ul li .dhnum{width:154px; height:65px; line-height:30px; font-size:16px; text-align:center; background:#e50113; color:#fff; position:absolute; right:70px; top:0px; z-index:100; display:none;}
.rightbox ul li .cn{ display:block; text-align:center; color:#fff; }
.rightbox ul li:hover .dhnum{display:block;}
.rightbox ul li:hover{background:#e50113;}
.rightbox ul li:hover p{color:#fff;}
.rightbox ul li:hover .c0,.rightbox ul li:hover .c1,.rightbox ul li:hover .c2,.rightbox ul li:hover .c3{background-position:0px -22px;}
.rightbox .rbtn{display:none; width:25px; height:25px; font-size:0; position:absolute; left:-25px; top:-10px; background:url(../skin/rbtn.png) 0 0 no-repeat;}
.rightbox.on .rbtn{background-position:-25px 0px;}
.rightbox.on{right:0px;}

/*videowarp*/
.shcoolwarp{width:100%; height:100%; position:fixed; left:0px; top:0px; _position:absolute; z-index:50; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,.7); transition: all 0.6s; visibility:hidden; opacity:0;}
.shcoolwarp.on{visibility:visible; opacity:1;}
.shcoolbox{max-width:805px; padding:5px; background:#fff; position:relative; width:90%; margin:0% auto; visibility:hidden; opacity:0; transition: all 0.6s;}
.shcoolbox.on{visibility:visible; opacity:1; margin:8% auto;}
.shcoolbox .close{display:block; width:34px; height:34px; overflow:hidden; text-indent:-9999px; position:absolute; right:0px; top:-35px; z-index:10; background:url(../skin/kecon16.png) no-repeat;}
.shcoolbox .tanbox{overflow:hidden;zoom:1;}
.shcoolbox .cvpic{float:left; width:35%;}
.shcoolbox .cvpic img{width:100%; display:block;}
.shcoolbox .cvtext{float:right; width:55%; margin-right:5%; max-height:260px; overflow:auto;}
.shcoolbox .cvtext .h2{font-size:18px; font-weight:bold; color:#333;}
.shcoolbox .cvtext .h3{color:#666;}
.shcoolbox .cvtext .h3,.videowarp .cvtext p{font-size:14px; color:#999;}

/*footer*/
.footer{width:100%; background:#333; border-top:4px solid #e50113; padding-top:50px;}
.footer .foottou{padding-bottom:35px;}
.footer .foottou .footlink{float:left;}
.footer .foottou .footlink .ftlink{font-size:16px; color:#b3b5ba;}
.footer .foottou .footlink .ftlink a{color:#b3b5ba;}
.footer .foottou .footlink .ftlink a:hover{color:#e50113;}
.footer .foottou .footlink .ftlink em{margin:0px 10px;}
.footer .foottou .footlink .ftinfo .ht2{float:left; font-size:14px; color:#b3b5ba; margin:40px 40px 0px 0px;}
.footer .foottou .footlink .ftinfo .ht2 img{float:left; margin-right:10px;}
.footer .foottou .footlink .ftinfo .ht2 span{padding-top:5px; display:inline-block;}
.footer .foottou .ewmdl{float:right;}
.footer .foottou .ewmdl dd{float:left; width:108px; margin-left:35px; text-align:center;}
.footer .foottou .ewmdl dd img{width:105px; height:105px;}
.footer .foottou .ewmdl dd span{display:block; color:#666; padding-top:5px;}
.footer .footyqlink{padding:15px; background:#434343; font-size:14px; color:#b3b5ba; position:relative; overflow:hidden;}
.footer .footyqlink a{color:#b3b5ba;}
.footer .footyqlink a:hover{color:#e50113;}
.footer .footyqlink .ljsel{width:100%; height:30px; border:1px solid #b3b5ba; color:#b3b5ba; float:left; background:#434343; display:none;}
.footer .footyqlink .ftlkbtn{display:block; width:13px; height:9px; overflow:hidden; text-indent:-9999px; position:absolute; right:20px; top:22px; z-index:5; background:url(../skin/footlkco.png) no-repeat;}
.footer .footshark{overflow:hidden;zoom:1; padding:25px 0px;}
.footer .footshark .bdsharebuttonbox{float:right; width:152px;}
.footer .footshark .bdsharebuttonbox a{margin:0px; padding:0px; width:26px; height:26px; background:url(../skin/shark.png) no-repeat; margin-left:12px;}
.footer .footshark .bdsharebuttonbox a.bds_weixin{background-position:0px 0px;}
.footer .footshark .bdsharebuttonbox a.bds_tsina{background-position:-26px 0px;}
.footer .footshark .bdsharebuttonbox a.bds_renren{background-position:-52px 0px;}
.footer .footshark .bdsharebuttonbox a.bds_linkedin{background-position:-78px 0px;}
.footer .footshark .copy{float:left; color:#b3b5ba; margin-top:5px;}
.footer .footshark .copy a{color:#b3b5ba;}
.footer .footshark .copy a:hover{color:#e50113;}


/* Table of Contents
==================================================

    #Mobile - 240px
    #Mobile - 320px	
    #Mobile - 480px	
	#Tablet - 768px	
	*/

/* #Mobile - 240px
当页面宽度小于319px的时候执行下面的CSS
================================================== */
@media only screen and (max-width: 319px) {
     .loghd,.nav{display:none;}
	 .header .showbtn{display:block;}
	 .logo img{width:60%;}
	 .rightbox{right:-70px;}
	 .rightbox .rbtn{display:block;}
	 
	 body{overflow:auto !important;}
	 .swiper-home-container .banner-height{height:400px !important;}
	 .section{height:auto !important;}
	 .indexcurr .currultm li{width:100%; height:auto;}
	 .tuivideo{margin-top:10px; padding:0px 15px;}
	 #focus_Box{width:100%; height:auto;}
	 #focus_Box .prev, #focus_Box .next{display:none;}
	 #focus_Box ul{width:100%; height:auto;}
	 #focus_Box li{position:static; left:auto; top:auto; width:100%; height:auto; margin-top:10px;}
	 .indexfield .fieldul{width:100%;}
	 .indexfield .fulf li{margin-right:0px;}
	 .indexfield .fulr li{margin-left:0px;}
	 .indexfield .fieldul li .pic{position:static; left:auto; top:auto; margin:0 auto; display:block;}
	 .indexfield .fieldul li .tmain{padding-left:0px;}
	 .indexfield .fieldul li .tmain .h2,.indexfield .fieldul li .tmain .h4{margin-top:5px;}
	 .indexfield .indexmore{padding-bottom:50px;}
	 .indexfield .indexmore .linet, .indexfield .indexmore .liner{display:none;}
	 .indexcoop{margin:20px 0px;}
	 .indexcoop .incoobox{width:100%;}
	 .indexcoop .incoobox .indexabnum{margin-left:0px; margin-top:10px;}
	 .indexcoop .incoobox .indexabnum{padding:30px 10px;}
	 .indexcoop .incoobox .indexabnum .abulnum li .stem{padding-left:17%;}
	 .section .cooplist{padding-bottom:20px;}
	 
	 .aboutone,.abouttwo{padding-bottom:20px;}
	 .abbanner .ah2{font-size:30px;}
	 .abbanner .ah3,.abbanner .ah4,.abbanner .xiala{display:none;}
	 .aboutmain .abtleft{width:98%; margin-right:0px; border:none; padding-right:2%;}
	 .abouttdiv{overflow-y:auto !important;}
	 .aboutmain .abtleft .abmore{display:none;}
	 .aboutmain .abtright{width:100%; position:static; padding:20px 0px;}
	 .youshilist ul li{width:100%;}
	 .youshilist ul li .a0,.youshilist ul li .a1,.youshilist ul li .a2{margin:0px;}
	 .youshilist ul li h4{padding:0px;}
	 .inpb .pic{max-width:100%;}
	 .inpb .title{max-width:none;}
	 .cooplist ul li{width:47%; margin-right:0px;}
	 .cooplist ul li:nth-child(2n){float:right;}
	 
	 .curtab ul li{width:33.333%; margin-right:0px;}
	 .curtab ul li a{width:99%; height:40px; line-height:40px; font-size:12px;}
	 .curtab ul li img{width:25%;}
	 .cupb ul li{width:100%; height:auto;}
	 .cupb ul li a{margin:0px;}
	 .cupb ul li:nth-child(2n) a{margin:0px;}
	 .cupb ul li .tmain img{margin-top:5%; width:40px !important;}
	 .cuitem0{height:185px;}
	 .cuitem1,.cuitem2,.cuitem3{height:430px;}
	 .cuitem1 .cuh2,.cuitem2 .cuh2{width:100%; text-align:center; left:0px; margin-left:0px; bottom:auto; top:20%;}
	 .cuitem1 .cuh3,.cuitem2 .cuh3{width:90%; padding:0px 5%; left:0px; margin-left:0px; bottom:auto; top:40%;}
	 .cuitem3 .cuh2{top:5%;}
	 .cuitem3 .cup0,.cuitem3 .cup1,.cuitem3 .cup2{background:url(../skin/kecon15.png) left 15px no-repeat; padding-left:20px; left:40%;}
	 .cuitem4{height:660px;}
	 .cuitem4 .cutmain{width:auto; height:auto; margin-top:80px; padding:20px;}
	 .cuitem5 .cutmain{width:90%; padding:0px 5%; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,.7);}
	 .cuitem5 .cutmain h2{padding-top:80px;}
	 .cuitem5 .cutmain h3{margin:0px;}
	 .cuitem6{height:180px;}
	 
     .newslist ul li .pic{width:100%;}
     .newslist ul li .tmain{width:94%; padding:3%;}
     .page{display:none;}
     .loadbtn{display:block;}
     .newsdetails .h2shark{height:auto;}
     .newsdetails .h2shark .time{width:100%; text-align:center;}
     .nwmore .return{width:100%; margin-top:20px;}
	 
	 .contaclt ul li{width:100%; height:100%; margin-top:10px;}
	 .contaclt ul li div.t1,.contaclt ul li div.t2,.contaclt ul li div.t3{margin:0px;}
	 .map{margin:10px 0px 20px 0px;}
	 
	 .footer{padding-top:25px;}
	 .footer .footyqlink .ljdiv{display:none;}
	 .footer .footyqlink .ljsel{display:block;}
	 .footer .footshark .copy{text-align:center; float:none; padding-bottom:10px;}
	 .footer .footshark .bdsharebuttonbox{float:none; margin:0 auto;}
	 .footer .foottou .footlink .ftlink{overflow:hidden; padding-bottom:20px;}
	 .footer .foottou .footlink .ftlink a{display:block; width:33.333%; text-align:center; float:left;}
	 .footer .foottou .footlink .ftlink em{display:none;}
	 .footer .foottou .footlink .ftinfo .ht2{margin:0px; float:none; width:100%; text-align:center; margin-bottom:20px;}
	 .footer .foottou .footlink .ftinfo .ht2 img{vertical-align:middle; float:none;}
	 .footer .foottou .footlink .ftinfo .ht2 span{width:180px; text-align:left; vertical-align:middle;}
	 .footer .foottou .footlink{float:none;}
	 .footer .foottou .ewmdl{width:251px; margin:0 auto; float:none;}
	 .footer .foottou .ewmdl dd:nth-child(1){margin-left:0px;}
}


/*  #Mobile - 320px //手机
当页面宽度大于320px小于479px的时候执行下面的CSS
================================================== */
@media only screen and (min-width: 320px) and (max-width: 479px) {
     .loghd,.nav{display:none;}
	 .header .showbtn{display:block;}
	 .logo img{width:60%;}
	 .rightbox{right:-70px;}
	 .rightbox .rbtn{display:block;}
	 
	 body{overflow:auto !important;}
	 .swiper-home-container .banner-height{height:400px !important;}
	 .section{height:auto !important;}
	 .indexcurr .currultm li{width:100%; height:auto;}
	 .tuivideo{margin-top:10px; padding:0px 15px;}
	 #focus_Box{width:100%; height:auto;}
	 #focus_Box .prev, #focus_Box .next{display:none;}
	 #focus_Box ul{width:100%; height:auto;}
	 #focus_Box li{position:static; left:auto; top:auto; width:100%; height:auto; margin-top:10px;}
	 .indexfield .fieldul{width:100%;}
	 .indexfield .fulf li{margin-right:0px;}
	 .indexfield .fulr li{margin-left:0px;}
	 .indexfield .fieldul li .pic{position:static; left:auto; top:auto; margin:0 auto; display:block;}
	 .indexfield .fieldul li .tmain{padding-left:0px;}
	 .indexfield .fieldul li .tmain .h2,.indexfield .fieldul li .tmain .h4{margin-top:5px;}
	 .indexfield .indexmore{padding-bottom:50px;}
	 .indexfield .indexmore .linet, .indexfield .indexmore .liner{display:none;}
	 .indexcoop{margin:20px 0px;}
	 .indexcoop .incoobox{width:100%;}
	 .indexcoop .incoobox .indexabnum{margin-left:0px; margin-top:10px;}
	 .indexcoop .incoobox .indexabnum{padding:30px 10px;}
	 .indexcoop .incoobox .indexabnum .abulnum li .stem{padding-left:17%;}
	 .section .cooplist{padding-bottom:20px;}
	 
	 .aboutone,.abouttwo{padding-bottom:20px;}
	 .abbanner .ah2{font-size:30px;}
	 .abbanner .ah3,.abbanner .ah4,.abbanner .xiala{display:none;}
	 .aboutmain .abtleft{width:98%; margin-right:0px; border:none; padding-right:2%;}
	 .abouttdiv{overflow-y:auto !important;}
	 .aboutmain .abtleft .abmore{display:none;}
	 .aboutmain .abtright{width:100%; position:static; padding:20px 0px;}
	 .youshilist ul li{width:100%;}
	 .youshilist ul li .a0,.youshilist ul li .a1,.youshilist ul li .a2{margin:0px;}
	 .youshilist ul li h4{padding:0px;}
	 .inpb .pic{max-width:100%;}
	 .inpb .title{max-width:none;}
	 .cooplist ul li{width:47%; margin-right:0px;}
	 .cooplist ul li:nth-child(2n){float:right;}
	 
	 .curtab ul li{width:33.333%; margin-right:0px;}
	 .curtab ul li a{width:99%; height:40px; line-height:40px; font-size:12px;}
	 .curtab ul li img{width:25%;}
	 .cupb ul li{width:100%; height:auto;}
	 .cupb ul li a{margin:0px;}
	 .cupb ul li:nth-child(2n) a{margin:0px;}
	 .cupb ul li .tmain img{margin-top:5%; width:40px !important;}
	 .curtablink{width:100%; overflow-x:auto;}
	 .curtablink .layout{width:550px;}
	 .cuitem0{height:185px;}
	 .cuitem1,.cuitem2,.cuitem3{height:430px;}
	 .cuitem1 .cuh2,.cuitem2 .cuh2{width:100%; text-align:center; left:0px; margin-left:0px; bottom:auto; top:20%;}
	 .cuitem1 .cuh3,.cuitem2 .cuh3{width:90%; padding:0px 5%; left:0px; margin-left:0px; bottom:auto; top:40%;}
	 .cuitem3 .cuh2{top:5%;}
	 .cuitem3 .cup0,.cuitem3 .cup1,.cuitem3 .cup2{background:url(../skin/kecon15.png) left 15px no-repeat; padding-left:20px; left:40%;}
	 .cuitem4{height:660px;}
	 .cuitem4 .cutmain{width:auto; height:auto; margin-top:80px; padding:20px;}
	 .cuitem5 .cutmain{width:90%; padding:0px 5%; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,.7);}
	 .cuitem5 .cutmain h2{padding-top:80px;}
	 .cuitem5 .cutmain h3{margin:0px;}
	 .cuitem6{height:180px;}
	 
     .newslist ul li .pic{width:100%;}
     .newslist ul li .tmain{width:94%; padding:3%;}
     .page{display:none;}
     .loadbtn{display:block;}
     .newsdetails .h2shark{height:auto;}
     .newsdetails .h2shark .time{width:100%; text-align:center;}
     .nwmore .return{width:100%; margin-top:20px;}
	 
	 .contaclt ul li{width:100%; height:100%; margin-top:10px;}
	 .contaclt ul li div.t1,.contaclt ul li div.t2,.contaclt ul li div.t3{margin:0px;}
	 .map{margin:10px 0px 20px 0px;}
	 
	 .footer{padding-top:25px;}
	 .footer .footyqlink .ljdiv{display:none;}
	 .footer .footyqlink .ljsel{display:block;}
	 .footer .footshark .copy{text-align:center; float:none; padding-bottom:10px;}
	 .footer .footshark .bdsharebuttonbox{float:none; margin:0 auto;}
	 .footer .foottou .footlink .ftlink{overflow:hidden; padding-bottom:20px;}
	 .footer .foottou .footlink .ftlink a{display:block; width:33.333%; text-align:center; float:left;}
	 .footer .foottou .footlink .ftlink em{display:none;}
	 .footer .foottou .footlink .ftinfo .ht2{margin:0px; float:none; width:100%; text-align:center; margin-bottom:20px;}
	 .footer .foottou .footlink .ftinfo .ht2 img{vertical-align:middle; float:none;}
	 .footer .foottou .footlink .ftinfo .ht2 span{width:180px; text-align:left; vertical-align:middle;}
	 .footer .foottou .footlink{float:none;}
	 .footer .foottou .ewmdl{width:251px; margin:0 auto; float:none;}
	 .footer .foottou .ewmdl dd:nth-child(1){margin-left:0px;}
}


/* #Mobile - 480px
当页面宽度大于480px小于767px的时候执行下面的CSS
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
     .loghd,.nav{display:none;}
	 .header .showbtn{display:block;}
	 .logo img{width:60%;}
	 .rightbox{right:-70px;}
	 .rightbox .rbtn{display:block;}
	 
	 body{overflow:auto !important;}
	 .swiper-home-container .banner-height{height:400px !important;}
	 .section{height:auto !important;}
	 .indexcurr .currultm li{width:100%; height:auto;}
	 .tuivideo{margin-top:10px; padding:0px 15px;}
	 #focus_Box{width:100%; height:auto;}
	 #focus_Box .prev, #focus_Box .next{display:none;}
	 #focus_Box ul{width:100%; height:auto;}
	 #focus_Box li{position:static; left:auto; top:auto; width:100%; height:auto; margin-top:10px;}
	 .indexfield .fieldul{width:100%;}
	 .indexfield .fulf li{margin-right:0px;}
	 .indexfield .fulr li{margin-left:0px;}
	 .indexfield .fieldul li .pic{position:static; left:auto; top:auto; margin:0 auto; display:block;}
	 .indexfield .fieldul li .tmain{padding-left:0px;}
	 .indexfield .fieldul li .tmain .h2,.indexfield .fieldul li .tmain .h4{margin-top:5px;}
	 .indexfield .indexmore{padding-bottom:50px;}
	 .indexfield .indexmore .linet, .indexfield .indexmore .liner{display:none;}
	 .indexcoop{margin:20px 0px;}
	 .indexcoop .incoobox{width:100%;}
	 .indexcoop .incoobox .indexabnum{margin-left:0px; margin-top:10px;}
	 .indexcoop .incoobox .indexabnum{padding:30px 10px;}
	 .indexcoop .incoobox .indexabnum .abulnum li .stem{padding-left:17%;}
	 .section .cooplist{padding-bottom:20px;}
	 
	 .aboutone,.abouttwo{padding-bottom:20px;}
	 .abbanner .ah2{font-size:30px;}
	 .abbanner .ah3,.abbanner .ah4,.abbanner .xiala{display:none;}
	 .aboutmain .abtleft{width:98%; margin-right:0px; border:none; padding-right:2%;}
	 .abouttdiv{overflow-y:auto !important;}
	 .aboutmain .abtleft .abmore{display:none;}
	 .aboutmain .abtright{width:100%; position:static; padding:20px 0px;}
	 .youshilist ul li{width:100%;}
	 .youshilist ul li .a0,.youshilist ul li .a1,.youshilist ul li .a2{margin:0px;}
	 .youshilist ul li h4{padding:0px;}
	 .inpb .pic{max-width:100%;}
	 .inpb .title{max-width:none;}
	 .cooplist ul li{width:47%; margin-right:0px;}
	 .cooplist ul li:nth-child(2n){float:right;}
	 
	 .aboutone,.abouttwo{padding-bottom:20px;}
	 .curtab ul li{width:33.333%; margin-right:0px;}
	 .curtab ul li a{width:99%; height:40px; line-height:40px; font-size:12px;}
	 .curtab ul li img{width:25%;}
	 .cupb ul li{width:100%; height:auto;}
	 .cupb ul li a{margin:0px;}
	 .cupb ul li:nth-child(2n) a{margin:0px;}
	 .cupb ul li .tmain img{margin-top:5%; width:40px !important;}
	 .cuitem0{height:185px;}
	 .cuitem1,.cuitem2,.cuitem3{height:430px;}
	 .cuitem1 .cuh2,.cuitem2 .cuh2{width:100%; text-align:center; left:0px; margin-left:0px; bottom:auto; top:20%;}
	 .cuitem1 .cuh3,.cuitem2 .cuh3{width:90%; padding:0px 5%; left:0px; margin-left:0px; bottom:auto; top:40%;}
	 .cuitem3 .cuh2{top:5%;}
	 .cuitem3 .cup0,.cuitem3 .cup1,.cuitem3 .cup2{background:url(../skin/kecon15.png) left 15px no-repeat; padding-left:20px; left:40%;}
	 .cuitem4{height:660px;}
	 .cuitem4 .cutmain{width:auto; height:auto; margin-top:80px; padding:20px;}
	 .cuitem5 .cutmain{width:90%; padding:0px 5%; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,.7);}
	 .cuitem5 .cutmain h2{padding-top:80px;}
	 .cuitem5 .cutmain h3{margin:0px;}
	 .cuitem6{height:180px;}
	 
     .newslist ul li .pic{width:100%;}
     .newslist ul li .tmain{width:94%; padding:3%;}
     .page{display:none;}
     .loadbtn{display:block;}
     .newsdetails .h2shark{height:auto;}
     .newsdetails .h2shark .time{width:100%; text-align:center;}
     .nwmore .return{width:100%; margin-top:20px;}
	 
	 .contaclt ul li{width:100%; height:100%; margin-top:10px;}
	 .contaclt ul li div.t1,.contaclt ul li div.t2,.contaclt ul li div.t3{margin:0px;}
	 .map{margin:10px 0px 20px 0px;}
	 
	 .footer{padding-top:25px;}
	 .footer .footyqlink .ljdiv{display:none;}
	 .footer .footyqlink .ljsel{display:block;}
	 .footer .footshark .copy{text-align:center; float:none; padding-bottom:10px;}
	 .footer .footshark .bdsharebuttonbox{float:none; margin:0 auto;}
	 .footer .foottou .footlink .ftlink{overflow:hidden; padding-bottom:20px;}
	 .footer .foottou .footlink .ftlink a{display:block; width:33.333%; text-align:center; float:left;}
	 .footer .foottou .footlink .ftlink em{display:none;}
	 .footer .foottou .footlink .ftinfo .ht2{margin:0px; float:none; width:100%; text-align:center; margin-bottom:20px;}
	 .footer .foottou .footlink .ftinfo .ht2 img{vertical-align:middle; float:none;}
	 .footer .foottou .footlink .ftinfo .ht2 span{width:180px; text-align:left; vertical-align:middle;}
	 .footer .foottou .footlink{float:none;}
	 .footer .foottou .ewmdl{width:251px; margin:0 auto; float:none;}
	 .footer .foottou .ewmdl dd:nth-child(1){margin-left:0px;}
}

/* #Tablet - 768px  //ipad9.7寸
当页面宽度大于768px小于1023px的时候执行下面的CSS
================================================== */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
     .nav{display:none;}
	 .header .showbtn{display:block; margin-top:8px;}
	 .header .showbtn img{width:50px;}
	 .rightbox{right:-70px;}
	 .rightbox .rbtn{display:block;}
	 
	 body{overflow:auto !important;}
	 .swiper-home-container .banner-height{height:500px !important;}
	 .section{height:auto !important;}
	 .indexcurr .currultm li{width:100%; height:auto;}
	 #main .youshilist{padding-bottom:20px;}
	 .tuivideo{margin-top:10px; padding:0px 15px;}
	 #focus_Box{width:100%; height:auto;}
	 #focus_Box .prev, #focus_Box .next{display:none;}
	 #focus_Box ul{width:100%; height:auto;}
	 #focus_Box li{position:static; left:auto; top:auto; width:100%; height:auto; margin-top:10px;}
	 .indexfield .indexmore{margin-bottom:50px;}
	 .indexfield .fulf li{margin-right:0px; height:350px; margin:0px 2%;}
	 .indexfield .fulr li{margin-left:0px; height:350px; margin:0px 2%;}
	 .indexfield .fieldul li .pic{position:static; left:auto; top:auto; margin:0 auto; display:block;}
	 .indexfield .fieldul li .tmain{padding-left:0px;}
	 .indexfield .fieldul li .tmain .h2,.indexfield .fieldul li .tmain .h4{margin-top:5px;}
	 .indexcoop{margin:20px 0px;}
	 .indexcoop .incoobox{width:100%;}
	 .indexcoop .incoobox .indexabnum{margin-left:0px; margin-top:10px;}
	 .indexcoop .incoobox .indexabnum{padding:30px 10px;}
	 .indexcoop .incoobox .indexabnum .abulnum li .stem{padding-left:8%;}
	 .section .cooplist{padding-bottom:20px;}
	 .indexpb{width:100% !important;}
	 
	 .abbanner .ah2{font-size:40px; top:20%;}
	 .abbanner .ah3{font-size:18px; top:40%;}
	 .abbanner .ah4{top:52%;}
	 .abouttdiv{overflow-y:auto !important;}
	 .aboutmain .abtleft .abmore{display:none;}
	 .aboutmain .abtright{width:225px;}
	 .section .youshilist ul li .td{height:260px;}
	 .youshilist ul li .td{height:310px;}
	 .youshilist ul li h4{padding:0px;}
	 .cooplist ul li{margin-right:32px;}
	 .cooplist ul li:nth-child(4n){margin-right:0px;}
	 .cooplist ul li:nth-child(7n){margin-right:32px;}
	 
	 .curtab ul li{width:33.333%; margin-right:0px;}
	 .curtab ul li a{width:99%;}
	 .curtab ul li img{width:20%;}
	 .kechengbox .owl-item{width:50% !important;}
	 .kechengbox .cupb ul li{width:100% !important; height: auto;}
	 .cupb ul li .tmain img{margin-top:10%;}
	 
	 .cuitem0{height:300px;}
	 .cuitem1,.cuitem2,.cuitem3{height:430px;}
	 .cuitem1 .cuh2,.cuitem2 .cuh2{width:100%; text-align:center; left:0px; margin-left:0px; bottom:auto; top:20%;}
	 .cuitem1 .cuh3,.cuitem2 .cuh3{width:90%; padding:0px 5%; left:0px; margin-left:0px; bottom:auto; top:40%;}
	 .cuitem3 .cuh2{top:5%;}
	 .cuitem3 .cup0,.cuitem3 .cup1,.cuitem3 .cup2{background:url(../skin/kecon15.png) left 15px no-repeat; padding-left:20px; left:50%;}
	 .cuitem4{height:540px;}
	 .cuitem4 .cutmain{width:auto; height:auto; margin-top:80px; padding:20px;}
	 .cuitem5 .cutmain{width:90%; padding:0px 5%; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,.7);}
	 .cuitem5 .cutmain h2{padding-top:80px;}
	 .cuitem5 .cutmain h3{margin:0px;}
	 .cuitem6{height:275px;}
	 
     .newslist ul li .pic{width:100%;}
     .newslist ul li .tmain{width:94%; padding:3%;}
     .page{display:none;}
     .loadbtn{display:block;}
     .newsdetails .h2shark{height:auto;}
     .newsdetails .h2shark .time{width:100%; text-align:center;}
     .nwmore .return{width:100%; margin-top:20px;}
	
	 .contaclt ul li{width:100%; height:100%; margin-top:10px;}
	 .contaclt ul li div.t1,.contaclt ul li div.t2,.contaclt ul li div.t3{margin:0px;}
	 .map{margin:10px 0px 20px 0px;}
	
	 .footer{padding-top:25px;}
	 .footer .footyqlink .ljdiv{display:none;}
	 .footer .footyqlink .ljsel{display:block;}
	 .footer .footshark .copy{text-align:center; float:none; padding-bottom:10px;}
	 .footer .footshark .bdsharebuttonbox{float:none; margin:0 auto;}
	 .footer .foottou .footlink .ftlink{overflow:hidden; padding-bottom:20px;}
	 .footer .foottou .footlink .ftlink a{display:block; width:33.333%; text-align:center; float:left;}
	 .footer .foottou .footlink .ftlink em{display:none;}
	 .footer .foottou .footlink .ftinfo .ht2{margin:0px; float:none; width:100%; text-align:center; margin-bottom:20px;}
	 .footer .foottou .footlink .ftinfo .ht2 img{vertical-align:middle; float:none;}
	 .footer .foottou .footlink .ftinfo .ht2 span{width:180px; text-align:left; vertical-align:middle;}
	 .footer .foottou .footlink{float:none;}
	 .footer .foottou .ewmdl{width:251px; margin:0 auto; float:none;}
	 .footer .foottou .ewmdl dd:nth-child(1){margin-left:0px;}
}

@media only screen and (max-width: 1024px) {
	.indexeeo .infieldpb{width:100% !important;}
	.indexeeo .fieldul{width:100% !important;}
	.indexeeo .owl-item{width:100% !important;}
	.indexeeo .owl-wrapper{width:100% !important;}
}

@media only screen and (min-width: 1023px) and (max-width: 1220px) {
	 .cooplist ul li{margin-right:35px;}
	 .cooplist ul li:nth-child(6n){margin-right:0px;}
	 .cooplist ul li:nth-child(7n){margin-right:35px;}
	 .curtab ul li{width:33.333%; margin-right:0px;}
	 .curtab ul li a{width:99%;}
	 .curtab ul li img{width:10%;}
}

/* #Screens Bigger than - 1280px
================================================== */
@media only screen and (min-width: 1281px) {
	 #owl-demo .owl-prev, #owl-demo .owl-next,#owl-demo1 .owl-prev, #owl-demo1 .owl-next,#owl-demo2 .owl-prev,#owl-demo2 .owl-next,#owl-demo4 .owl-prev,#owl-demo4 .owl-next{display:block;}
}
