@charset "utf-8";
@import url(reset.css);



/*body公用*/

body{font-family:"微软雅黑","宋体"; font-size:14px; color: #333;  background:#fff; text-align:justify; -webkit-text-size-adjust:none; height:auto; padding: 0px;margin: 0px;}

html,body{
	width:100%;
	height:100%;
}
a {color:#333;transition:400ms ease all;}
a:hover{ color:  #337ab7;transition:800ms ease all;text-decoration: none;}
input{border: hidden;}
input[type="submit"]{background-color: #0c7810 ;}
ul{list-style: none;padding: 0px;}
::-webkit-scrollbar-track-piece {width:5px;background-color:#f8f8f8;}
::-webkit-scrollbar {width:5px;background-color:#337ab7;}
::-webkit-scrollbar-thumb {width:5px;background-color:#337ab7;}
::-webkit-scrollbar-thumb:hover {width:5px;background-color:#337ab7;}

/*背景*/
.bggrey{background: #f1f1f1;}
/******/
/*动画延迟*/
.delay100{animation-delay: 100ms;}
.delay200{animation-delay: 200ms;}
.delay300{animation-delay: 300ms;}
.delay400{animation-delay: 400ms;}
.delay500{animation-delay: 500ms;}
.delay600{animation-delay: 600ms;}
.delay700{animation-delay: 700ms;}
.delay800{animation-delay: 800ms;}
.delay900{animation-delay: 900ms;}
.delay1000{animation-delay: 1000ms;}
.delay1100{animation-delay: 1100ms;}
.delay1200{animation-delay: 1200ms;}
.delay1300{animation-delay: 1300ms;}
.delay1400{animation-delay: 1400ms;}
.delay1500{animation-delay: 1500ms;}
.delay1600{animation-delay: 1600ms;}
.delay1700{animation-delay: 1700ms;}
.delay1800{animation-delay: 1800ms;}
.delay1900{animation-delay: 1900ms;}
.delay2000{animation-delay: 2000ms;}
.delay2100{animation-delay: 2100ms;}
.delay2200{animation-delay: 2200ms;}
.delay2300{animation-delay: 2300ms;}
.delay2400{animation-delay: 2400ms;}
.delay2500{animation-delay: 2500ms;}
.delay2600{animation-delay: 2600ms;}
.delay2700{animation-delay: 2700ms;}
.delay2800{animation-delay: 2800ms;}
.delay2900{animation-delay: 2900ms;}
.delay3000{animation-delay: 3000ms;}
.delay4000{animation-delay: 4000ms;}
.delay5000{animation-delay: 5000ms;}
.delay6000{animation-delay: 6000ms;}
.delay7000{animation-delay: 7000ms;}
.delay8000{animation-delay: 8000ms;}
.delay9000{animation-delay: 9000ms;}
.delay10000{animation-delay: 10000ms;}

/*********/


/*动画延迟*/
.delay li:nth-child(1){animation-delay: 100ms;}
.delay li:nth-child(2){animation-delay: 200ms;}
.delay li:nth-child(3){animation-delay: 300ms;}
.delay li:nth-child(4){animation-delay: 400ms;}
.delay li:nth-child(5){animation-delay: 500ms;}
.delay600{animation-delay: 600ms;}
.delay700{animation-delay: 700ms;}
.delay800{animation-delay: 800ms;}
.delay900{animation-delay: 900ms;}
.delay1000{animation-delay: 1000ms;}
.delay1100{animation-delay: 1100ms;}
.delay1200{animation-delay: 1200ms;}
.delay1300{animation-delay: 1300ms;}
.delay1400{animation-delay: 1400ms;}
.delay1500{animation-delay: 1500ms;}
.delay1600{animation-delay: 1600ms;}
.delay1700{animation-delay: 1700ms;}
.delay1800{animation-delay: 1800ms;}
.delay1900{animation-delay: 1900ms;}
.delay2000{animation-delay: 2000ms;}
.delay2100{animation-delay: 2100ms;}
.delay2200{animation-delay: 2200ms;}
.delay2300{animation-delay: 2300ms;}
.delay2400{animation-delay: 2400ms;}
.delay2500{animation-delay: 2500ms;}
.delay2600{animation-delay: 2600ms;}
.delay2700{animation-delay: 2700ms;}
.delay2800{animation-delay: 2800ms;}
.delay2900{animation-delay: 2900ms;}
.delay3000{animation-delay: 3000ms;}
.delay4000{animation-delay: 4000ms;}
.delay5000{animation-delay: 5000ms;}
.delay6000{animation-delay: 6000ms;}
.delay7000{animation-delay: 7000ms;}
.delay8000{animation-delay: 8000ms;}
.delay9000{animation-delay: 9000ms;}
.delay10000{animation-delay: 10000ms;}

/*********/







/*******导航****/
.headnav{width: 100%;overflow: visible;height: 100px;position: fixed;top: 0px;left: 0px;transition: all 500ms;background:rgba(255,255,255,1);  border-bottom: 1px solid #ccc;}
.headnav.dq{background:rgba(255,255,255,0.8);transition: all 500ms;}
.headnavwid{width: 100%;overflow: visible;max-width: 1200px;margin: auto; padding: 0px 5px;height: 61px;}
.headlogo{width: 15%;float: left;overflow: hidden;line-height: 100px;height: 100px; padding-top: 10px;}
.headlogo img{width: auto;max-width: auto; height: 85px;}
.headulnav{width: 80%;float: right;overflow: visible;}
.headsearch{width: 5%;float: left;overflow: hidden;text-align: center;}
.search{width: 50px;display: block;text-align: center;margin: auto;line-height: 40px;height: 40px;margin: 30px 0px;}
.search i{display:block;line-height:40px;}
.search:active,.search:hover,.search:visited,.search:link{color: #000;}
.navlist{width: 100%;overflow: visible; height: 40px;margin: 30px 0px;}
.navlist2{width: 100%;overflow: visible; height: 40px;margin: 30px 0px;display: none;}
.navlist li{width: 14.28%;float: left;overflow: visible;text-align: center;font-size: 16px;}
.navlist li:hover .projrct_index,.navlist li.dq .projrct_index{transition: all 500ms;color: #344c93; }
.projrct_index{width: 100%;text-align: center;display: block;line-height: 40px;height: 40px;transition: all 500ms;}
.navsecond{width: 200%;overflow: visible;display: none;margin-top: 10px;background:rgba(52,76,147,0.5);}
.navsecond a{width: 100%;overflow: hidden; text-align: left; border-bottom: 1px solid #192d69; padding-left: 20px; line-height: 40px;height: 40px;position: relative;background: #344c93;color: #fff;display: block;}
a.pro_sec_index{color: #fff;}
/*
.pro_third{width:105%;overflow: hidden;position: absolute;top: 0px;left: 100%;display: none;padding-left: 5%;}
.pro_third a{display: block;line-height: 34px;height: 35px;overflow: hidden;transition: all 500ms;color: #344c93;border-bottom: 1px solid #344c93;transition: all 500ms;background: #fff;}
.pro_third a:hover{background: #344c93;color: #fff;transition: all 500ms;}
*/
/***************/

/**************搜索框*************/
.fixsearch input{border: 0px;box-shadow: inset 0px 0px 0px;}
.fixsearch{position: fixed;top: 80px;right: 80px;width: 350px;border: 2px solid #344c93;height: 44px;overflow: hidden;display: none;z-index: 999999;}
.fixsearch select{width:30%;float: left;height: 40px;line-height: 40px;border: 0px;border-right: 2px solid #344c93; }
.fixsearch input[type=text]{width: 70%;float: left;line-height: 40px;height: 40px;padding-left: 10px;padding-right: 80px;overflow: hidden;}
.submit{width:40px;position: absolute;top: 5px;right: 40px;text-align: center;line-height: 30px;height: 30px;background: #fff;}
.fixsearch input[type=submit]:hover{background: #344c93;}
.closesearch{width:40px;position: absolute;top: 0px;right: 0px;text-align: center;line-height: 40px;height: 40px;background: #fff;}
/********************************/

/*banner*/
.banner_top{width: 100%;padding-top: 100px;position: relative;}
.banabword{overflow: hidden;position: absolute;width: 100%;height: 100%;z-index: 99999;top: 0px;left: 0px;}
.banabword1200{width: 100%;overflow: hidden;max-width: 1200px;margin: auto;
	-moz-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	transition: all .3s ease-in; 
}

.pag_banner{width: 100%;}
.pag_banner img{width: 100%;}

.pag_banner .banbigword1{width: 100%;overflow: hidden;color: #fff;font-size: 44px;text-align: left;margin-top:15%;line-height: 60px;}
.pag_banner .bansmallword1{width: 100%;overflow: hidden;color: #fff;font-size: 20px;text-align: left;line-height: 50px;margin-top: 10px;}

.pag_banner .banbigword{width: 100%;overflow: hidden;color: #fff;font-size: 44px;text-align: left;margin-top:15%;line-height: 60px;}
.pag_banner .bansmallword{width: 100%;overflow: hidden;color: #fff;font-size: 20px;text-align: left;line-height: 50px;margin-top: 10px;}


.banbigword{width: 100%;overflow: hidden;color: #fff;font-size: 36px;text-align: left;margin-top:9%;line-height: 70px;}
.bansmallword{width: 100%;overflow: hidden;color: #fff;font-size: 22px;text-align: left;line-height: 50px;margin-top: 10px;}
.banbanmore{width: 200px;text-align: center;background: #344c93;line-height: 50px;color: #fff;font-size: 20px;margin-top: 20px;transition: all 500ms;cursor: pointer;height: 50px;}
.banbanmore:hover{background: #344c93;color: #fff;transition: all 500ms;width: 220px;}
.banbanmore img{line-height: 50px;height: 50px;width: 42px;}
.banbanmore i{display:block;line-height:50px;}
 .swiper-container.s1 {
      width: 100%;
      height: 100%;
    }
     .swiper-container.s1  .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.banbigword1{width: 100%;overflow: hidden;color: #fff;font-size: 44px;text-align: left;margin-top:9%;line-height: 60px;}
.bansmallword1{width: 100%;overflow: hidden;color: #fff;font-size: 20px;text-align: left;line-height: 50px;margin-top: 10px;}



/*************/

/*栏目一多重轮转*/
.project_box{width: 100%;overflow: hidden;padding: 40px 10px;}
.project_box1200{width: 100%;overflow: hidden;max-width: 1200px;margin: auto;}
.head_title{width: 100%;text-align: center;padding: 10px;font-size: 30px;line-height: 30px;}
.head_titleen{width: 100%;text-align: center;padding: 10px;font-size: 16px;line-height: 20px;}
.project_content{width: 100%;overflow: hidden;padding: 30px 10px;}
.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.abs{position: absolute;bottom: -80px;width: 100%;overflow: hidden;z-index: 99999;}
.s1{width: 100%;max-width: 1200px;margin: auto;}
.swipimage{width: 100%;overflow: hidden;position: relative;}
.imgi{width: 100%;overflow: hidden;}
.abswip{position: absolute;width: 100%;height: 100%;overflow: hidden;transition: all 500ms;z-index: 2;top: 0px;left: 0px;}
.abswipb{width: 100%;height: 100%;overflow: hidden;border: 5px solid rgba(255,255,255,0.0);}
.tit{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 24px;color: #fff;margin-top: 10%;}
.plus{width: 35px;height: 35px;border-radius: 30px;border: 1px solid #fff;line-height: 35px;color: #fff;margin: auto;text-align: center;margin-top: 15px;line-height: 33px;font-size: 20px;}
.swiper-slide:hover .abswip{transition: all 500ms;padding: 10px;}
.swiper-slide:hover .abswipb{transition: all 500ms;border-color: #fff;}
/************/

.yqlj{ text-align: right; color: #fff;}
.yqlj a{ color: #fff;}


/*新闻*/
.index_newst{ padding-top: 130px;}
.indexnews{padding: 40px 5px;}
.nestit{width: 100%;overflow: hidden;font-size: 16px;line-height: 24px;max-height: 96px;margin-top: 10px;}
.newsdatae{width: 100%;overflow: hidden;font-size: 30px;line-height: 40px;}
.dateyear{font-size: 18px;color: #666;}
.newsbox{width: 100%;overflow: hidden;position: relative;text-align: left;}
.newsimg{width: 100%;overflow: hidden;}
.newsimg img{width: 100%;overflow: hidden;}
.news3{width: 100%;overflow: hidden;position: absolute;bottom: 0px;padding: 10px;padding-left:60px;color: #fff;line-height: 30px;z-index: 2;height: 10px;background:#344c93; }
.news3:before{content: "";width: 40px;height: 2px;top: 27px;background: #fff;opacity: 0;position: absolute;left: 0px;}
.newsbox:before{content: "";width: 100%;height: 100%;top: 0px;background-color: rgba(0, 0, 0, 0.5);opacity: 1;position: absolute;left: 0px;z-index: 1;}
.news3:after{content: "";width: 6px;height: 6px;top: 24px;background: #fff;opacity: 0;position: absolute;left: 50px;transform: rotate(45deg);}
.news1{width: 100%;overflow: hidden;position: absolute;top: 0px;color: #fff;line-height: 30px;z-index: 2;padding: 20px;}
.news2{width: 100%;overflow: hidden;position: absolute;bottom: 60px;color: #fff;line-height: 35px;z-index: 2; padding: 0px 20px;}
.newsbox:hover:before{opacity: 0.2;transition: all 500ms;}
.newsbox:hover .news3:after{opacity: 1;transition: all 500ms;}
.newsbox:hover .news3:before{opacity: 1;transition: all 500ms;}
.newsbox:hover .news3{height: 50px; transition: all 500ms;}
.newsbox:hover .news3,.newsbox:hover .news1,.newsbox:hover .news2,.newsbox:hover .dateyear{color: #fff; transition: all 500ms;}
.news3 i{display:block;line-height:35px;}
/**/
/*业绩*/
.pro2{background: #f4f4f4;}
.indexpro{padding: 40px;}
.nestit2{width: 100%;overflow: hidden;font-size: 16px;line-height: 25px;max-height: 75px;margin-top: 10px;}
.newsdatae2{width: 100%;overflow: hidden;font-size: 20px;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;}
.newsbox2{width: 100%;overflow: hidden;position: relative;text-align: left;transition: all 500ms;}
.newsbox2:hover{background: #ddd;transition: all 500ms;}
.newsbox2:hover img{transform: scale(1.2);transition: all 500ms;}
.newsimg2{width: 100%;overflow: hidden;}
.newsimg2 img{width: 100%;overflow: hidden;transition: all 500ms;}
.news32{width: 100%;overflow: hidden;position: relative;padding: 10px;padding-left:160px;line-height: 30px;z-index: 2;height: 50px;color:#344c93; }
.news32:before{content: "";width: 40px;height: 2px;top: 24px;background: #344c93;position: absolute;left: 95px;}
.abm{width: 90px;line-height: 30px; top: 10px;color: #344c93;position: absolute;left: 0px;text-align: center;}
.news32:after{content: "";width: 6px;height: 6px;top: 21px;background: #344c93;position: absolute;left: 140px;transform: rotate(45deg);}
.news12{width: 100%;overflow: hidden;color: #000;line-height: 30px;z-index: 2;padding: 20px 10px;}
.morer{width: 100%;overflow: hidden;position: relative;padding-left:120px;line-height: 50px;z-index: 2;height: 50px;color:#fff; }
.morer:before{content: "";width: 40px;height: 2px;top: 24px;background: #fff;position: absolute;left: 95px;}
.moreabm{width: 90px;line-height: 30px; top: 10px;color: #fff;position: absolute;left: 0px;text-align: center;}
.morer:after{content: "";width: 6px;height: 6px;top: 21px;background: #fff;position: absolute;left: 140px;transform: rotate(45deg);}
.morer i{display: block;line-height: 50px;}
.s3 .news32 i{display: block;line-height: 30px;}
/**/

#certify {
	position: relative;
	width: 1200px;
	margin: 40px auto;
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 587px;
	height: 367px;
	background: #fff;
	box-shadow: 0 8px 30px #344c93;
}
#certify  .swiper-slide img{
	display:block; position: relative; width: 100%;
}

#certify .gcmz {
	width: 100%; display: block;
	line-height: 50px;
	padding-top: 0;
	text-align: center;
	color: #fff;
	font-size: 14px;
	margin: 0;
	position: absolute; left: 0px; bottom: 0px;
	background-color: rgba(0, 0, 0, 0.7);
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: 30px;
	width: 45px;
	height: 45px;
	top: 40%;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: 30px;
	width: 45px;
	height: 45px;
	top: 40%;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}





















/*图文描述*/
.new.block_box{width: 100%;overflow: hidden;padding: 40px 10px;}
.new .block_box1200{width: 100%;overflow: hidden;max-width: 1200px;margin: auto;}
.new .block_box .head_title{width: 100%;text-align: center;padding: 10px;font-size: 26px;line-height: 30px;}
.new .block_box .head_titleen{width: 100%;text-align: center;padding: 10px;font-size: 17px;line-height: 20px;}
.block_content{width: 100%;overflow: hidden;padding: 30px 10px;}
.blocklist_one{width: 100%;overflow: hidden;}
.blocklist_one li{width: 50%;float: left;overflow: hidden;padding: 20px 5px;}
.blocklist_one li:nth-child(1){animation-delay: 100ms;}
.blocklist_one li:nth-child(2){animation-delay: 200ms;}
.blocklist_one li:nth-child(3){animation-delay: 300ms;}
.blocklist_one li:nth-child(4){animation-delay: 400ms;}
.blocklist_blockimg{width: 40%;float: left;overflow: hidden;}
.blocklist_blockimg img{width: 100%;transition: all 500ms;}
.blocklist_one li:hover .blocklist_blockimg img{transition: all 500ms;transform: scale(1.2);}
.blocklist_blockdes{width: 60%;float: left;overflow: hidden;padding: 10px;}
.block_con_title{width: 100%;overflow: hidden;line-height: 25px;height: 25px;font-size: 17px;}
.block_con_des{width: 100%;overflow: hidden;line-height: 20px;height: 40px;margin-top: 10px;}
.more{width:120px;text-align: center;border: 1px solid #ddd;margin-top: 10px;line-height: 28px;height: 30px;color: #999;transition: all 500ms;}
.more:hover{background: #344c93;color: #fff;margin-left: 30px;transition: all 500ms;}
/**********/

/*关于我们*/
.about{color: #fff;}
.about.block_box{width: 100%;overflow: hidden;padding: 40px 10px;}
.about .block_box1200{width: 100%;overflow: hidden;max-width: 1200px;margin: auto;}
.about .block_box .head_title{width: 100%;text-align: center;padding: 10px;font-size: 40px;line-height: 30px;}
.about .block_box .head_titleen{width: 100%;text-align: center;padding: 10px;font-size: 17px;line-height: 20px;}
.blockmore{display: block;width: 190px;margin: auto;margin-top: 40px;text-align: center;font-size: 20px;line-height: 50px;height: 50px;color: #fff;}
.contentdes_right{width: 100%;float: left;overflow: hidden;padding: 20px;font-size: 16px;}
.numscroll{width: 100%;overflow: hidden;}
.numscroll li{width: 33.33%;float: left;font-size: 30px;color: #fff;text-align: center;}
.num{font-size: 90px;}

/*********/


/*dibu*/

/*------------------底部---------------------*/
.bottom{background: #333;margin-top: 80px;position: relative;overflow: visible;z-index: 7;padding-top: 10px;}
.bottom1{background: #344c94;margin-top: 0px;position: relative;overflow: visible;z-index: 7;padding-top: 10px;}
.fixph{width: 320px;display: block;margin: auto;background: #fff;border: 2px solid #cdcdcd;border-radius: 100px;text-align: center;font-size:25px;line-height: 45px;padding: 5px;margin-top: -40px;height: 60px;}
.fixph img{width: 30px;display: inline;margin-top: -5px;}
.bottom_page{width: 100%;overflow: hidden;position: relative;padding:50px 30px 0px;max-width: 1200px;margin: auto;}
.cloud{width: 70%;float: left;}
.cloud li{width: 12.5%;float: left;overflow: hidden;}
.cloud li:nth-child(2){ width: 19%;}
.cloud li:nth-child(4){ width: 17%;}
.cloud li a{display: block;color: #999;line-height: 28px;height: 28px;overflow: hidden;transition:  all 1000ms;}
.cloud li a:hover{color:#344c93;transition:  all 1s; }
.bottom1  .cloud li a:hover{color:#000;transition:  all 1s; }
.bottom1 .cloud li a{color: #fff;}
.cloud li a:nth-child(1){font-size: 16px;color: #fff;line-height: 40px;height: 40px;}
.codepic{width: 120px;float: right;color: #999;text-align: center;}
.codepic_box{width: 120px;overflow: hidden;height: 120px;}
.codepic_box img{width: 100%;}
.wechat{width: 100%;overflow: hidden;line-height:28px;height: 28px;}
.phone{width: 150px;height: 120px;overflow: hidden;float: right;color: #999;padding-top:10px;text-align: right;margin-right: 20px;}
.btn_phone{width: 120px;margin-left: 30px;display: block;background: #eee;height: 40px;line-height: 40px;overflow: hidden;border-radius: 7px;overflow: hidden;}
.btn_phone img{float: left;width: 20px;margin-top: 10px;margin-left: 10px;}
.ques{float: right;color: #333;width: 90px;text-align: center;}
.mid{height: 40px;line-height: 40px;overflow: hidden;width: 100%;}
.last{font-size: 22px;color: #fff;}

.bottom1 .mid{color: #fff}
.bottom1 .copy{color: #fff;}
.bottom1 .wechat{color: #fff;}
.bottom1 .copy_tech{color: #fff;}
.bottom_fixs{position: relative;bottom: 10px;color: #000;width: 100%;font-size: 12px;color: #333;overflow: hidden;border-top: 1px solid #aaa;margin-top: 40px;padding: 30px 0px;}
.string_up_wrap{padding: 0px;width: 100%;overflow: hidden;}
.copy{float: left;color: #999;}
.copy_tech{float: right;text-align: right;color: #999;padding-right: 80px;}
/*--------------------------------------*/
/******/

/*swiper*/
.s1 .swiper-button-prev,
.s1 .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 45px;
	line-height: 45px;
	font-size: 20px;
	text-align: center;
	color: #fff;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
 background: #000;
}
.s1 .swiper-button-prev:hover,
.s1 .swiper-button-next:hover{
	background: #344c93;
}

.s1 .swiper-button-prev i,.s1 .swiper-button-next i{display:block;line-height:45px;}
.s2 .swiper-button-prev i,.s2 .swiper-button-next i{display:block;line-height:45px;}
.s1 .swiper-button-prev{left: 0px;}
.s1 .swiper-button-next{right: 0px;}
.swiper-container.s2 {text-align: center;padding: 0px 40px;overflow: hidden;}
.s2 .swiper-button-prev,
.s2 .swiper-button-next {
	
  position: absolute;
  bottom: 50%;
  width: 45px;
  height: 45px;
	line-height: 45px;
	font-size: 20px;
	text-align: center;
	color: #999;
  margin-top: -22px;
  z-index: 10;
	border-radius: 25px;border: 1px solid #ddd;
  cursor: pointer;
 background: #fff;
}
.s2 .swiper-button-prev:hover,
.s2 .swiper-button-next:hover{
	background: #344c93;color: #fff;
}
.s2 .swiper-button-prev{left: 0px;}
.s2 .swiper-button-next{right: 0px;}
.s3 {text-align: center;padding-bottom: 10px;}
.s3 .swiper-button-prev,
.s3 .swiper-button-next {
	display: inline-block;
  position: relative;
  bottom: 0%;
  width: 45px;
  height: 45px;
	line-height: 45px;
	font-size: 20px;
	text-align: center;
	color: #999;
  margin-top: 20px;
  z-index: 10;
	border-radius: 25px;border: 1px solid #ddd;
  cursor: pointer;
 background: #fff;
}
.s3 .swiper-button-prev:hover,
.s3 .swiper-button-next:hover{
	background: #344c93;color: #fff;
}
.s3 .swiper-button-prev{left: 0px;}
.s3 .swiper-button-next{right: 0px;}
.s3 i{display: block;line-height: 45px;}
/*********/

/*技术服务*/
.tech{width: 100%;overflow: hidden;padding: 50px 10px; background: #f4f4f4;}
.tech .block_box1200{max-width: 1200px;margin: auto;}
.blocknav_title{width: 100%;font-size: 20px;}
.blocklist_four{width: 100%;overflow: hidden; padding:30px 10px;}
.blocklist_four li{width:25%;float: left;overflow: hidden; padding: 15px;transition: all 500ms;}
.blocklist_four li:hover .blocknav_title{transition: all 500ms;color:#344c93;}
.blocklist_four li:hover{transition: all 500ms;box-shadow:1px 1px 10px 1px #f2f2f2;}
.blockimg img{width: 100%;transition: all 500ms;max-width: 60px;margin: auto;}
.blocklist_four li:hover .blockimg img{transition: all 500ms;transform: scale(1.2);}
.blocknav_des{width: 100%;overflow: hidden;padding: 10px 5px;}
.blocknav_title{width: 50%;overflow: hidden;font-size: 26px;line-height: 50px;height: 50px;color: #333;float: left;}
.blocknav_con{width: 100%;overflow: hidden;color: #666;font-size: 14px;line-height: 18px;height: 54px;}
.blockmorep{width: 100px;overflow: hidden;position: relative;padding: 10px;padding-left:70px;line-height: 30px;z-index: 2;height: 50px;color:#344c93; font-size: 30px;float: right;}
.blockmorep:before{content: "";width: 40px;height: 2px;top: 27px;background: #344c93;position: absolute;left: 5px;}
.blockmorep:after{content: "";width: 6px;height: 6px;top: 24px;background: #344c93;position: absolute;left: 50px;transform: rotate(45deg);}


/********/

/*列表*/
.piclist{width: 100%;overflow: hidden;padding: 20px 10px;}
.piclist .block_box1200{width: 100%;overflow: hidden;max-width: 100%;margin: auto;}
.blocklist_pic{width: 100%;overflow: hidden;}
.blocklist_pic li{width: 25%;float: left;position: relative;overflow: hidden;}
.blocklist_pic li:nth-child(6){width: 50%;}
.blocklist_pic li img{width:100%;}
.pictit{width: 100%;height: 100%;position: absolute;z-index: 999;top: 0px;left: 0px;padding: 10px;transition: all 500ms;}
.blocklist_pic li:hover .pictit{background:rgba(56,199,244,0.6);}
.pictit_con{width: 100%;overflow: hidden;line-height: 50px;height: 50px;color: #fff;font-size: 18px;text-align: center;position: absolute;top: 50%;left: 0px;margin-top: -30px;padding: 5px;}
/***/


/*内页*/
.page{width: 100%;overflow: hidden;position: relative;z-index: 6; text-align: left;}
.page1200{width: 100%;overflow: hidden;max-width: 1440px;margin: auto;padding: 0px 20px;position: relative;}
/********/

/**anli****/
.prolist{width: 100%;overflow: hidden;}
.prolist li{width: 100%;overflow: hidden;padding: 10px;}
.prol{width: 49%;float: left;overflow: hidden;position: relative;}
.prol{}
.pror{width: 49%;float: right;overflow: hidden;}
.half2{width: 100%;overflow: hidden;margin-top: 20px;}
.half1{width: 100%;overflow: hidden;}
.proltit{position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;color: #fff;text-align: center;padding: 20px;opacity: 0;background:rgba(0,0,0,0.3);transition: all 500ms;}
.prolist li:hover .proltit{opacity:1;transition: all 500ms;}
.protitle{width: 100%;font-size: 30px;overflow: hidden;margin-top: 25%;}
.protitle2{width: 100%;font-size: 24px;overflow: hidden;}
.prolist li:nth-child(2) .prol{float: right;}
.prolist li:nth-child(2) .pror{float: left;}
.prolist img{width: 100%;}
/******/


/*内页列表一*/
.pagelist1{width: 100%;overflow: hidden; padding: 10px;}
.pagelist1 li{width:23%;float: left;overflow: hidden; padding: 5px; margin: 0px 1%;transition: all 500ms;margin-top: 30px; }
.list1img{width: 100%;overflow: hidden;}
.list1img img{width: 100%;overflow: hidden;transition: all 500ms;}
.list1des{width: 100%;overflow: hidden; padding:22px 15px;text-align: center;}
.listtitle{width: 100%;overflow: hidden;line-height: 30px;height: 30px;font-size: 24px;color: #000;}
.listcon{ width: 100%;overflow: hidden;font-size: 14px; line-height: 15px;height: 30px;color: #666;margin-top:10px;}
.pagelist1 .pagemore{width: 100px;text-align: center;border-top: 1px solid #ddd;color: #999;line-height: 30px;overflow: hidden;transition: ccall 500ms;margin: auto;margin-top: 15px;border-bottom: 1px solid #ddd;}
.pagemore:hover{background: #344c93;color: #fff;transition: all 500ms;}
.pagelist1 li:hover{box-shadow: 1px 1px  10px 2px #f2f2f2; background:#344c94; color: #fff; transition: all 500ms;}
.pagelist1 li:hover .listtitle{color: #fff;}
.pagelist1 li:hover .listcon{color: #fff;}
.pagelist1 li:hover .list1img img{transition: all 500ms;transform: scale(1.1);}
.pagelist1time{width: 100%;overflow: hidden;text-align: center;line-height: 20px;height: 20px;color: #fff;font-size: 14px;text-align: left;margin-top: 5px;}
/**********/
/*内页列表三*/

/*内页新闻列表一*/
.pagelist{width: 100%;overflow: hidden; padding: 10px;}
.pagelist li{width:31.33%;float: left;overflow: hidden; padding: 5px; margin: 0px 1%;transition: all 500ms;margin-top: 30px; }

.nestitp{width: 100%;overflow: hidden;font-size: 16px;line-height: 24px;max-height: 96px;margin-top: 10px;}

.newsdataep{width: 100%;overflow: hidden;font-size: 30px;line-height: 30px;}
.dateyearp{font-size: 16px;color: #666;}
.newsboxp{transition: all 500ms;width: 100%;overflow: hidden;position: relative;text-align: left;}
.newsimgp{transition: all 500ms;width: 100%;overflow: hidden;}
.newsimgp img{width: 100%;overflow: hidden;}
.news3p{transition: all 500ms;width: 100%;overflow: hidden;position: absolute;bottom: 0px;padding: 0px;padding-left:65px;color: #fff;line-height: 50px;z-index: 2;height: 10px;background:#344c93; font-size: 32px;}
.news3p:before{transition: all 500ms;content: "";width: 40px;height: 2px;top: 27px;background: #fff;opacity: 0;position: absolute;left: 0px;}
.newsboxp:before{transition: all 500ms;content: "";width: 100%;height: 100%;top: 0px;background-color: rgba(0, 0, 0, 0.5);opacity: 1;position: absolute;left: 0px;z-index: 1;}
.news3p:after{transition: all 500ms;content: "";width: 6px;height: 6px;top: 24px;background: #fff;opacity: 0;position: absolute;left: 50px;transform: rotate(45deg);}
.news1p{transition: all 500ms;width: 100%;overflow: hidden;position: absolute;top: 0px;color: #fff;line-height: 30px;z-index: 2;padding: 20px;}
.news2p{transition: all 500ms;width: 100%;overflow: hidden;position: absolute;bottom: 60px;color: #999;line-height: 35px;z-index: 2; padding: 0px 20px;}
.newsboxp:hover:before{opacity: 0;transition: all 500ms;}
.newsboxp:hover .news3p:after{opacity: 1;transition: all 500ms;}
.newsboxp:hover .news3p:before{opacity: 1;transition: all 500ms;}
.newsboxp:hover .news3p{height: 50px; transition: all 500ms;}
.newsboxp:hover .news3p,.newsboxp:hover .news1p,.newsboxp:hover .news2p,.newsboxp:hover .dateyearp{color: #fff; transition: all 500ms;}

.news3p i{display:block;line-height:50px;}
.news2p img{width: 25px;}
/**********/
/**********/


/*联系我们*/
.contact_title2{width: 100%;text-align: center;font-size: 22px;color: #333;line-height: 24px;overflow: hidden; margin: 30px 0px;;}

.yingxiaowangluo{background: #f4f4f4;}

.contact_title2 span{ width: 100%; display: block;text-transform: uppercase; font-size: 30px;}
.contact_title2 b{ width: 100%; display: block;font-size: 18px; padding-top: 10px;}

#mapcontent{width: 100%;height: 500px;overflow: hidden;margin-top: 0px;}
.signlist{width: 100%;overflow: hidden;margin: auto;max-width: 1200px;color: #000;}
.signlist li{width: 50%;overflow: hidden;line-height: 40px;position: relative;margin: 10px 0px; padding: 3px;float: left;padding: 0px 20px; padding-left: 70px;}
.signlist li input{width: 100%;float: left;overflow: hidden;background: #eee; line-height: 40px;height: 40px;padding-left: 10px;box-shadow: inset 0px 0px 0px 0px;}
.signlist li input::-webkit-input-placeholder{color: #999;}
.per10{width:16%;float: left;overflow: hidden;display: block;text-align: left;padding-right: 20px;font-size: 15px;position: absolute;top: 0px;left: 10px;}
.signlist li  textarea{width:100%;float: left;overflow: hidden;display: block;padding-right: 20px;font-size: 16px;border: 0px; padding-left: 10px;background: #efefef;}
.signlist li:nth-child(3){width: 100%;}
.signlist li:nth-child(3) .per10{position: relative;}
.signlist li:nth-child(3){padding-left: 0px;}
.signlist li:nth-child(4){width: 100%;}
.code_pic2{position: absolute;right: 30px; top:1px;width: 90px;height:35px;overflow: hidden;}
.code_pic2 img{width: 100%;height: 100%;}
input.submitcontact{width: 160px;display: block;line-height: 40px;margin: auto;color: #fff;margin-top: 30px;background:#0e75bc;}
.pagecon{width: 100%;padding: 50px 20px;}
.signgroup form{ display: none;}
.sign_box{width: 100%;text-align: center;margin-top: 50px;}
.sign {display: inline-block;width: 20px;overflow: hidden;margin: auto;margin: 0px 15px;}
.sign  img{width: 100%;}
.sign:hover img{transform: rotate(360deg);transition: all 500ms;}
.twentytwo{font-size: 22px;width: 100%;overflow: hidden;text-align: center;color: #1a3787;}
.sixteen{width: 100%;text-align: center;font-size: 16px;line-height: 40px;overflow: hidden;}
.learn_more{width: 150px;height: 40px;line-height: 40px;transition: all 500ms;display: block;margin: auto;text-align: center;background: #1a3787;color: #fff;margin-top: 20px;}
.learn_more:hover{width: 180px;transition: all 500ms;color: #fff;}
.conbox{width: 100%;padding: 40px 10px;}
.conta .banbigword{text-align: center;}
.conta .bansmallword{text-align: center;}
.conmap{width: 100%;overflow: hidden;padding: 0px 0px;position: relative;}

.conmap iframe{width: 100%;height: 600px;}
/*******/

/*翻页*/
.pageflip{width: 100%;overflow: hidden;text-align: center; margin: 50px 0px;}
.pageflip li{display: inline-block;padding: 5px;overflow: hidden;}
.pageflip li a{display: block;line-height: 30px;padding: 0px 10px;border: 2px solid #1a3787;border-radius: 5px;color: #1a3787;}
.pageflip li a:hover,.pageflip li.dq a{background: #1a3787;color: #fff;}
/*****/
.page .page_list{text-align: center;height: auto;margin: 50px auto;}
.page_list a{display: inline-block;height: 32px;line-height:28px;text-align: center;border: 2px solid #1a3787;border-radius: 5px;color: #1a3787;overflow: hidden;padding: 0px 11px;margin: 0px 8px;}
.page_list a i{display: block;line-height: 28px;}
.page_list a:hover,.page_list a.dq{background: #1a3787;color: #fff;}

/*关于我们首页*/
.numroll{width: 100%;text-align: center;margin: 60px 0px;}
.blue{color: #5a6cfa;font-size: 70px;}
.numb{font-size: 20px;color: #777;}
.numroll li{width: 20%;float: left;text-align: center;overflow: hidden;}
.aboutindex{width: 100%;overflow: hidden;padding: 60px 10px;}
.ablock1{width: 100%;overflow: hidden;padding: 60px 0px 0px 0px;}
.aboutindextit{width: 100%;text-align: center;font-size: 30px;color: #444;}
.aboutindexbrief{width: 100%;text-align: center;font-size: 18px;color: #777;margin: 20px 0px;}
.aboutindexdes{width: 100%;text-align: center;font-size: 16px; line-height: 30px; color: #4f4f4f;margin: 20px 0px;}

.ablock2_box{background: #f4f4f4; width: 100%;}
.ablock2{width: 100%;overflow: hidden;padding: 60px 10px;max-width: 1200px;margin: auto;}	
.aboutpdatae2{width: 100%;overflow: hidden;font-size: 14px;line-height: 20px;white-space: nowrap;text-overflow: ellipsis;}
.aboutpbox2{width: 100%;overflow: hidden;position: relative;text-align: left;}
.aboutpimg2{width: 100%;overflow: hidden;float: left;text-align: center;}
.aboutpimg2 img{width: 100%;overflow: hidden;max-width: 180px;margin: auto;}
.aboutp32{width: 100%;overflow: hidden;position: relative;padding: 10px;padding-left:160px;line-height: 30px;z-index: 2;height: 50px;color:#344c93; }
.aboutp12{width:65%;overflow: hidden;color: #000;line-height: 30px;z-index: 2;float: left;padding: 10px;box-sizing: border-box;}
.aboutptit2{width: 60%;font-size: 16px;color: #999;overflow: hidden;}
.ablock2 .swiper-container {
width: 100%;
height: 100%;
overflow: hidden;
	margin: 30px 0px;
}
.swiper-slide {
width: 100%;
overflow: hidden;
text-align: center;
font-size: 18px;
background:none;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.moreabout{width: 190px;margin: auto;text-align: center;display: block;margin-top: 30px;background: #5a6cfa;color: #fff;font-size: 16px;line-height: 45px;}
.culture{width: 100%;overflow: hidden;margin: 40px 0px 0px 0px;}
.culture li{width: 25%;float: left;position: relative;}
.cultureab {position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;background: rgba(97,112,224,0.5);transition: all 500ms;}
.culture li:hover .cultureab{background:rgba(97,112,224,0);transition: all 500ms; }
.cultureimg{width: 100%;overflow: hidden;}
.cultureimg img{width: 100%;}
.cultureabw{position: absolute;width: 100%;bottom: 0px;color: #fff;padding: 20px;}
.cnum{font-size: 50px;width: 100%;overflow: hidden;line-height: 60px;}
.cname{font-size: 25px;width: 100%;overflow: hidden;line-height: 35px;margin: 5px 0px;}
.cbrief{font-size: 17px;width: 100%;overflow: hidden;line-height: 22px;min-height: 66px;}
.zj{width: 100%;overflow: hidden;display: none;}
.zj img{width: 100%;}
.ablock3{width: 100%;max-width: 1200px;margin: auto; padding: 50px 0px;}
.event_box{width:100%;margin:3% auto 0;position:relative;min-height:280px;}
.event_box .parHd {width:100%;display:inline-block;height:92px;overflow:hidden;}
.parHd  ul{width:100%;text-align:center;margin:0 auto;padding-top:25px !important;}
.parHd .tempWrap{margin:0 auto;}
.parHd .tempWrap:after{content:'';width:85%;height:1px;background:#580000;position:absolute;/* top:33%;*//* right:-140%;*/right:8%;top:35%;/* margin-top:-0.5px;*/z-index:10;}
.parHd li.no_line:before{display:none;}
.parHd li{display:inline-block;cursor:pointer;padding-top:30px;font-size:16px;color:#000;margin:0 80px;position:relative;}
.parHd li:after{content:'';background:url(../images/dot_ico.png) no-repeat;width:24px;height:24px;position:absolute;z-index:20;top:-12px;left:50%;margin-left:-12px;}
.parBd{text-align:center;margin-top:60px;}
.parBd h4{position:relative;font-size:40px;margin-bottom:3%;/*width:200px;*/ padding:0 60px;display:inline-block;text-align:center;}
.parBd h4:after{content:'';background:#000;width:100px;height:1px;position:absolute;left:-100px;bottom:12px;}
.parBd h4:before{content:'';background:#000;width:100px;height:1px;position:absolute;right:-100px;bottom:12px;}
.parBd p{line-height:180%;font-size:16px;width:80%;margin:0 auto;}
div#listBox {width:100%;}
.sPrev,.sNext{width:30px;height:30px;display:block;position:absolute;top:10px;}
.sPrev{left:0;}
.sNext{right:0;}
.sPrev img,.sNext img{transition:all .6s cubic-bezier(.51,1.1,.9,.95);-moz-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-webkit-transition:all .6s cubic-bezier(.51,1.1,.9,.95);-o-transition:all .6s cubic-bezier(.51,1.1,.9,.95);}
.parHd li.act span{display:block;width:24px;height:24px;overflow:hidden;background:url(../images/cat.png) no-repeat;position:absolute;top:-12px;left:28px;z-index:21;}
.parHd li span,.parHd li.clone span{display:none;}	
.fzdes{font-size: 18px;}
/******/
/***新闻详情***/
.newsdtbox{width: 100%;overflow: hidden; background: #fff; margin:20px 0px 20px;padding: 50px 50px 0px 50px;}
.newsdttit{width: 100%;overflow: hidden;font-size: 24px;color: #333;line-height: 30px; padding: 30px 0px;text-align: left;}
.visit{width: 100%;text-align: left;}
.visit li{padding: 0px 20px;line-height: 30px;overflow: hidden;display: inline-block; border-right: 1px solid #ddd;}
.visit li:last-child{border:0px;}
.newsdtcontnent{width:100%; padding: 30px 20px;overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin: 30px 0px; font-size: 16px;}
.newsdtcontnent img{max-width: 100%;}
.updown{width: 70%;float: left; padding: 10px 0px;overflow: hidden;}
.up{width: 100%;color: #1580e4;line-height: 30px;height: 30px;overflow: hidden;}
.up a{color: #666;}
.up a:hover{color: #1580e4;}

/****/
/*招聘*/
.hirelist{width: 100%;overflow: hidden;}
.hirelist li{width: 100%;overflow: hidden;padding: 20px;border: 1px solid #eee;transition: all 500ms;margin: 10px 0px;}
.hireptime{width: 50%;float: left;overflow: hidden;text-align: right;}
.hireposition{width: 50%;float: left;overflow: hidden; font-weight: bold; font-size: 16px;}
.hirerequire{width: 90%;float: left;overflow: hidden;padding: 10px 0px;}
.hirerequire span{display: inline-block; padding: 0px 10px;border-right: 1px solid #333;line-height: 14px;}
.hirerequire span:nth-child(1){padding-left: 0px;}
.morehire{width: 10%;float: right;overflow: hidden;padding: 10px;text-align: right;max-width: 80px; color: #5ab6ea;}
.hirelist li.dq{background: #fbfbfb;transition: all 500ms;}
.hirelist li.dq .morehire i{transform: rotate(-90deg);transition: all 500ms;}
.morehire i{margin: 0px 5px;transition: all 500ms;}
.hirecon{padding: 15px 0px;border-top: 1px solid #eee;margin: 10px 0px;display: none;}
.morehire:active,.morehire:visited,.morehire:link{color: #5ab6ea;}
.apply{display: block;width: 150px;line-height: 40px;height: 40px;text-align: center;color: #fff;background: #fc925d;
overflow: hidden;margin: 20px auto;border-radius: 5px;transition: all 500ms;}
.apply:hover{width: 170px;transition: all 500ms;color: #fff;}

/*****/


/*产品详情*/
.prodetail{width: 100%;overflow: hidden; max-width: 1100px; margin: 0px auto;margin-top: 40px;}
.prodetail_r{width:50%;float: right;overflow: hidden;text-align: left; }
.prodetail_l{width:50%;float: left;overflow: hidden;text-align: left; }
.pro_name{width: 100%; font-size: 24px;color: #0e74bc;line-height: 26px;overflow: hidden;padding: 10px 0px;}
.size{width: 100%;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;font-size: 16px;line-height: 18px;padding: 20px 0px;overflow: hidden;margin-top: 20px;}
.pro_des{width: 100%;padding: 20px 0px;overflow: hidden;font-size: 14px;color: #666;line-height: 25px;}
.pro_des_title{width: 100%;font-size: 16px;line-height: 18px;padding: 10px 0px;overflow: hidden;color: #000;}
.details{width: 100%;overflow: hidden;margin-top: 50px;background: #e8e8e8;}
.details li{width: 16.666%;float: left;text-align: center;background: #e8e8e8;transition: all 500ms;color: #555;font-size:16px;overflow: hidden;line-height: 60px;}
.details li.dq,.details li:hover{background: #0e74be;color: #fff;transition: all 500ms;}
.intro{width: 100%;padding: 30px;overflow: hidden;display: none;}
#in1{display: block;}
.about_title1{font-size: 36px;color: #333;text-align: center;padding: 50px 20px;overflow: hidden;}
.details img{width: auto;max-width: 100%;margin: auto;overflow: hidden;}
.downloads{width: 75%;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;font-size: 16px;line-height: 20px;float: left; padding: 20px 0px;overflow: hidden;}
.download{width: 100%;margin-top: 30px;overflow: hidden;}
.download input{width: 25%;float: left;line-height: 60px;color: #fff;text-align: center;overflow: hidden;background: #0e74be;font-size: 18px;}
#showbox { background:#eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #0e74be;;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#0e74be; color:#fff;}
.fdj{overflow: hidden;}
.showpage a i{line-height: 60px;height: 60px;}
/********/


/** 在线客服  **/
.zaixian{position:fixed;width:50px;height:275px;right:0;top:200px;z-index:999999999;}
.zaixian ul li{width:50px;height:50px;float:left;position:relative; margin-bottom: 1px; }
.zaixian ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s; border-top-left-radius:4px;border-bottom-left-radius:4px; background:#000; opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/50px "微软雅黑";overflow:hidden;}
.zaixian ul li .sidetop{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s; border-top-left-radius:4px;border-bottom-left-radius:4px; background:#000; opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/50px "微软雅黑";overflow:hidden;}
.zaixian ul li .sidetop:hover{background:#1a3787; opacity:1;filter:Alpha(opacity=100);}
.zaixian ul li .sideewm{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s; border-top-left-radius:4px;border-bottom-left-radius:4px; background:#000; opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/50px "微软雅黑";}
.zaixian ul li .sideewm:hover{background:#1a3787; opacity:1;filter:Alpha(opacity=100);}
.zaixian ul li .sideewm .sideewmimg{ position: absolute; right: 50px; top: -100px;}
.zaixian ul li img{float:left;}