@charset "utf-8";
/*****************************************
* 2017-4-24 网站首页样式
*****************************************/
.tel{ position:absolute; display:block; bottom:1px; background:url(../images/telbg.png) no-repeat; width:671px; height:64px; z-index:110;}
.tel{ line-height:64px; text-align:left; font-size:24px;}
.tel span{ padding-left:78px; float:left; color:#fff;}
.tel em{ float:left; color:#ffde00; padding-left:170px;}
@media screen and (max-width:1440px){ 
.tel{ right:-40px;}
}
@media screen and (min-width:1441px){ 
.tel{ right:0;}
}
.title{ width:1200px; padding-bottom:20px; text-align:center;}
.title p{ font-size:15px; color:#666;}
.top_t{ padding-top:40px;}
#about{ width:1200px; height:450px; background:url(../images/t5.jpg) center bottom no-repeat;}
.about{ border:1px #e6e6e6 solid; padding:2px; background:#fff;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.about_l{ width:314px; height:387px; position: relative;}
.about_l img{ width:314px; height:387px;}
.about_l em{ position:absolute; display:block; line-height:80px; text-align:center; width:100%;}
.about_c{ width:546px; height:387px; margin-left:3px; display:inline; background:#000; position:relative;}
.about_c img{ width:546px; height:387px;}
.about_c em{ position:absolute; display:block; line-height:80px; text-align:center; width:100%;}
.about_r{ width:328px; height:387px; background:#000; position:relative;}
.about_l em, .about_c em, .about_r em{ font-size:16px; color:#555;}
.about_l>a>span{
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.about_l:hover>a>span{
    opacity: 1;
}
.about_c>a>span{
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.about_c:hover>a>span{
    opacity: 1;
}
.about_r>span{
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.about_r:hover>span{
    opacity: 1;
}
.about_r>span>a{
    display: inline-block;
    width: 100px;
	height:100px;
    color: #FFF;
    margin-top:145px;
}

.accordioCon{width:1200px; height:598px; overflow:hidden; background-color:#f7f7f7; margin:15px auto;}
.acc dl dd,.acc dl dt{ float:left;display:inline;padding:0;margin:0;}
img{ border:none;}
.acc dl dt{ width:0px;overflow:hidden;}
.acc dl dd{ width:160px;height:598px;cursor:pointer;}
.acc dl dd img{ width:160px; height:598px;}
dd.d1,dd.d2,dd.d3,dd.d4,dd.d5{ background-image:url(images/titilebg.png);background-repeat:no-repeat;}
dd.d1{ background-position:0 0;}
dd.d2{ background-position:-35px 0;}
dd.d3{ background-position:-70px 0;}
.acc dl dt d1{ width:400px;}
.acc dl dt d2{ width:400px;}
.acc dl dt d3{ width:400px;}
.acc dl dt d4{ width:400px;}
.acc dl dt d5{ width:400px;}
.neirg{ width:398px; height:580px;}
.neirg em{ font-size:24px; display:block; width:398px; line-height:120px; background:url(../images/tbg.jpg) center repeat-x; text-align:center;}
.neirg em span{ background:#e6e6e6; padding:0 30px; color:#222; letter-spacing:10px;}
.neirg p{ text-indent:2em; color:#808080; line-height:28px; font-size:14px;}
.neirg i{ display:block; width:90px; height:25px; background:url(images/ind3.jpg) no-repeat; margin-top:15px; text-align:center; text-align:center; color:#fff;}
.neirg i a{ display:block; color:#fff; line-height:23px;}
.nrbg1{ background:url(../images/t6.jpg) #e6e6e6 bottom right no-repeat;}
.nrbg2{ background:url(../images/t7.jpg) #e6e6e6 bottom right no-repeat;}
.nrbg3{ background:url(../images/t8.jpg) #e6e6e6 bottom right no-repeat;}
.nrbg4{ background:url(../images/t9.jpg) #e6e6e6 bottom right no-repeat;}
.nrbg5{ background:url(../images/t10.jpg) #e6e6e6 bottom right no-repeat;}
.acc dl dt p{ padding:30px; display:block; text-indent:0;}
.acc dl dt h2{ display:block; font-size:18px; padding:0 30px;}
.acc dl dt a{ margin-left:30px; color:#38adff;}
.acc dl dt p li{ line-height:35px; float:left; border:1px #ddd solid; margin-right:15px;}
#yous{ width:100%; padding:35px 0; background:url(../images/ysbg.jpg);}
.youshi{ width:1210px; height:600px; margin:0 auto; position:relative;}
.youshi li{ position:relative; width:255px; height:221px; overflow:hidden; background:url(../images/t4.png) no-repeat; text-align:center; padding-top:70px; position:absolute;cursor: pointer;}
.youshi li:hover{background:url(../images/t4s.png) no-repeat;}
.youshi li em{ color:#38adff; font-size:16px;}
.youshi li:hover em{ color:#ff0000;}
.youshi li img{ padding-top:35px;}
.youshi i{ position:relative; width:256px; height:290px; overflow:hidden;  position:absolute;}
.liwz0{ left:475px; top:140px;}
.liwz1{ left:0; top:140px;}
.liwz2{ left:238px; top:0px;}
.liwz3{ left:715px; top:0px;}
.liwz4{ left:238px; top:277px;}
.liwz5{ left:715px; top:277px;}
.liwz6{ right:0px; top:140px;}
.fudwh{ position:absolute; width:239px; height:118px; background:url(../images/t5.png) no-repeat; z-index:999; padding:10px 15px 55px;}
.fudwh p{ color:#fff; font-size:15px; line-height:24px;}
.mapbg1{ left:100px; top:25px;}
.mapbg2{ left:340px; top:-110px;}
.mapbg3{ right:120px; top:-110px;}
.mapbg4{ left:340px; top:160px;}
.mapbg5{ right:120px; top:160px;}
.fudwhs{ position:absolute; width:281px; height:156px; background:url(../images/t6.png) no-repeat; z-index:999; padding:15px 15px 60px;}
.fudwhs p{ color:#fff; font-size:13px; line-height:25px;}
.mapbg6{ right:120px; top:-20px;}
#jkang{ width:100%; padding:35px 0;}
.jkang{ width:1224px; height:auto;}
.jkang li{ width:248px; height:347px; float:left; margin:14px; background:url(../images/t10.jpg) #e5e5e5 bottom no-repeat; padding:15px; text-align:center;}
.jkang li em{ padding-top:20px; float:left; width:100%;}
.jkang li p{ padding:15px 0; float:left; width:100%;}
.jkang li span{ font-size:15px;}
.jkang li:hover{ background:url(../images/t10.jpg) #fff bottom no-repeat;}
.jkang li:hover span{ color:#38adff;}
* A {POSITION: relative}
#featureContainer {WIDTH:1310px; margin:0 auto;}
#wrap {OVERFLOW: hidden}
#feature {POSITION: relative;}
#feature .prev {TEXT-INDENT: -9999px; WIDTH: 48px; DISPLAY: block; BACKGROUND: url(../images/ll.png) center top; FLOAT: left; HEIGHT: 48px; BORDER-TOP: #999 0px dotted; TOP: -185px;}
#feature .next {TEXT-INDENT: -9999px; WIDTH: 48px; DISPLAY: block; BACKGROUND: url(../images/rr.png) center top; FLOAT: right; HEIGHT: 48px;TOP: -185px;}
#feature .prev:hover { BACKGROUND-POSITION: center bottom }
#feature .next:hover { BACKGROUND-POSITION: center bottom }
.featureUL { POSITION: relative; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 2800px; FLOAT: left; LEFT: 0px}
.featureBox {WIDTH: 248px; FLOAT: left; HEIGHT: 347px; OVERFLOW: hidden; margin:14px; background:url(../images/t10.jpg) #e5e5e5 bottom no-repeat; padding:15px; text-align:center;}
.featureBox em{ padding-top:20px; float:left; width:100%;}
.featureBox p{ padding:15px 0; float:left; width:100%;}
.featureBox span{ font-size:15px;}
.featureBox:hover{ background:url(../images/t10.jpg) #fff bottom no-repeat;}
.featureBox:hover span{ color:#38adff;}
#botton-scroll {Z-INDEX: 0; MARGIN: 0px auto; WIDTH: 1220px; FLOAT: left; HEIGHT: 347px;}
#block {Z-INDEX: 0; POSITION: relative; MARGIN: 0px auto; WIDTH: 1220px; HEIGHT: 347px; OVERFLOW: hidden;}

#news{ width:100%; padding:35px 0; background:url(../images/ysbg.jpg);}
.news{ width:1200px;}
.news_l{ width:600px;}
.news_ls{ width:560px; padding:20px; background:#fff; margin-top:20px;}
.news_ls_tit{ border-bottom:1px #c6c6c6 solid; height:35px; margin:5px 0;}
.news_ls_tit em{ font-size:19px; color:#1ca2ff; float:left;}
.news_ls_tit span{ float:right; font-size:13px;}
.news_ls_tit span a{ color:#888;}
.news_ls_tit span a:hover{ color:#1ca2ff; text-decoration:underline;}
.news_ls_con{ width:560px;}
.news_ls_con li{ height:35px; line-height:35px; border-bottom:1px #ddd dashed; background:url(../images/t12.jpg) left no-repeat;}
.news_ls_con li a{ padding-left:20px;}
.news_ls_con li a:hover{ color:#1ca2ff;}
.news_ls_con li span{ float:right; color:#888;}
.news_r{ width:540px;}
.news_r li{ width:540px; height:168px; padding-bottom:20px;}
.news_r li a{ display:block;}
.news_r li a img{ float:left; margin-right:15px; width:200px; height:168px;}
.news_r li a span{ font-size:13px; color:#666; line-height:23px;}
.news_r li a em{ font-size:16px; line-height:35px;}
.news_r li a p{ font-size:13px; color:#999; line-height:23px;}
.chxin{ width:1200px; height:auto; padding:35px 0;}
.chxin ul{ padding:0 150px;}
.chxin ul li{ width:260px; margin:20px; height:430px; background:url(../images/t13.jpg) bottom #38adff no-repeat; float:left; text-align:center; color:#eee; position:relative;}
.chxin ul li img{ padding:40px 0 10px;;}
.chxin ul li em{ display:block; line-height:35px; font-size:16px;}
.chxin ul li span{ line-height:30px;}
.chxin ul li p{ display:block; width:100%; line-height:35px; position:absolute; left:0; bottom:29px; background:#fff;}
.chxin ul li p a{ color:#38adff;}

.ind_news_hot{ width:1200px; padding-bottom:20px; border-bottom:1px #ddd solid; margin:20px auto;}
.ind_news_hot img{ float:left; width:240px; height:auto; margin-right:39px; padding:10px; border:1px #ddd dashed;}
.ind_news_hot em{ font-size:22px; line-height:38px; font-weight:700;}
.ind_news_hot a:hover em{ color:#38acff;}
.ind_news_hot span{ color:#888; line-height:30px;}
.ind_news_hot p{ line-height:23px;}
.ind_news_qita{ width:1200px; margin:0 auto;}
.ind_news_qita ul li{ height:45px; border-bottom:1px #ddd dashed; background: url(../images/dot2.gif) left no-repeat; transition:.5s;}
.ind_news_qita ul li span{ float:right;}
.ind_news_qita ul li a{ padding-left:20px; line-height:45px;}
.ind_news_qita ul li:hover{background: url(../images/dot2.gif) 5px center no-repeat;}
.ind_news_qita ul li a:hover{ color:#38acff;}