@charset "utf-8";

/*****************************************

* 2017-4-24 网站首页样式

*****************************************/

.tel{ position:absolute; display:block; bottom:1px; background:url(../images/en_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:200px;height:598px;cursor:pointer;}

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;}

.neirg{ width:398px; height:580px;}
.neirg a{ display:block;}

.neirg a em{ font-size:22px; display:block; width:398px; line-height:120px; background:url(../images/tbg.jpg) center repeat-x; text-align:center;}

.neirg a em span{ background:#e6e6e6; padding:0 30px; color:#222;}

.neirg a p{ text-indent:2em; color:#808080; line-height:28px; font-size:14px;}

.neirg a 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 a i { 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;}

.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:280px; height:155px; background:url(../images/t5s.png) no-repeat; z-index:999; padding:10px 10px 55px;}

.fudwh p{ color:#fff; font-size:12px; line-height:15px;}

.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:291px; height:166px; background:url(../images/t6.png) no-repeat; z-index:999; padding:5px 10px 60px;}

.fudwhs p{ color:#fff; font-size:11px; line-height:14px;}

.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;}



#linky{ width:100%; padding:5px 0; background:#525252;}

.linky{ width:1200px; line-height:25px; color:#eee; border-bottom:1px #eee solid; padding:5px 0;}

.linky a{ color:#eee;}



