@charset "utf-8";

body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*??????????*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.banner{height: 660px;position: relative;}
.bdu{width: 100% !important;height: 660px;}
.bdu li{width: 100% !important;height: 660px;position:relative;}
.bdu li a{display: block;height: 660px;}
.bdu li img{height:660px;margin-left: -960px;position:absolute;left:50%;}
.hdu{position: absolute;width: 100%;height: 10px;left: 0;bottom: 45px;text-align: center;}
.hdu li{display: inline-block;width: 50px;height: 10px;background: #fff;margin:0 5px;border-radius: 20px;}
.hdu li.on{background: #003686;}
/**/
.tils{background:url(../images/til.jpg) no-repeat center 0; height: 399px; overflow: hidden;}
.tils h3{ float: left; padding: 80px 0 0 21px; width: 325px;}
.tils h3 img{ width: 325px;}
.tils p{ float: right; width: 742px; padding-top:99px; margin-right: 56px;}
.tils p span{ display: block; font-size: 14px; color: #666; line-height: 25px; padding: 15px 0 5px 0;}
.tils p i{ display: block; height: 44px; line-height: 44px; padding-left: 213px;background:url(../images/ti_h.jpg) no-repeat; font-size: 22px; color: #333;}
.tils p em{ display: block; text-align: right;}
    /**/
.p_lis{background:url(../images/pis.jpg) no-repeat center 0; height:432px; overflow: hidden;}
h2{text-align: center; line-height: 100%; margin-bottom: 50px;}
h2 i{ display: block; line-height: 100%; color: #1a1a1a; font-size: 42px; font-weight: bold;}
h2 span{ display: block; font-weight: normal; font-size: 18px; color: #666; padding: 18px 0 36px 0;background:url(../images/hh.png) no-repeat center bottom;}
.p_lis h3{ float: left; width: 220px; text-align: center; padding-top: 88px;}
.p_lis h3 i{ display: block; line-height: 100%; color: #fff; font-size: 26px;}
.p_lis h3 span{ display: block;padding-top: 8px;color: #a4b3db; text-transform: uppercase; font-weight: normal; font-family: Arial; font-size: 14px;}
.p_lis p{ float: left; width:848px; margin:18px 0 0 52px; }
.p_lis p a{ display: inline-block; float: left; height: 62px; line-height: 62px; font-size: 16px; color: #333; width: 167px;}
.p_lis p a:hover{font-weight: bold; color: #0040a1}
.p_lis em{ display: inline-block; float: right; width: 80px; text-align: center; font-weight: bold;}
.p_lis em a{ display: block; padding-top: 90px; height: 130px; border-top-right-radius: 5px;border-bottom-right-radius: 5px;font-weight: bold; color: #fff; background: #d0d0d0; font-size:37px; line-height: 100%;}
.p_lis em a:hover{ background: #074fba;}
    /**/
.outBox{text-align:left;background:url(../images/p_show.jpg) no-repeat center 0; height:659px; overflow: hidden;}
.outBox .hd{ height:63px;position:relative; margin-left: 483px;}
.outBox .hd ul{ float:left; position:absolute; left:0; top:0;}
.outBox .hd ul li{ float:left; cursor:pointer;font-size: 20px; color: #333; font-weight: bold; line-height: 100%; padding-bottom:9px; margin-right: 67px;}
.outBox .hd ul li.on{ color: #e60012; border-bottom: 4px solid #e60012;}

.inBox{position: relative; height: 508px;}
.inBox .inHd{ position: absolute; right: 0; top: 0;z-index: 55; height: 508px;}
.inBox .inHd ul{ overflow:hidden; zoom:1; width:280px;}
.inBox .inHd ul li{ height:158px; width:280px; text-align:center; float:left; cursor:pointer; margin-bottom: 18px; position: relative; border-radius: 4px; overflow: hidden;}
.inBox .inHd ul li img{height:158px; width:280px; border-radius: 4px; display: inline-block;}
.inBox .inHd ul li i{ display: block; position: absolute; bottom: 18px; left: 19px; font-size: 16px; text-shadow: 0 1px 1px #222; color: #fff;}
.inBox .inHd ul li span{ display: inline-block; left: 0; top: 0;background:url(../images/h_sp.png) no-repeat;height:158px; width:280px; position: absolute;}
.inBox .inHd ul li.on span{ display: none;}
.inBox .inBd ul{zoom:1; overflow:hidden;   }
.inBox .inBd li{ height:506px;overflow:hidden; zoom:1; width: 900px; margin-top: 2px; position: relative;}
.inBox .inBd li em{ display: block; position: absolute; top: 395px; left: 37px; width: 832px; overflow: hidden;}
.inBox .inBd li em strong{ display: inline-block;background:url(../images/m_m.png) no-repeat; width: 58px; height: 58px; float: right; padding-top: 20px;}
.inBox .inBd li em i{ display: block; font-size: 24px; color: #fff;text-shadow: 0 1px 1px #222; width: 725px; float: left;}
.inBox .inBd li em i span{ display: block; font-size: 16px; line-height: 26px; width: 460px; padding-top: 8px;}
    /**/
.yiny{background:url(../images/yiny.jpg) no-repeat center 0; height:951px; overflow: hidden; padding-top: 80px;}
.yiny h2 span{background:url(../images/hh2.png) no-repeat center bottom;}.yiny h2{ margin-bottom: 39px;}
.yy_on{ overflow: hidden; height: 339px; margin-bottom: 30px; border-radius: 5px;}
.yy_on dl dt{ float: left; width: 452px; height: 339px;}
.yy_on dl dt img{width: 452px; height: 339px;}
.yy_on dl dd{ float: left; padding:52px 0 0 79px; width: 628px;}
.yy_on dl dd h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height: 46px; line-height: 46px;background:url(../images/h_m.jpg) no-repeat right 0; margin-bottom:13px;}
.yy_on dl dd h3 a{ display: block; font-weight: normal; color: #1a1a1a; font-size: 26px;}
.yy_on dl dd p{ font-size: 14px; color: #666; line-height: 26px;}
.yy_on dl dd p em{ display: block; margin-top: 3px;}
.yy_on dl dd p em strong{ color:#1a1a1a;}
.yy_li{ overflow: hidden;}
.yy_li li{ float: left; position: relative; width: 290px; height: 163px; border-radius: 3px; overflow: hidden; margin:0 13px 20px 0; overflow: hidden;}
.yy_li li:nth-child(4n){ margin-right: 0;}
.yy_li li i{ display: block; position: absolute; left: 0; width: 100%; text-align: center; bottom: 10px; font-size: 16px; color: #fff;}
.yy_li li span{ display: inline-block; position: absolute; left: 0; top: 0;width: 290px; height: 163px;background:url(../images/h_sp2.png) repeat;}
.yy_li li.cur span{ display: none;}
    /**/
.ys1{background:url(../images/ys1.jpg) no-repeat center 0; height:1031px; overflow: hidden; padding-top: 80px;}
.yon1{ position: relative; padding-top: 1px; height: 506px;}
.yon1 em{ display: inline-block;position: absolute; top: 0; left: 601px;}
.yon1 h3{ margin-top: 40px; padding: 67px  0 14px 30px;background:url(../images/y1.png) no-repeat; line-height: 100%; color: #0040a1; font-size: 32px; position: relative; z-index: 5;}
.yon1 p{ color: #4c4c4c; font-size: 16px; line-height: 30px;}
.yon1 p span{ display: block; margin-top: 16px; padding-left: 30px; width: 490px;background:url(../images/y_li.png) no-repeat 0 7px;}
.yon2 em{left: -360px; top: -111px;}
.yon2{ padding-left: 647px;}
.yon2 h3{background:url(../images/y2.png) no-repeat; padding: 50px 0 0 105px; height: 54px;}
.yon2 p{ margin-left: 105px;}
.yon2 p span{width: inherit;}
.yon3_l{ width: 490px; padding-top: 96px;}
.yon3_l h3{background:url(../images/y3.png) no-repeat;}
.ys2 p span{width: 455px;}
.yon3_r{ padding-top: 40px; position: relative;}
.yon3_r ul li img{ width: 650px;}
.yu3{ position: absolute; left: 20px; top: 219px; z-index: 9; cursor: pointer;}
.yd3{ position: absolute; right: 20px; top: 219px; z-index: 9; cursor: pointer;}
    /**/
.ys2{background:url(../images/ys2.jpg) no-repeat center 0; height:990px; overflow: hidden;}
.yon3{ height: 490px;}
.yon4 em{ left: 0;}
.yon4{ padding-left: 700px;}
.yon4 h3{ margin-top: 15px;background:url(../images/y4.png) no-repeat; padding: 68px 0 0 37px; height: 50px;}
.yon4 p{ margin-left: 8px; margin-bottom: 30px;}
.ys2 .yon4 p span{width:350px;}
.yon4 h4{ margin-left: 33px; color: #4c4c4c; font-size: 14px;}
.yon4 h4 span{ display: block; color: #1a1a1a; font-size: 28px; font-family: Arial; line-height: 100%; padding: 9px 0 18px 0;}
.yon4 h4 a{ display: block; width: 120px; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; background: #e60012; color: #fff; font-size: 16px;}
.yon4 b{ display:inline-block; position: absolute; right: -360px; top:-61px;}
    /**/
.bhh{ background:url(../images/news.jpg) no-repeat center 0; overflow: hidden; height:775px; padding-top: 80px;}
.bhh h2 span{background:url(../images/hh2.png) no-repeat center bottom;}
.bhh h2{ margin-bottom: 80px;}
.news{ width:680px; margin-left: 39px;}
.news .hots{ height: 163px;}
.hots dt span{ display: inline-block;background:url(../images/n_ioc.jpg) no-repeat; padding-top: 5px; height: 36px; line-height: 35px; padding-right: 4px; width:90px; text-align: center; color: #0040a1; font-size: 24px; margin-right: 15px;}
.hots dt a{ font-size: 22px; color: #333;}
.hots dt:hover a{color: #0040a1;}
.hots dd p{ font-size: 14px; color: #666; line-height: 26px; padding-top: 13px;}
.hots dd p a{ color: #0040a1;}
.n_fl{ overflow: hidden; height: 140px; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; margin-bottom: 17px;}
.n_fl dl{ float: left; padding: 20px 0 0 30px; width: 309px; height: 120px;}
.n_fl dl:first-child{ border-right: 1px solid #d4d4d4;}
.n_fl dl dt{ float: left; width: 52px; height: 100px; border-radius: 3px; overflow: hidden; background: #999; color: #fff; font-family: Arial; font-size: 16px; font-weight: bold; line-height: 100%; text-align: center;}
.n_fl dl dt span{ display: block; font-weight: normal; padding: 30px 0 10px 0; line-height: 100%;}
.n_fl dl dd{ float: left; padding: 14px 10px 0 15px; width: 231px;}
.n_fl dl dd h4 a{ display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 100%; font-size: 18px; color: #333;}
.n_fl dl dd p{ font-size: 14px; color: #666; line-height: 26px; padding-top: 13px;}
.n_fl dl:hover dt{ background: #0040a1;}
.n_fl dl:hover dd h4 a{ color: #0040a1;}
.news ul li{ height: 35px; line-height: 35px; padding-left: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; position: relative;}
.news ul li a{ font-size: 16px; color: #1a1a1a;}
.news ul li:hover a{ color: #0040a1;}
.news ul li:before{ content:""; position:absolute;height:6px;width:6px;left:0;top:15px; background:#999; border-radius:6px;}
.news ul li:hover:before{background:#0040a1; }
.news ul li span{ display: inline-block; float: right; font-size: 14px; color: #999;}

.faqs{ width:350px;overflow: hidden; margin-right:32px;}
.faqs h3{height: 43px; line-height: 100%;}
.faqs h3 a{ color: #0040a1; font-size: 24px; font-weight: normal; line-height: 100%;}
.faqs h3 span{ display: inline-block; padding-left: 12px; color: #999;font-weight: normal;}
.faqs dl{ height: 292px; border-bottom: 1px dashed #ccc; margin-bottom: 17px;}
.faqs dl dt img{ width: 350px;}
.faqs dl dd h4{ height: 48px; line-height: 48px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-top: 6px;}
.faqs dl dd h4 a{ font-size: 16px; color: #333;}
.faqs dl dd h4 a:hover{ color: #0040a1;}
.faqs dl dd p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 14px; color: #666; padding-top:1px;}
.faqs ul li{ height: 35px; line-height: 35px; padding-left: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; position: relative;}
.faqs ul li a{ font-size: 16px; color: #1a1a1a;}
.faqs ul li:hover a{ color: #0040a1;}
.faqs ul li:before{ content:""; position:absolute;height:6px;width:6px;left:0;top:15px; background:#999; border-radius:6px;}
.faqs ul li:hover:before{background:#0040a1; }
    /**/
.abo{background:url(../images/zj.jpg) no-repeat center 0; overflow: hidden; height:550px;}
.abo h3{ padding: 108px 0 0 60px;font-weight: normal; color: #fff; font-size: 22px;}
.abo h3 span{ display: block; padding-bottom: 26px;}
.abo p{ padding-left: 60px; padding-top: 62px; width: 857px; font-size: 14px; color: #fff; line-height: 30px;}
.abo p em{ display: block; padding-top:20px;}
/**/
/**/

.link{height:61px; line-height: 61px; background: #0b337d; overflow: hidden;}
.link .content{ border-top: 1px solid #2b4d8b; overflow: hidden;}
.link h3{ float:left;color: #b9bfd1; font-size: 16px; font-size: 14px;}
.link p{ float: right; width: 1072px;}
.link a{font-size: 14px;color: #b9bfd1; display: inline-block; float: left; padding: 0 20px;}
.link a:hover{ color: #fff;}