@charset "gb2312";
/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:14px/1.5 Verdana,sans-serif,arial,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#3480ce;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Verdana,sans-serif';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.container{width: 1200px!important;margin: 0 auto;padding: 0;}

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

/*头部*/
.top{border-bottom: 1px solid #ededed; height: 39px; line-height: 39px; color: #a7a7a7; background: #f5f5f5}
.wel{}
.seo1{}
.seo1 a{color: #a7a7a7;}
.head{ height: 133px; }
.logo{ line-height: 133px; }
.h_wz{ background: url(logo_bj.png) no-repeat left center; height:48px; line-height: 48px; padding-left: 18px;margin-left: 19px;margin-top: 43px; font-size: 24px; color: #333333;}
.head .tel{ background: url(tels.png) no-repeat left center; padding-left: 55px;font-size: 28px; color: #1552D1;height: 46px; line-height:24px;margin-top: 42px; font-weight: bold; }
/*导航*/
.menu{background: #1552D1; height: 54px;}
.xmenu { width: 1200px; margin: 0 auto;text-align: center;}
.xmenu li {height: 54px; line-height: 54px; display: inline-block; position: relative; width: 128px; text-align: center;}

.xmenu li a {display: block;  background: url(nav_li.png) no-repeat right center; height: 54px; line-height: 54px; color: #ffffff; font-size: 16px; }
.xmenu li:last-child a{background: none;}
.xmenu li:hover { background: #1552D1; color: #ffffff; }
.xmenu li.active a {background: #1552D1; color: #ffffff;}
.xmenu li:after {  }
.xmenu li:hover .x-sub-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.xmenu li .x-sub-menu {
  position: absolute;
  z-index: 99;
  width: 100%;
  left: 0;
  top: 54px;
  background: #1552D1;
  padding: 10px 0;
  opacity: 0;
}
.xmenu li .x-sub-menu li{background: none;}
.xmenu li .x-sub-menu li a { display: block; text-align: center; font-size: 14px; color: #ffffff;padding: 0; background: none;}
.xmenu li .x-sub-menu li a:hover { background: #e9eaeb; color: #3e3e3e;}
.xmenu li .x-sub-menu:after { }
/*banner dot*/
.x-banner .owl-carousel .owl-dots { position: absolute; z-index: 999; left: 0; width: 100%; text-align: center; font-size: 0; bottom: 5%; }

.x-banner .owl-carousel .owl-dots button.owl-dot { display: inline-block; vertical-align: middle; font-size: 14px; margin: 0 .5em; outline: none; background: url(dot1.png) no-repeat center; border-radius: 7px; width: 14px; height: 14px; opacity: 1; }

.x-banner .owl-carousel .owl-dots button.owl-dot:hover { opacity: 1; }

.x-banner .owl-carousel .owl-dots button.owl-dot.active { opacity: 1;  width: 42px; height: 14px;}

@media (max-width: 990px) {
  .x-banner .owl-carousel .owl-dots button.owl-dot {
    font-size: 12px;
  }
}
/*搜索*/
.hotsearch{width: 1200px; margin: 10px auto; height: 39px;}
.hotsearch .h-key{font-size: 14px; color: #999999;line-height: 39px;}
.hotsearch .h-key a{color: #999999;line-height: 39px; margin-right: 8px;} 
.hotsearch #formsearch{ display: inline-block; vertical-align: middle;}
.hotsearch #formsearch { width: 245px; position: relative; height: 39px; border-left: 1px solid #cccccc;}
.hotsearch #formsearch #s_btn { float: left; outline: none; border: none; width: 24px; height: 39px; font-size: 0; background-image: url(icon_spirit1.png); background-color: transparent; background-repeat: no-repeat; background-position: center;line-height: 39px;}
.hotsearch #formsearch #keyword { float: left; background: none; outline: none; border: none; width: 220px; color: rgba(0, 0, 0, 0.8); height: 39px; padding-left: 34px; }
/*设备展示*/
.box1{padding-top: 40px;}
.main-tit{}
.main-tit h3{font-size: 36px; color: #545454;background: url(tit_bj.png) no-repeat center; text-align: center;}
.main-tit p{ font-size: 15px; color: #999999;text-transform: uppercase; text-align: center;margin-top: 5px;}
.sbzs{ margin-top: 30px; }
.sbzs li{ float: left; width: 280px; margin-right: 26px; position: relative; padding-left: 30px;}

.sbzs li:last-child{margin-right: 0;}
.sbzs li h2{font-size: 20px; color: #333333; height:40px; line-height:40px; text-align:center }
.sbzs li h2 a{color: #333333;}
.sbzs li h3{font-size: 16px; color: #333333; font-weight: normal; margin-top: 10px; line-height: 16px;}
.sbzs li h3 a{color: #333333;}
.sbzs li h2 span{background: url(jt.png) no-repeat center; float: right; width: 15px; height: 16px;}
.sbzs li .sbzs_pic{ margin-top: 15px; }

.sbzsimg{display:block;display:flex;text-align:center; width: 250px; height:250px;  justify-content:center; align-items:center; background:#f5f5f5; overflow:hidden;}
.sbzsimg img{max-width:250px;max-height:426px; border:0px;}

.sbzs li .sgal{position: absolute;left: 0; bottom: 215px; width: 80px; height: 120px; text-align: center; background: #e2e2e2; line-height: 30px;font-size: 16px; color: #333333; padding-top: 15px;}
.sbzs li .sgal a{color: #333333;}
/*案例展示*/
.box2{margin-top: 75px; margin-bottom: 30px;}
.box3{ background: url(case_bj.png) no-repeat top center #F5F7FA; padding: 78px 0;}
.case_lf{ width: 260px; padding-bottom: 30px; background: #1552D1; padding-top: 27px; padding-left:22px;}
.c_tit{ background: url(c_tit.png)no-repeat 0px top; padding-top: 20px; padding-bottom: 22px;}
.c_tit h2{font-size: 28px; color: #ffffff;text-transform: uppercase; font-weight: bold; line-height: 28px;}
.c_tit h3{font-size: 28px; color: #ffffff; line-height: 28px; margin-top: 8px;letter-spacing: 8px;}
.c_list{}
.c_list li{background: url(c_li.png) no-repeat 10px center;  line-height:46px; border-bottom: 1px dashed #4B86FA; padding-left: 40px; font-size: 16px; width: 215px;}
.c_list li a{color: #ffffff;}
.case_rt{width:915px;background: #ffffff; padding: 26px; padding-bottom: 0;}
.clist1{  }
.clist1 li{ float: left;width: 271px;margin-right: 25px; margin-bottom: 15px;}
.clist1 li:nth-child(3n){ margin-right: 0; }

.clistpic{ display:flex; text-align:center; width: 271px; height:203px;  justify-content:center; align-items:center; background:#f5f5f5; overflow:hidden}
.clistpic img{max-width: 368px; max-height: 368px;padding:2px;}
.clist1 li h3{ line-height: 35px; font-size: 16px; text-align: center;}
.clist1 li h3 a{color: #666666; font-weight: normal;}
/*优势*/
.box4{background: url(ys_bj.png) no-repeat top center;height: 798px;}
.ys_tit{margin-top: 90px; width: 460px; text-align: right;}
.ys_tit h3{font-size: 36px; color: #ffffff; line-height: 36px;}
.ys_tit p{text-transform: uppercase; font-size:24px; color: #ffffff; line-height: 24px;margin-top: 8px;}
.ys_lf{ margin-top: 38px; width:340px;}
.ys1{ margin-top: 62px; height: 120px}
.ys_t{ font-size: 22px; color: #ffffff;font-style: italic; background: url(ys_line.png) no-repeat bottom left; padding-bottom: 15px;}
.ys_t span{text-transform: uppercase; font-size: 12px;color: #ffffff;font-style: normal; margin-left: 10px;}
.ys_c{ font-size: 16px; color: #ffffff; line-height: 30px; margin-top: 9px;}
.ys_mid{ margin-top: 38px; margin-left: 36px;}
.ys_rt{ margin-top: 38px; width: 340px;}
.ys2{ margin-top: 80px; height: 120px}
.ys3{margin-top: 62px;height: 120px}
.ys4{ margin-top: 80px;height: 120px }
.ys_tel{background: url(ys_tel.png) no-repeat top left; width:430px;margin: 0 auto; height: 40px; line-height: 40px; font-size: 26px; color: #ffffff; margin-top: 35px;}
.ys_tel p{display: inline-block; float: left; margin-left: 108px;font-weight: normal;}
.ys_tel span{ width: 140px; float: right; display: block; text-align: center; font-size: 16px; border:1px solid #ffffff; border-radius: 5px;line-height: 40px; height: 40px;}
.ys_tel span a{color: #ffffff;}
/*特别鸣谢*/
.box5{padding-top: 0px;}
.tbmx{position: relative;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:40%;}
.l_btn{left:-80px; background: url(left.png)no-repeat left center;}
.r_btn{right:-80px; background: url(right.png)no-repeat left center}
.twt{margin-top: 28px;}


.twtpic{display:block;display:flex;text-align:center; width: 278px; height: 160px;  justify-content:center; align-items:center; background:#f5f5f5; overflow:hidden;border:1px solid #eee;}
.twtpic img{max-width: 308px;max-height:188px; border:0px; padding:2px;}

.twt li{float: left;overflow: hidden; margin-left: 20px;}
.twt li h3{height:40px;text-align:center;color:#252020;font-size:16px;line-height:40px;font-weight:normal;}
.twt li h3 a{text-align:center;color:#252020;font-size:16px;line-height:40px;font-weight:normal;}
.mx_tel{background: url(mx_tel.png) no-repeat top left; width:430px;margin: 0 auto; height: 40px; line-height: 40px; font-size: 26px; color: #333333; margin-top: 13px;}
.mx_tel p{display: inline-block; float: left; margin-left: 108px;font-weight: normal;}
.mx_tel span{ width: 130px; float: right; display: block; text-align: center; font-size: 16px; border:1px solid #333333; border-radius: 5px;line-height: 40px; height: 40px;}
.mx_tel span:hover{border: 1px solid #1552D1;}
.mx_tel span:hover a{ color: #1552D1}
.mx_tel span a{color: #333333;}
/*走进祥云*/
.box6{ padding-top: 75px; }
.box7{background: url(ab_bj.png) no-repeat top center; margin-top: 30px; position: relative; width: 1920px; left: 50%; margin-left: -960px; height: 658px;}
.ab_lf{width: 625px; margin-top: 137px; }
.ab_tit{ width: 220px; color: #ffffff;}
.ab_tit p{font-size: 18px;}
.ab_zm{ font-size: 72px;text-transform: uppercase; line-height: 72px;}
.ab_t {margin-left: 10px;}
.ab_t h2{font-size: 30px; line-height: 30px; margin-top: 7px;}
.ab_t h3{font-size: 20px; line-height: 20px;font-weight: normal; margin-top: 8px;}
.ab_con{font-size: 16px; color: #ffffff;line-height: 35px; margin-top: 16px;}
.ab_rt{position: absolute; right: 294px; bottom: 150px;}
.ablist{ position: absolute; bottom: 150px;}
.ablist li{float: left; width: 154px; height: 48px; line-height: 48px; background: #ffffff; text-align: center; margin-right: 21px; font-size: 16px;}
.ablist li a{color: #000033;}
.ablist li:hover{background: #fd9418;}
/*新闻资讯*/
.box8{ padding-top: 75px;background-color: #F5F7FA; padding: 60px 0px; margin: 40px auto 0px auto}
.new_content{ margin-top: 30px; }
.txtlistbox .item {
	border: 1px solid #ddd;
	margin-bottom: 16px;
	transition: all 0.2s linear 0s;
	margin-bottom: 18px;
	width: 48%;
	float: left;
	margin: 1% 1%;
}
.txtlistbox .item a {
	display: block;
	padding: 23px 28px;
}
.txtlistbox .item h3 {
	font-size: 18px;
	vertical-align: top;
	white-space: nowrap;
	 overflow: hidden;
	 text-overflow: ellipsis;
	margin-bottom: 10px
    
}
.txtlistbox .item p {
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	color: #666;
	display: inline-block;
	display: -webkit-box;
	-webkit-line-clamp: 2;/*多行文本 溢出部分...*/
	-webkit-box-orient: vertical;/*从上向下垂直排列*/
	overflow: hidden
}
.txtlistbox .item .time {
	display: block;
	width: 90px;
	height: 66px;
	border-right: 1px solid #ddd;
	line-height: 20px;
	margin-right: 30px;
	color: #666;
	vertical-align: middle;
*zoom: 1;
}
.txtlistbox .item .time b {
	color: #666;
	display: block;
	font-size: 48px;
	line-height: 48px;
}
.txtlistbox .item:hover {
	border: 1px solid #1552D1;
	-webkit-box-shadow: 0 15px 15px rgba(0,0,0,.1);
	box-shadow: 0 2px 6px rgba(0,0,0,.1);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0);
}




/*友情链接*/
.box_link{  width: 100%; margin: 0 auto; /*margin-top: 45px;*/}
.f_link{ width: 1200px; margin: 0 auto; line-height: 50px; }
.f_link .f_l{ margin-left: 20px; }
.f_link .f_l a{ float: left; margin: 0 5px; color: #666666; font-size: 14px;}

/*页面底部*/
.out-foot{background: #222222; padding-top: 45px;padding-bottom: 30px; border-bottom: 1px solid #3e3e3e;}
.foot{width: 1200px;margin: 0 auto;}
.foot a{color:#ffffff;}
.foot a:hover{color:#9c0401;text-decoration:none;}
.fla{width: 250px;font:400 14px/22px "Verdana,sans-serif";color:#666;}
.flb{width: 370px;margin-left:55px; margin-left: 120px;}
.flc{}
.f_tit{}
.f_n_t{ font-size: 20px; color: #ffffff; background: url(f_tit_line.png) no-repeat bottom left; padding-bottom: 15px; margin-top: 18px; line-height:25px;}
.f_n_c{ font-size: 16px; margin-top: 30px;color: #ffffff; line-height: 15px; text-align:center; text-align: left; line-height: 2.0}
.f_n_c a{ color: #ffffff;}
.f_n_c ul li{ width: 120px; float: left; margin-bottom:20px;}
.f_n_c ul li:first-child{display: none}
.f_n_c ul li:hover a{color:#1552D1;}
.f_n_c .ewm{ background: url(erweima.png) no-repeat top left; width: 132px; height: 132px;  padding:17px; margin-left: 10px;}
.f_n_c .ewm:first-child{ margin-left: 0px; }

.copyright{text-align:center;line-height:24px; width: 100%; margin: 0 auto;background: #222222; padding: 30px 0;}
.f_copy{ width: 1200px; margin: 0 auto; color: #ffffff; font-size: 14px;}
.f_copy a{ color: #ffffff; font-size: 14px;}


/*内页样式*/
.page-wrap01{margin-top: 50px; margin-bottom: 30px}
.page-wrap-right01{ width:850px; float:right;}
.page-wrap-right01 .page-position{ border-bottom:#ddd solid 1px; margin:0px; padding:0px; height:40px; line-height:40px; margin-bottom:10px;}
.page-wrap-right01 .page-position span.cc{ font-size:16px; font-weight:bold; border-bottom:#1552D1 solid 5px; margin-top:-3px;}