/*----- Common css ------*/
.fl
{
 float: left;
}
.fr
{
 float: right;
}
.di
{
 _display: inline;
}
.fwn
{
 font-weight: normal;
}
.dib
{
 *display: inline;
 _zoom: 1;
 _display: inline;
 _font-size: 0;
}
p{margin: 0;}
.top1{height: 40px;line-height: 40px;color: #666666;background: #f4f4f4;font-size: 12px;}
.top1 a{color: #666666;}
.logo{line-height: 105px;width:29.5%;}
.logowz{color: #888888;font-size: 16px;width: 49%;background: url(../images/line1.png) no-repeat left center;padding-left: 15px;margin-left: 15px;margin-top: 25px;}
.tel2{color: #999999;font-size: 12px;padding-left: 62px;background: url(../images/tel.png) no-repeat left center;margin-top:25px;background-size: 23%;line-height: 25px;}
.logo img {
 width: 100%;
}
@media(max-width: 1481px){
	.logowz{font-size: 14px;}
}
@media(max-width: 1311px){
	.logowz{font-size: 12px;}
}
@media(max-width: 1293px){
	.tel2 span{font-size: 20px!important;}
}
@media(max-width: 1048px){
	.logowz{width: 45%;}
}
.dao{background: #126ace;height: 50px;line-height: 50px;}
/*导航栏样式*/
.nav{height:50px;}
.nav li{line-height:50px;height:50px;text-align:center;width:12.5%;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:50px;color:#fff;height:50px;padding: 0;font-size: 16px;}
.nav li a:hover{color:#fff;text-decoration:none;background-color:#1e81f2;}

.nav .sec{height:0;background:#126ace;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:50px;left:0px;width:100%;}
.nav .sec a{background:#126ace;color:#fff;height:38px;line-height:38px;}
.nav .sec a:hover{background:#1e81f2;text-decoration:none;}
.nav>li>a:focus, .nav>li>a:hover {
 text-decoration: none;
 background-color: #1e81f2;
}


.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
 outline: none;
 position: absolute;
 top: 50%;
 z-index: 9999;
 background: #191919;
 height: 70px;
 width:31px;
 border-radius:5px;
 -webkit-transition: all .5s ease;
 transition: all .5s ease;
}
.owl-carousel .owl-nav button.owl-prev{left: 4%;}
.owl-carousel .owl-nav button.owl-next{right: 4%;}

.owl-carousel .owl-dots button.owl-dot{width: 30px;height: 4px;background: #aaaaaa;opacity: 1;border-radius: 0;}
.owl-carousel .owl-dots button.owl-dot.active{background: #126ace;}


/*热门搜索*/
.sou{margin: 15px 0;}
.sou #formsearch{float:right;}
.sou .hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;color: #333;}
.sou #formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
.sou #formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
.sou #formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#3480ce;color:#fff;border:none;cursor:pointer;font-size: 12px;}

.cpzx{margin-top: 50px;}
.pt1{color: #3e3e3e;font-size: 24px;width: 50%; line-height: 24px;}
.pt1 span{color: #888888;font-size: 14px;padding-left: 10px;padding-right: 5%;}
.pt1 i{color: #888888;font-size: 14px;font-style:normal;line-height: 20px;}
.btbox a{display: block;color: #3e3e3e;font-size: 14px;text-transform: uppercase;line-height: 30px;}
.tab1{display: none;margin-top: 34px;}
.psort{margin-top: 30px;}
.psort li a{display: block;color: #888888;font-size: 14px;padding: 5px 20px;border-radius: 15px;}
.psort li.cur a{color: #fff;background: #126ace;}
.plist{margin-left: -15px;margin-right: -15px;}
.plist li {margin-bottom: 45px;}
.plist li a.img{position: relative;display: block;}
.plist li a.img img{display: block;width: 100%;}
.plist li h3 a{color: #aaaaaa;font-size: 18px;display: block;font-weight: normal;text-align: center;margin-top: 20px;}
.plist li h3 a span{display: block;font-size: 14px;padding-top: 15px;}
.plist li .bj1{width: 100%;height: 100%;display: block;position: absolute;left: 0;top:0;background: rgba(18,106,206,.9);display: none;}
.shu{font-size: 24px;color: #fff;font-weight: bold;padding-left: 50px;background: url(../images/line2.jpg) no-repeat left center;margin-top: 20px;}
.pcon{font-size: 14px;color: #fff;width: 67%;margin-left: 16%;line-height: 26px;margin-top: 10px;}
@media(min-width:964px){
	.plist li:hover .bj1{display: block;}
	.plist li:hover h3 a{color: #337ab7;}
}

@media(max-width:1670px){
.shu{font-size:20px;line-height:35px;}
}
@media(max-width:1470px){
.shu{font-size:30px;line-height:35px;}
.pcon{width:90%;margin-left: 5%;line-height:24px;}
}
@media(max-width:1210px){
.shu{font-size:20px;line-height:30px;margin-top:10px;}
.pcon{width:90%;margin-left: 5%;line-height:22px;font-size:13px;}
}
@media(max-width:1095px){
.shu{font-size:16px;line-height:30px;margin-top:10px;}
.pcon{width:92%;margin-left: 5%;line-height:20px;font-size:12px;}
}
.youshi{background: #fafafa;padding-top: 60px;}
.ysbox{
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 align-content: space-between;
 margin-top: 50px;
}
.yleft{width: 33.35%;border-right: 1px solid #fff;background: #1a1a1a;position: relative;}
.yul{width: 66.65%; display: flex; align-content: space-between;flex-wrap: wrap;}
.yul li{width: 50%;}
.yul li{position: relative;}
.yul li a{display: block;position: relative;}
.ysbox li a .img1 img{width: 100%;}

.bj22{position: absolute;width: 100%;height: 100%;left: 0;top:0;padding: 7%;}
/*.yleft .bj22{background: #1a1a1a;}*/
.yul .bj22{background: #262626;}
.yul li:nth-child(2) .bj22,.yul li:nth-child(3) .bj22{background: #2d2d2d;}
.ybt{font-size: 18px;color: #fff;}
.ybt span{display: block;color: #888888;font-size: 14px;padding-top: 1vh;}
.ys1{color: #888888;line-height: 26px;margin-top: 30px;}
.ysbox li .img2{position: absolute;bottom: 20px;right: 20px;text-align: right;}
.ysbox li .img2 img{width: 100%;}
.ysbox li a.bj2{display: none;}
@media(max-width:1300px){
	.ysbox li .img2{bottom: 10px;right:10px;}
	.ysbox li .img2 img{width: 60%;}
	.ys1{margin-top: 5px;}
}

@media(max-width:1170px){
	.ys1{font-size: 12px;}
}
@media(max-width:1055px){
	.yleft{width: 100%;}
	.yul{width: 100%;}
}

@media(max-width:700px){
	.yul{width: 100%;}
	.yul li{width: 100%;}
}

.yleft li{height: 100%;}
.ysbox li:hover .bj22{background: rgba(0,0,0,.5);}
.ysbox li .img1{opacity: 0;}
.ysbox li:hover .img1{opacity: 1;}
.ysbox li:hover .img2{display: none;}
.yul .ys1{color: #fff;}




.anli{margin-top: 75px;}
.case_list1{margin-top: 30px;padding: 0 2.6%;}
.case_list1 li{margin: 0 0.5%;position: relative;}
.case_list1 li a.img {display: block;position: relative;}
.case_list1 li a.img img{display: block;width: 100%;border-radius: 5px;}
.anli .slick-dots{text-align: center;margin-top: 30px;}
.anli .slick-dots li{display: inline-block;width: 10px;height: 10px;margin: 0 4px;border-radius: 50%;border:1px solid #126ace;}
.anli .slick-dots li button{background: none;outline: none;border:none;font-size: 0;}
.anli .slick-dots li.slick-active{background: #126ace;}
.case_list1 li h3 a{color: #aaaaaa;font-size: 16px;display: block;font-weight: normal;line-height: 40px;margin: 16px 4% 0 4%;background: url(../images/jt.png) no-repeat right top;}
.case_list1 li h3 a span p{color: #888888;display: block;font-size: 12px;}
.cbj{position: absolute;display: block;width: 100%;height: 100%;border-radius: 5px;background:#126ace;top:0;left: 0;padding: 5% 6% 0 6%;display: none;}
.cbj .ctt{color: #fff;font-size: 16px;line-height: 30px;}
.case_list1 li a.img .cbj img{width: auto;}
.case_list1 li .cbj .ctt span p{font-size: 12px;}

.case_list1 li .cbj span{font-size: 14px;color: #fff;display: block;margin-top: 15px;line-height: 24px;}
.jt{margin-top: 10px;}

.case_list1 li:hover .cbj{display: block;}
.case_list1 li:hover h3 a{color: #fff;background: none;}
.case_list1 li:hover h3 a span p{color: #fff;}


.abox{
 /*display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 align-content: space-between;*/
 margin-top: 50px;background: #fafafa;
}
.aleft{width: 50%;padding-bottom: 20px;}
.aright{width: 50%;}
.aright img{display: block;width: 100%;}
.aleft{background: #fafafa;padding-left: 5%;padding-top: 5%;}
.aleft .pt1{width: 100%;}

.aimg2{padding: 10px;border:1px solid #dddddd;margin-top: 50px;width: 86%;}
.aimg2 img{display: block;width: 100%;}

.aleft h3{color: #3e3e3e;font-size: 18px;margin-top: 30px;}
.acon{color: #888888;font-size: 16px;line-height: 28px;margin-top: 20px;}
.abox2{width: 86%;}
.aleft a{display: block;color: #888888;font-size: 16px;text-align: center;width: 120px;height: 35px;line-height: 35px;border:1px solid #dddddd;margin-top: 45px;}


@media(max-width:1000px){
 .aleft{width: 100%;float: none;padding-right: 5%;}
 .aright{width: 100%;float: none;}
 .abox2,.aimg2{width:100%;}
}





/*新闻*/
.box5{margin-top:4%;}
.xin{width:22%;}
.xin7{width:21%;}

.xin2{margin:0 4%;}
.xintt{color:#3e3e3e;font-size:20px;position:relative;border-bottom: 1px solid #dddddd; text-transform:uppercase;line-height:42px;font-weight: bold;}
.xintt span{color:#888888;font-size:14px;padding-left:10px;font-weight: normal;}
.xintt a{color:#888888;font-size:14px;position:absolute;right:0;top:3px;font-weight: normal;}
.xin .img{width:100%;margin-top:25px;}
.xin .img img{width:100%!important;height:auto!important;}

.list1{}
.list1 li{position:relative;line-height:42px;border-bottom:1px dashed #ddd;color:#888888;font-size:14px;padding-left: 20px;background: url(../images/jt2.png) no-repeat left center;}
.list1 li:hover{background: url(../images/jt22.png) no-repeat left center;}
.list1 li a{display:block;color:#888888;}
.list1 li span{position:absolute;right:0;top:0;}
.list1 li:hover{color:#126ace;}
.list1 li:hover a{color:#126ace;}





.ynjd{margin-top:25px;}
.list12{border-bottom:1px dashed #ddd;padding:1% 0 4% 0;}
.list12 a {background:url(../images/wen.png) no-repeat left center;padding-left:28px;
 display: block;
 font-size: 14px;
 color: #888888;line-height:30px;
 
}
.list12:last-child{border:none;}
.list12 p {background:url(../images/da.png) no-repeat left top;padding-left:28px;
 font-size: 12px;
 color: #888888;line-height:20px;margin-top:1%;
 display: -webkit-box;
 overflow: hidden;
 text-overflow: ellipsis;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
}


/*首页banner*/
.banner{width:100%;margin:0 auto;position:relative;margin-left:-50%;left:50%;padding-bottom: 34%;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;}
.banner ul.bb img{width:100%;height: auto;}
.banner ul.bb li{position:absolute;display:none;}
.banner .num{position:absolute;left:50%;bottom:10px;z-index:100;}
.banner .num li{width:18px;height:18px;display:inline-block;margin-right:4px;background:#fff;line-height:18px;
	text-indent:-100px;overflow:hidden;border-radius:10px;}
.banner .num li.num_hover{background-color:#126ace;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:block;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:18px;height:18px;line-height:18px;}



@media (max-width: 1024px) {
 
 .list12 a{overflow:hidden; padding-left:25px;

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:1;font-size:12px;}

 .list12 p{overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2;font-size:12px;padding-left:25px;
}

.list1 li{font-size:12px;}
.list1 li a{width:60%;height:42px;overflow:hidden;}
.xintt{font-size:18px;}

}



@media (max-width: 1225px) {
.xin3,.xin7{margin-top: 20px;}
}
@media (max-width: 1310px) {
 .xin {
 width: 23%;
}
.xin2 { margin: 0 2%; }
 
}


@media (max-width: 1225px) {
.xin{width: 48%;}
 .xin2 {
 margin: 0 0%; 
 float: right;
}
}
@media (max-width: 1400px) {
 .xintt{font-size: 16px;}
 .xintt span{font-size: 12px;padding-left:3px;}
}






@media (max-width: 768px) {

 .list12 a{overflow:hidden; padding-left:25px;

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:1;font-size:12px;}

 .list12 p{overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2;font-size:12px;padding-left:25px;
}




.list1 li{font-size:12px;}
.list1 li a{width:60%;height:42px;overflow:hidden;}
.xintt{font-size:18px;}

}


@media (max-width: 768px) {
 .xin{width:100%;margin:0 auto;}
 .xin2{margin:0!important;}
 
}


.hzhb{margin-top: 80px;}
.hzhb .btbox {margin-bottom: 20px;}
.xyin-pro-slick {margin: 0 -14px;}
.xyin-pro-slick li{
 margin: 15px 18px;
}

.xyin-pro-slick li .slick-con a{
 display: block;
 overflow: hidden;
 border-radius: 0;
}
.xyin-pro-slick li:hover {box-shadow: 0px 5px 18px 0px 
 rgba(22, 22, 22, 0.15);}
.xyin-pro-slick li .slick-con a img{
 width: 100%;
 height: auto;
 border:1px solid #dddddd;
}
.xyin-pro-slick .slick-dots{
 text-align: center;
 margin-top: 1%;
}
.xyin-pro-slick .slick-dots li{
 display: inline-block;
 width: 17px;
 height: 17px;

 text-indent: 100px;
 overflow: hidden;
 border: none;
 outline: none;
 margin: 0 10px;
}
.xyin-pro-slick .slick-dots li button{
 border: none;
 outline: none;
 text-indent: 100px;
 overflow: hidden;
 border-radius: 50%;
 background: transparent;
 border:1px solid #126ace;
 width: 10px;
 height: 10px;
 padding: 0;
 display: block;
}
.xyin-pro-slick .slick-dots li.slick-active button{
 background: #126ace;
}


.f_link{margin: 20px 0;}


.foot{background: #1a1a1a;padding: 0px 0 20px 0;}
.foot .pt1{color: #fff;}
.foot h3{color: #fff;font-size: 18px;margin-top: 10px;}
.lx{color: #888888;font-size: 14px;margin-top: 30px;}
.ewm1{color: #fff;text-align: center;line-height: 30px;margin-right:0%; width: 28%;margin-top: 2.5%;}


/*.message2{float:right;}*/

.message {
 padding-top: 10px;
 z-index: 100;
 position: relative;
}

.message input {
 vertical-align: middle;
}

.message #name {
 display: block;
 height: 32px;
 line-height: 32px;
 padding: 0;
 padding-left: 6px;
 border: none;
 background: #eaeaea;
 width: 100%;
}

.message #contact {
 display: block;
 height: 32px;
 line-height: 32px;
 padding: 0;
 padding-left: 6px;
 border: none;
 background: #eaeaea;
 width: 100%;
}

.message #email {
 display: block;
 height: 32px;
 line-height: 32px;
 padding: 0;
 padding-left: 6px;
 border: none;
 background: #eaeaea;
 width: 100%;
}

.message #address {
 display: block;
 height: 32px;
 line-height: 32px;
 padding: 0;
 padding-left: 6px;
 border: none;
 background: #eaeaea;
 width: 100%;
}

.message #city {
 display: block;
 height: 32px;
 line-height: 32px;
 padding: 0;
 padding-left: 6px;
 border: none;
 background: #eaeaea;
 width: 100%;
}

.message #content {
 display: block;
 height: 131px;
 font-size: 12px;
 border: none;
 background: #eaeaea;
 width: 100%;
}

.message .msgbtn {
 background: #3d3d3d;
 cursor: pointer;
 width: 165px;
 height: 42px;
 line-height: 42px;
 text-align: center;
 border: none;
 color: #fff;
 font-size: 14px;
 margin-top: 15px;
 font-family: "Microsoft YaHei";
}

.message p {
 color: #333;
 font: 400 12px/40px "Microsoft Yahei";
}

#code {
 padding-top: 10px;
 line-height: 26px;
}

#checkcode {
 height: 32px;
 line-height: 32px;
 background: #eaeaea;
 width: 115px;
 border: none;
}

#message_main tr {
 position: relative;
}

#message_main tr th {
 font-weight: normal;
 text-align: right;
 height: 42px;
 line-height: 42px;
 color: #666;
}

.m_label {
 position: absolute;
 width: 160px;
 text-align: left;
 line-height: 40px;
 padding-left: 8px;
 color: #ccc;
 z-index: 1;
 cursor: text;
}

.c_label {
 line-height: 18px;
 padding-top: 12px;
}

.messd {
 padding: 10px 0;
}

.messd .col-sm-1 {
 padding: 0;
 text-align: center;
}
.ft1{margin-top: 60px;}
.message2 #name {
 display: block;
 height: 42px;
 line-height: 42px;
 padding: 0;
 padding-left: 20px;
 border: none;
 background: none;
 background: #222121;
 width: 100%;
 color: #888888;
 border-radius: 5px;
 font-size: 14px;outline:none;
 margin-bottom: 10px;
 border: 1px solid #d2d2d2;
}
.col-sm-70{ height:0px; width: 58.33333333%;}
.message2 #contact {
 display: block;
 height: 42px;
 line-height: 42px;
 padding: 0;
 padding-left: 20px;
 border: none;
 background: none;
 background: #222121;
 width: 100%;
 color: #888888;
 border-radius: 5px;
 font-size: 14px;outline:none;
 margin-bottom: 10px;
}

.message2 #email {
 display: block;
 height: 42px;
 line-height: 42px;
 padding: 0;
 padding-left: 20px;
 border: none;
 background: none;
 background: #222121;
 width: 100%;
 color: #888888;
 border-radius: 5px;
 font-size: 14px;outline:none;
 margin-bottom: 10px;
}

.message2 #content {top: -160px;
 display: block;
 height: 148px;
 line-height: 42px;
 padding: 0;
 padding-left: 20px;
 border: none; position: relative;
 background: none;
 background: #222121;
 width: 100%;
 color: #888888;
 border-radius: 5px;
 font-size: 14px;outline:none;
 margin-bottom: 10px;
}

#message-form.message2 #checkcode {
 display: block;
 height: 42px;
 line-height: 42px;
 padding: 0;
 padding-left: 20px;
 border: none;
 background: none;
 background: #222121;
 width: 40%;
 color: #888888;
 border-radius: 5px;
 font-size: 14px;outline:none;
 margin-bottom: 10px;
}

.mess {
 
}
.ly{margin: 0 -15px 10px 0;width: 68%;}
.message2 .msgbtn {
 width: 134px;
 height: 33px;
 background-color: #126ace;
 border-radius: 17px;
 line-height: 33px;text-align: center;
 color: #fff;
 font-size: 14px;
 border:none;
 outline: none;
 margin-top: 5px;
 margin-left: 20px;
}
.qq{margin-top:20px;}


.copyright{text-align: center;color: #888;margin-top: 10px;}
.copyright a{color: #888;}


@media(max-width: 840px){
 .ewm1{float:none;margin-right:0;width:100%;}
 .ewm1 table{margin:0 auto;}
 .ly{width:100%;float:none;}
}


@media(max-width: 768px){
 .psort li a{padding: 5px!important;}
 .plist li{margin-bottom: 10px;}
 .plist li h3 a span{padding-top: 5px;}
 .plist li h3 a{font-size: 16px;}
}