@charset "utf-8";
/* Global CSS */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding:0; margin:0; }
li { list-style-type:none; }
img { border:0; }
ol, ul { list-style:none; }
a {text-decoration:none}
html,body{position:relative;height: 100%;}
body{background:#eee;font-family:"Microsoft YaHei",Helvetica Neue,Helvetica,Arial,sans-serif;color:#000;margin:0 auto;padding:0;}

.banner{position: relative;height: 100%}
.banner img{display: block;margin:0 auto;}
.banner .pull{position: absolute;bottom: 10px;left: 50%;margin-left:-55px;}

.section{height: 720px;overflow: hidden;}
.section h3{font-size: 34px;text-align:center;font-weight: normal;}
.section01{height: 100%;background: #0d3579 url(../images/banner.jpg) no-repeat center top;}
.main{width: 1200px;margin: 0 auto;}
.section02{background: #e3eff6;}
.infor{font-size: 0;margin-left: -80px;text-align: left;padding: 45px 0 0;}
.infor li{display: inline-block;font-size: 16px;width: 560px;margin-left: 80px;margin-bottom: 40px;}
.infor li div{display: inline-block;vertical-align: top;}
.infor li img{height: 180px;width: 180px;margin-right: 14px;}
.infor_intro{width: 355px;text-align: left;}
.infor_intro h4{font-size: 18px;margin-bottom: 32px;}
.infor_intro p{font-size: 14px;line-height: 24px;color:#676767;}
.infor_intro a{color: #000;}
.infor_intro a:hover{color: #008dd2;}
.section03{background: #ecf8ff;}
.section03 h3{margin: 55px 0 60px;}
.section03 ul{font-size: 0}
.section03 li{position: relative; display: inline-block;width: 32%;height:445px;font-size: 16px; vertical-align:top; text-align:center; }
.section03 li a{display: block;  width: 100%;  height: 445px;  overflow: hidden;}
.section03 li img{display: none; margin:145px auto;}
.section03 .begin img{display: block;}
.moddle{margin:0 2%;background: url(../images/video02.jpg) no-repeat left center;background-size:100% 100%;}
/*.section03 li video{width: 100%;height:445px;cursor: pointer;}*/
.section03 .leftli{background: url(../images/video01.jpg) no-repeat left center;background-size:100% 100%;}
.section03 .rightli{background: url(../images/video03.jpg) no-repeat left center;background-size:100% 100%;}

/*.section03 .begin{position: absolute;}
*/
.section04{background: #003d71;}
.section04 h3{color: #fff;margin-top: 90px;}
.section04>p{font-size: 18px;color: #fff;line-height: 28px;width: 765px;margin: 20px auto 45px;}
.case{margin-left: -60px;font-size: 0;}
.case li{display: inline-block;width: 360px;margin-left: 60px;font-size: 16px;}
.case_img{position: relative;}
.case li img{display: block; height: 320px;width: 360px;}
.case li p{position: absolute;bottom: 0;height: 60px;width:100%;color:#fff;line-height: 60px;text-align: center;background: rgba(0,0,0,0.4);}
.case li>a{color:#909ca7;display: block;padding-left: 35px;margin-top:15px;background: url(../images/jianth.png) no-repeat left center;}
.case li>a:hover{color: #fff;background: url(../images/jiant.png) no-repeat left center; }

/*.section05{height: auto;}
*/.section05 h3{margin: 50px;}
.news{width: 1200px;margin:0 auto 30px;font-size: 0;}
.news li{display: inline-block;width: 50%;font-size: 18px;line-height: 34px;vertical-align: top;margin-bottom: 5px}
.news li>a{display: block;color: #008cd3;background: url(../images/dian.png) no-repeat left 15px;padding:0 50px 0 15px;}
.news li>a:hover{color: #023e6d;background-image: url(../images/dianh.png);}
.pagination{position:fixed;right: 30px;top: 50%;margin-top: -20px;width: 20px;}
.pagination a{display:block;height: 20px;border-radius: 50%; background: #fff;line-height: 20px;text-align: center;margin-top: 10px;}
.pagination a.on{background: #018ad1;}

.foot{font-size: 14px;text-align: center;line-height: 78px;background: #0072c5;color: #fff;}