@charset "utf-8";
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}
.fl{float: left;}
.fr{float: right;}

.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.til01{text-align: center;color: #333;font-size:54px;line-height:75px;font-family: "Microsoft Yahei";clear: both;display: block;height:162px;white-space: nowrap;}
.til01 p{display: block;font-size:22px;line-height:40px;font-weight: normal;color: #666;}
.til01 a{color: #005fca;}
.til02,.til02 a{color: #fff;}

/**/
 
.fullSlide{min-width:1200px;position:relative;height:680px;overflow:hidden;}
.fullSlide .bd{position:relative;z-index:0;}
.fullSlide .bd ul{width:100%!important;}
.fullSlide .bd li{width:100%!important;height:680px;overflow:hidden;text-align:center;}
.fullSlide .bd li  img{ position:absolute; top:0; left:50%; margin-left:-960px;}
.fullSlide .hd{width:1200px;left:50%;margin-left:-600px;position:absolute;z-index:1;bottom:20px;overflow:hidden;}
.fullSlide .hd ul{margin-left:500px;}
.fullSlide .hd ul li{float:left;margin:0 5px;display:inline;cursor:pointer;}
.fullSlide .hd ul li{width:65px;height:5px;background:#fff;}
.fullSlide .hd ul .on{background:#f27114;}



.guide{position:relative;padding-bottom:90px}
.guide .guide-l{float:left;width:690px;padding-top:102px}
.guide .guide-l .bk-title{text-align:left}
.guide .guide-l .bk-title span:before{display:none}
.guide .guide-l .bk-title span:after{content:"";width:220px;height:7px;background-image:url(../images/bk-titr.png);background-repeat:no-repeat;background-position:left center;background-size:auto auto;display:inline-block;vertical-align:middle;margin-left:24px}
.guide .guide-l .bk-title i{font-weight:700;color:#ccc;margin-bottom:18px;display:block;margin-top:0}
.guide .bk-title span{font-size:20px;font-weight:400;line-height:22px;color:#333;display:inline-block;margin-top:18px;position:relative}
.guide .bk-title p{font-size:48px;font-weight:400;line-height:50px;color:#333;display:block}

.guide .guide-l ul{margin-top:90px}
.guide .guide-l ul li{width:50%;float:left;height:122px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;box-sizing:border-box;padding-top:10px}
.guide .guide-l ul li em{float:left;width:63px;line-height:0;margin-right:26px}
.guide .guide-l ul li em img{width:63px;height:65px;display:block;transition:.35s}
.guide .guide-l ul li p{float:left;width:210px}
.guide .guide-l ul li p b{display:block;font-size:19px;font-weight:700;line-height:26px;color:#333}
.guide .guide-l ul li p span{display:block;font-size:18px;font-weight:400;line-height:32px;color:#666;margin-top:11px}
.guide .guide-l ul li::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.guide .guide-l ul li:nth-of-type(even){border-right:none;padding-left:45px}
.guide .guide-l ul li:nth-last-of-type(1),.guide .guide-l ul li:nth-last-of-type(2){border-bottom:none;padding-top:42px}
.guide .guide-l ul li:hover em img{transform:rotateY(180deg)}
.guide .guide-l ul li:hover p b,.guide .guide-l ul li:hover p span{color:#006dc3}
.guide .guide-r{width:500px;height:588px;display:block;line-height:0;float:right;position:relative}
.guide .guide-r img {width: 500px;margin-top: 220px; display: block;height:340px;transition: 1s;margin-left: 50px;}
.guide .guide-r::before{content:"";display:block;width:101px;height:507px;background-position:center top;background-size:auto auto;position:absolute;left:-77px;bottom:0}
.guide::before{content:"";display:block;width:29.27%;height:200px;background:rgba(0,109,195,.1);position:absolute;right:0;bottom:0}
.guide::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}



.cpin{height:1200px;background-image:url(../images/bz-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;box-sizing:border-box;padding-top:45px}
.cpin .til01{color:#fff}
.cpin .til01 p{color:#fff}
.cpin .ys-tit{margin-top:10px}
.cpin .ys-tit li{display:inline-block;font-size:18px;font-weight:400;line-height:44px;color:#fff;text-align:center;width:170px;border:1px solid #ddd;border-radius:23px;margin:0 12px;cursor:pointer}
.cpin .ys-tit li a{color:#fff;}
.cpin .ys-tit li.cur,.cpin .ys-tit li:hover{background:#172e7a;color:#fff;border-color:#172e7a}
.cpin .ys-con{margin-top:40px;margin-bottom:50px}
.cpin .ys-con dl dt{float:right;width:640px;height:450px;line-height:0;display:block;overflow:hidden}
.cpin .ys-con dl dt img{width:640px;height:450px;display:block;transition:1s}
.cpin .ys-con dl dd{float:left;width:560px;height:450px;background:#172e7a;box-sizing:border-box;padding:64px 0 0 62px}
.cpin .ys-con dl dd em{line-height:0;width:80px;height:80px;overflow:hidden;margin-bottom:25px;display:block}
.cpin .ys-con dl dd em img{width:80px;height:80px;display:block}
.cpin .ys-con dl dd b{font-size:38px;font-weight:700;line-height:34px;color:#fff;display:block}
.cpin .ys-con dl dd b:after{content:"";display:block;width:18px;height:3px;margin-top:17px;background:#fff;opacity:.5}
.cpin .ys-con dl dd p{font-size:17px;font-weight:400;line-height:36px;color:#fff;display:block;width:400px;margin-top:22px}
.cpin .ys-con dl:after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.chanp_qie{position: relative;}
.chanp_qie ul li{width: 386px;float: left;margin-left: 10px;}
.chanp_qie ul li em{width: 386px;height: 290px;display: block;line-height: 0;overflow: hidden;}
.chanp_qie ul li img{width: 386px;height: 290px;}
.chanp_qie ul li img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.chanp_qie ul li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.chanp_qie ul li span{display: block;width: 386px;text-align: center;height: 40px;line-height: 40px;font-size: 22px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 5px 0 0;}
.chanp_qie ul li:hover span{color: #0083c4;font-weight: bold;}
.chanp_qie .cp_lico,.chanp_qie .cp_rico{width: 56px;height: 56px;position: absolute;top:110px;border-radius: 50%;z-index: 10;-webkit-transition:transform .3s;transition:transform .3s;}
.chanp_qie .cp_lico:hover,.chanp_qie .cp_rico:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);-webkit-transform:translate(0,-3px);transform:translate(0,-3px);}
.chanp_qie .cp_lico{left: -90px;}
.chanp_qie .cp_rico{right: -90px;}



.ysbj{ height: auto; background:#fff; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box;  max-width: 1920px;margin:0 auto;padding-top:20px;}
.ysbj h2{margin-bottom: 32px;}
.ys{height:451px; position:relative;}
.ys .content{ height:auto;  position: relative; }
.ys dl{ height:451px; position:relative;}
.ys dt{ width:960px; height:451px; overflow:hidden; margin-right:-360px;}
.ys dt img{ display:block;width:960px; height:451px; }
.ys dd{padding-top: 68px; width:562px; box-sizing: border-box; position: relative;}
.ys dd .desc{}
.ys dd h3{padding-left: 110px; font:40px "Microsoft YaHei"; color:#172e7a;  margin-bottom: 38px; font-weight: bold;box-sizing: border-box;}
.ys dd h3 em{color: #1c232b; font-size: 26px;display: block; font-weight: normal;}
.ys dd p{font:18px "Microsoft YaHei"; line-height:24px; position:relative; color: #333333;padding-left: 24px; text-align: left;background:url(../images/yspico.png) no-repeat left 7px;margin-bottom: 20px;}
.ys1 dd h3{background:url(../images/01.png) no-repeat left center;}
.ys2 dd,.ys3 dd,.ys4 dd{padding-top: 100px;}
.ys2 dd h3{background:url(../images/02.png) no-repeat left center;}
.ys3 dd h3{background:url(../images/03.png) no-repeat left center;}
.ys4 dd h3{background:url(../images/04.png) no-repeat left center;}
.ys2 dt,.ys4 dt{ margin-right:0; margin-left:-360px;}



.jifn{margin-top:40px;}
.jifn h2{ color: #333;}
.jifn h2 em{ display: block; line-height: 100%;background: url(../images/h22.png) no-repeat center 3px;  font-size: 18px;}
.jf_nav{ overflow: hidden; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin: 0 auto 30px; width: 1200px;}
.jf_nav ul li{ float: left; width: 200px; box-sizing: border-box; border-left: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc;}
.jf_nav ul li img{ display: inline-block; float: left;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);    -ms-filter: grayscale(100%);    -o-filter: grayscale(100%);    filter: grayscale(100%);    filter: gray;  }
.jf_nav ul li span{ display: inline-block; line-height: 74px; font-size: 18px; color: #333333;padding-left:5px;}
.jf_nav ul li:hover img{-webkit-filter:none;    -moz-filter:none;    -ms-filter: none;    -o-filter:none;    filter:none;    filter:none;}
.jf_nav ul li:hover span{ color: #0a68c0;}

.jifn .content { position: relative; height: 755px;}
.case_con { width: 988px; height: 572px; position: absolute; left: 50%; margin-left:-549px;}
.case_con .tempWrap { overflow: visible !important }
.case_con .tempWrap div { overflow: visible !important }
.case_con dl { width: 988px; height: 755px; overflow: hidden; position: relative; margin: 0 53px; }
.case_con dt { width: 988px; height: 566px; overflow: hidden }
.case_con dt img { width: 988px; height: 566px }
.case_con dd { width:830px; height: 150px;z-index: 2; -o-transition: all .8s ease; transition: all .8s ease;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;box-shadow: 0 13px 28px 0 rgba(0, 0, 0, .1) ; background: #fff; margin: -73px auto 0; position: relative;}
.case_con dd h4 { overflow: hidden; float: left; padding: 22px 0 0 36px; width: 604px;font-weight: normal;}
.case_con dd h4 em{ display: block; line-height: 100%;font-weight: normal; font-size: 24px; color: #333333; margin-bottom: 12px;}
.case_con dd h4 b i{ display: block; font-weight: normal; font-size: 15px; color: #666666; line-height: 25px;}
.case_con dd p {font-size: 0; line-height: 0; float: right; width: 150px; padding-top: 53px; height: 97px; text-align: center; background: #172e7a;}

.case_switch div { position: absolute; text-align: center; box-sizing: border-box; top: 249px; width:60px; height: 60px; cursor: pointer; z-index: 2; -o-transition: all .3s ease; transition: all .3s ease }
.case_switch .prev { left: 25px }
.case_switch .next { right: 25px }
.case_switch div:hover { }

/**/



/*news*/
.newsbj{height:770px;background:#f5f5f5;padding-top:35px;}
.news h3{text-align: center;margin-bottom: 38px;}
.news h3 span{display: block; font-size: 36px; line-height: 36px; color:#333333;}
.news h3 em{display: block;font-size: 18px; color:#666666;height:53px; line-height: 53px;}
.news h3 i{display: block;width:50px; height:2px;background:#e50064; margin:0 auto;}
.news .newsdt{width:780px; height:500px; float:left; background:#FFF;padding:49px 30px 0; box-sizing: border-box;}
.news .newsdt .bt{height:51px;}
.news .newsdt .bt span{display: block; height:30px;float:left;}
.news .newsdt .bt span a{display: block;font-size: 22px; line-height:24px; color:#333333; font-weight:bold;padding-left:33px;background:url(../images/dt.png) no-repeat left;}
.news .newsdt .bt em{display: block;width:66px; height:26px;float:right; border:1px solid #e2e2e2; border-radius:14px;}
.news .newsdt .bt em a{display: block;width:66px; height:26px; background:url(../images/dbx3.png) no-repeat center;}
.news .newsdt .bt em:hover{background: #53d7b0;border: 1px solid #53d7b0;}
.news .newsdt .bt em:hover a{background:url(../images/dbx3_h.png) no-repeat center;}
.news .newsdt dl{height:162px;margin-bottom: 13px;overflow: hidden;}
.news .newsdt dl dt{width:288px; height:162px;float:left; overflow:hidden;}
.news .newsdt dl dt img{width:288px; height:162px; transition:.5s;}
.news .newsdt dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news .newsdt dl dd{float:left; width:430px; padding-left:24px;box-sizing: border-box;}
.news .newsdt dl dd span{display: block;margin-bottom: 22px;}
.news .newsdt dl dd span a{font-size: 18px; line-height: 18px; font-weight: bold; color:#333333;}
.news .newsdt dl dd p{width:406px; height:66px;font-size: 16px; color:#888888; margin-bottom: 20px;}
.news .newsdt dl dd i{display: block; font-size: 14px;width:406px; color:#333333; line-height: 14px; text-align: right;}
.news .newsdt ul li{float:left;width:355px;height:90px;background:#F5F5F5 url(../images/jt1.png) no-repeat 90%; margin-bottom: 10px; box-sizing: border-box;padding-top:28px; padding-left:21px;transition: .3s;}
.news .newsdt ul li:nth-child(2n){float:right;}
.news .newsdt ul li span{display: block;}
.news .newsdt ul li span a{display: block;font-size: 16px; color:#333333;  line-height: 16px; margin-bottom: 14px;}
.news .newsdt ul li span i{display: block;font-size: 12px; color:#808080; line-height: 12px;}
.news .newsdt ul li:hover span a{color:#FFF;}
.news .newsdt ul li:hover span i{color:#FFF;}
.news .newsdt ul li:hover{background:#03338c url(../images/jt1_h.png) no-repeat 90%;}
.news .bk{width:390px; height:500px; background:#FFF;float:right;padding:49px 35px 0;box-sizing: border-box;}
.news .bk .bt{height:51px;}
.news .bk .bt a{font-size: 22px; line-height:24px; color:#333333; font-weight:bold;padding-left:33px;background:url(../images/bk.png) no-repeat left;}
.news .bk span{display: block;height:180px; margin-bottom: 8px; overflow:hidden;}
.news .bk span img{width:320px; height:180px;transition:.5s;}
.news .bk span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news .bk ul li{height:38px; line-height: 38px;}
.news .bk ul li a{display: block; padding-left:18px;background:url(../images/hg2.jpg) no-repeat left; font-size: 16px; color:#333333;}
.news .bk ul li a:hover{color:#03338c;}





.about{overflow: hidden;}
.about dl{position: relative;height: 808px;}
.about dl dt{position: relative;left: 50%;margin-left: -960px;}
.about dl dt img{width: 1920px;height: 694px;}
.about dl dd{width: 1200px;height: 180px;background:#fff;position: absolute;top: 562px;z-index: 2;left: 0;box-shadow:0px 3px 7px 0px rgba(0, 0, 0, 0.08);}
.about dl dd:before{content: "";width: 28px;height: 28px;background: #20a5f5;position: absolute;left: -26px;bottom: -26px;z-index: -1;}
.about dl dd h5{width: 155px;height: 140px;background: #172e7a;float: left;overflow: hidden;padding: 40px 0 0 45px;line-height: 46px;}
.about dl dd h5 a{font-size: 30px;color: #fff;font-weight: normal;}
.about dl dd h5 b{display: block;font-size: 42px;}
.ab_r{width: 890px;float: left;padding: 25px 0 0 35px;}
.ab_r h6{font-size: 24px;color: #333;font-weight: normal;height: 36px;line-height: 36px;overflow: hidden;}
.ab_desc{font-size: 14px;color: #898989;line-height: 24px;height: 72px;overflow: hidden;padding: 5px 0 0;}
.ab_r span{display: block;float: right;}
.ab_r span a{font-size: 18px;color: #3d4146; background:url(../images/ab_ico.png) no-repeat right 4px;display: block;width: 110px;height: 24px;line-height: 24px;overflow: hidden;}



/*风采展示*/
.show{height:360px;position: relative;padding: 66px 0 0;overflow: hidden;font-family:"Microsoft Yahei";l}
.show_t{height:67px;line-height:46px;z-index:1;font-size: 18px;position: relative;}
.show_t li{height:46px;color: #333;width: 192px;float: left;text-align: center;background: #e6e6e6;margin: 0 2px 0 0;}
.show_t li span{display: inline-block;padding: 0 0 0 34px;color: #000;}
.show_t li.cur{background:#172e7a;font-weight: bold;}
.show_t li.cur span{color: #fff;background-position: 0 -39px!important;}

.show_c1{position: relative;}
.show_cl{overflow: hidden;}
.show_c1 li{width: 285px;float: left;margin:0 20px 0 0;position: relative;}
.show_c1 li p,.show_c1 li p img{width: 285px;height:214px;display: block;overflow: hidden;}
.show_c2 li{width: 161px;float: left;margin:0 46px 0 0;position: relative;}
.show_c2 li p,.show_c2 li p img{width: 161px;height:214px;display: block;overflow: hidden;}
.show_c li span{display: none;line-height: 42px;width:100%;position: absolute;left: 0;bottom: 0;background: rgba(5 , 80 , 171 , 0.8);text-align: center; color: #fff;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.show_c li span a{color: #fff;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.show_c li:hover span{display: block;}

.prev4,.next4{width:40px;height:33px;cursor: pointer;z-index: 11;top:-55px;right:0;}
.prev4{right:40px;}































.link_bj{width:1200px; margin: -110px auto 0;min-height:35px;overflow: hidden;}
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link p{  width: 900px;  font-size: 16px;overflow: hidden; line-height:35px; color:#919191;}
.link p b{font-size: 16px; color: #fff;font-weight: bold;}
.link p a{ color:#919191; padding:0 15px; background: url(../images/linkico.png) no-repeat center right;}
.link p a:last-child{background: none;}
