﻿/*public css*/
*{ margin:0px; padding:0px;}

body{ font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#333; _background-color:#eee; line-height:24px; overflow-x:hidden; -webkit-tap-highlight-color:rgba(255,0,0,0);}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none; width:auto; max-width:100%;}
a{ color:#333; text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.clear_both{ clear:both;}
.txt_cent{ text-align:center;}
.ft_red{ color:#F00;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bkg_bai{ background-color:#FFF;}
.clear_btn{ -webkit-appearance: none; }
.m_top{margin-top:0.7rem;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.swiper-pagination-bullet-active{background:#d91626;}

html { background: #FFFFFF; height: 100%; }
body{width: 100%;}
@media only screen and (min-width: 640px)  {html{background: #f9f9f9;}body{width: 640px;min-height: 100%; margin: 0px auto;box-sizing: border-box;background: #ffffff;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;}  .btn_duihuan{width:560px!important;}
    
}
@media (max-width:640px) {body{width:100%;}
    .fixed{width:100%!important;}
    .btn_duihuan{width:80%;}
}


.ht10{ line-height:10px; height:10px;clear:both;}
.ht20{ line-height:20px; height:20px;clear:both;}
.ht30{ line-height:30px; height:30px;clear:both;}
.ht40{ line-height:40px; height:40px;clear:both;}
.ht50{ line-height:50px; height:50px;clear:both;}
.ht60{ line-height:60px; height:60px;clear:both;}
.ht70{ line-height:70px; height:70px;clear:both;}
.ht80{ line-height:80px; height:80px;clear:both;}
.ht90{ line-height:90px; height:90px;clear:both;}
.ht100{ line-height:100px; height:100px;clear:both;}
.ht110{ line-height:110px; height:110px;clear:both;}
.ht120{ line-height:120px; height:120px;clear:both;}
.ht130{ line-height:130px; height:130px;clear:both;}


/*css flickr style pagination*/
div.flickr {
    padding:0.2rem 0px;margin:0px; text-align:center; font-size:0.24rem;font-family:SimHei,SimSun;
}
div.flickr a,div.flickr span{width:0.5rem;height:0.5rem;line-height:0.5rem;  background:#FFF; border:1px solid #999; color:#999; margin-right:5px;display:inline-block;}

div.flickr a:hover {border:1px solid #d91626; color: #FFF; background-color: #d91626
}
div.meneame a:active {
	border:1px solid #d91626; color: #FFF; background-color: #d91626
}
div.flickr span.current {
    border:1px solid #d91626; color: #FFF;  background:#d91626;
}
div.flickr span.disabled {
    color:#ccc; border-color:#ccc;
}



.isNull{text-align:center;font-size:0.24rem;color:#666666;padding:0.5rem 0px;}



/*网站*/

.in_ban .top_nav{width: 100%;}
.pub_top{width:100%;height:0.96rem;padding:0px 0.2rem;padding-right:0px;_overflow:hidden;box-sizing:border-box; position: relative;}
.pub_top .logo{width:4.4rem; height:0.96rem; float:left;}
.pub_top .logo img{width: 100%;height: 100%; display:block;}

.pub_top .btn_search{display: none;}
.pub_top .lang{width:0.96rem;height:0.96rem;line-height:0.96rem; text-align:center;font-size:0.2rem;color:#999;position:absolute;top:0px;right:0.96rem;}


.pub_top .tools{float:right;}
.pub_top .tools .btn_menu{width:0.96rem;height:0.96rem;background:url(../images/btn_menu_open.png) center center no-repeat;background-size:100% 100%;float:left;}
.pub_top .tools .btn_menu.on{background:url(../images/btn_menu_close.png) center center no-repeat;background-size:100% 100%;}



/*导航*/
.xs_nav{width: 100%;overflow: hidden; display: none;border-top: 1px solid #eee;text-align: left;}
.xs_nav .nav-item{color: #212121;border-bottom: 1px solid #eee;background: #FFFFFF;font-size: 0.24rem;}
.xs_nav .nav-item a{color: #212121;font-size: 16px;}
.xs_nav .nav-item .title{width:100%;line-height: 0.6rem;position: relative;color: #666666;font-size: 0.24rem;}

.xs_nav .nav-item .title .drop-btn{font-family: simhei; width: 0.8rem;height: 0.6rem;display: none; cursor: pointer; font-size:0.36rem;line-height: 0.6rem;text-align: center;position: absolute;right: 0px;top: 0px;transition: all 220ms linear;}
.xs_nav .nav-item.open .title .drop-btn{transform: rotate(-45deg);}
.xs_nav .nav-item .title a{display: block;padding-left: 0.2rem; font-size: 0.24rem;}	
.xs_nav .nav-item ul{padding-top: 0.1rem;padding-bottom: 0.1rem;display: none;}
.xs_nav .nav-item ul li{padding-left: 0.4rem;line-height: 0.5rem;}
.xs_nav .nav-item ul li a{line-height: 0.5rem;color: #333333;}

#t-ban .swiper-pagination {bottom:0.16rem;text-align:left;padding-left:0.2rem;}
#t-ban img{display:block;}
#t-ban .swiper-pagination span { width: 0.16rem; height: 0.16rem; background: #505050; background-size: 100% 100%; }
#t-ban .swiper-pagination span.swiper-pagination-bullet-active { background: #d41221; background-size: 100% 100%; }



.search_box{width:100%;padding:0px 0.3rem;box-sizing:border-box; max-width:640px;height:100vh;background:rgba(0,0,0,0.5);display:none;position:fixed;left:50%;top:0px;transform:translateX(-50%);z-index:999999;}
.search_box .box{width:100%;height:100%;display:table;}
.search_box .tb_center{display:table-cell;vertical-align:middle;}

.search_box .input_box{width:100%;overflow:hidden;}
.search_box .input_box #keys{width:80%;height:0.6rem;line-height:0.6rem;padding:0px 0.2rem;box-sizing:border-box;background:#FFF;border:0px;float:left;outline:none;}
.search_box .input_box .search_sub{width:20%;height:0.6rem;line-height:0.6rem;float:right;text-align:center;color:#FFF;font-size:0.18rem;background:#d91626;border:none;outline:none;}
.search_box .search_close{width:0.4rem;height:0.4rem;margin:0.2rem auto;}
.search_box .search_close img{width:100%;height:100%;}


.pros{width:96%;margin:0 auto;overflow:hidden;}
.sdkj{height:1.48rem;width:100%;border-bottom:1px solid #e7e7e7;}
.cpzx{padding-top:0.35rem;font-size:0.4rem; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;color:#0d64a1;font-weight:bold; float:left;}
.cpzx font{font-size:0.26rem;color:#333;font-weight:bold;padding-left:0.2rem;}
.cpzx span{color:#333;}
.cpzxp{ margin-top:0.2rem;font-size:0.24rem; line-height:0.25rem; color:#333; font-weight:normal; clear:both;} 
.gduo{float:right;margin-top:0.7rem;overflow:hidden;padding-right:0.68rem;background:url(../images/index_43.jpg) no-repeat right center;}

.spro_top{ text-align:center;}
.spro_tit{ font-size:0.34rem; color:#333; line-height:0.34rem; font-weight:bold;}
.spro_en{ margin-top:0.25rem; font-size:0.30rem; color:#333333; line-height:0.30rem; font-weight:bold; text-transform:uppercase;}
.spro_en span{ color:#0d64a1;}

.inpo{width:96%; margin:0 auto;margin-top:5%; position:relative;}

.inpo ul{width:100%;}
.inpo li{width:48%;height:4.2rem;float:left;overflow:hidden;margin-right:2%;position:relative; margin-bottom:10px;}
.inpo li .div1{position:absolute;left:0px;top:0px;width:100%;transition: all 0.3s; opacity:1;filter:alpha(opacity=100); }
.inpo li .div1 em{width:99%;margin:0 auto;height:3.5rem;border:1px solid #e4e4e4;display:block;margin-top:0px;margin-left:0px;font-style:normal; }
.inpo li .div1 i{width:95%;margin:0 auto;height:30px;display:block;margin-top:15px;margin-left:5%;text-align:right;font-style:normal; }

.inpo li .div1 p{width:80%;background:#f0f0f0;margin:0 auto;line-height:0.4rem;margin-top:-20px;text-align:center;font-size:0.12rem;transition: all 0.3s;border-radius: 15px; padding:2%;}
.inpo li .div1 p font{color:#333333;font-size:14px;}
.inpo li:hover .div1{opacity:0;filter:alpha(opacity=0);}
.inpo li .div2{position:absolute;top:0px;left:0px;width:100%;height:100%;transition: all 0.3s; background:rgba(0,78,196,0);opacity:0;filter:alpha(opacity=0);}
.inpo li:hover .div2{background:rgba(0,78,196,.85);opacity:0.85;filter:alpha(opacity=85);}
.inpo li .aimg{width:150px;height:120px; margin:24% auto 0 auto;}
.inpo li img{width:150px;height:120px; }
.inpo li .div2 div{background:url(../images/a5.jpg) no-repeat left center;height:100%;width:100%;overflow:hidden; background-repeat:no-repeat}
.inpo li .div2 div font{font-size:60px;font-family:"arial";color:#fff;margin-top:100px;margin-left:34px;display:inline-block; clear:both; line-height:55px;}
.inpo li .div2 div p{display:inline-block;margin-right:20px;margin-bottom:4px;color:#fff;font-size:16px;clear:both; line-height:30px; width:170px; float:right; margin-top:98px;}

.cmore{display: block;width: 1.82rem;height: 0.45rem;line-height: 0.45rem;text-align: center;margin:0.1rem auto;border:1px solid #dcdcdc;color: #666;transition: all 400ms;border-radius: 22px;}
.cmore:hover{background: #1858b0;color: #fff;border-color: #1858b0;}

.zuos{width:100%;height:4.25rem;margin-top:0px;position:relative;}
.xxsm{font-size:0.24rem;line-height:0.4rem;width:95%; margin:3% auto;}
.dbus{width:97%; margin:0 auto;}
.dbus li{float:left;width:32%;border-radius: 22px;border:1px solid #e1e1e1; margin-right:1%;}
.dbus a{padding-right:0.21rem;display:block;height:0.70rem;line-height:0.70rem;font-size:0.24rem;border-radius: 22px; text-align:right} 
.dbus .comp{background:url(../images/a1.png) no-repeat 0.34rem center;background-size:16%;}
.dbus .hono{background:url(../images/a2.png) no-repeat 0.34rem center;background-size:16%;}
.dbus .jobs{background:url(../images/a3.png) no-repeat 0.34rem center;background-size:16%;}
.dbus li:hover .comp{background:url(../images/a1s.png) no-repeat 0.34rem center #0953c5;color:#fff;background-size:16%;}
.dbus li:hover .hono{background:url(../images/a2s.png) no-repeat 0.34rem center #0953c5;color:#fff;background-size:16%;}
.dbus li:hover .jobs{background:url(../images/a3s.png) no-repeat 0.34rem center #0953c5;color:#fff;background-size:16%;}

.wap_boxC{ width: calc(100% - 30px); padding: 0 15px;  padding-top: 25px;}
.wap_boxC dl{ overflow: hidden; margin-top: 0px;}
.wap_boxC dt, .wap_boxC .ct dd{ float: left;}
.wap_boxC dt{ width: 100px;}
.wap_boxC dd{ width: calc(100% - 100px);}
.wap_boxC .th{ color: #b2b2b2; font-weight: bold; text-transform: uppercase;}
.wap_boxC .item{ display: block; overflow: hidden; padding: 10px 0; border-bottom: 1px solid #EBEBEB;}
.wap_boxC .item span{ float: left; display: block; width: 100px; height: 0.25rem; color: #808080;}
.wap_boxC .item p{ float: left; display: block; width: calc(100% - 100px); height: 0.25rem; font-size: 0.26rem;}


.foot1{width:100%;  background-color:#163e71;overflow:hidden;}
.foot2{width:98%; margin:0 auto}
.foot2 .item{ width:90%; padding-top:0.25rem; margin: 0 0.2rem 0 0.2rem; color: #FFF; float:left}
.foot2 .item .imgs { float: left; margin-top: 0.2rem;height:0.5rem}
.foot2 .item .imgs img{ }
.foot2 .item .info { float:right; width:calc(100% - 54px); }
.foot2 .item .info span { display: block; }
.foot2 .item .info div { padding-top: 0rem; }
.foot2 .item .info .tel { font-size: 0.26rem; }
.foot3{border-top:#163e71 solid 1px; color:#FFF;width:100%; padding:2% 0;}
.foot3 p{width:95%; margin:0 auto; text-align:center}
.foot3 a{color:#FFF;}

/*内页*/
.ab_navbox{ clear:both; padding:1px 0 0 0; margin:0px auto;margin-bottom:0.25rem;line-height: 0.5rem;}

.ab_navbox ul{ overflow:hidden;}
.ab_navbox li{ float:left; width:50%;}
.ab_navbox li div{ padding:0 1px 1px 0;}
.ab_navbox li a{ display:block; padding: 0px 0.1rem; height:0.5rem;font-size:0.22rem;line-height:0.5rem; text-align:center; color:#666666; background:#e3e3e3}
.ab_navbox li.on a{ background:#d91626;color:#ffffff;}

.ctg_title{line-height:0.6rem;text-align:center;color:#FFF;background:#d91626;font-size:0.24rem;margin-bottom:0.25rem;}
.ctg_title a{width:100%;height:100%;display:block;font-size:0.24rem;color:#fff;}

.ab_contbox {
    clear: both;
    line-height: 1.6em;
    padding: 0.20rem 0.20rem 0.20rem 0.20rem ;
	margin-top:-0.40rem;font-size:0.24rem;
}
.ab_contbox img,.ab_contbox table,.ab_contbox video,.ab_contbox iframe{max-width:100%;_height:auto;}
.ab_contbox .nss_tit{line-height:0.5rem;font-size:0.25rem;text-align:center;color:#333333;font-weight:bold;}
.ab_contbox .nss_dtm{line-height:0.4rem;font-size:0.20rem;text-align:center;color:#666666;}
.ab_contbox .nss_desc{text-align:center;color:#666666;font-size:0.2rem;}
.ab_contbox .nss_img{padding:0.2rem 0rem;text-align:center;}
.ab_contbox .nss_info{padding:0.01rem 0rem 0.2rem 0rem;}
.ab_contbox .nss_info img,.ab_contbox .nss_info iframe,.ab_contbox .nss_info video{max-width:100%;_height:auto;}

.mban{ height:3rem; position:relative;}
.mimg_1{ background-image:url(../images/ab1.jpg); background-position:center center; background-repeat:no-repeat;background-size:100%;}
.mimg_2{ background-image:url(../images/ab2.jpg); background-position:center center; background-repeat:no-repeat;background-size:100%;}
.mimg_3{ background-image:url(../images/ab3.jpg); background-position:center center; background-repeat:no-repeat;background-size:100%;}
.mimg_4{ background-image:url(../images/ab4.jpg); background-position:center center; background-repeat:no-repeat;background-size:100%;}
.mimg_5{ background-image:url(../images/ab5.jpg); background-position:centercenter; background-repeat:no-repeat;background-size:100%;}
.mimg_6{ background-image:url(../images/ab6.jpg); background-position:center center; background-repeat:no-repeat;background-size:100%;}

/*news*/
.ns_contbox { clear: both; line-height: 0.23rem; padding: 0.15rem 0.10rem 0.10rem 0.10rem;  }
.ns_list { overflow: hidden; padding-bottom: 0.15rem; }
.ns_list li { width: 95%; padding: 0.4rem 0; height: 0.24rem; line-height: 0.24rem; overflow: hidden; border-bottom: 1px dashed #999; margin:0 auto;font-size:0.24rem;}
.ns_list li a { float: left; max-width:calc(100% - 80px); }
.ns_list li span { float: right; color: #666 }

/*newsShow*/
.nss_tit { font-size: 13px; font-weight: bold; text-align: center; }
.nss_dtm { text-align: center; padding: 5px 0 10px 0; color: #999; }
.nss_info { line-height: 22px; margin-top: 15px; }
.nss_img { margin-top:15px; text-align:center;}
.ff_pre { clear: both; margin-top: 15px; }

.btn-transparent {padding: 2px 8px;border-radius: 0;transition: all .3s ease-in 0s;box-shadow: 0 0 5px rgba(0,100,212,.3);}
.btn-transparent:hover {background-color: #0064d4;border: 1px solid transparent;color: #fff;}
.btn-green {background-color: #346fbf;color: #fff;padding: 2px 8px;transition-duration: 0.3s;}
.btn-green:hover {background-color: #999;}
.all-post {margin: 30px 0 10px 0;}
.page-number .btn-transparent{padding: 2px 8px;box-shadow: none;border: 1px solid  #ccc;}
.text-center{ text-align:center}
.thisclass{padding: 2px 8px; background-color: #0065d7;color:#ffffff;}



/*products*/
.pro_box { padding: 15px 15px 0 0; margin: 0px auto; min-height: 200px; }
.pro_box ul { overflow: hidden; }
.pro_box li { float: left; width: calc(50% - 15px); margin: 0 0 15px 15px; }
.pro_box li img { display: block; }
.pro_box li p { width: 100%; margin:10px 0; line-height: 20px; text-align: center; }


.fmob{position: fixed;left: 5%;right: 5%;background: rgba(255,255,255,.9);border-radius: 30px;height: 50px;line-height:50px;bottom: 20px;overflow: hidden;z-index: 600;box-shadow: 0 0 10px rgba(0,0,0,.1)}
	.fmob a{float: left;width: 33.3333%;text-align: center;color: #0057a5;}
	.fmob a .iconfont{font-size: 25px;}
	.fmob a{border-left: 1px solid #fff;}
	.fmob a:first-child{border-left: none;}
	.popOver{display: none; position: fixed;left: 0;top:0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 3000;height: calc(100vh)}
	.vm{top: 50%;left: 50%; position: absolute;-webkit-transform: translate(-50%, -50%);transform:translate(-50%, -50%);}
	
	
.w100{ width:100%;}
.w98{ width:96%; margin:0 auto;}

.dyzc1_bt{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:0.38rem;color:#232323; margin:0px 0px; line-height:0.65rem;}

.dyzc1_hight{overflow:hidden;width:100%;}
.dyzc1_img{ width:50%; float:left; height:3.25rem; padding-top:0px;overflow:hidden}
.dyzc1_img img{ width:100%;}
.dyzc1_wz1{width:50%; float:left; background-color:#ededed;height:3.50rem; overflow:hidden;}
.dyzc1_wz2{padding:0.45rem 0.20rem 0.20rem 0.20rem; line-height:30px;font-size:0.20rem;}
		
.more1{ margin:0.01rem 0.15rem 0.15rem 0.18rem; }
.more1 a{ display:block; background-color:#2c3159; width:2.20rem; padding:10px; color:#FFF;background-image: url(../images/jt1.png); background-repeat:no-repeat; background-position:105px 12px;font-size:0.16rem;}
.more1 a:hover{ background-color:#434343}

.linka{margin-right:1%; padding-top:2px;  line-height:24px; text-align:center;  float:left;width:19%;}
.linka img{border:solid 1px #dddddd; padding:2px; width:100%}

.about{ width:100%; height:auto; overflow:hidden; padding:40px 0 40px 0;}
.about_contact{ width:100%; height:auto; overflow:hidden; margin-top:0px; padding-bottom:40px;}
.about_contact_1{line-height:0.30rem;; font-size:0.18rem; text-align:left;}
.about_contact div{ text-align:center; line-height:0.24rem; color:#000; font-size:0.14rem;}
.about_contact ul{ width:100%; margin:0 auto; overflow:hidden;}
.about_contact li{ width:20%; float:left; text-align:center; padding:0.10rem 0;}
.about_contact li img{ width:80%;}
.about_contact li p{ line-height:0.30rem; font-size:0.16prem;}

.Solutions{width:32.333%; float:left;margin-right:1%;}
.Solutionsend{width:100%;}
.Solutionstext{line-height:0.30rem; font-size:0.20rem; text-align:center; padding-bottom:0.20rem}


.pro-new{width: 100%;height: auto;overflow: hidden;}
.pro-new-show {position: relative;width: 100%;height: auto;overflow: hidden;}
.pro-new-show .pro-list{width: 100%;height: auto; margin:0 auto;overflow: hidden;}
.pro-new-show .pro-list ul li{float: left;width: 48%;height: auto;overflow: hidden;background: #FFFFFF;margin-right: 1%;}
.pro-new-show .pro-list ul li:last-child{margin-right: 0;}
.pro-new-show .pro-list ul li img{width: 100%;}
.pro-new-show .pro-list ul li .desc{padding: 5px 5px;box-sizing: border-box; margin-top:-40px;}
.pro-new-show .pro-list ul li .desc .p-title{font-size: 0.16rem;color: #323232;padding-bottom: 0.05rem; line-height:0.30rem; font-weight:bold;}
.pro-new-show .pro-list ul li .desc .p-desc{font-size: 14px;color: #969696;line-height: 25px;}


footer{position: fixed;left: 0;bottom: 0;z-index: 9999;height:0.80rem;width:100%;}

.footnav {height: 1.6rem; background-color:#2c51a9;}
.footnav li {width: 33.3333%;float: left; text-align:center;}
.footnav li i{ font-size:0.24rem; margin-right:0.08rem;}
.footnav li a { display: block;height: 0.80rem; line-height:0.80rem;border-left: 1px solid #6d9fcd;color: #fff;font-size: 0.24rem;}


.mainbox{ width:100%;}
.indexmenu {
 width:100%; padding-top:0.5rem;
}
.indexmenu li {
  width: 33.3333%;
  height: auto;
  overflow: hidden;
  float: left;
  text-align: center;
}
.indexmenu li a {
  display: block;
  color: #02264e;
  font-size: 0.16rem;

}
.indexmenu li a div {
	 width: 65%;border-radius: 100px; background-color:#1a4589; height:1.35rem; line-height:1.35rem;
margin:0 auto;
}
.indexmenu li a p {
  padding: 0.2rem 0 0.2rem 0; font-size: 0.24rem; font-weight:bold;
}
.indexmenu li a img {
	width:50%; margin-top:25%
}
.indexmenu li a:hover {
  color: #dc0a39;
}
.indexmenu li.li1 a,
.indexmenu li.li2 a,
.indexmenu li.li3 a {
  border-top: 0;
  margin-top: 1.4rem;
}
.indexmenu li.li1 a div,
.indexmenu li.li2 a div,
.indexmenu li.li3 a div {
  border-top: 0;
  padding-top: 0;
}
.indexmenu li.li1 div,
.indexmenu li.li4 div {
  padding-right: 2.2rem;
}
.indexmenu li.li3 div,
.indexmenu li.li6 div {
  padding-left: 2.2rem;
}
.indexmenu li.noborrig a {
  border-right: 0;
}
.indexmenu li.noborrig a div {
  border-right: 0;
}

.sousuo{
    width: 6.4rem;
    margin: auto;
    height: 1.04rem;
    background: #fff;
    text-align: center;
    position: relative;
}
.shuru input{
    margin-top: 0.2rem;
    width: 5.9rem;
    height: 0.64rem;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    padding: 0 0.2rem;
    box-sizing: border-box;
    color: #ccc;
    font-size: 0.2rem;
    background: #fff;
}
input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 0.2rem;
}
.anniu input{
    border: none;
    width: 0.66rem;
    height: 0.6rem;
    position: absolute;
    top: 0.22rem;
    right: 0.26rem;
}

.titm{ width:100%; border-top:#eee solid 1px; line-height:0.60rem; height:0.60rem; overflow:hidden; margin-top:0.30rem;}
.titmin{ width:94%; margin:0 auto;}
.titmin span{ padding-left:0.10rem; text-transform:uppercase;}


.prma{ width:94%; margin:0 auto;}
.prma ul{}
.prma li{ width:100%; background-color:#1c4489; display:block;line-height:0.60rem; height:0.60rem; margin:1% 0; color:#FFF; padding-left:5%;}
.prma li a{color:#FFF;}
.prma li span{ float:right}
.prma li i{ font-size:16px; margin-right:15px;}

.prtbt{ text-align:center; text-transform:uppercase; font-size:0.22rem; font-weight:bold;}

#businessList{ width:98%; margin:0 auto;}
#businessList ul{ clear:both}
#businessList ul li{
	overflow:hidden; float:left; position:relative; width:49%;  margin-right:1%; margin-bottom: 2%;
	border:1px solid #ccc;
	top:0%;
	-moz-transition:top 1.0s, opacity 1.0s;
	-ms-transition:top 1.0s, opacity 1.0s;
	transition:top 1.0s, opacity 1.0s;
}

#businessList ul li.active{
	opacity:1.0;filter:Alpha(opacity=100);
	top:0%;
	/*-moz-transform:translateY(0);
	-ms-transform:translateY(0%);
	transform:translateY(0%);*/
}
#businessList ul li a{display:block; position:relative; overflow:hidden; padding-top:100%;}
#businessList ul li .bg-thum{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
#businessList ul li .bg-thum img{
	position: absolute; top: 0; left: 0; width:100%; 
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s
}
#businessList ul li .business-tit{padding:10px 5px 10px 5px; font-size:12px; line-height:16px;}
#businessList ul li .business-tit span{display:block; height:30px; opacity:0.8;filter:Alpha(opacity=80);}
#businessList ul li .business-tit strong{display:block; font-weight:400; font-size:12px; height:30px;}

#businessList ul li .Model{padding:10px 5px 10px 5px; font-size:12px; line-height:30px;}

#businessList ul li .pbsee { display:block;background:#cccccc; color:#333; text-align:center; text-transform:uppercase;font-size:14px; padding:5px 0px;}
#businessList ul li .pbsee a:hover{background:#03C;display:block; color:#333;}

#businessList ul li .over-cover{
	position:absolute; top:0px; left:0px; width:100%; height:100%; visibility:hidden; opacity:0; background-image:url(../images/cpbg.png); 
	 z-index:1;  box-sizing:border-box; 
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s
}
#businessList ul li .over-cover img{position:absolute; top:50%; left:50%; margin:-18px 0 0 -18px; transform:rotate(-45deg) scale(0.7);  -moz-transform:rotate(-45deg) scale(0.7); opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0.4s 0.1s;-moz-transition:all 0.4s 0.1s;-o-transition:all 0.4s 0.1s;-ms-transition:all 0.4s 0.1s;transition:all 0.4s 0.1s;
}
#businessList ul li a:hover .bg-thum img{ }
#businessList ul li a:hover .over-cover{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}
#businessList ul li a:hover .over-cover img{transform:rotate(0deg) scale(1.0);  -moz-transform:rotate(0deg) scale(1.0); opacity:1.0;filter:Alpha(opacity=100);}
/* ?? :: ?? ?? */
#businessResultLink{padding-bottom:50px;}
#businessResultLink h3{float:left; width:28%; letter-spacing:-0.75px; line-height:74px; color:#272727; font-weight:300; font-size:44px;}
#businessResultLink h3 strong{font-weight:500}
#businessResultLink h3 a{display:inline-block; width:50px; height:22px; margin-left:5%; text-align:center; line-height:22px; background-color:#3c3c3c; color:#fff; font-size:11px; letter-spacing:0px; vertical-align:middle;}
#businessResultLink .result-link-list{float:left; width:72%; }
#businessResultLink .result-link-list li{float:left; width:32%; margin-left:2%; height:76px; text-align:center;}
#businessResultLink .result-link-list li a{display:block; border:1px solid #c2c2c2; line-height:74px;  color:#272727; font-size:20px; letter-spacing:-0.5px; font-weight:300;
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s
}
#businessResultLink .result-link-list li:first-child{margin-left:0;}
#businessResultLink .result-link-list li a:hover{background-color:#f1f1f1; border-color:#3b4b59;width:250px; height:250px; }


.retrie {position: relative;z-index: 102;height: 40px;background-color: #3f84c7;border-bottom: 1px solid #e8e8e8;}
.retrie dt { overflow: hidden }
.retrie dt a {position: relative;float: left;width: 100%;height: 39px;line-height: 40px;color: #fff;font-size: 14px;font-size: 16px;text-align: left; text-indent:15px;}
.retrie dt a:after {position: absolute;top: 50%;left: 80%;margin-top: -4px;margin-left: 30px;width: 8px;height: 8px;border: #fff solid;border-width: 1px 1px 0 0;content: ' ';-webkit-transform: rotate(135deg);}
.retrie dt .up {color: #fff;}
.retrie dt .up:after {margin-top: 0;border: #fff solid;border-width: 1px 1px 0 0;-webkit-transform: rotate(-45deg);}
.retrie dt a:last-child:before {position: absolute;top: 0px;left: 0;display: block;width: 0px;height: 30px;background-color: #fff;content: ' ';}
.retrie dd { position: relative; }
/* ===== slide-area ===== */
.slide {position: absolute;top: 0px;left: 0;z-index: 104;display: none; width: 100%;overflow-y: auto;background-color: #fff;border: 1px solid #ccc; padding-top:10px;}
.slide li {display: block; width:96%;}
.slide li span{background-color: #fff;padding: 0px 10px; color:#000; font-weight:bold;}
.slide li a {display: block;height: 30px; background-image:url(../images/cpx.jpg); background-repeat:repeat-x;  background-position:center center;}

.slide li a:hover,.slide li a.selected { background-color: #f6f6f6; }
.slide li a.select { background-color: #fff; }

.slide2 { width:96%; margin:2% auto;}
.slide2   a {display: block;padding: 0 10px;height: 30px;background-color: #e5e5e5;line-height: 30px; float:left; color:#7c7c7c; margin-right:15px;border-radius: 20px; margin-bottom:10px;}
.slide2   a:hover,.slide li a.selected { background-color: #f6f6f6; }
.slide2   a.select { background-color: #fff; }


.btn-transparent {padding: 8px 12px;background-color: #efefef;color:#545857; border:#545857 solid 1px;margin-right:5px;}
.btn-transparent:hover {background-color: #ffffff;color:#545857; border:#545857 solid 1px;margin-right:5px;}
.btn-green {background-color: #ffffff;color:#545857; border:#545857 solid 1px;padding: 8px 12px;margin-right:5px;}
.btn-green:hover {background-color: #999;}

.page-number .btn-transparent{padding: 8px 12px;background-color: #efefef;color:#545857; border:#545857 solid 1px;margin-right:5px;}

.thisclass{padding: 8px 12px; background-color: #ffffff;color:#545857; border:#545857 solid 1px; margin-right:5px;}


.kt1{ width:100%; background-color:#224378; border-top:solid #314256 1px; text-align:center; padding:2% 0px;}
.ktit_com{ margin-top:5px; line-height:23px; color:#fff;font-size:14px;padding-left:5px;}
.ktit_com a{color:#fff}
.ktit_com a img{width: 40px; height: auto;}

/*产品内页*/

.ak { float:left; margin-left:10px;}
.ak li {color: #ccc; width:16px; height:16px; overflow:hidden;float: left;margin:8px 2px 0px 2px;}
.ak li a {color: #ccc;}
.ak span {float: left;display: block; width:16px; height:16px;cursor: pointer;-webkit-transition: all .2s;transition: all .2s;}
.ak li span.wk_cont_1 {background: url(/images/cplink_01.jpg) no-repeat;}
.ak li:hover span.wk_cont_1 {background: url(/images/cplinka_01.jpg) no-repeat 0 0px;}
.ak li span.wk_cont_2 {background: url(/images/cplink_02.jpg) no-repeat;}
.ak li:hover span.wk_cont_2 {background: url(/images/cplinka_02.jpg) no-repeat 0 0px;}
.ak li span.wk_cont_3 {background: url(/images/cplink_03.jpg) no-repeat;}
.ak li:hover span.wk_cont_3 {background: url(/images/cplinka_03.jpg) no-repeat 0 0px;}
.ak li span.wk_cont_4 {background: url(/images/cplink_04.jpg) no-repeat;}
.ak li:hover span.wk_cont_4 {background: url(/images/cplinka_04.jpg) no-repeat 0 0px;}
.ak li span.wk_cont_5 {background: url(/images/cplink_05.jpg) no-repeat;}
.ak li:hover span.wk_cont_5 {background: url(/images/cplinka_05.jpg) no-repeat 0 0px;}
.ak li span.wk_cont_6 {background: url(/images/cplink_06.jpg) no-repeat;}
.ak li:hover span.wk_cont_6 {background: url(/images/cplinka_06.jpg) no-repeat 0 0px;}



.ncp_info{padding:0.01rem 0rem 0.2rem 0rem; width:96%; margin:0 auto; font-size:0.20rem;}
.ncp_info img,.ncp_info iframe,.ncp_info video{max-width:100%;_height:auto;}
.ncp_info table{ max-width:100%;width:100%; border-left:#CCC solid 1px; border-bottom:#CCC solid 1px; }
.ncp_info tr{ }
.ncp_info td{ padding:0.05rem 0.20rem; border-top:#CCC solid 1px; border-right:#CCC solid 1px;}


.ncptit{width:100%; text-align: center; line-height:0.60rem; height:0.60rem; color:#FFF; margin:2% 0%; background-color:#1b438b; overflow:hidden; font-size:0.30rem;}

.cmored{display:block; width:120px;  text-align:center;border-radius:15px; padding:2px 10px;  background:#1f509c; float:left; margin-right:10px;}
.cmored a{ color:#FFF}
