@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; font-weight:normal;}
div{ margin:0px; padding:0px; font-weight:normal; border:0px;}
*:focus { outline: none; }
html, body{ height: 100%;}
body { margin: 0;line-height:1.5; font-size:14px;font-family:"微软雅黑",microsoft yahei; }
ul,li{list-style: none; padding: 0; margin: 0;}
img{vertical-align: middle;margin:0px; padding:0px; border:0 none;}
.clears{ width:0px; height:0px; clear:both; overflow:hidden;}
a{ text-decoration:none; border:0px; margin:0px; padding:0px; font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑","宋体",Arial,Helvetica,sans-serif;}
a:hover{ cursor:pointer;}
h2,h3,h4,p{font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑","宋体",Arial,Helvetica,sans-serif;}
.lasts{ margin:0px !important;}
input{ border:0px; margin:0px; padding:0px;}
.fLeft{float:left;}
.fRight{float:right;}
.str{ font-weight:bold; color:#0589f8;}
.bigbox{ width:100%; margin-top:35px;}

.indexCont1{ margin-top:20px;}
.indexCont1 ul{ }
.indexCont1 ul li{ float:left; width:25%;}
.indexCont1 ul li div{ text-align:center; width:100%;}  
.indexCont1 ul li div img{ width:100%; max-width:158px;}
.indexCont1 ul li h3{ text-align:center; width:100%; font-size:16px; color:#242424; font-weight:bold; margin:10px 0px;}
.indexCont1 ul li p{ width:70%; margin:auto; color:#abaaaa; font-size:16px; text-align:center;}

.rightn_title_left_jbt{ float:left; width:60%; color: #666; font-size:16px;}
.rightn_title_left_jbt a{ display:inline; color:#666; font-size:16px}
.rightn_title_left_jbt a:hover{ color:#1d79d6;}
.backHome{ float:right; width:80px; background:#1d79d6;  border-radius:5px;}
.backHome a{ color:#ffffff; font-size:14px; text-align:center;}
.backHome:hover a{ font-weight:bold;}
.titleImg{ width:100%; text-align:center; margin-bottom:30px;}
.titleImg img{width:100%; max-width: 800px; }

.cont2_m{ display:none;}
.cont2L2Conts{ width:210px; height:400px;}
.cont2L2Conts li{ width:210px; height:100px; position:relative;}
.cont2L2Conts li.cont2L2ContsSel div{ position:absolute; z-index:10; width:260px; height:100px; left:-50px; background:#0589f8 url(../images/cont2L2ContsLiBg.png) no-repeat 10px center; -webkit-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.5s linear; -o-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.5s linear; transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.5s linear;}
.cont2L2Conts li div{ width:210px; height:70px; padding-top:30px;}
.cont2L2Conts li div p{ text-align:right; color:#ffffff; font-size:14px; padding-right:15px;}
.cont2L2Conts .cont2Li1{ background:#242424;}
.cont2L2Conts .cont2Li2{ background:#2c2b2b;}
.cont2L{ width:400px; height:400px; background:url(../images/cont2Img1.jpg); position:relative;}
.cont2L a{ position:absolute; font-size:14px; color:#fddb09; left:234px; top:332px;}
.cont2L a:hover{ color:#ffffff;}
.cont2L2Imgs{width:590px; height:400px; overflow:hidden;}
.cont2L2Imgs ul li{ width:590px; height:400px; overflow:hidden; display:none;}
.cont2L2Imgs ul li img{ width:590px; height:400px; opacity:1;}
.cont2L2Imgs ul li.cont2L2ImgsSel{  display:block !important;}
.cont2L2Imgs ul li.cont2L2ImgsSel img{ animation:myOpacity 2s 1; -webkit-animation:myOpacity 2s 1;}

.proBg{ background:url(../images/proBg.jpg) no-repeat center center; width:100%; height:952px;}
.proRow{ padding-top:60px;}

.casePros{ width:100%; overflow:hidden; margin-top:25px;}
.casePros ul{ width:100%; }
.casePros ul li{float:left;display:inline; width:33.3%;height:auto; overflow:hidden; margin-bottom:10px;}
.casePros ul li a{ display:block; width:96%; margin:auto;}

/* CSS cont4 News start */
.newContBox{ padding-bottom:30px;}
.newBigbtP{ padding-bottom:30px;}
.newsHome{ width:46%;}
.newsHomeTitle{ border-bottom:2px solid #bcbcbc;}
.newsHomeTitle h3{ width:70%; font-size:22px; font-weight:700; color:#0589f8; margin-left:15px; height:40px; line-height:40px; margin-top:0px; margin-bottom:0px;}
.newsHomeTitle a{ display:block; float:right; margin-right:15px; margin-top:10px; color:#635e5e; font-size:14px;}
.newsHomeTitle a:hover{ color:#0589f8; font-weight:700;}
.newsCont{ width:510px; margin:10px auto;}
.newsCont1{}
.newsCont1 a{ display:block;}
.newCont1Img{ width:200px; height:110px; overflow:hidden;}
.newCont1Img img{ width:200px; height:110px;  -webkit-transition: .5s ease all; transition: .5s ease all;}
.newCont1Img:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.newCont1SS{ width:296px;}
.newCont1SS h3{ color:#14110c; font-size:15px; height:40px; line-height:40px; margin-top:0px; margin-bottom:0px; overflow:hidden; text-overflow:ellipsis}
.newCont1SS h3:hover{ color:#0589f8;}
.newCont1SS p:hover{ color:#0589f8;}
.newCont1SS p{ color:#777373; font-size:13px; line-height:20px; height:60px; overflow: hidden;}
.newsCont2{ padding-top:20px;}
.newsCont2 ul li{ height:36px; line-height:36px; margin-bottom:6px;}
.newsCont2 ul li a{ display:block;}
.newsCont2 ul li a span{ display:inline-block; color:#14110c; font-size:14px; width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsCont2 ul li a time{ color:#635e5e; font-size:14px; float:right;}
.newsCont2 ul li a:hover span{ color:#0589f8;}
.newsCont2 ul li a:hover time{ color:#0589f8;}
/* CSS cont4 News end */

.friendBox{ width:100%; background-color:#f4f4f4; padding-top:20px; padding-bottom:20px;}
.friendBoxS{ color:#00adef; font-size:16px; font-weight:bold; margin-right:10px;}
.friendBox a{ font-size:14px; color:#1d1d1d; margin-left:20px;}
.friendBox a:hover{ font-weight:bold; color:#00adef;}

.footer1{ width:100%; background:#242424; padding:25px 0px;}

.footerL1{ width:30%;}
.footerL2{ width:16%; margin-left:25px; text-align:center;}
.footerL2 p{ font-size: 14px; color: #ffffff; text-align:center; margin-top:15px;}
.footer1R{ width:44%;}
.footer1R h3{ font-size:18px; font-weight:bold; color:#ffffff; margin-top:0px;}
.footerL1Font{}
.footerL1Font p{font-size: 14px; color: #ffffff; }
.footerNav{ padding-top:25px;}
.footerNav ul li{ float:left; width:100px; height:34px; background:url(../images/footerradio.png) no-repeat right center;}
.footerNav ul li a{ display:block; height:34px; line-height:34px; text-align:center; font-size:16px; color:#ffffff;}
.footerNav ul li a:hover{ font-weight:bold;}
.footerContact{ margin-left:19px; padding-top:20px;}
.footerContact p span{ font-size:14px; color:#ffffff; margin-right:20px;}
.friendBoxUl ul{ list-style:none;}
.friendBoxUl ul li{ float:left; margin-right:10px;}
.friendBox ul li a{ font-size:14px; color:#1d1d1d; margin-left:20px;}
.friendBox a:hover{ font-weight:bold; color:#00adef;}

.formInput{ width:48%; height:34px; line-height:34px;  border:1px solid #454343; font-size:12px; text-indent:5px; background:#000000; color:#969494; margin-bottom:18px;}
.formInputM{ margin-right:16px;}
.formTextarea{ width:100%; height:60px; padding-top:5px; border:1px solid #454343; font-size:12px; text-indent:5px; background:#000000; color:#969494; margin-bottom:18px;}
.formBtn{ width:100%; height:34px; line-height:34px; font-size:12px; text-align:center; background:#000000; color:#ffffff;;}
.formBtn:hover{ font-weight:bold; color:#c30d23;}

@media screen and (max-width: 992px){
	.bigbox{ width:100%; margin-top:20px;}
	.indexCont1 ul li{ width:50%; margin-bottom:15px;}
	.indexCont1 ul li p{ display:none;}
	.indexCont1 ul li div img{ width:64%;}
	.titleImg{ margin-bottom:10px;}
	.cont2{ display:none}
	.cont2_m{ display:block;}
	.cont2_m p{ width:90%; margin:10px auto;}
	.cont2_m a{ display:block; width:50%; text-align:center; font-size:16px; color:#242424; padding:10px; margin:auto; border:2px solid #242424; }
	
	.proBg{ height:auto;}
	.proRow{padding:20px 10px 10px 10px;}
	.casePros ul li{ width:100%;height:auto; clear:both;}
	
	.newsHome{ width:90%; margin-left:15px;}
	.newsCont{ width:100%;}
	.newsHomeTitle,.newsCont1,.newCont1SSRright{ display:none;}
	.newsCont2 ul li{ border-bottom:1px dashed #333;}
	.newsCont2{ padding-top:0px;}
	
}

.cpzs .p{line-height:30px;height:30px;}