@charset "utf-8";
/* CSS Document */
/*common*/
/**/
.banner{ height:640px; width:100%; position:relative; }
.banner .bd{ height:640px; overflow:hidden;}
.banner .bd a{ display:block;height:640px; overflow:hidden;}
.banner .bantil{ width:132px; height:17px; position:absolute; bottom:40px;left:50%; z-index:8;}
.banner .bantil li{ width:17px; height:17px; float:left; display:inline; margin:0 6px;background:#004fab;border-radius:17px;}
.banner .bantil li.cur,.banner .bantil li:hover{background:#acce22;cursor:pointer;}



.main_title{
	display: block;
    text-align: center;
    background: url(../images/main_titlea.png) center 65px no-repeat;
    height: 115px;
    font-size: 18px;
    color: #868686;
    line-height: 48px;
	}
.main_title p{
	font-size: 42px;
    color: #191919;
    font-weight: bold;
    line-height: 60px;
	}
.main_title p span{ font-size:42px; color:#004fab; font-weight:bold; line-height:60px}



.main_titlea{
	display: block;
    text-align: center;
    background: url(../images/main_title.png) center 65px no-repeat;
    height: 115px;
    font-size: 18px;
    color: #004fab;
    line-height: 48px;
	}
.main_titlea p{
	font-size: 42px;
    color: #034991;
    font-weight: bold;
    line-height: 60px;
	}


/*产品展示*/
.inproduct{
	width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-top: 30px;
    background: #fff;
    padding-bottom: 55px;
	}
.huibox{margin-top:25px;}
.lebox{ width:237px; height:auto; float:left;}
.rigbox{ width:937px; height:auto; float:right;}

.prolist{ width:237px; height:auto;}
.titcplde{
	line-height: 68px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background:#1170d3;
    height: 68px;
    font-weight: bold;
	}
.mbcpny{
    border: 1px solid #eaeaea;
    border-top: none;
    background: #f6f6f6;
    padding: 10px;
	}
.onelist{
    width: 100%;
    height: 41px;
    line-height: 41px;
    color: #fff;
    font-size: 15px;
    text-indent: 26px;
    background:#aaa;
    margin: 0 auto;
    border-radius: 5px;
    font-weight: bold; margin-bottom:10px
	}
.onelist:hover{ color:#fff; background:#0978e1}
.twolist{float:left; display: block; width:49%; margin:0 1% 0 0; height:35px; line-height:35px;  font-size:14px; color:#666666}

.letelbox{ background:#1170d3; height: auto; color:#fff; padding:12px}
.letelbox em{
	font-style: normal;
    font-size: 30px;
    font-family: impact;
    line-height: 35px;
    color: #fff;
    margin-top: 5px;
    display: block;
	}
.letelbox .txt{border-top:1px dotted #92bdeb; margin-top:5px; padding-top:5px;}
.letelbox .txt *{font-size:14px !important; line-height:27px !important; color:#fff !important}
.letelbox .txt em{ color:#fff100 !important; font-family:Arial, Helvetica, sans-serif; font-weight:bold}

.rigbox{width:942px; height:auto;}
.rigbox ul li{ float:left; width:300px; margin-right:20px; margin-bottom:10px}
.rigbox ul li .topimg {
    width: 298px;
    height: 223px;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #ffffff; border:1px solid #cfcfcf
}
.rigbox ul li .topimg img{
	max-width:100%;
	max-height:100%;
	transform: scale(1);
	transition: all 1s ease-out;
	}
.rigbox ul li p{display:block; text-align:center;}
.rigbox ul li p a{line-height:40px; font-size:15px; color:#666666;}


.rigbox ul li:hover .topimg img{transform: scale(1.2);}
.rigbox ul li:hover p{ background:#1170d3;}
.rigbox ul li:hover p a{line-height:40px; font-size:15px; color:#fff}


/**/
.x-ban{height: 300px;background:url(../images/x-ban1.jpg) no-repeat center center;}
.x-ban .content{height: 300px;position: relative;}
.x-ban span{
	font-size: 28px;
    color: #fff;
    font-weight: bold;
    font-family: Arial;
    display: block;
    position: absolute;
    left: 195px;
    top: 204px;
	}
.x-ban a.zx_btn{width:146px; height:52px;display: block;position: absolute;left: 513px;top: 195px;}



/**/
.rybj{height:680px;background:#fff url(../images/rybg.png) no-repeat center 543px; padding-top:60px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box;}
.ry{ position: relative; }
.carousel-container {position:relative;width:1200px;height:412px; margin-top:30px}
#carousel {height:345px;width:1200px;position:relative;font-size:12px;font-family: Arial;}
#carousel img{width:460px; height:345px; display:block;background: url(../images/ryspanbg.png) no-repeat center bottom;padding-bottom: 36px;}

.carousel-image {border:0;display:block;}
.carousel-feature img{width:559px; height:345px; display:block;background: url(../images/ryspanbg.png) no-repeat center bottom;padding-bottom: 36px;}
.carousel-feature .carousel-caption {position:absolute; bottom:0;width:100%;background-color:#fff; text-align:center;}
.carousel-feature .carousel-caption p {margin:0;padding:5px; font-weight:bold;font:14px/38px "Microsoft Yahei";color:#333;}
.tracker-summation-container {position:absolute;color:#333;display:none; right:48px;top:230px;padding:3px;margin:3px; background-color:#fff;}
.tracker-individual-container {position:absolute;color:white;right:410px;bottom:0;padding:0;margin:0;}
.tracker-individual-container li {list-style:none;}
.tracker-individual-container .tracker-individual-blip {margin:0 3px;width:30px;height:10px;font-size:0; padding:0 3px;color:white;text-align:center;background-color:#DDD;}
.tracker-individual-container .tracker-individual-blip-selected {color:white; font-weight:bold;background-color:#3DA10B;}

.photo_btn {position: absolute;top: 43%;z-index: 9;width: 50px;height: 50px;margin-top: -25px;border: 0; font-size: 0;}
.carousel-container .prev {position: absolute;top: 36%;z-index: 9;left: 0px; background: url(../images/ryleft.png) no-repeat;display: inline-block;height: 54px;width: 27px;}
.carousel-container .next {position: absolute;top: 36%;z-index: 9;right: 0px;background: url(../images/ryright.png) no-repeat; display: inline-block;height: 54px; width: 27px;}
.carousel-container .carousel-feature { position: relative;}
.carousel-container .titlework { background: url(../images/ryspanbg.png) no-repeat center top;display: block; height: 50px;left: 50%; line-height: 30px;position: absolute; text-align: center;top: 345px; width: 259px;margin-left:-128px;display: block;text-align: center; font-size: 0; color:#333333; line-height: 50px;}
.ry  .more a{ margin:0 auto; font-size: 14px;color: #fff; background:#0078cb; border-radius: 30px; width: 144px;line-height: 37px; height: 37px; display: block; text-indent: 35px;}




/**/
.fw_bj{height: 920px;overflow: hidden; background:url(../images/fwbg.jpg) no-repeat center top;padding-top:95px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.fw_bj h2{margin-bottom: 70px;}
.fw_bj h2 span{width: 486px; margin:0 auto;}
.fw{ margin-top:50px}
.fw dl{width: 248px; height: 534px; background:#004fab;border-top-right-radius: 128px;border-top-left-radius: 128px;border-top:1px solid #fff; float: left;margin-right: 68px; }
.fw dl a{text-decoration: none;}
.fw dl dt{text-align: center; width: 248px; height: 248px; font-size: 30px;color: #333333; font-weight: bold;background:url(../images/fwico.png) no-repeat;padding-top: 80px;box-sizing: border-box;margin-top: -2px;}
.fw dl dt i{ font-weight: normal; display: block; }
.fw dl dd{padding:16px 19px 19px;}
.fw dl dd p{ color: #ffffff; font-size: 16px; line-height: 23px; text-align: center; height: 90px; }
.fw dl dd img{width: 210px;height: 160px; display: block;}
.fw dl:last-child{margin-right: 0;}
.fw dl.cur dt,.fw dl:hover dt{background:url(../images/fwicocur.png) no-repeat; color: #fff;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.fw dl.cur dt i,.fw dl:hover dt i{color: #fff;}

.fw dl:hover dd img{transition: all 0.3s linear 0s;}
.fw dl:hover dd img{transform: scale(1.01);}


/**/
.about{padding-top: 60px;}
.ab dd{width: 525px;float: left; padding-top:20px}
.ab dd h3{border-bottom: 1px solid #dddddd;}
.ab dd h3 a{font-size: 60px;color: #1170d3;font-weight: bold;height: 150px;font-family: Arial;}
.ab dd h3 a em{font-size:21px;color: #1a1a1a;font-weight: normal;display: block;padding-bottom: 20px; font-family:"微软雅黑"}
.ab dd .txt{margin-top: 24px; height:180px; display:block; overflow:hidden}
.ab dd .txt *{font-size: 16px;color: #696969;line-height: 30px; text-align:justify}
.ab dd .more{ margin-top:20px;}
.ab dd .more a{ width:144px; height:36px; display:block; float:left; text-align:center; line-height:36px; background:#004fab; color:#ffffff; font-size:16px; margin-right:24px;border-radius: 30px;}


.ab dt{float: right;width: 617px;height: 413px;}

.xc{height:418px;position: relative;margin-top: 30px;}
.xc span.z1,.xc span.y1{position: absolute;top: 185px;}
.xc span a{width: 40px;height: 40px;display: block;}
.xc span.z1{left:-65px;}
.xc span.y1{right:-65px;}

.xc ul{height:418px;}
.xc li{width:280px; height:418px;float: left;margin-right: 26px;}
.xc li.nobot{margin-right:0;}
.xc li a{width:280px; height:373px;display: block; padding:2px; border:1px solid #cfcfcf}
.xc li img{width:280px; height:373px;}
.xc li span{height: 45px;line-height: 45px;text-align: center;display: block;font-size: 15px;color: #696969;}


/*新闻动态*/
.news{ width:100%; height:auto; margin:0 auto; background:#f7f7f7; padding-top:60px; padding-bottom:40px; margin-top:50px}
.news .contenta{ width:1200px; height:auto; margin:0 auto;background:url(../images/bg_news.png) right 10px no-repeat; margin-top:20px}
.news .n_l{ width:573px;}
.news .n_l .nsdt{ width:573px; height:245px; overflow:hidden;}
.news .n_l .nsdt img{ width:573px; height:245px;transition: all 0.3s ease 0s;}
.news .n_l dl{ padding-top:16px; width:573px;}
.news .n_l dl dt{width:64px; float:left; text-align:center; padding-top:26px;}
.news .n_l dl dt span{font-size:24px; color:#676767; font-family:Tahoma; line-height:24px; text-align:right;}
.news .n_l dl dt span i{ display:block; font-weight:normal; color:#676767; font-size:12px; padding-right:5px;}
.news .n_l dl dd{float:right; width:410px; padding-right:30px;}
.news .n_l dl dd h3{ font-size:16px;line-height:74px; font-weight:normal;text-overflow:ellipsis;white-space:nowrap;}
.news .n_l dl dd h3 a{ color:#111111;text-overflow:ellipsis;white-space:nowrap; display:block; overflow:hidden}
.news .n_l dl dd p{ line-height:24px; color:#666666; text-align:justify}
.news .n_l dl dd .nsmore{ display:block; margin-top:60px; color:#101010; width:155px; text-align:center;}

.news .n_r{ width:530px;}
.news .n_r dl{ width:530px; clear:both; margin-bottom:65px; height:100px;}
.news .n_r dl dt{ padding-top:36px; width:64px; float:left; text-align:center;}
.news .n_r dl dt span{font-size:24px; color:#676767; font-family:Tahoma; line-height:24px; text-align:right;}
.news .n_r dl dt span i{ display:block; font-style:normal; font-weight:normal; color:#676767; font-size:12px; padding-right:5px;}
.news .n_r dl dd{float:right; width:410px;}
.news .n_r dl dd h3{ font-size:16px;  height:50px; line-height:50px; font-weight:normal;}
.news .n_r dl dd h3 a{ color:#111111; display:block; height:50px; width:410px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news .n_r dl dd p{ line-height:24px; color:#666666; text-align:justify}







/*.onelist1{ display: block; width:216px; height:41px; line-height:41px; color:#fff; font-size:15px; text-indent:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:url(../images/cpyj.png) no-repeat 13px center #aaa; margin:10px auto;border-radius:5px; font-weight:bold}
.onelist1:hover{ color:#fff; background:url(../images/cpyj.png) no-repeat 13px center #0978e1}
.onelista1,.onelista1:hover{ display: block; width:216px; height:41px; line-height:41px; color:#fff; font-size:15px; text-indent:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:url(../images/cpyj.png) no-repeat 13px center #0978e1; margin:10px auto;border-radius:5px; font-weight:bold}

.twolist1{float:left; display: block; width:110px; height:35px; line-height:35px;  font-size:14px; text-indent:8px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url(../images/cpyj.gif) no-repeat 20px center;color:#fff;}
*/






.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
a:hover{text-decoration: none;}


/**/
/*h2.tit a{text-align: center;font-size: 38px;color: #333;display: block;margin-bottom: 50px;
background:url(../images/tit.png) no-repeat center 55px;}
h2.tit a em{font-size: 18px;color: #555;display: block;font-weight: normal;padding-top:23px;}
*/



.pro_t{width: 1200px;margin: 20px auto; height: 40px; line-height: 40px; font-size:18px; text-align: center;}
.pro_t li{ margin:0 20px; float: left;width: 200px; height: 40px; margin-bottom:10px; }
.pro_t li a{width: 200px; height: 40px; display: inline-block; color:#333333;background:url(../images/pro_ic2.png) no-repeat center top;}
.pro_t li a:hover,.pro_t li.cur a{background:url(../images/pro_ic1.png) no-repeat center top; color:#FFF}


.inproduct .cpcontent{ width:1200px; margin:25px auto 0;height: auto;}
.inproduct .cpcontent ul li{ float:left; margin-right:15px; margin-top:20px}

.frame2e{
	width: 285px; 
    height: 388px;
	display:block;
    /*border: 1px solid #dedede;*/
    background:#1170d3;
	/*padding:5px 5px;*/}
	
.frame2e .topimg{
    width: 285px;
    height:340px;
    overflow: hidden;	
    display: table-cell;
    vertical-align: middle;
    text-align: center;	
}
.frame2e .topimg img{
    width: 285px;
    height:340px;
    overflow: hidden;	
    transform: scale(1);
    transition: all 1s ease-out;
	}
.frame2e .txt{ width:90%; height:auto; margin:0 auto;}	
.frame2e .txt p{ font-size:18px; line-height:50px; color:#fff; text-align:center;overflow:hidden; display:block;}
.frame2e .txt span{ font-size:14px; line-height:24px; color:#999999; height:48px; display:block; overflow:hidden; text-align:justify}
.frame2e .txt .more{
	width: 190px;
    height: 45px;
    margin: 15px auto 0;
    display: block;
    text-align: center;
    line-height: 45px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 5px;
    color: #666666;
	}	

.frame2e:hover{box-shadow: 0 0 8px 4px #f3f3f3;}
.frame2e:hover .topimg img{transform: scale(1.2);}

.morem{margin:35px auto 0 auto; width:1200px; text-align:center;}
.morem a{ width:160px; height:40px; display:block; text-align:center; line-height:40px; background:#0651a2; color:#ffffff; font-size:16px;border-radius:5px; margin:auto}






















.propiclist{ width:282px; height:134px; margin:15px 10px 15px 13px; display:inline; float:left; position:relative; overflow:hidden;text-align:center}
.propiclist .imgboxcp{width:280px;height:92px; border:1px solid #ccc; overflow:hidden}
.propiclist span{height:100%; display:inline-block; vertical-align: middle}
.propiclist img{  width:280px; height:92px;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s; vertical-align: middle;}
.propiclist:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.propiclist p{ line-height:40px; text-align:center; font-size:14px; height:40px; width:100%; display:block; overflow:hidden; position:absolute; top:92px; left:0px; transition:all .3s ease;}



.propiclistcp{ width:282px; height:252px; margin:10px 11px 10px 12px; display:inline; float:left; position:relative; overflow:hidden;text-align:center}
.propiclistcp .imgboxcp2{width:280px;height:210px; border:1px solid #a9a9a9; overflow:hidden}
.propiclistcp span{height:100%; display:inline-block; vertical-align: middle}
.propiclistcp img{ width:280px; height:210px;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s; vertical-align: middle;}
.propiclistcp:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.propiclistcp p{ line-height:40px; text-align:center; font-size:14px; height:40px; width:100%; display:block; overflow:hidden; position:absolute; top:210px; left:0px; transition:all .3s ease;color:#000; font-size:16px;}


.propicnye{ width:282px; height:267px; margin:10px 11px 10px 12px; display:inline; float:left; position:relative; overflow:hidden;text-align:center}
.propicnye .imgboxcp2{width:280px;height:225px; border:1px solid #cccbcb; overflow:hidden}
.propicnye span{height:100%; display:inline-block; vertical-align: middle}
.propicnye img{ width:280px;height:225px;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s; vertical-align: middle;}
.propicnye:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.propicnye p{ line-height:40px; text-align:center; font-size:14px; height:40px; width:100%; display:block; overflow:hidden; position:absolute; top:230px; left:0px; transition:all .3s ease;}


.propical{ width:223px; height:198px; margin:15px 0px 15px 15px; display:inline; float:left; position:relative; overflow:hidden; border:1px solid #ddd}
.propical img{  width:223px; height:163px;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.propical:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.propical p{ line-height:35px; text-align:center; font-size:14px; font-weight:bold; height:35px; width:223px; display:block; overflow:hidden; position:absolute; top:163px; background:#fff; left:0; transition:all .3s ease;}
.propical:hover p{ color:#333; background:#dfdfdf}





.propiclist2{ width:207px; height:172px; margin:8px 11px; display:inline; float:left}
.propiclist2 img{ padding:5px; width:195px; height:136px; border:1px solid #efefef}
.propiclist2 p{ line-height:30px; text-align:center; font-size:14px; font-weight:bold; height:30px; width:200px; display:block; overflow:hidden}
.propiclist2:hover p{ color:#ff6600}


.proshhome22{ width:901px; height: auto; border:1px solid #dfdfdf; background:#fff; padding:10px 18px}
.proshhome22 img{ max-width:900px}
.listbot{ width:96%; margin:30px auto; text-align:right; line-height:50px; border-top:1px solid #dfdfdf;}

.proshhome33{ width:917px; height: auto; border:1px solid #dfdfdf; background:#fff; padding:10px}






.syewmd{ padding:40px 0}


.lxtit{ width:201px; height:35px;background:url(../images/dian.png) 11px 10px no-repeat #0261ae; line-height:35px; text-indent:46px; color:#fff; font-weight:bold; margin-top:17px}
.lxmaindw{ background:#dddddd; padding:10px 0 10px 10px}