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

/**/
.banner{ height:680px; width:100%; position:relative; }
.banner .bd{ height:680px; overflow:hidden;}
.banner .bd a{ display:block;height:680px; 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:#32a7e0;cursor:pointer;}

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

/**/
.hz{height: 357px;padding-top: 70px;}
.hz_con{height: 177px;position: relative;}
.hz_con span.z,.hz_con span.y{position: absolute;top: 58px;}
.hz_con span a{width: 40px;height: 40px;display: block;}
.hz_con span.z{left:-65px;}
.hz_con span.y{right:-65px;}
.hz_con ul{height:159px;}
.hz_con li{width:281px; height:159px;float: left;margin-right: 25px;}
.hz_con li.nobot{margin-right:0;}
.hz_con li a{width:281px; height:159px;display: block;}
.hz_con li img{width:279px; height:157px;border:1px solid #e7e7e7;}


/**/
.pro{height: 1000px; padding:50px 0px}
.fen{width: 276px;float: left;}
.fen h3{height:149px;}
.fen h3 a{width:276px; height:149px;display: block;}
.fen_c{width:242px;padding-top: 21px; border:17px solid #0071be;border-top:none;position:relative;} 
.fen_c h4{width:202px; height:40px;background:#32a7e0;
	margin: 0 auto 23px; border-radius:20px}
.fen_c h4 a{display: block;height:40px;line-height: 40px;text-indent: 36px;font-size: 16px;color: #fff;font-weight: normal;}
.fen_c h4 a:hover,.fen_c h4.cur a{background:url(../images/h4_cur_bg.jpg) no-repeat center center;}
.fen_c h4.nones{margin-bottom: 0;}
.fen_c ul{width:202px;margin: 0 auto;}
.fen_c ul li a{font-size: 14px;color: #555;display: block;height: 34px;
	
	line-height: 34px;text-align: center;}
.fen_c span{background-color: #0071be;
    bottom: 0;
    display: block;
    height: 66px;
    left: 0;
    position: absolute;
    width: 242px;
    text-align: center;
    color: white;
    line-height: 52px;
    font-size: 18px;
    font-weight: bold;}
.fen_c span b{color: #fff;
    font-size: 25px;
    left: 0;
    line-height: 37px;
    position: absolute;
    text-align: center;
    top: 7px;
    width: 242px;}	

.cp{width: 1200px;}
.cp dl{background: #f5f5f5;height: 358px;}
.cp dt{width: 478px;height: 358px;position: relative;float: left;}
.cp dt a.big{width: 478px;height: 358px;display: block;}
.cp dt a.big img{width: 478px;height: 358px;}
.cp dt em a{width: 92px;height: 149px;display: block;position: absolute;top: 0;left: 17px;}
.cp dd{width: 390px;height: 333px;float: right;background: #f5f5f5;padding-top: 25px;}
.cp dd h3 a{font-size: 20px;color: #333;padding-bottom: 20px;display: block;
	background:url(../images/line3.jpg) no-repeat left bottom;}
.cp dd p{font-size: 14px;color: #666;font-weight: normal;line-height: 26px;margin-top:27px;}
.cp dd .xq{width:144px; height:36px;margin-right: 18px;margin-top:47px;
	background:url(../images/more_btn1.jpg) no-repeat center center;display: block;float: left;}
.cp dd .zx{width:144px; height:36px;margin-top:47px;
	background:url(../images/more_btn2.jpg) no-repeat center center;display: block;float: left;}

.cp .clist{}
.cp .clist li{width: 291px;height: 289px;float: left;margin-right:12px;}
.cp .clist li a{width: 291px;height: 289px;display: block;}
.cp .clist li img{width: 289px;height: 217px;border: 1px solid #ccc;}
.cp .clist li.nones{margin-right:0;}
.cp .clist li span{width: 289px;height: 70px;display: block;line-height:60px;font-size: 16px;color: #555;
	text-align: center;}


/**/
.case{height: 690px;background: #f8f8f8;padding-top: 80px;}
.case dl{float: left;width: 352px;margin-right: 72px;height: 490px;}
.case dl.nobot{margin-right: 0;}
.case dt img{width:352px; height:281px;}
.case dd h3 a{width:91px; height:90px;display: block;position: absolute;top: -46px;left: 131px;}
.case dd h3 img{width:91px; height:90px;}
.case dd{height: 197px;border: 1px solid #e3e3e3;width:350px;position: relative;border-top: 0;background: #fff;}
.case dl:hover dd{background: #0071be;border: 1px solid #0071be;}
.case dl:hover dd p,.case dl:hover dd p em{color: #fff;}
.case dd p{text-align: center;font-size: 24px;color: #333;padding-top: 80px;}
.case dd p em{display: block;font-size: 12px;color: #acacac;padding-top: 10px;
	text-transform: uppercase;}
.case_c{position: relative;height: 433px;}
.case_c .z,.case_c .y{width:40px; height:40px;position: absolute;top: 196px;}
.case_c .z{left: -65px;}
.case_c .y{right: -65px;}

/**/
.ys{}
.ys h2 a{margin-bottom:68px;}
.ys_c{background:url(../images/ys_bg.jpg) no-repeat center center;height: 778px;}
.ys_con{position: relative;height: 778px;}
.ys_c dt{font-size: 24px;color: #333;font-weight: bold;display: block;text-indent: 47px;padding-top: 23px;}
.ys_c dd{font-size: 16px;color: #666;font-weight: normal;line-height: 24px;padding-top: 25px;}

.ys_c .dl01,.ys_c .dl02,.ys_c .dl03{text-align: left;}
.ys_c .dl04,.ys_c .dl05{text-align: right;}
.ys_c .dl01{position: absolute;top: 0;left: 0;}
.ys_c .dl02{position: absolute;top: 252px;left: 0;}
.ys_c .dl03{position: absolute;top: 532px;left: 0;}
.ys_c .dl04{position: absolute;top: 1px;right: 0;}
.ys_c .dl05{position: absolute;top: 253px;right: 0;}
.ys_c .dl04 dt,.ys_c .dl05 dt{padding-right: 54px;}
.ys_c span{font-size: 36px;color: #333;font-weight: bold;position: absolute;right: 0;bottom: 140px;}


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


/**/
.bz{height: 1715px;padding-top: 50px;}
.bz h2.tit a{margin-bottom:50px;}
.bz12{height:935px;background:url(../images/ys_img1.jpg?) no-repeat center center; }
.bz34{height:581px;background:url(../images/ys_img2.jpg) no-repeat center center;margin-top:2px; }

.bz h3{padding-bottom:53px;}
.bz h3 b{font-size: 32px;color: #32a7e0;font-weight: bold;padding-right: 75px;}
.bz h3 em{font-size: 24px;color: #333;font-weight: n;display: block;padding-top: 17px;padding-right: 75px;}
.bz p{font-size: 16px;color: #555;font-weight: normal;padding-right: 30px;margin-bottom: 28px;}

.bz1{height: 305px;text-align: right;padding-top: 64px;} 

.bz2{height: 371px;margin-top:107px;text-align: left;padding-top:60px;} 
.bz2 h3{padding-bottom:61px;}
.bz2 h3 b{padding-left: 75px;}
.bz2 h3 em{padding-left: 75px;}

.bz2 p{padding-left: 30px;}

.bz34 .bz1{height:581px;text-align: right;padding-top: 129px;} 
.bz34 .bz1 h3{padding-bottom:57px;}
.bz34 .bz1 h3 b{padding-right: 90px;}

.bz34 .bz2{height: 454px;margin-top:107px;text-align: left;padding-top: 10px;} 
.bz34 .bz2 h3{padding-bottom:58px;}
.bz34 .bz2 h3 b{padding-left: 95px;}
.bz34 .bz2 p{padding-left: 30px;}

/**/
.cj{height: 695px;background:url(../images/cj_bg.jpg) no-repeat center center;padding-top: 30px;}
.cj h2.tit a{color: #fff;background:url(../images/tit2.jpg) no-repeat center 44px;display:block;margin-bottom:170px;}
.cj h2.tit a em{color: #fff;}

/**/
.lc{height: 461px;padding-top: 84px;}
.lc ul li{width:138px; height:138px;float: left;margin-right: 39px;}
.lc ul li a{width:138px; height:138px;line-height: 193px;text-align: center;display: block;font-size: 20px;color: #333;font-weight: bold;}
.lc ul li.nobot{margin-right: 0;}

.lc ul li.lc01 a{background:url(../images/lc01.jpg) no-repeat center center;}
.lc ul li.lc02 a{background:url(../images/lc02.png) no-repeat center center;}
.lc ul li.lc03 a{background:url(../images/lc03.png) no-repeat center center;}
.lc ul li.lc04 a{background:url(../images/lc04.png) no-repeat center center;}
.lc ul li.lc05 a{background:url(../images/lc05.png) no-repeat center center;}
.lc ul li.lc06 a{background:url(../images/lc06.png) no-repeat center center;}
.lc ul li.lc07 a{background:url(../images/lc07.png) no-repeat center center;}

.lc span{background:url(../images/tel2.jpg) no-repeat left center;padding-left: 63px;margin: 55px 0 0 376px;float: left;
	height: 60px;display: block;}
.lc span b{font-size: 14px;color: #555;font-weight: normal;}
.lc span em{font-size: 30px;color: #0071be;font-weight: bold;display: block;padding-top:6px;}
.lc .zx_btn{float: left;margin-top:74px;margin-left: 28px;}


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

.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; 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:520px; 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; text-transform: uppercase; line-height: 40px;font-weight: normal;}
.wt dl{margin-top: 17px;height:100px; overflow: hidden;}
.wt dt{width:150px; float: left; overflow: hidden;height:113px;}
.wt dt img{ width:124px;height:93px;}
.wt dd{width:345px; 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{height: 1000px;padding-top: 50px;}
.ab dt{float: right;width: 600px;height: 401px;}
.ab dd{width: 512px;float: left;}
.ab dd h3{border-bottom: 1px solid #dddddd;}
.ab dd h3 a{font-size: 60px;color: #0071be;font-weight: bold;height: 150px;;}
.ab dd h3 a em{font-size: 24px;color: #423f3b;font-weight: normal;display: block;padding-bottom: 20px;}
.ab dd p{font-size: 16px;color: #555;line-height: 32px;margin-top:10px;}
.ab span a{margin-top: 20px;display: inline-block;}
.ab span a.xq{}
.ab dd span a.xq{ color:#fff; line-height:40px; display:block;background:#32a7e0;width:148px; height:40px; text-align:center; border-radius:20px }
.ab dd span{   }
.xc{height: 350px;position: relative;margin-top: 30px;}
.xc span.z1,.xc span.y1{position: absolute;top: 138px;}
.xc span a{width: 40px;height: 40px;display: block;}
.xc span.z1{left:-65px;}
.xc span.y1{right:-65px;}
.xc ul{height:350px;}
.xc li{width:218px; height:350px;float: left;margin-right: 26px;}
.xc li.nobot{margin-right:0;}
.xc li a{width:218px; height:304px;display: block;}
.xc li img{width:218px; height:304px;  border:4px solid #5d4404}
.xc li span{height: 50px;line-height: 50px;text-align: center;display: block;
	font-size: 14px;color: #555;}
.cp_tel{font-size: 14px;color: #333;height: 92px;background: #e9e9e9 url(../images/cp_tel.png) no-repeat center 34px;margin: 10px;padding:88px 0 0;text-align: center;line-height: 30px;}
.cp_tel b{display: block;font-size: 24px;}

/**/
.flinks{background: #005188;height: 78px;}
.link{overflow: hidden;position: relative;color: #95abc1; line-height:78px}
.link a{color: #95abc1;line-height: 78px;}
.link div{line-height: 78px;}
.link a.links{padding-left: 0;font-weight: bold;display: inline-block;color: #95abc1;}
.seabox{overflow:hidden;height:47px;line-height:32px;padding:14px 0 0;border-top: solid 1px #b5bac0;background: #e8e8e8;}
.sea_inp{width:350px;overflow: hidden;font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;}
.sea_inp .serach{width:218px;height:32px;line-height:32px;color:#a7aaa3;float:left;outline: none;display: block;position: relative;background:#fff;padding:0 0 0 19px;border: 0;font-size: 14px;border-radius: 16px 0 0 16px;}
.sea_inp .sub{ width:89px; height:32px;border:0;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.gif) no-repeat 0 0;}
.k_word{overflow:hidden;width:820px;color:#666;font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;}
.k_word a{color:#666;padding: 0 8px; font-size:14px;}


/*选择四大优势*/
.ys{background:url(../images/ys_bg.jpg) no-repeat center;}
#ysbg{height:846px; transition:all .3s ease; width:100%;display: -webkit-flex;display: flex;justify-content:center;flex-wrap: nowrap;align-items:center;}
.ys1{background:url(../images/ys_img1.jpg) no-repeat center;}
.ys2{background:url(../images/ys_img2.jpg) no-repeat center;}
.ys3{background:url(../images/ys_img3.jpg) no-repeat center;}
.ys4{background:url(../images/ys_img4.jpg) no-repeat center;}
.ys .w1400{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.ysleft{ width:465px; margin-right:108px;}
.ysright{  width:827px;}
.ystitle{ font-size:45px; color:#fff;text-align:center;}
.ystitle em{ display:block; font-size:18px; text-transform:uppercase; font-weight:lighter; margin-top:5px;}
.ystab{ margin-top:75px; width:754px; height:418px; box-sizing:border-box; background:rgba(197,203,209,0.7); padding:35px 120px; font-size:0;}
.ystab li:nth-child(2n){ margin-left:120px;}
.ystab li:nth-child(1),.ystab li:nth-child(2){ margin-bottom:45px;}
.ystab li{ cursor:pointer; display:inline-block; vertical-align:top; font-size:20px; color:#132331; font-weight:lighter; width:195px;transition:all .3s ease;}
.ystab b{ display:block; margin:20px 0 5px 0;}
.ysicon{ display:inline-block; width:55px; height:57px; background:url(../images/ysicon.png) no-repeat left top; transition:all .3s ease;}
.ystab li.on{ color:#043c9d;}
.ystab li.on .ysicon{ background-position-y:-72px;}
.ystab li:nth-child(2) .ysicon{ background-position-x:-71px;}
.ystab li:nth-child(3) .ysicon{ background-position-x:-156px;}
.ystab li:nth-child(4) .ysicon{ background-position-x:-240px;}
.yst{ margin-bottom:40px}
.yst em{ font-size:100px; text-transform:uppercase; color:#3e6dbd; font-weight:bold;}
.yst b{ display:block; font-size:33px; color:#3e6dbd; text-align:right;}
.ysnum{ font-size:60px; color:#3e6dbd;position:relative; margin-top:-45px; margin-bottom:75px; font-weight:bold}
.ystt{ text-align:center; font-size:25px; color:#ffffff; line-height:60px; font-weight:bold; background:#3e6dbd;}
.yswa{ font-size:14px; color:#fff; line-height:36px; font-weight:lighter; margin-top:45px;}
.ysjt{ font-size:0; margin-top:80px; text-align:center;}
.ysjt i{ display:inline-block; width:56px; height:56px; cursor:pointer; background:url(../images/jt.png) no-repeat left top;}
.ysjt i:hover{ box-shadow:0 0 5px #fff; border-radius:5px;}
.ysjt i+i{ margin-left:20px; background-position-x:right;}