@charset "UTF-8";
/* 
	Background-Styles 
*/
/*------------------首页样式-----------------*/
#box1{width:100%; background:url(ab_bg.jpg) top center no-repeat #ececec; background-size:cover; height:580px;}
#box-ab{width:1000px; height:580px; margin:0 auto;}
.box-title{width:1000px; height:70px; padding-top:50px; text-align:center; float:left}
.box-title h1{display:block; height:50px; line-height:50px; font-size:36px; color:#444444;}
.box-title spam{display:block; font-size:14px; height:20px; line-height:20px; font-family:Arial; color:#7e7e7e}
.ab-text{width:1000px; height:40px; padding:24px 0px 40px 0px; text-align:center; color:#999999; float:left}
.ab-text a{color:#999999;}
.ab-text a:hover{color:#555555;}
.ab-show{float:left; width:230px; height:300px; background:#FFFFFF; box-shadow: 0px 0px 6px rgba(0,0,0,0.22); text-align:center;}
.ab-show a{display:block; background:#FFFFFF; width:230px; height:300px;}
.ab-show a:hover{background:#1b64bd;}
.ab-show a h1{font-size:14px; color:#333333; font-weight:normal; display:block; padding-top:18px;}
.ab-show a h2{font-size:12px; margin:0px 22px; font-family:Arial; color:#999999; display:block; font-weight:normal; padding-bottom:13px; border-bottom:1px #ebebeb solid;}
.ab-show a span{display:block; margin:0px 22px; padding-top:13px; color:#666666;}
.ab-show a:hover h1{color:#ffffff;}
.ab-show a:hover h2{color:#6eabf5; border-bottom:1px #246fcb solid;}
.ab-show a:hover span{color:#dff6fe;}

#box2{width:1000px; margin:0 auto; height:440px;}
.slide{ width:1000px;margin:0 auto; overflow:hidden; padding-top:40px; position:relative;}
.slide-ul{position:relative;width:8640px; float:left}
.slide-ul li{display:inline;float:left;width:320px;height:190px; padding-right:20px;overflow:hidden;}
.slide-ul li span{display:block; height:30px; line-height:30px; text-align:center; font-size:14px; padding-top:10px;}
.info-btn{width:54px;height:12px;margin:0 auto;padding:30px 0 0 0;zoom:1;}
.info-btn li{float:left;padding:0 3px;}
.info-btn li span{display:block;width:12px;height:12px; background:#CCCCCC;border-radius: 6px;text-indent:-9999em;overflow:hidden;cursor:pointer;}
.info-btn .info-cur span,.info-btn .info-hover span{background:#08b000;}

#box3{width:100%; margin:0 auto; height:385px; background:url(ser_bg.jpg) top center no-repeat; background-size:cover;}
.ser-title{width:1000px; height:70px; padding-top:50px; text-align:center; margin:0 auto;}
.ser-title h1{display:block; height:50px; line-height:50px; font-size:36px; color:#ffffff;}
.ser-title span{display:block; font-size:14px; height:20px; line-height:20px; font-family:Arial; color:#b5ceea}
.ser-box {overflow: hidden; width:1000px; margin:0 auto; padding-top:40px;}
.ser-box ul {width:1000px; list-style-type:none; float:left}
.ser-box li {width:120px; margin:0px 65px; cursor: pointer; float:left;}
.ser-box li .ico {display: block; width: 120px; height: 120px; transition: background 0.3s ease 0s;}
.ser-box li .ico1 {background: url(ico01.png) top center no-repeat;}
.ser-box li .ico2 {background: url(ico02.png) top center no-repeat;}
.ser-box li .ico3 {background: url(ico03.png) top center no-repeat;}
.ser-box li .ico4 {background: url(ico04.png) top center no-repeat;}
.ser-box li p{ line-height: 36px;text-align: center; margin-top: 15px; color: #efefef; font-size:18px;}
.ser-box li:hover .ico {background-position: center bottom;}
.ser-box li:hover p {color: #fff;}

#box4{width:1000px; height:558px; margin:0 auto;}
.news-show{float:left; width:540px; height:341px; margin-top:40px; position:relative;}
.news-text{ float:left; position:absolute; top:258px; height:42px; z-index:4; width:540px; opacity:0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); background:#000;}
.news-text span{color:#FFFFFF; display:block; height:42px; line-height:42px; font-size:14px; padding-left:20px;}
.news-pic{ height:300px; width:540px; float:left; overflow:hidden;}
.news-pic img{
	height: 300px;
    width: 540px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.news-pic:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}
.more{float:right; width:47px; height:41px;}

.news-list{float:right; width:430px; padding-top:40px;}
.news-list ul{float:left; width:430px; list-style-type:none}
.news-list ul li{float:left; width:430px; height:82px; margin-bottom:27px; background:#ffffff; box-shadow: 0px 0px 5px rgba(0,0,0,0.18);}
.news-list ul a{display:block; width:378px; height:40px; padding:20px 25px; border:1px #e9e9e9 solid;}
.news-list ul a p{color:#666666; font-size:14px;}
.news-list ul a span{display:block; color:#999999; font-size:12ppx;}
.news-list ul a:hover{background:#1b64bd;}
.news-list ul a:hover p{color:#fff;}
.news-list ul a:hover span{color:#5995dd;}
/*------------------内页样式-----------------*/
#banner{width:100%; height:520px; padding-top:90px;}
 .navmenu{width:1000px;margin:0 auto; height:145px; padding-top:370px;}
 .navmenu ul{float:left;padding:0; padding-left:140px;}
 .navmenu ul li{width:100px;height:145px;float:left;margin:0 40px;text-align:center;font-size:15px;color:#ffffff}
 .navmenu ul li a{text-align:center;font-size:15px;color:#ffffff}
 .navmenu ul li a span{width:84px;height:84px;margin:8px;float:left;background:#1a63bc;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-webkit-transition:all 0.3s ease;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-moz-box-shadow:3px 3px 5px #0a55af inset;-webkit-box-shadow:3px 3px 5px #0a55af inset;box-shadow:3px 3px 5px #0a55af inset}
 .navmenu ul li a span img{width:84px;height:84px;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease}
 .navmenu ul li a h5{width:100px;float:left;text-align:center;font-size:15px;color:#ffffff;font-weight:normal}
 .navmenu ul li a:hover span{width:100px;height:100px;margin:0;float:left}
 .navmenu ul li a:hover span img{width:100px;height:100px}

.main-box1{width:1000px; margin:0 auto; height:450px;}
.main-title{width:1000px; height:70px; text-align:center; float:left; padding-top:50px;}
.main-title h1{display:block; height:50px; line-height:50px; font-size:36px;}
.main-title spam{display:block; font-size:14px; height:20px; line-height:20px; font-family:Arial;}
.main-culm{width:1000px; padding-top:30px; float:left; text-align:center;}

.main-box2{width:100%; height:530px; margin:0 auto; background:url(bg01.jpg) top center no-repeat; background-size:cover;}
.main-speek{width:1000px; height:530px; margin:0 auto; /*background:url(leader.png) right bottom no-repeat;*/}
.speek-text{float:left; padding-top:30px; width:640px; text-align:center; color:#ffffff;}

.main-box3{width:1000px; margin:0 auto;}
#timeline{width: 1000px; overflow: hidden; margin: 0 auto; position: relative; background:url(dot.jpg) left 100px repeat-x; padding:40px 0px;}
#dates{width: 4000px; height: 72px; overflow: hidden; list-style-type:none;}
#dates li{list-style: none; float: left; width: 110px; height: 60px; font-size: 24px; text-align: center;}
#dates a{line-height:40px; height:40px; padding-bottom: 32px;background: url('biggerdot.png') center bottom no-repeat;}
#dates .selected{background: url('biggerdot1.png') center bottom no-repeat; color:#0daf02;}
#issues{width: 1000px; padding-top:30px; float:left; list-style-type:none; padding-bottom:20px;}	
#issues li{width: 1000px; list-style: none; float: left; text-align:center }

.main-box4{width:100%; margin:0 auto; background:url(bg02.jpg) top center no-repeat #f1f1f1; padding-bottom:50px;}
.main-honor{width:1000px; margin:0 auto;}
.img-scroll{width:1000px; height:auto; float:left; padding-top:40px;}
.prev {display:block;  width:43px; height:42px; cursor:pointer;  float:left; padding:50px 0px 0px 0px;}
.next {display:block; width:43px; height:42px; cursor:pointer; float:left; padding:50px 0px 0px 0px;}
.img-list { width:864px; height:auto;overflow:hidden; float:left; margin:0px 25px; padding:8px 0px; height:170px}
.img-list ul { width:999999999px;}
.img-list li { float:left; display:inline; width:196px; margin:0 10px; height:auto; text-align:center; box-shadow: 0px 0px 5px rgba(0,0,0,0.18);}
.img-list li img{border:8px #ffffff solid;}
.img-list li span{display:block; height:32px; line-height:32px; background:#ffffff;}


.img-list2 { width:100%; height:auto;overflow:hidden; float:left; margin:0px 25px; padding:8px 0px; height:440px}
.img-list2 ul {}
.img-list2 li { float:left; display:inline; width:230px;  height:auto; text-align:center;margin: 10px;box-shadow: 0px 0px 5px rgba(0,0,0,0.18); }
.img-list2 li img{ width:220px; height:180px;border:5px #ffffff solid;}
.img-list2 li span{display:block; height:32px; line-height:32px; background:#ffffff;}


.main-box5{width:1000px; height:600px; margin:0 auto;}

#inside-banner{width:100%; height:354px; margin-top:90px;}

#container{width:1000px; margin:0 auto; padding-bottom:30px;}
#left{float:left; width:220px; margin-top:-80px; padding:0;}
.list_top{float:left; width:194px; padding-right:26px; background:url(list-top.png) left bottom no-repeat; padding-top:14px; height:66px; color:#FFFFFF; text-align:right;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/list-top.png");_background:none; }
.list_top h1{font-size:20px; font-family:Arial; height:30px; line-height:30px; font-weight:normal;}
.list_top h2{font-size:18px; height:24px; line-height:20px; font-weight:normal;}
#left ul{float:left; width:220px; list-style-type:none; background:#FFFFFF;}
#left ul li{margin:0; padding:0; border-bottom:1px #e9e9e9 solid; border-left:1px #e9e9e9 solid; border-right:1px #e9e9e9 solid; width:218px;}
#left ul a{display:block; height:52px; line-height:52px; padding:0px 26px 0px 40px; width:152px; background:url(list-bg01.jpg) left center no-repeat #FFFFFF; font-size:14px; text-align:right; color:#555;}
#left ul a:hover{background:url(list-bg02.jpg) left center no-repeat #FFFFFF; font-size:14px; text-align:right; color:#1962ba; font-weight:bold}
#p2 #m1{background:url(list-bg02.jpg) left center no-repeat #FFFFFF; font-size:14px; text-align:right; color:#1962ba; font-weight:bold}
#p3 #n1{background:url(list-bg02.jpg) left center no-repeat #FFFFFF; font-size:14px; text-align:right; color:#1962ba; font-weight:bold}
#p4 #k1{background:url(list-bg02.jpg) left center no-repeat #FFFFFF; font-size:14px; text-align:right; color:#1962ba; font-weight:bold}
#p5 #k2{background:url(list-bg02.jpg) left center no-repeat #FFFFFF; font-size:14px; text-align:right; color:#1962ba; font-weight:bold}
#p6 #k3{background:url(list-bg02.jpg) left center no-repeat #FFFFFF; font-size:14px; text-align:right; color:#1962ba; font-weight:bold}
#p7 #k4{background:url(list-bg02.jpg) left center no-repeat #FFFFFF; font-size:14px; text-align:right; color:#1962ba; font-weight:bold}
#p8 #k5{background:url(list-bg02.jpg) left center no-repeat #FFFFFF; font-size:14px; text-align:right; color:#1962ba; font-weight:bold}

.list_down{float:left; width:220px; height:11px; background:url(list-down.png) top no-repeat;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/list-down.png");_background:none;}				

#right{float:right; width:730px;}
.culm-title{ float:left; width:730px; height:40px; line-height:40px; font-size:18px; color:#444444; padding-top:30px;}
.culm-show{width:730px; padding:25px 0px; float:left;}
.pro-list{float:left; width:730px; overflow:hidden; padding:25px 0px;}
.pro-list ul{float:left; width:750px; list-style-type:none;}
.pro-list li{float:left; width:230px; height:220px; padding-right:20px; padding-bottom:20px;}
.pro-list li img{border:5px #f1f1f1 solid; width:220px; height:180px;}
.pro-list li span{display:block; height:30px; line-height:30px; text-align:center; color:#666666;}
.pro-list li:hover img{border:5px #1962ba solid; width:220px; height:180px;}

#inside{width:100%; height:530px; background:url(suppovbg.jpg) bottom center no-repeat; background-size:cover; padding-top:90px;}
#server-box{width:660px; height:400px; padding:120px 340px 0px 0px; margin:0 auto;}
.server-title{float:left; width:660px; height:30px; line-height:30px; font-size:24px; color:#444444; padding-bottom:30px;}
.server-text{float:left; width:600px; height:40px;}

.servicesBox{width:660px;height:150px; float:left; clear:both;line-height:20px;color:#666666;font-size:14px; padding-top:60px;}
.servicesBox .serBox{cursor:pointer; display:inline;width:146px; height:150px;float:left;overflow:hidden;background-color:#ffffff;position:relative; margin-right:15px;}
.servicesBox .serBoxOn{display:none;width:146px;height:150px;background:#1a63bc;position:absolute;left:0px;top:0px;z-index:19;}
.servicesBox .serBox .pic1{width:146px;height:98px;text-align:center;position:absolute;top:0px;right:0px;z-index:99;}
.servicesBox .serBox .pic2{width:146px;height:98px;text-align:center;position:absolute;top:0px;left:-146px;z-index:99;}
.servicesBox .serBox .txt1{width:146px;height:30px;color:#666666;position:absolute;top:98px;left:0px;z-index:99; }
.servicesBox .serBox .txt2{width:146px;height:30px;color:#ffffff;position:absolute;top:98px;right:-146px;z-index:99; }
.servicesBox .serBox span.tit{font-size:14px;display:block;text-align:center;}
.servicesBox .serBox .txt1 .tit{color:#555;line-height:30px;}
.servicesBox .serBox .txt2 .tit{color:#fff;line-height:30px;}

.con-show{width:730px; padding:25px 0px; float:left;}
.con-show h1{display:block; height:40px; line-height:40px; font-size:24px; color:#444444; padding-bottom:20px;}\

.pro_show{}
.img_left{ float:left; width:400px; height:300px;}
.img_left h2{ font-size:16px}
.img_left img { width:400px; height:300px}
.memo_right{ float:right; width:300px;/* height:300px; line-height:30px;*/}
.memo_right h2{ font-size:16px; line-height:40px;}

.detail{ min-height:200px; margin-top:30px;}
.detail h2{ background-color:#1b64bd; color:#fff; width:80px; height:30px; display:block; line-height:30px; padding-left:30px;}
.detail div{ border-top:solid 1px #e0e0e0 ; padding: 20px 0; line-height:30px; }

.news_show2{ height:115px; padding-bottom:20px;} 

.case_list{float:left; width:730px; overflow:hidden;}
.case_list ul{float:left; width:730px; list-style-type:none;}
.case_list li{ padding-bottom:30px; display: inline-block; clear:both; width:730px }
.case_list li em{border:5px #f1f1f1 solid; width:320px; height:150px; float:left}
.case_list li span{ float:right; text-align:left; width: 380px}
.case_list li span h2{ font-size:18px; line-height:40px}
.case_list li span b{ font-weight:normal; font-size:14px}

.case-show{width:730px; overflow:hidden;}
.case-show h1{ font-size:20px; line-height:50px; text-align:center; height:50px;}
.case-show span p { padding-bottom:30px; text-indent:2em;}
.case-show ul { list-style:none; width:765px;}
.case-show ul li { width:220px; height:210px; float:left; padding:0px 35px 20px 0px; text-align:center; }
.case-show ul li img { width:220px ; height:180px}
.memo_case { padding-top:30px;}
.memo_case ul { list-style:none}
.memo_case ul li { width:200px; height:30px; float:left; margin-left:15px; text-align:center; background:url(pro_dian.jpg) left center no-repeat;  line-height:30px; text-align:left; padding-left:15px;}
.video-list{width:730px; float:left; overflow:hidden;}
.video-list ul { list-style:none; width:765px;}
.video-list ul li { width:220px; height:210px; float:left; padding:0px 35px 20px 0px; text-align:center ; display:inline-block; line-height:30px;}
.video-list ul li img { width:220px ; height:180px}

.video-list1 ul { list-style:none; width:765px;}
.video-list1 ul li { width:220px; height:210px; float:left; padding-right:15px; text-align:center ; display:inline-block; line-height:30px;}
.video-list1 ul li p{ float:left; width:180px; text-align:center; line-height:20px; padding-top:5px; height:40px; overflow:hidden;}

/* pages */

.pages{width:765px;height:28px; margin:14px 0; clear:both;}
.pages ul{float:right; margin:0 15px 0 0; display:inline;}
.pages ul li{float:left; display:inline; margin:0 7px 0 0; font:500 14px/28px 宋体;color:#333;width:26px;height:26px;border:1px solid #94b7e4; text-align:center;}
.pages ul li a{color:#333; display:block;width:26px;height:26px;}
.pages ul li.prev{width:64px;height:26px;text-indent:13px;text-align:left;}
.pages ul li.prev a,.pages ul li.next a{display:block;width:64px;height:26px;}
.pages ul li.ok a{display:block;width:55px;height:28px;}
.pages ul li.next{width:64px;height:26px;text-indent:6px;text-align:left;}
.pages ul li.clickli{font-weight:bold;}
.pages ul li.dot{border:0; background:none;color:#333;}
.pages ul li.allpage{width:136px;border:0;background:none;}
.allpage input{width:26px;height:26px;border:1px solid #94b7e4;text-align:center;margin:0 5px;color:#333;font:14px/26px 宋体;}
.pages ul li.ok{width:55px;height:28px;border:0; float:left;}
.pages ul li.ok a{color:#88d7ff;}