.top{width:100%; height:90px; /*background:url(../images/tp02.png) top center repeat-x;*/ background:rgba(255,255,255,0.8); position:absolute; left:0; top:0; z-index:999; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}



.top:hover{ /*background:url(../images/tp02.png) bottom center repeat-x;*/ background:rgba(255,255,255,1.0); }





.topc{width:100%; height:90px; position:relative;}



.topl{width:200px; height:90px; float:left; margin-left:40px;}

.topr{width:820px; height:90px; float:right; margin-right:20px;}













/*menu*/

#menu { display:block; width:100%; margin:0 auto; height:90px;}





#nav {display:block; width:100%; height:90px; margin:0 auto;}

#nav .mainlevel {float:left; text-align:center; display:block; z-index:999999}



#nav .mainlevel a{ text-decoration:none; width:100px; text-align:center; line-height:90px;  color:#222; height:90px; font-weight:bold; display:block; font-size:15px; background:url(../image/g14.png) right bottom no-repeat; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}



#nav .mainlevel a:hover {color:#204c8f; background:url(../image/g14.png) left bottom no-repeat; text-decoration:none; z-index:999}



#nav .mainlevel ul {position:absolute; display:none; width:100%; left:0; top:90px; background:#fff; margin-top:0px; padding:30px 0px 30px 0px; z-index:9999; -moz-box-shadow:0px 3px 3px #C9C9C9; -webkit-box-shadow:0px 3px 3px #C9C9C9; box-shadow:0px 3px 3px #C9C9C9;text-align:center; border-top:#e8e8e8 1px solid;}

#nav .mainlevel li {}













.cd_w4{width:800px; height:115px; float:right; }

