@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"Microsoft Yahei","黑体";color:#252525;line-height:1; background: #fff;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
ul,li{ list-style:none}
input { background: none; outline: none; border: none; }
img{border:0px; padding:0px;}
a{ color:#252525; text-decoration:none}
.clear{ zoom : 1; }
.clear:after { content: ""; display: block; clear: both; }
.fl{ float:left}
.fr{ float:right}
.hidden{display:none;}
h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

*html{background-image:url(d); background-attachment:fixed;}
body { width: 100%; overflow-x: hidden; }

.wrap { width: 1920px; position: relative; left: 50%; }
.content { width: 1920px; position: relative; left: -50%; }

.header { background: url(../images/header_bg.png) no-repeat; height: 139px; position: absolute; width: 1920px; left: 50%; margin-left: -960px; top: 0; z-index: 100; }
.header_top { width: 1200px; margin: 0 auto; height: 44px; font-size: 0; line-height: 44px; text-align: right; }
.header_top .a1 { display: inline-block; vertical-align: top; font-size: 14px; color: #fff; padding-left: 28px; background: url(../images/header_ico1.png) no-repeat left center; margin-right: 45px; }
.header_top .a2 { display: inline-block; vertical-align: top; font-size: 14px; color: #fff; margin-right: 20px; }
.header_top .a2:hover { color: #ffe840; }
.header_form { display: inline-block; vertical-align: top; width: 187px; height: 25px; position: relative; top: 10px; border-radius: 13px; background: url(../images/form1_bg.png) no-repeat; }
.header_form .txt { display: block; width: 100%; padding: 4px 0 4px 14px; font-size: 14px; color: #03577c; }
.header_form .sub { position: absolute; right: 0; top: 0; width: 26px; height: 100%; background:  url(../images/header_ico2.png) no-repeat left center; cursor: pointer; line-height: 25px; }

.header_bottom { text-align: center; font-size: 0; height: 94px; margin-top: 1px; }
.header_bottom .logo { display: inline-block; vertical-align: top; width: 211px; padding-top: 26px; }
.header_bottom .nav { display: inline-block; vertical-align: top; width: 840px; text-align: left; padding-left: 15px; }
.header_bottom .chanpin { display: inline-block; vertical-align: top; width: 140px; text-align: left; }
.header_bottom .nav .nav_a { display: inline-block; vertical-align: top; width: 120px; position: relative; }
.header_bottom .nav .nav_a h2 { text-align: center; }
.header_bottom .nav .nav_a h2 a { display: block; font-size: 18px; color: #000000; line-height: 94px; }
.header_bottom .nav .nav_a h2 a:hover { color: #0092ce; }
.header_bottom .nav .nav_a ul { position: absolute; left: 0; top: 94px; background: #0092ce; width: 158px; padding: 10px 0; display: none; }
.header_bottom .nav .nav_a ul:before { content: ""; position: absolute; left: 54px; top: -13px; border-bottom: 13px solid #0092ce; border-left: 8px solid transparent; border-right: 8px solid transparent; }
.header_bottom .nav .nav_a ul a { display: block; font-size: 16px; line-height: 45px; color: #040404; padding-left: 26px; position: relative; }
.header_bottom .nav .nav_a ul a:after { content: ">"; position: absolute; right: 18px; color: #fae430; top: 0; display: none; }
.header_bottom .nav .nav_a ul a:hover { color: #fff; }
.header_bottom .nav .nav_a ul a:hover:after { display: block; }
.header_bottom .chanpin a { display: inline-block; font-size: 21px; line-height: 94px; color: #fff; }
.header_bottom .chanpin a:after { content: ">"; display: inline-block; vertical-align: top; color: #fae430; top: 0; margin-left: 18px; }

.banner { position: relative; overflow: hidden; width: 1920px; height: 681px; }
.banner .swiper-slide { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: none; }
.banner .swiper-slide:first-child { display: block; }
.banner .text { height: 174px; position: absolute; left: 0; bottom: 0; width: 100%; }
.banner .text:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bg1.png); }
.banner .text p { width: 1200px; margin: 0 auto; height: 174px; text-align: center; font-size: 35px; color: #fff; position: relative; z-index: 1; padding-top: 52px; }
.banner .text p:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/bg2.png); }
.banner .text p b { font-size: 30px; color: #e6a200; display: block; margin-bottom: 30px; position: relative; z-index: 1; }
.banner .text p i { display: inline-block; margin: 0 26px; position: relative; z-index: 1; }
.banner .banner_btn { width: 140px; height: 174px; position: absolute; bottom: 0; z-index: 2; cursor: pointer; }
.banner .prev { left: 360px; background: url(../images/banner_btn1.png) no-repeat center center; }
.banner .next { right: 360px; background: url(../images/banner_btn.png) no-repeat center center; }
.banner .prev:hover {  background-image: url(../images/banner_btna1.png); }
.banner .next:hover {  background-image: url(../images/banner_btna.png); }
.banner .span { position: absolute; left: 0; bottom: 38px; z-index: 1; width: 100%; text-align: center; }
.banner .span span { width: 32px; height: 5px; background: #c5c5c5; border-radius: 3px; display: inline-block; margin: 0 10px; }
.banner .span span.active { background: #e6a200; height: 9px; border-radius: 5px; }

.main1 { background: #f4f4f5; padding: 70px 0 60px; }
.main1 ul { font-size: 0; text-align: center; }
.main1 ul li { display: inline-block; vertical-align: top; width: 258px; margin: 0 27px; }
.main1 ul li a { display: block; }
.main1 ul li .text { display: block; width: 258px; height: 374px; padding-top: 66px; }

.main1 ul li .bg1{background: url(../images/main1_bg1.jpg) no-repeat}
.main1 ul li .bg2{background: url(../images/main1_bg2.jpg) no-repeat}
.main1 ul li .bg3{background: url(../images/main1_bg3.jpg) no-repeat}
.main1 ul li .bg4{background: url(../images/main1_bg4.jpg) no-repeat}

.main1 ul li:hover .text { background: #0092ce; text-align: center; }
.main1 ul li .text em { display: block; font-size: 30px; color: #fff; margin-top: 26px; }
.main1 ul li .s1 { display: block; margin-top: 10px; font-size: 16px; line-height: 1.3; color: #777777; text-align: left; }

.main2 { padding: 100px 0 70px; }
.title { text-align: center; font-size: 0; }
.title span { display: inline-block; }
.title span .em1 { display: inline-block; vertical-align: top; }
.title span .em2 { display: inline-block; vertical-align: top; text-align: left; padding-left: 10px; position: relative; top: 12px; }
.title span .em2 b { font-size: 35px; color: #373737; }
.title span .em2 small { display: block; font-size: 20px; color: #666261; margin-top: 10px; text-transform: uppercase; }

.main2_content { margin-top: 40px; }
.title1 { width: 1200px; border-bottom: 1px solid #cecece; margin: 0 auto; padding-bottom: 12px; font-size: 15px; color: #666261; } 
.title1 .a1 { padding-left: 28px; background: url(../images/main2_ico1.png) no-repeat left center; }
.main2_content .text { width: 1200px; margin: 28px auto 0; }
.main2_content .text .left { width: 726px; }
.main2_content .text .right { width: 446px; }
.main2_content .text .left dl { font-size: 0; text-align: left; margin-bottom: 40px; }
.main2_content .text .left dl.last { margin-bottom: 0; }
.main2_content .text .left dl:last-child { margin-bottom: 0; }
.main2_content .text .left dt { display: inline-block; vertical-align: top; width: 400px; }

.main2_content .text .left dd { display: inline-block; vertical-align: top; width: 310px; margin-left: 16px; }
.main2_content .text .left dd h2 { font-size: 17px; line-height: 22px; color: #373737; padding-left: 52px; position: relative; border-bottom: 1px dashed #636363; padding-bottom: 10px; background: url(../images/main2_ico2.png) no-repeat left center; padding-top: 10px; cursor: pointer; margin-bottom: 14px;height:60px;}
.date{
position:absolute;
top:28px;
left:6px;
z-index:150;
font-size:12px;
}
.main2_content .text .left dd h2 small { position: absolute; right: 0; bottom: 2px; font-size: 15px; color: #666261;}
.main2_content .text .left dl:hover dd h2 { color: #0092ce; background-image: url(../images/main2_ico3.png); }
.main2_content .text .left dl:hover dd h2 small { color: #0092ce; }
.main2_content .text .left dd p { font-size: 14px; line-height: 19px; color: #7c7c7c; }
.main2_content .text .right li { width: 446px; height: 134px; border: 1px solid #cecece; border-bottom: none; }
.main2_content .text .right li.last { border-bottom: 1px solid #cecece; }
.dd1{ border-bottom: 1px solid #cecece; }
.main2_content .text .right li a { display: table-cell; width: 446px; height: 134px; padding: 0 20px; text-align: left; vertical-align: middle; }
.main2_content .text .right li a b { display: block; font-size: 17px; line-height: 22px; color: #232323; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main2_content .text .right li a span { display: block; font-size: 14px; line-height: 18px; color: #7c7c7c; margin-top: 10px; }
.main2_content .text .right li:hover a b { color: #0092ce; }

.main3 { padding: 90px 0 106px; background: url(../images/main3_bg.jpg) no-repeat; }
.main3 .title span .em2 b { color: #fff; }
.main3 .title span .em2 small { color: #c5c6c8; }

.title2 { margin: 60px auto 0; width: 1200px; }
.title2 ul { font-size: 0; text-align: center; border-bottom: 1px solid #8a8b8e; }
.title2 li { display: inline-block; width: 300px; height: 70px; line-height: 69px; border: 1px solid transparent; font-size: 25px; color: #bdbdbd; border-bottom: none; cursor: pointer; }
.title2 li.active { border-color: #8a8b8e; color: #fff; }
.title2 li i { display: inline-block; vertical-align: top; height: 100%; background-repeat: no-repeat; background-position: left center; margin-right: 15px; }
.title2 li i.i1 { background-image: url(../images/main3_ico1.png); width: 45px; }
.title2 li i.i2 { background-image: url(../images/main3_ico2.png); width: 39px; }
.title2 li i.i3 { background-image: url(../images/main3_ico3.png); width: 40px; }
.title2 li i.i4 { background-image: url(../images/main3_ico4.png); width: 36px; }
.title2 li.active i.i1 { background-image: url(../images/main3_icoa1.png); }
.title2 li.active i.i2 { background-image: url(../images/main3_icoa2.png); }
.title2 li.active i.i3 { background-image: url(../images/main3_icoa3.png); }
.title2 li.active i.i4 { background-image: url(../images/main3_icoa4.png); }

.main3 .text { margin-top: 30px; }
.main3 .text dl { font-size: 0; text-align: center; display: none; }
.main3 .text dl:first-child { display: block; }
.main3 .text dt { display: inline-block; vertical-align: top; width: 669px; height: 453px; position: relative; overflow: hidden; }
.main3 .text dt img { position: relative; left: 0; top: 0; width:100%}
.main3 .text dt img:hover{cursor:pointer;}
.main3 .text dt i { position: absolute; right: 0; top: 0; width: 190px; font-size: 44px; color: #fff; font-weight: bold; padding: 20px 0; line-height: 55px; background: #fdb303; }
.main3 .text dd { display: inline-block; vertical-align: top; width: 512px; background: #000; position: relative; margin-left: 20px; }
.main3 .text dd .ddbg { background: #fff; opacity: .6; filter: alpha(opacity=60); position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.main3 .text dd .inner { position: relative; padding: 22px 20px 10px; height: 450px; text-align: left; }
.main3 .text dd .inner.last { border-bottom: none; }
.main3 .text dd .inner h2 { font-size: 22px; color: #000000; margin-bottom: 10px; }
.main3 .text dd .inner p {font-size: 15px; line-height: 25px; color: #464545; border-bottom:1px dashed #464545 ; margin-top:4px;padding-bottom:4px; text-indent:30px;}
.main3 .text dd .inner br {font-size: 15px; line-height: 25px; color: #464545; border-bottom:1px dashed #464545 ; margin-top:4px;padding-bottom:4px; text-indent:30px;}

.footer { background: #0092ce; padding: 40px 0 10px; font-size: 0; position: relative; text-align: center;margin-top:-1px;}
.footer:before { content: ""; width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 74px; border-bottom: 1px dashed #8dc2e2; }
.footer .item1 { display: inline-block; vertical-align: top; width: 120px; text-align: left; }
.footer .item2 { display: inline-block; vertical-align: top; width: 450px; margin-left: 36px; }
.footer .item1 h2 a { display: block; font-size: 18px; color: #000; margin-bottom: 32px; }
.footer .item1 .a1 { display: block; font-size: 15px; margin-bottom: 10px; color: #3c3c3d; }
.footer .item1 h2 a:hover { color: #fff; }
.footer .item2 .top { text-align: right; margin-bottom: 27px; }
.footer .item2 .top .a1 { display: inline-block; vertical-align: top; font-size: 18px; color: #000; margin-left: 25px; }
.footer .item2 .top .a1:hover { color: #fff; }
.footer .item2 .top .header_form { margin: 0 0 0 45px; top: -4px; background: url(../images/form2_bg.png); }
.footer .item2 .bottom { text-align: right; border-left: 1px solid #43a1c8; }
.footer .item2 .bottom img { display: inline-block; vertical-align: top; }
.footer .item2 .bottom .text { display: inline-block; vertical-align: top; margin-left: 36px; }
.footer .item2 .bottom .text p { font-size: 15px; color: #3c3c3d; margin-bottom: 19px; text-align: left; }
.footer .item2 .header_form .sub { background-image: url(../images/footer_ico2.png); }

.copy { text-align: center; height: 32px; line-height: 32px; background: #42454a; font-size: 14px; color: #b3b4b6; }