/* CSS Document */
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,input,p{margin:0; padding:0;}
html,body{overflow-x:hidden; width:100%; font-family:Arial, Helvetica, sans-serif;}
li{list-style:none;}
a{text-decoration:none; outline:none; color:inherit;}
a:focus{outline:none;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

/* 头部 */
.topbj{height:108px; background:#2bb1e7;}
.topbj .lang{position:absolute; top:0; left:50%; margin-left:620px; color:#FFF; margin-top:26px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.topbj .lang li{height:26px; line-height:26px; padding-left:20px;}
.topbj .lang li:nth-child(1){background:url(images/china.png) left center no-repeat; background-size:auto 60%;}
.topbj .lang li:nth-child(2){background:url(images/english.png) left center no-repeat; background-size:auto 60%;}
.top{width:1200px; height:108px; margin:0 auto;}
.top .fl{margin-top:18px;}
.top dl{float:right; width:116px; height:108px; position:relative;}
.top dt{width:100%; height:100%; background:#38c1f8 url(images/pjh_02.png) center center no-repeat; margin-right:16px; cursor:pointer;}
.top dd{position:absolute; top:110px; right:0; display:none; z-index:9;}
.top dd form{white-space:nowrap; font-size:14px;}
.top dd form input[type="text"]{width:180px; height:30px; border:1px solid #ccc; color:#333; text-indent:6px;}
.top dd form input[type="submit"]{width:50px; height:30px; background:#2bb1e7; border:none; color:#FFF;}
.top ul{float:right; line-height:108px; color:#FFF; font-size:14px;}
.top li{float:left;}
.top li a{display:block; padding:0 40px;}
@keyframes myfirst{0% {transform:translate(-200px,0); opacity:0;} 100% {transform:translate(0,0); opacity:1;}}
@keyframes mysecond{0% {transform:translate(200px,0); opacity:0;} 100% {transform:translate(0,0); opacity:1;}}
@keyframes mythird{0% {transform:translate(0,-200px); opacity:0;} 100% {transform:translate(0,0); opacity:1;}}
.myfirst{animation:myfirst 2s;}
.mysecond{animation:mysecond 2s;}
.mythird{animation:mythird 2s;}

/* 首页 */
.box1bj{display:flex; padding-bottom:80px;align-items: center;}
.box1bj .fl,.box1bj .fr{flex:1;}
.box1bj .fl{margin-left:3%;}
.box1bj .fl video{width:100%; height:auto;}
.box1bj .fr{margin:0 3%;}
.box1bj .fr dl{height:100%; display:flex;flex-direction: column; justify-content: center;}
.box1bj .fr dl dd{font-size:16px; line-height:26px; color:#333; margin-bottom:10px;}
.box1bj .fr dl dd .more{display:block; width:176px; height:36px; line-height:36px; text-align:center; background:#2bb1e7; color:#fff; margin-top:10px;}

.box2bj{background:url(images/index_02.jpg) center top no-repeat; width:100%; overflow:hidden;}
.box2{width:1200px; margin:0 auto;}
.box2 .index_tit{color:#FFF;}
.index_tit{background:url(images/pjh_03.png) center bottom no-repeat; color:#333; text-align:center; padding:100px 0 22px; margin-bottom:80px;}
.index_tit dt{font-size:48px; text-transform:uppercase; font-family:"宋体"; font-weight:bold;}
.index_tit dd{font-size:30px;}
.box2bj .swiper2 .swiper-slide{position:relative;}
.box2bj .swiper2 .swiper-slide p{position:absolute; left:0; bottom:0; margin:auto; width:210px; height:40px; text-align:center; line-height:40px; background:#2bb1e7; color:#FFF; font-family:"宋体"; font-size:22px;}


.box3{width:1200px; margin:0 auto;}
.box3 img{display:block; transition:0.6s;}
.box3 img:hover{transform:scale(1.2);}
.box3 dt{width:790px; height:384px; float:left; position:relative; overflow:hidden; margin-bottom:26px; margin-right:26px;}
.box3 dt img{width:100%; height:100%; display:block;}
.box3 dt ul{position:absolute; bottom:0; left:0;}
.box3 dt li{width:228px; height:70px; line-height:70px; float:left; text-align:center; font-size:16px; background:#38c1f8; color:#FFF; margin-right:1px;}
.box3 dt li:hover{background:#2bb1e7;}
.box3 dd{float:left; width:384px; height:384px; overflow:hidden; margin-right:24px; margin-bottom:26px; position:relative; color:#333;}
.box3 dd img{width:100%; height:100%;}
.box3 dd h3{position:absolute; bottom:0; left:0; width:100%; text-align:center; font-size:20px; z-index:2;}
.box3 dd a{display:block; width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; text-align:center; z-index:1; background:rgba(255,255,255,0.6); transition:0.6s;}
.box3 dd h3 br{display:none;}
.box3 dd a p{margin-top:200px;}
.box3 dd:nth-child(2){margin-right:0;}
.box3 dd:nth-child(5){margin-right:0;}
.box3>p{font-size:18px; color:#333333; text-align:center; margin:20px 0 10px;}
.box3>a{display:block; margin:0 auto; width:174px; height:38px; line-height:38px; text-align:center; font-size:14px; background:#2bb1e7; color:#fff;}

.box4bj{width:100%; overflow:hidden;}
.box4{height:570px; width:1200px; margin:0 auto; position:relative;}
.box4 ul{position:absolute; top:0; left:-360px;}
.box4 li{width:626px; float:left; margin-right:24px;}
.box4 li img{width:100%; height:474px;}
.box4 li p{height:30px; line-height:30px; color:#333; padding:0 10px;}
.box4 li p .fl{font-size:20px;}
.box4 li p .fr{font-size:14px;}
.box4bj .more{text-align:center; font-size:14px; color:#333333;}
.box4bj .more a{display:inline-block; width:176px; height:36px; line-height:36px;}
.box4bj .more a:nth-child(1){background:#2bb1e7; color:#fff;}

.box5{width:1200px; margin:0 auto;}
.box5 li{width:358px; color:#333; float:left; margin-right:60px; border:1px solid #cccccc; padding-bottom:30px;}
.box5 li:nth-child(3n){margin-right:0;}
.box5 li img{width:100%; height:180px; display:block;}
.box5 li h4{font-size:24px; margin:40px 22px 30px; font-weight:normal; transition:0.5s;}
.box5 li:hover h4{color:#2bb1e7;}
.box5 li:hover>.more{color:#2bb1e7;}
.box5 li p{font-size:14px; line-height:24px; margin:0 22px 10px; height:170px;}
.box5 li .more{padding-left:22px; font-size:14px;}
.box5>.more{display:block; width:176px; height:36px; line-height:36px; font-size:14px; color:#333333; text-align:center; margin:60px auto 40px; background:#2bb1e7; color:#fff; transition:0.5s;}

.box6bj{height:600px; background:url(images/index_02.jpg) center top no-repeat;}
.box6{width:1200px; margin:0 auto; text-align:center; color:#FFF; padding-top:150px;}
.box6 h4{font-size:48px; font-weight:normal;}
.box6 p{font-size:18px; line-height:34px; margin:80px 0 50px;}
.box6 span{font-size:14px; line-height:30px; display:block;}

.box7{width:1200px; margin:0 auto;}
.box7 form{width:940px; height:480px; box-sizing:border-box; border:1px solid #dddddd; padding:50px 0 50px 52px; margin:0 auto;}
.box7 form li{width:394px; float:left; margin-right:44px; margin-bottom:30px;}
.box7 form p{font-size:14px; color:#666; font-family:"宋体"; margin-bottom:10px;}
.box7 form li input[type="text"]{width:100%; height:40px; border:1px solid #dddddd; text-indent:10px; font-size:14px; color:#666;}
.box7 form div textarea{width:832px; border:1px solid #dddddd; text-indent:10px; font-size:14px; color:#666; resize:none; padding:6px 0;}
.box7 form li span{font-size:14px; color:#666666; padding-left:10px;}
.box7 form input[type="submit"]{width:94px; height:38px; font-size:14px; color:#333; border:2px solid #333; margin:0 auto; display:block; background:none;}

.box8bj{height:130px; background:#2bb1e7; margin:90px 0;}
.box8bj ul{width:1200px; margin:0 auto; background:url(images/index_06.jpg) left top repeat-y; display:flex; justify-content: space-between;}
.box8bj ul li{flex:1; height:130px; color:#FFF; background:url(images/index_06.jpg) right top repeat-y; font-size:16px; display:flex; align-items: center; padding:0 20px;}
.box8bj ul li img{margin-right:10px;}


.box9{width:1200px; margin:0 auto 80px;}
.box9 .fl{width:690px; height:550px; border:10px solid #dddddd; margin-left:50px;}
.box9 dl{margin-left:760px; padding-top:50px;}
.box9 dl dt{font-size:24px; color:#333; padding-left:50px; margin-bottom:30px;}
.box9 dl dd{padding:10px 30px 10px 82px; font-size:15px; color:#333333; border-bottom:1px dashed #dddddd;}

.bottombj{background:#2bb1e7; padding:40px 0;}
.bottom{width:1200px; margin:0 auto; text-align:center; color:#FFF; line-height:30px;}