.cd_w4 a{display:block; width:25% !important; height:115px !important;  color:#555 !important; float:left; text-align:center; line-height:40px; background:none !important; border-bottom:none !important;}

.cd_w4 a:hover{ background:none !important; border-bottom:none !important;}

.cd_w4 img{height:75px; display:block; margin:0 auto;  -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}

.cd_w4 p{line-height:40px; font-size:14px; text-indent:0em; }

.cd_w4 a:hover img{transform: rotateY(0deg);}





.cd_w3{width:625px; height:115px;  float:right; }

.cd_w3 a{display:block; width:33.33% !important; height:115px !important;  color:#555 !important; float:left; text-align:center; line-height:40px; background:none !important; border-bottom:none !important;}

.cd_w3 a:hover{ background:none !important; border-bottom:none !important;}

.cd_w3 img{height:75px; display:block; margin:0 auto;  -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}

.cd_w3 p{line-height:40px; font-size:14px; text-indent:0em;}

.cd_w3 a:hover img{transform: rotateY(0deg);}



.cd_w2{width:455px; height:115px;  float:right; }

.cd_w2 a{display:block; width:50% !important; height:115px !important;  color:#555 !important; float:left; text-align:center; line-height:40px; background:none !important; border-bottom:none !important;}

.cd_w2 a:hover{ background:none !important; border-bottom:none !important;}

.cd_w2 img{height:75px; display:block; margin:0 auto;  -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}

.cd_w2 p{line-height:40px; font-size:14px; text-indent:0em;}

.cd_w2 a:hover img{transform: rotateY(0deg);}













.cont1{width:100%; height:990px; background:url(../image/inb1_15.jpg) center center; background-size:cover;}



.cont1c{width:1400px; margin:0 auto; padding-top:95px;}









@media only screen and (min-width:1500px) {

	.cont1c{width:1400px; margin:0 auto; padding-top:95px;}

}







@media only screen and (max-width:1499px) and (min-width:1366px) {

	.cont1c{width:1200px; margin:0 auto; padding-top:95px;}

}









@media only screen and (max-width:1365px) {

	.cont1c{width:1100px; margin:0 auto; padding-top:95px;}

}









.c1bt{width:100%; height:100px; position:relative;}

.c1bt h4{font-family:Arial, Helvetica, sans-serif; font-size:32px; color:#bababa; line-height:50px; font-weight:500;}

.c1bt h2{font-size:32px; line-height:50px;}





.c1c{width:100%; min-height:50px; margin:0 auto; line-height:60px; font-size:38px; padding:60px 0px 150px 0px;}

.c1c p{line-height:60px;}





.c1m{width:100%; height:50px;}

.c1m a{display:block; width:200px; height:50px; background:url(../image/ab011.png); line-height:50px; color:#fff; font-size:16px; text-indent:30px;  -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}

.c1m a:hover{text-indent:40px;}













.c2tt{ position:absolute; right:0; top:40px; font-size:16px;}





































#cont1c{width:100%; height:1000px; margin:0 auto;}







#cont1c ul li{display:block; width:33.33%; height:1000px; float:left; background-position:center center; background-size:auto 100%; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-outs;transition:all 0.3s ease-out; box-sizing:border-box;}



#cont1c ul li:hover{background-size:auto 120%;}



#cont1c ul li:hover a{ background:rgba(229,229,229,0.0); color:#fff;}

#cont1c ul li:hover .yw2{ opacity: 0.9; background:#fff;}



#cont1c ul li:nth-child(1){ border-right:#fff 1px solid;}

#cont1c ul li:nth-child(2){ border-right:#fff 1px solid;}





#cont1c ul li a{ display:block; width:100%; height:1000px; color:#333; background:rgba(229,229,229,1.0); box-sizing:border-box; padding-top:420px;  -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-outs;transition:all 0.3s ease-out;}







#cont1c ul .li_1{width:100%; height:450px; background-position:center center; background-size:auto 100%; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-outs;transition:all 0.3s ease-out;}



#cont1c ul .li_1:hover{background-size:auto 120%;}



#cont1c ul .li_1 a{ display:block; width:100%; height:450px; box-sizing:border-box; padding-top:90px; background:url(http://www.jccorp.com.cn/tpl/templets/ssm/images/h1.png);}







.yw1{width:100%; height:115px; text-align:center;}



.yw1 img{height:115px;}



.yw2{width:50%; height:1px; margin:0 auto; margin-bottom:8px; margin-top:8px; opacity: 0.5; background:#888;}



.yw3{width:100%; height:75px; font-size:36px; font-weight:bold; line-height:80px; text-align:center;}



.yw3 p{line-height:50px; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; opacity:0.8; text-transform:uppercase; letter-spacing:5px;}



.yw4{width:80%; min-height:50px; margin:0 auto; padding-top:30px; font-size:16px; line-height:30px; color:#fff; text-align:center;}







































.cont2{width:100%; min-height:200px; padding-top:120px; padding-bottom:95px; background:url(../image/inb1_17.jpg) center center; background-size:cover;}

.cont2c{width:1400px; margin:0 auto; }





@media only screen and (min-width:1500px) {

	.cont2c{width:1400px; margin:0 auto;}

}







@media only screen and (max-width:1499px) and (min-width:1366px) {

	.cont2c{width:1200px; margin:0 auto;}

}









@media only screen and (max-width:1365px) {

	.cont2c{width:1100px; margin:0 auto;}

}













.WarpBox .layer3{padding-top: 10vh; width: 100%; height: 100%; background:url(http://www.jccorp.com.cn/tpl/templets/ssm/images/bg2_02.png); background-size:100% 100%; box-sizing: border-box; padding-top: 10vh; box-sizing:border-box;}

.WarpBox .layer3 .layer3Warp{ overflow: hidden; padding: 0 5% 0 5%; box-sizing: border-box; width: 100%; position: relative;}

.WarpBox .layer3 .layer3_box{ width: 100%; background:#e7e7e7;}

.WarpBox .layer3 .layer3_box .icon{ width: 100%; position: relative; overflow: hidden;}

.WarpBox .layer3 .layer3_box img{ display: block; width:100% !important; height:290px;}



.icon img{ display: block; width:100% !important; height:290px;}

.ic1{ width:100%; height:40px; line-height:40px; font-size:20px; color:#666; box-sizing:border-box; padding:15px 20px 15px 20px;}

.layer3_box{ width: 100%; background:#e7e7e7; box-sizing:border-box;}

.ic2{ width:100%; height:150px; line-height:40px; font-size:14px; color:#333; box-sizing:border-box; padding:15px 20px 15px 20px;}

.ic2 h2{ font-size:22px; font-weight:normal; line-height:30px; height:60px; color:#111; overflow:hidden; padding-bottom:30px;}







.WarpBox .layer3 .layer3Warp .swiper-button-next{ top: 50%; transform: translateY(-50%);right: -1.5%; width: 42px; height: 42px; background: url(../image/arrow_05.png); background-size:100% 100% ; margin: 0;}

.WarpBox .layer3 .layer3Warp .swiper-button-prev{top: 50%; transform: translateY(-50%);left:-1.5%; width: 42px; height: 42px; background: url(../image/arrow_03.png); background-size:100% 100% ; margin: 0;}

.WarpBox .layer3  .swiper-pagination{ width: 100%; bottom:60px; left: 0;}

.WarpBox .layer3  .swiper-pagination .swiper-pagination-bullet{ margin: 0 6px;}

.swiper-button-prev{width:54px !important; height:54px !important; background:url(../image/r01.png) !important; left:-70px !important;}

.swiper-button-next{width:54px !important; height:54px !important; background:url(../image/r02.png) !important; right:-70px !important;}













@media only screen and (min-width:1500px) {

	.icon img{ display: block; width:100% !important; height:240px;}

	.ic2 h2{ font-size:22px; font-weight:normal; line-height:30px; height:60px; color:#111; overflow:hidden; padding-bottom:30px;}

}







@media only screen and (max-width:1499px) and (min-width:1366px) {

	.icon img{ display: block; width:100% !important; height:210px;}

	.ic2 h2{ font-size:20px; font-weight:normal; line-height:30px; height:60px; color:#111; overflow:hidden; padding-bottom:30px;}

}









@media only screen and (max-width:1365px) {

	.icon img{ display: block; width:100% !important; height:180px;}

	.ic2 h2{ font-size:18px; font-weight:normal; line-height:30px; height:60px; color:#111; overflow:hidden; padding-bottom:30px;}

}



















.footer{width:100%; min-height:200px; padding-top:66px; color:rgba(255,255,255,0.7); background:url(../image/inb1_191.jpg) center center no-repeat; background-size:cover;}

.footer a{ color:rgba(255,255,255,0.7);}

.footer a:hover{ color:rgba(255,255,255,1.0);}



.footerc{width:1400px; min-height:300px; margin:0 auto; padding-bottom:60px; position: relative;}



.fc1{width:340px; float:left;}

.fc10{width:100%; padding-bottom:95px;}



.fc1a{width:100%; font-size:14px;}

.fc1a b{font-size:32px; line-height:30px; color:rgba(255,255,255,1); font-family:Arial,'微软夜黑'; font-weight:normal;}





.fc1b{width:100%; margin-top:20px; min-height:60px; line-height:30px; background:url(../image/f_5_13.png) left top no-repeat; box-sizing:border-box; padding:0px 0px 0px 28px;}

.fc1b p{line-height:30px;}







.fc3{width:560px; float:right;}







.fc_bt{width:100%; height:40px; line-height:40px;color:rgba(255,255,255,1); font-size:18px; font-weight:bold;}







.fc2b{width:100%; margin-top:20px; min-height:60px; line-height:40px;}

.fc2b p{line-height:40px;}











.fc2{width:381px; position:absolute; top:0; left:425px; z-index:1;}

.fc2 ul li{display:block; width:50%; height:240px; line-height:35px; font-size:15px; float:left;}

.fc2 ul p{line-height:35px;}









.fot_bt{width:100%; min-height:25px; line-height:25px; padding:20px 0px 20px 0px; border-top:rgba(255,255,255,0.2) 1px solid;}

.fot_btc{width:1400px; margin:0 auto; font-size:12px; text-align:center;} 











@media only screen and (min-width:1400px) {

	.footerc{width:1400px; min-height:300px; margin:0 auto; padding-bottom:60px; position: relative;}

.fc2{width:381px; position:absolute; top:0; left:425px; z-index:1;}

.fc2 ul li{display:block; width:50%; height:240px; line-height:35px; font-size:15px; float:left;}

.fc2 ul p{line-height:35px;}

}





@media only screen and (max-width:1399px) and (min-width:1200px) {

	.footerc{width:1200px; min-height:300px; margin:0 auto; padding-bottom:60px; position: relative;}

	

.fc2{width:281px; position:absolute; top:0; left:325px; z-index:1;}

.fc2 ul li{display:block; width:50%; height:240px; line-height:35px; font-size:15px; float:left;}

.fc2 ul p{line-height:35px;}

}





@media only screen and (max-width:1199px){

	.footerc{width:1100px; min-height:300px; margin:0 auto; padding-bottom:60px; position: relative;}

	

.fc2{width:281px; position:absolute; top:0; left:325px; z-index:1;}

.fc2 ul li{display:block; width:50%; height:240px; line-height:35px; font-size:15px; float:left;}

.fc2 ul p{line-height:35px;}

}



































.bannera{width:100%; height:600px; margin:0 auto;}