@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
a:hover{text-decoration: none;}

/**/
.banner{ height:500px; width:100%; position:relative; }
.banner .bd{ height:500px; overflow:hidden;}
.banner .bd a{ display:block;height:500px; 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 12px;background:#0071be;border-radius:17px;}
.banner .bantil li.cur,.banner .bantil li:hover{background:#02b29c;cursor:pointer;}

/**/
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{ width:100%; height:auto; margin:0 auto; padding-top:25px; background:#fff; padding-bottom:60px;}
.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}







/**/
.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: 36px;color: #fff;font-weight: bold;font-family: Arial;display: block;position: absolute;left: 195px;top: 200px;}
.x-ban a.zx_btn{width:146px; height:52px;display: block;position: absolute;left: 513px;top: 195px;}



/**/
.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 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);}



/**/
.rybj{height:704px;background:#fff url(../images/rybg.png) no-repeat center 543px; padding-top:100px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box;}
.ry h2{ margin-bottom: 40px; }
.ry h2 span{width: 255px; margin:0 auto;}
.ry{ position: relative; }
.carousel-container {position:relative;width:1200px;height:412px;}
#carousel {height:345px;width:1200px;position:relative;font-size:12px;font-family: Arial;}
#carousel img{width:559px; 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;}




/**/
.news{height: 670px;background: #f7f7f7;padding-top:70px;}

.news1{margin-top: 17px;width:600px; height:530px; overflow: hidden;}
.n_nav{height:40px; overflow: hidden;}
.n_nav span a{display: inline-block;font-size: 14px; color:#555555; font-family: "Arial";text-transform: uppercase; line-height: 40px;font-weight: normal;}
.n_nav li{ float: left;margin-right: 14px;padding-right: 20px;}
.n_nav li a{ color: #333; font-size: 18px;line-height: 38px;}
.n_nav li a{ display: inline-block;height:38px;}
.n_nav li a:hover , .n_nav .cur a{font-weight: bold;color:#333;border-bottom: 2px solid #10264d;}
.n_nav .nobg{background:none;}

.news_c{margin-top: 20px;height:425px; }
.news_c dl{height:217px;  overflow: hidden;width: 600px;}

.news_c dt{height:206px;width:276px; overflow: hidden;float: left;}
.news_c dt a{width:276px; height:206px;display: block;float: right;}
.news_c dt img{width:276px; height:206px;}

.news_c dd{padding-top: 2px;width: 278px;float: right;}
.news_c dd h3{ font-size: 16px; color:#333;line-height: 24px;}
.news_c dd h3 a{ color:#333;font-weight: bold;}
.news_c dd span{display: block;color: #777;font-size: 14px;padding:13px 0 0 0;}
.news_c dd p{padding-top: 8px;line-height: 24px; font-size: 14px; color:#555;}
.news_c dd p a{ color:#0071be;display: block;padding-top: 15px;}
.news_c ul{margin-top: 25px;}
.news_c li{ font-size: 14px; color:#777777; line-height: 36px;}
.news_c li a{ color:#333; padding-left:12px ;display: inline-block;background:url(../images/dot.jpg) no-repeat 0 17px ;}
.news_c li a:hover{background:url(../images/dot2.jpg) no-repeat 0 17px ; color:#0071be;}

.wt{width:484px; overflow: hidden;margin-top: 17px; overflow: hidden;}
.wt h4{height:40px; overflow: hidden; line-height: 40px;margin-bottom: 25px;}
.wt h4 a{font-size: 18px;color:#333;border-bottom: 2px solid #0071be; line-height: 38px;width: 75px;display: block;}
.wt h4 span a{display: inline-block;font-size: 14px; color:#555555; font-family: "Arial";text-transform: uppercase; line-height: 40px;font-weight: normal;}
.wt dl{margin-top: 17px;height:123px; overflow: hidden;}
.wt dt{width:124px; float: left; overflow: hidden;height:93px;margin-right: 25px;}
.wt dt img{ width:124px;height:93px;}
.wt dd{width:315px; float: right; overflow: hidden;}
.wt dd h3{padding-left: 29px;background:url(../images/a.jpg) no-repeat 0 0 ;height:20px; line-height: 20px;font-size: 14px; overflow: hidden; font-weight: normal;margin-top: 5px;}
.wt dd h3 a{ color:#333;}
.wt dd h3 a:hover{color: #e76825;}
.wt dd p{padding-left: 29px;background:url(../images/q.jpg) no-repeat 0 0 ; line-height: 20px;font-size: 14px;color:#555;margin-top: 19px;} 

/**/
.about{padding: 80px 0px;}
.ab dt{float: right;width: 600px;height: 401px;}
.ab dd{width: 512px;float: left;padding-left: 43px;padding-top: 40px;}
.ab dd h3{border-bottom: 1px solid #dddddd;}
.ab dd h3 a{font-size: 60px;color: #0071be;font-weight: bold;height: 150px;font-family: Arial;}
.ab dd h3 a em{font-size: 16px;color: #423f3b;font-weight: normal;display: block;padding-bottom: 20px;}
.ab dd p{font-size: 14px;color: #555;line-height: 30px;margin-top: 24px;}
.ab span a{margin-top: 20px;display: inline-block;}
.ab span a.xq{margin-right:20px;}


.xc{height: 384px;position: relative;margin-top: 30px;}
.xc span.z1,.xc span.y1{position: absolute;top: 70px;}
.xc span a{width: 40px;height: 40px;display: block;}
.xc span.z1{left:-65px;}
.xc span.y1{right:-65px;}
.xc ul{height:384px;}
.xc li{width:280px; height:384px;float: left;margin-right: 26px;}
.xc li.nobot{margin-right:0;}
.xc li a{width:280px; height:334px;display: block;}
.xc li img{width:280px; height:210px;}
.xc li span{height: 50px;line-height: 50px;text-align: center;display: block;
	font-size: 14px;color: #555;}


/**/
.flinks{background: #005188;height: 78px;}
.link{overflow: hidden;position: relative;}
.link a{font-size: 14px;color: #95abc1;text-align: center;padding:0 20px;line-height: 78px;}
.link a.links{padding-left: 0;font-weight: bold;display: inline-block;color: #95abc1;font-size: 15px;}



.mainhui{ width:100%; height: auto; background:#fff; border-bottom:30px solid #fff}
.huibox{ width:1200px; height: auto;  margin:0 auto; }
.lebox{ width:237px; height:auto; float:left;}
.rigbox{ width:937px; height:auto; float:right;}

.prolist{ width:237px; height:auto;}
.titcplde{
	line-height: 98px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: #0978e1;
    height: 98px;
    font-weight: bold;
	}
.mbcpny{
	width: 235px; min-height:410px;
    border: 1px solid #eaeaea;
    border-top: none;
    padding: 1px 0 5px;
    background: #f6f6f6;
	}
	
	.letelbox{ background:#0978e1; height: auto; color:#fff; padding:12px}
.letelbox em{
	font-style: normal;
    font-size: 30px;
    font-family: impact;
    line-height: 45px;
    color: #fff;
	}
.letelbox .txt{ /*border-top:1px solid #fff; margin-top:10px; padding-top:10px; */}
.letelbox .txt *{font-size:14px !important; line-height:28px !important; color:#fff !important}
.letelbox .txt em{ color:#fff100 !important; font-family:Arial, Helvetica, sans-serif; font-weight:bold}


.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}


.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{
	width: 235px; min-height:410px;
    border: 1px solid #eaeaea;
    border-top: none;
    padding: 1px 0 5px;
    background: #f6f6f6;
	}
.onelist{ 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}
.onelist:hover{ color:#fff; background:url(../images/cpyj.png) no-repeat 13px center #0978e1}
.onelista,.onelista: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}

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



.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 #188cfa; 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 #aaa; 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;}



.letelbox{ background:#1170d3; height: auto; color:#fff; padding:12px}
.letelbox em{
	font-style: normal;
    font-size: 30px;
    font-family: impact;
    line-height: 45px;
    color: #fff;
	}
.letelbox .txt{ /*border-top:1px solid #fff; margin-top:10px; padding-top:10px; */}
.letelbox .txt *{font-size:14px !important; line-height:28px !important; color:#fff !important}
.letelbox .txt em{ color:#fff100 !important; font-family:Arial, Helvetica, sans-serif; font-weight:bold}

.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}