

/*■■■■■■■■　基本设定　■■■■■■■■*/
body{ font-family:'微软雅黑'; }


.tiao{ width:100%; height:50px; background:#01b7f2;}

.tiao01{ width:235px; height:50px; font-size:14px; color:rgba(255,255,255,0.8); line-height:50px; float:left; border-right:1px solid rgba(255,255,255,0.2);}
.tiao01 a{ color:rgba(255,255,255,0.8);}
.tiao02{ width:359px; padding-left:55px; height:50px; font-size:14px; color:rgba(255,255,255,0.8); line-height:50px; float:left; background:url(../images/ig1.png) 30px center no-repeat;}
.tiao02 a{ color:rgba(255,255,255,0.8);}

.tiao04{ width:335px; text-align:right; height:50px; font-size:14px; color:#fff; line-height:42px;  float:right;}
.tiao04 a{ color:rgba(255,255,255,0.8); font-size:14px; height:50px; line-height:50px; float:left; padding-left:25px; padding-right:25px; display:block; border-left:1px solid rgba(255,255,255,0.2);}
.tiao04 a:hover{color:#FFF000; text-decoration:underline;}
.tiao04 span{ padding:0 16px;}

.logoz{width:480px; padding-left:30px; float:left; padding-top:15px;}
.nav1{ width:720px; margin-right:19px; padding-top:10px; float:right;}



.banner{ width:100%; height:670px; position:relative; }
.index_focus {width: 100%;height:670px;margin: 0 auto;overflow: hidden;}
.index_focus .bd li {  display: none;position: absolute;left: 0;top: 0; width:100%;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height:670px;display: block;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute; bottom:20%; width:100%; text-align:center; position: absolute; z-index:1; }
.index_focus .slide_nav a {cursor:pointer;f/loat:left;font-size:40px;font-family: arial;color: #fff;padding:5px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #FFA200;}
.index_focus_pre,.index_focus_next {position: absolute;top: 50%;margin-top: -36px;width:38px;height:80px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}

.index_focus_pre {left: 30px;background-position: 0 0;background:url(../images/jt1.png) no-repeat;}
.index_focus_pre:hover {left: 30px;background-position: 0 0;background:url(../images/jt1.png) no-repeat;}
.index_focus_next {right: 30px;background-position: 0 0;background:url(../images/jt2.png) no-repeat;}
.index_focus_next:hover {right: 30px;background-position: 0 0;background:url(../images/jt2.png) no-repeat;}


ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none; height: 90px; line-height: 52px; text-align:center;}
ul.menu li {position:relative; float:left; margin-right:0px; z-index:1;}
ul.menu ul {position:absolute; top:88px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:0px solid #000;background:#fff; border-bottom:1px solid #fff; border-top:none; width:160px; margin:0}
ul.menu ul li a {display:block; padding:3px 20px 5px 20px; height:42px; line-height:34px; color:#000; font-size:14px;}
ul.menu ul li a:hover {background-color:#D21E24; color:#fff; font-size:14px; height:42px;}
ul.menu ul ul {left:114px; top:-1px}
ul.menu .menulink {border:0px solid; padding:20px 25px 20px 25px; color:#000;  font-family:"微软雅黑"; font-size:16px; font-weight:600;}
ul.menu .menulink:hover, ul.menu .menuhover {color: #fff; background:#01b7f2;}
ul.menu .sub {background:url('http://d2.xvna.com/sc/scimg/arrow.gif?http://www.xvna.com') 100% 0px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

.cen{ width:1180px; margin:auto; height:auto;}
.cen01{ height:110px; width:1260px; margin:auto;}

.syxwk{ width:1180px; margin:auto; height:500px; padding-top:35px; padding-bottom:85px;}
.syxw{height:38px; line-height:38px; font-size:32px; width:40%; font-weight:bold;}
.syxw span{height:38px; line-height:38px; font-size:16px; olor:#999; font-weight:normal;}
.xwt{ width:559px; height:368px; float:left; position:relative;}
.xwtsj{ width:529px; height:100px; position:absolute; z-index:99; bottom:0px; background:url(../images/xwbj.png) repeat-y;}
.xwtsj01{ width:117px; height:90px; padding-top:10px; float:left; text-align:center; color:#FFF; }
.xwtsj01 span{ font-size:44px; color:#fff;}

.canpin_btn{width:98%; padding-left:2%; margin:auto; display: flex; flex-wrap: wrap; justify-content: space-between; position:absolute; z-index:9999;}
.canpin_btn dl{width: 20%; height:350px; padding-top:10px; background:#FFF; border-radius:5px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.canpin_btn dl dt{ -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; text-align:center;}
.canpindiv{color: #212121; font-size: 15px; text-align:center; font-weight:bold; width:100%; padding-top:20px; line-height: 28px; text-transform:uppercase; }
.canpindiv01{color: #959595; text-align:none; font-size: 14px; font-weight:normal; height:24px; padding-top:10px;padding-right:5%; line-height: 22px; text-transform:uppercase; }

.canpin_btn dl dd{ color: #414141; width:80px;  height:24px; margin-left:70px; background:#D7D7D7; text-align:center; font-size: 12px; margin-top:35px; line-height: 24px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; border-radius:50px;}
.canpin_btn dl:hover{ margin-top: 10px;box-shadow: 0 0 10px rgba(222,55,0,0.5);}
.canpin_btn dl:hover dd{ color: #fff; background:#006ACC; }



.xwtsj02{ width:312px; height:100px; float:left; line-height:100px; color:#FFF; font-size:18px; padding-left:30px;}


.xwkuai{ width:580px; height:auto; float:right;}

.xwzx{ height:105px; width:100%; margin-bottom:25px; border-bottom:1px dotted #c6c1bd;}
.xwzxwz{ width:460px; float:left;}
.xwzxwzbt{ font-weight:bold; font-size:16px; padding-bottom:10px; margin-top:3px; padding-right:20px;}
.xwzxwzbt a{ color:#585858;}
.xwzxwzbt a:hover{ color:#FF3600;}

.xwzxwznr{ line-height:24px; color:#989898; font-size:13px; padding-bottom:5px; text-align:justify;}

.xwzximg{ width:85px; height:80px; padding-top:5px; font-size:12px; float:left; background:#f5f5f5; margin-right:30px; text-align:center; }
.xwzximg span{ font-size:40px; color:#333; line-height:48px;}

a.dha { font-family:"微软雅黑"; font-size: 16px; line-height:52px; color: #fff; background:#CC0810; display:block; width:148px; height:52px; text-align:center; float:right; margin-left:10px;}
a.dh1 { font-family:"微软雅黑"; font-size: 16px; line-height:52px; color: #fff; background:#01b7f2; display:block; width:148px; height:52px; text-align:center; float:right; margin-left:10px;}
a.dh1:visited {font-style: normal; color: #fff; text-decoration: none;}
a.dh1:hover { color:#ffffff; text-decoration: none; background:#ff5860; }
a.dh1:active { color: #ffffff; background:#CC0810;}

.hzk{width:23%; padding-top:10px; height:110px; text-align:center; background:#FFF; border-radius:5px; font-size:14px; font-weight:bold;}

.ank{width:100%; height:122px; padding-top:30px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.fwdh a{width:120px; height:110px; border:3px solid #01b7f2; text-align:center; line-height: 28px;font-size: 14px; display: block; text-align:center; color: #6f6f6f; padding-top:10px; padding-bottom:10px;border-radius:10px;}
.fwdh a:hover{background: #ff6600; color:#FFF;	}

.footer4{ width:100%; line-height:70px; height:70px;font-size:14px; color:#414141;border-top:1px solid  rgba(0,0,0,0.2); text-align:center;}
.footer4 a{ color:#414141; }

.cpfw{ width:100%; height:615px; padding-top:70px; background:url(../images/zsbj2.jpg) bottom center no-repeat fixed;}

.cpfw01{ text-align:center; font-size:45px; color:#fff; text-transform:uppercase; font-weight:bold; padding-bottom:40px; font-family:Arial;}
.cpfw01 span{ display:block; font-size:28px; font-weight:normal; color:#fff;}
.cpfw02{ line-height:34px; font-size:13px;color:#CDD2DE; width:1000px; margin:auto; font-family:'微软雅黑'; text-align:center; padding-bottom:40px;}

.cpfw_pro05{ font-size:14px; color:#212121; width:120px; margin:auto; margin-top:20px; height:32px; background:#FFF; display:block; text-align:center; line-height:32px;border-radius:50px;}
.cpfw_pro05:hover{ color:#ffffff; background:#ff6600;}

#dha{left:-25px;}
#dhb{left:-55px;}

.about-one__inner-container {height:400px;}
.zdcp{width:100%; height:780px; background:url(../images/zsbj.jpg) top center no-repeat fixed;  margin-bottom:110px;}
#bfbt{ display:none!important;}
@media all and (max-width:1179px){
.tiao{ display:none;}
.cen{ width:90%; padding-left:5%; padding-right:5%;}
.cen01{ width:96%; padding-left:4%; padding-right:0%;}
.logoz{ width:100%; text-align:center;}
.nav1{ width:100%; padding-top:0px; float:left;}
.menu li{ width:16%; text-align:center; padding:none; margin:none;}
#dha{left:0px;}
#dhb{left:0px;}


.xwt{ display:none;}
.syxwk{ width:100%; padding-left:nene;  height:auto; padding-top:35px; padding-bottom:55px;}
.xwkuai{ width:95%!important;max-width:95%!important; padding-left:5%;  height:auto; float:right;}
.xwzxwz{width:95%!important;max-width:95%!important;  float:none;}
.xwzximg{ display:none;}
.dbdhk1{width:30%;}
.canpin_btn dl{width: 50%;}
.fadeInUp{ height:1800px;}

.about-one__inner-container {height:1120px;}
.canpin_btn dl dd{margin-left:40%;}
.ank{height:182px;}
#xwb{display:none!important;}
.xwkuai{ width:80%; padding-left:10%; padding-right:10%; height:auto; float:none;}
.about-two {padding-top: 50px; padding-bottom: 50px;}
#bfbt{ display: block!important;}
}
@media all and (max-width:1024px){
.about-two__img{ display:none!important;}
}


@media all and (max-width:900px){
	
.menu li{ width:16%; font-size:14px; text-align:center; padding:none; margin:none;}
ul.menu .menulink{ padding: 20px 0px;}
.about-two__img{ display:none!important;}
.ank{height:122px;}

.cpfw{display:none!important;}
.testimonials-one{ padding-top:0px!important;}
}

@media all and (max-width:768px){
.zdcp{display:none!important;}
#ggt{display:none!important;}
.syxw{ margin-top:80px!important;}
.syxwdh{ margin-top:80px!important;}
.about-two__content {
    padding-left: 0px;
}

}

@media all and (max-width:450px){
	#toudh{display:none!important;}
	.banner{ height:270px;}
.index_focus {height:270px;}
.index_focus .pic {height:270px;}

	.canpin_btn dl{width: 90%;}
	.fadeInUp{ height:1900px;}
	.about-two__content {padding-left: 5%; padding-right:5%; }
	.ank{display:none!important;}
	.xwzxwznr{text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:2;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
}













