﻿@charset "gb2312";
/* CSS Document */
/**html{_background-image:url(about:blank);_background-attachment:fixed}
div:after,ul:after { content:"\20"; display:block; height:0; clear:both; visibility:hidden;}*/
div,ul { zoom:1;*zoom:1 }
li { list-style-type:none;}
.doc{text-align: left;font: 14px/1.5 Microsoft Yahei,tahoma,HELVETICA;margin:0 auto;/* background: #08a6ed; */background-size: contain;width: 100%;/* overflow: hidden; */}
.doc .inner, .nav_inner{width:1100px;clear: both;margin:0 auto;/* background:#e0edff; *//* overflow: hidden; */}
.title{ display: block; margin: 0 auto;}
.more{width: 67px;display: block;height: 28px;text-align: center;font-size: 12px;color: #0e0e0e;background: #84d3f6;clear: both;margin: 0px auto;line-height: 28px;font-weight:  bold;}
.more:hover{ box-shadow: 0px 6px 17px #4b4a4b; -webkit-box-shadow: 0px 6px 17px #4b4a4b; color: #393838;}

.area9 a:hover img, .area13 a:hover img, .area8 a:hover img{transform: scale(1.05, 1.05); transition: .3s transform;}
.area1{height:768px;background: #08a6ed url(../images/banner.jpg) no-repeat top center;min-width: 1240px;}
.area1 .inner{ background:none;}
.area1 .english{width:122px;height:49px;display:block;margin-left: 972px;padding-top: 557px;}
.area2 .inner{ height:30px; }
.area3 {height: 52px;background: #08a6ed;min-width:1240px;}
.area3 .nav_inner>ul{ height: 80px;}
.area3 .nav_inner>ul>li a{float: left;display: block; width: 121px;height: 52px;color: #000; line-height: 52px;text-align:center;background: #84d3f6;border-left: solid 1px #08a6ed;font-weight: bold;font-size: 18px;}
.area3 .nav_inner>ul>li:hover a{ color:#1d1e1e; box-shadow: 0px 6px 27px #4b4a4b; -webkit-box-shadow: 0px 6px 27px #4b4a4b;}
.area3 .nav_inner>ul>li:hover{ }

.area4 .dj{ border-left: dashed 1px #b3bfe0; padding-left: 32px; height:145px; border-bottom: dashed 1px #b3bfe0; border-right: dashed 1px #b3bfe0;}
.area4 .dj li{ width: 166px;  text-align: center; height: 79px; float:left; margin-right:18px; margin-top:15px; display:block;}
.area4 .dj li img{ width: 166px; height: 79px;}

.area4{ min-width:1240px}
.area4 .dj li p{ text-align:center; font-size:15.3px  ; color:#010964;}
.area5{padding: 80px 0;min-width: 1240px;background: #08a6ed; }
.area5 .slideBox{width: 609px;height: 381px;/* overflow:hidden; */position:relative;float:left;}
.area5 .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:15px; bottom:20px; z-index:1; }
.area5 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.area5 .slideBox .hd ul li{float:left;margin-right:5px;width: 12px;height: 12px;background: #fff;cursor:pointer;border-radius:50%;}
.area5 .slideBox .hd ul li.on{background: #08a6ed;}
.area5 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.area5 .slideBox .bd li{ zoom:1; vertical-align:middle; }
.area5 .slideBox .bd img{width: 609px;height: 381px;display:block;}
.area5 .slideBox .bd strong{position:absolute;left:10px;top: 440px;z-index:2;font-size:16px;font-weight:500px;display:block;color:#000;text-align:center;}
.area5 .slideBox .bd li a:hover strong{ color:#666;}
.area5 .left{float: right;width: 452px;height: 381px;}
.area5 .new_right img{width:395px; height:250px; display: none;  }
.area5 .new_right{width: 452px;float:right;margin-bottom: 14px; padding-top: 10px;}
.area5 .new_right li{font-size: 18px;position: relative;transition-duration: 1s;/* padding-left: 45px; */color: #fff;line-height: 42px;overflow:hidden;border-bottom: 1px #a5d6f6 solid;}
.area5 .new_right li a{color: #fff;}
.area5 .new_right li a:hover{ color:#f1f0ed; }
.area5 .new_right li.active img{ display: block; }
.area5 .title1{ background: url(../images/title1.jpg) no-repeat center top; width: 452px; height: 109px; position: relative;}
.area6 .title1{margin: 0 auto;width: 1100px;position: relative;padding-top: 80px;}
.area6 { min-width: 1240px; background: #08a6ed;}
.area6 .more{position: absolute;top: 78px;left: 925px;}
.area7{background: url(../images/bg.jpg) no-repeat center top;height: 293px;min-width: 1240px;padding-top: 207px;}
.area7{ height: 293px; position: relative;}
.area7 .picList{ overflow:hidden; zoom:1; margin-right:-90px; }
.area7 .picList li{margin-right:80px;position: relative; border-bottom: 1px solid #82b2c6;overflow:hidden;}
.area7 .picList li p{margin:0 auto;line-height:42px;height: 42px;font-size: 18px;color: #0e0e0e;overflow: hidden;}
.area7 .picList li .p1{float:left;width: 400px;}
.area7 .picList li .p2{float:right;width: 110px;font-weight: bold; text-align: center;}
.area7 .more{ background: #d4f0fc;  position: absolute; top: 160px; left: 960px;}
.area4 { min-width: 1240px; background: #08a6ed;}
.area8 { min-width: 1240px; background: #08a6ed;}
.area9 { min-width: 1240px; background: #08a6ed;}
.area13 { min-width: 1240px; background: #08a6ed;}
.area4 .title1{margin: 0 auto 40px;width: 1100px;position: relative;padding-top: 40px;}
.area4 .more{position: absolute;top: 78px;left: 925px;}
.picScroll-left{ overflow:hidden; position:relative; padding-left: 113px;    }

		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin-right:15px; float:left; _display:inline; overflow:hidden; text-align:center;  }

		.picScroll-left .bd ul li img{ width:134px; height:99px; display:block;  }
.picScroll-left .prev{cursor:pointer; width:38px; left: 0px; top:8px; background: url(../images/1.png) no-repeat center top;  height:83px; position:absolute; float:left; z-index:5}
.picScroll-left .next{cursor:pointer; width:38px; right: 0; top:8px; background: url(../images/2.png) no-repeat center top;  height:83px; position:absolute; float:left; z-index:5}



.area8{ min-width:1240px; }
.area8 .title1{margin: 0 auto 40px;width: 1100px;position: relative;padding-top: 80px;}
.area8 .more{position: absolute;top: 83px;left: 925px;}

		.multipleColumn{overflow:hidden;position:relative;padding-left: 106px;}	
		.multipleColumn .bd{ overflow:hidden;  }
		.multipleColumn .bd ul{ overflow:hidden; zoom:1;   float:left; _display:inline;  }
		.multipleColumn .bd ul li{ margin-right: 20px;border: solid 1px #7dd0f5; width: 280px; height: 175px; margin-bottom: 40px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.multipleColumn .bd ul li img{ width: 280px; height: 175px;}
 .multipleColumn .prev{cursor:pointer;width: 38px;left: 0px;top: 156px;background: url(../images/1.png) no-repeat center top;height: 83px;position:absolute;float:left;z-index:5;}
.multipleColumn .next{cursor:pointer;width: 38px;right: 0;top:156px;background: url(../images/2.png) no-repeat center top;height: 83px;position:absolute;float:left;z-index:5;}
.multipleColumn p{ font-size: 16px; text-align: center; color: #333; line-height: 30px; height: 35px; overflow: hidden;}
.area9{ min-width:1240px; }
.area9 .title1{margin: 0 auto 40px;width: 1100px;position: relative;padding-top: 40px;}
.area9 .more{position: absolute;top: 78px;left: 925px;}
.picScroll-left1{ overflow:hidden; position:relative; padding-left: 52px;    }
		.picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left1 .bd ul li{ margin-right:15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.area9 .picScroll-left1 img{ width:490px; height:383px; display:block;  }
.picScroll-left1 .prev{cursor:pointer; width:38px; left: 0px; top:150px; background: url(../images/1.png) no-repeat center top;  height:83px; position:absolute; float:left; z-index:5}
.picScroll-left1 .next{cursor:pointer; width:38px; right: 0; top:150px; background: url(../images/2.png) no-repeat center top;  height:83px; position:absolute; float:left; z-index:5}
.area13 .title1{margin: 0 auto 40px;width: 1100px;position: relative;padding-top: 80px;}
.area13 .more{position: absolute;top: 78px;left: 925px;}
#marquee3{width:1100px;height: 233px;overflow:hidden;margin:0 auto 80px;padding-top: 25px;border-top: solid 1px #84d3f6;border-bottom: solid 1px #84d3f6;}
#marquee3 ul{height: 215px;overflow: hidden;}
#marquee3 ul li{float:left;height: 215px;width:265px;margin:0px 10px 0 10px;overflow: hidden;}
#marquee3 ul li img { height:177px; width:265px; display:block; }
#marquee3 p{color:#0e0e0e;font-size: 18px;text-align: center;line-height: 48px;}
.area10{background:url(../images/bottom.jpg) no-repeat center top;height: 518px;min-width: 1240px;}
.area10 .china{width: 130px;height: 40px;display: block;padding: 364px 0 0 332px;float: left;}
.area10 .english{width: 167px;height: 25px;display: block;padding: 353px 0 0 400px;float: left;}
.duilian{top:750px;position:absolute;overflow:hidden;}
.duilian_left{ left:5px;width:150px; height:462px;background: #120b44 url(../images/logo.jpg) no-repeat center top;}
.duilian_right{right:5px; margin-top:163px;} 
.duilian_left .duilian_con{width:150px;height:465px;margin-top: 105px;overflow:hidden;}
.duilian_left .duilian_con li{width: 150px;height: 83px;text-align:center;margin:0 auto;margin-bottom:10px;}
.duilian_left .duilian_con li img {width: 150px;height: 83px;}
.duilian_right .duilian_con{width:135px; height:350px; overflow:hidden;}
.duilian_close{ width:100%; height:24px; line-height:24px; text-align:center; display:block; font-size:13px; color:#555555; text-decoration:none;}
.page A{ border-radius: 5px;}
.currentPage{ border-radius: 5px;}
.duilian_right{ right:5px; width: 50px; height: 50px; position: absolute; overflow: hidden; background:  url(../images/ewm.png) no-repeat center top;}
.duilian_right:hover{ width: 150px; height: 150px; transition: 0.5s; }
.area14{ background: #08a6ed; min-width: 1240px;}
.area14 .title{ margin: 0px auto 35px; padding-top: 80px;}
.area14 .picList{ overflow:hidden; zoom:1; margin-right:-90px; }
.area14 .picList li{position: relative;border-bottom: 1px solid #a5d6f6;overflow:hidden;}
.area14 .picList li p{margin:0 auto;line-height: 58px;height: 48px;font-size: 18px;color: #fff;overflow: hidden;}
.area14 .picList li .p1{ float: left; width: 800px;}
.area14 .picList li .p2{ float: left; width: 300px; text-align: center; font-weight: bold;}
.area15{ height:auto;min-width:1240px}
.area15 .title{ color:#01215e; font-size:20px; font-weight:bold; margin:10px auto 10px 0px; text-align:left; border-bottom:1px solid #b3bfe0; }
.area15 .news-box ul{ margin:10px 0; overflow:hidden;}
.area15 ul{margin-top:30px;}
.area15 li { float:left; margin-bottom:30px; display:inline; text-align:center;}
.area15 img{ width:226px; height:151px; border:2px solid #f0f0f0; display:block;}
.area15 li a{ color:#333;}
.area15 li a:hover{ color:#0271c8;}
.area16{ height:650px; min-width:1240px}
.show{ width: 785px; margin: 0 auto;}
.area16 .show{width:800px; overflow:hidden; margin:0 auto; text-align:center; padding-bottom:30px;}
.area16 .show .showname { font-size: 20px; margin-top: 10px; color:#BA2636; }
.area16 .show span{ color:#049; }
.area16 .show span.green{ font:normal 12px/30px ; color:#090; }
.area16 .show .showinfo {padding:10px 0; }
.area16 .show .showinfo img{ width:600px; }
.area16 .show .showdetail { font-size:14px; line-height:24px; text-align:left; padding-top:20px; }
embed{ width: 785px; height: 485px;}
.Wireframe{ border: 0;}
.comore{width: 228px;height: 112px;display: block;margin-left: 255px;padding-top: 120px;}
/*backToTop*/
.backToTop { display:none; width:18px; line-height:1.2; padding:5px 0; background-color:#fff; color:#333; font-size:12px; text-align:center; position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:"auto"; cursor:pointer; opacity:1; filter:Alpha(opacity=100); }
.page {padding: 40px 5px 80px 5px;FONT-SIZE: 12px;COLOR: #fff; BACKGROUND-COLOR:#08a6ed; TEXT-ALIGN:center;margin:8px;}
.page A {border: #84d3f6 1px solid;MARGIN: 0px 2px;COLOR: #fff;PADDING: 5px;TEXT-DECORATION: none;}
.page A:hover { border: #CCCCCC 1px solid; COLOR: #FE8400; BACKGROUND-COLOR: #fff; }
.page A:active { border: #CCCCCC 1px solid; COLOR: #0066a7; }
.currentPage {border: #84d3f6 1px solid;PADDING: 6px;FONT-WEIGHT: bold;PADDING-BOTTOM: 4px;MARGIN: 0px 3px;COLOR: #fff;BACKGROUND-COLOR: #84d3f6;}
.paginationInfo { font-weight:bold; }
/*閿熸枻鎷烽〉2*/
.pageIndex { background-color:#FFFCF5; border-bottom: 1px solid #ffe0c5; line-height: 33px; margin-bottom: 5px; padding-left: 10px; text-align: left; }
.pageIndex span { color: #666666; font-size: 10px; padding-left: 5px; }
.pageIndex a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; }