@charset "gb2312";

.banner { position:relative; width:100%; height:700px; text-align:center; z-index:1; overflow:hidden; }
.banner .bd { position:relative; left:50%; width:1920px; height:700px; margin-left:-960px; }
.banner .bd img { vertical-align:top;}
/*.banner .hd { position:absolute; bottom:20px; left:0; height:14px; width:100%; z-index:5;}
.banner .hd ul { text-align:center; font-size:0;}
.banner .hd ul li { display:inline-block; margin:0 7px; width:35px; height:4px; background:#7d0f0f; cursor:pointer;}
.banner .hd ul li.on { background:rgba(215,171,64,0.7);}*/
.banner .prev{ position:absolute; left:5%; top:50%; width:54px; height:54px; background:url(prev.png) left center no-repeat; cursor:pointer; display:none; z-index:9999}
.banner .next{ position:absolute; right:5%; top:50%; width:54px; height:54px; background:url(next.png) left center no-repeat; cursor:pointer;display:none;z-index:9999}
.banner:hover .prev{ display:block;}
.banner:hover .next{ display:block;}

.container { position: relative; width: 100%; }
.container a:hover { color:#fed201}

.con1 { width:100%;}
.con1 li { float:left; width:25%;  text-align:center;}
.con1 li a { display:block; width:100%;background:#263451;height:285px; overflow:hidden; padding-top:90px; padding-bottom:125px;}
.con1 li .pic { width:122px; height:128px; margin:0 auto; margin-bottom:30px;}
.con1 li .pic1 { background:url(ico1.png) center no-repeat;}
.con1 li .pic2 { background:url(ico2.png) center no-repeat;}
.con1 li .pic3 { background:url(ico3.png) center no-repeat;}
.con1 li .pic4 { background:url(ico4.png) center no-repeat;}

.con1 li span { font-size:24px; font-weight:bold; color:#fff;}
.con1 li p { font-size:12px; color:#fff; padding:0 5%;}
.con1 li .line { width:69px; height:3px; background:#fed201; margin:25px auto;}
.con1 li i { display:none; width:37px; height:37px; margin:0 auto; margin-top:33px;}
.con1 li:hover a{padding-top:57px; padding-bottom:88px;background:#fed201;height:355px;}
.con1 li:hover a i { display:block;}
.con1 li:hover a .line { background:#263451}
.con1 li:hover a p,.con1 li:hover a span { color:#263451}

.tit {}
.tit .bt { width:300px; height:45px; background:url(line1.jpg) left bottom no-repeat; font-size:24px; color:#263451; float:left;}
.tit a { display:block; width:46px; height:44px; background:url(more.jpg) center no-repeat; float:right;}

.con2 { margin-top:108px;}
.con2 .cpd { margin-top:60px;}
.con2 .cpd ul { width: 1500px;}
.con2 .cpd li { width:344px; float:left; margin-right:150px;}
.con2 .cpd li .pic { position:relative; width:344px; height:300px; overflow:hidden;}
.con2 .cpd li .pic .intro { position:absolute; left:0; top:0; background:rgba(254,210,1,0.7); color:#fff; width:304px; height:300px; padding:20px; display:none; font-size:14px; line-height:36px;}
.con2 .cpd li .pic .intro span{ display:block; width:140px; height:36px; border:1px solid #fff; margin-left:82px; margin-top:10px; text-align:center; line-height:36px;}
.con2 .cpd li .pic:hover .intro { display:block;}
.con2 .cpd li p { text-align:center;  font-size:18px; margin-top:10px;}
.con2 .cpd li p a {color:#263451;}
.con2 .cpd li p a:hover { color:#fed201}
.con2 .cpd li .pic img:hover { transform:scale(1.1); -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1); transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; }

.con3 { width:100%; background:#f6f7fb; margin-top:100px;}
.con3 .pic { float:right; width:50%;}
.con3 .pic img { width:100%;}
.con3 .intro { width:600px; padding-top:100px; margin-right:90px; float:right;}
.con3 .intro h3 { color:#fed201; font-size:30px; font-family:Arial; text-transform:uppercase;}
.con3 .intro h4 { font-size:26px; color:#263451;}
.con3 .intro i { display:block; width:72px; height:3px; background:#fed201; margin-bottom:25px; margin-top:7px;}
.con3 .intro h6 { font-weight:normal; font-size:16px; color:#5c5c5c; margin-bottom:35px;}
.con3 .intro p { font-size:14px; color:#5c5c5c; line-height:28px;}
.con3 .intro .ka { margin-top:50px; width:800px;}
.con3 .intro .ka li { width:174px; height:97px; line-height:97px; float:left; margin-right:25px;}
.con3 .intro .ka li a { display:block; padding-left:80px; width:94px; color:#263451; font-size:16px;}
.con3 .intro .ka li a:hover { color:#fed201}
.con3 .intro .ka .li01 { background:url(icon1.jpg) no-repeat;}
.con3 .intro .ka .li02 { background:url(icon2.jpg) no-repeat;}
.con3 .intro .ka .li03 { background:url(icon3.jpg) no-repeat;}

.con4 { margin-top:100px;}
.con4 .cnews { width:1400px;}
.con4 li { width:440px; float:left; margin-right:25px;}
.con4 li .pic { width:440px; height:262px; overflow:hidden; }
.con4 li .pic img:hover { transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2); transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; }
.con4 li .p1 { line-height:63px; border-bottom:1px solid #e5e5e5; font-size:16px; color:#000;}
.con4 li .p1 a { color:#000;}
.con4 li .p2 { padding:15px 0; font-size:12px; line-height:24px; min-height:72px; border-bottom:1px solid #e5e5e5;}
.con4 li a { line-height:50px; color:#000;}
.con4 li a:hover { color:#fed201}
.con4 li a img { float:right; vertical-align:middle; margin-top:22px;}

.con5 { margin-top:70px; padding-top:35px; width:100%; background:#f6f7fb;}
.con5 li { width:33.33%; height:70px; text-align:center; padding-top:50px; font-size:16px; color:#232323; float:left;}
.con5 li.li01 { background:url(s1.jpg) center top no-repeat;}
.con5 li.li02 { background:url(s2.jpg) center top no-repeat;}
.con5 li.li03 { background:url(s3.jpg) center top no-repeat;}