@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style-type:none;}
body{ margin:0; padding:0; border:none; position:relative; width:100%; font-family:"微软雅黑";}
a{color:#333;text-decoration:none;-webkit-transition:all 0.5s;}
a:hover,a:active,a:focus{text-decoration:none;}
.top{ width:100%; height:60px; margin:0; padding:0; border-bottom:1px solid #EEE; box-shadow:#666  0 0 2px;}
nav{ width:1200px; height:100%; margin:0 auto; padding:0;}
.logo{height:40px; margin:10px; padding:0; float:left;}
.nav{ width:auto; height:100%; float:left; margin:0; padding:0; margin-left:20px;}
.nav ul{ width:100%; height:100%; float:left; padding:0; margin:0;}
.nav li{ list-style:none; width:80px; height:60px; float:left; position:relative; margin:0; padding:0;}
.nav li a{ width:100%; height:100%; font-size:14px; line-height:60px; text-align:center; float:left; font-family:"微软雅黑";}
.index{ background:#EEE;}
.index a{color:#459bdc;}
.text-bj{text-indent:-20px;}
.index:after{width:100%!important; left:0 !important;}
.nav li:after{content:"";width:0%;height:3px;position:absolute;bottom:-2px;left:40px;background:#459bdc;border-radius:2px;z-index:999;-webkit-transition:all 0.5s;}
.text-bj:after{content:"";width:10px;height:1px; position:absolute;top:30px; left:57px;background:#333;z-index:999;-webkit-transform:rotate(45deg);-webkit-transition:all 0.5s;}
.text-bj:before{content:"";width:10px;height:1px; position:absolute;top:30px; left:50px;background:#333;z-index:999;-webkit-transform:rotate(-45deg);-webkit-transition:all 0.5s;}
.nav li:hover{ background:#EEE;}
.nav li:hover:after{width:100%;left:0;}
.nav li:hover :after{left:50px;}
.nav li:hover :before{left:57px;}
.nav li:hover .nav-120{ height:120px !important;}
.nav li:hover .nav-80{ height:80px !important;}
.nav li:hover .nav-160{ height:160px !important;}
.nav dl{ width:100%; height:0px; margin:0; padding:0;float:left; box-shadow: 0 0 2px #ccc; overflow:hidden; position:absolute;top:60px; -webkit-transition:all 0.5s; z-index:999; background:#fff;}
.nav dd{ width:100%; height:40px; margin:0; padding:0;position:relative;}
.nav dd a{ font-size:14px; text-align:center; line-height:40px;z-index:999; position:relative;}
.nav dd i{width:0px; height:40px; background:#459bdc; position:absolute; top:0; left:0;-webkit-transition:all 0.5s; margin:0; padding:0; z-index:99px;}
.nav dd:hover i{width:100%;}
.nav dd:hover a{ color:#fff;}

section{ float:right; position:relative; width:500px; height:100%;}
.head{ width:auto; height:100%; float:right; margin-top:10px;}
section ul{ float:right; padding:0; margin:0; position:absolute; top:60px;right:0; width:120px; box-shadow:0 0 2px #999;
 height:0px;overflow:hidden; -webkit-transition:all 0.5s; z-index:999; background:#fff;}
.head:hover ul{ height:200px;}
section li{ list-style:none; height:40px; width:100%;background-repeat:no-repeat;background-position:15px center;text-indent:47px;-webkit-transition:all 0.5s;}
.head li:hover{ background:#f1f1f1;}
.head li:hover a{color:#459bdc;}
.head li a{line-height:40px; font-size:12px; font-family:"微软雅黑";}
.head li:nth-child(1){background-image:url(../images/top-head-11.png);}
.head li:nth-child(2){background-image:url(../images/top-head-12.png);}
.head li:nth-child(3){background-image:url(../images/top-head-13.png);}
.head li:nth-child(4){background-image:url(../images/top-head-14.png);}
.head li:nth-child(5){background-image:url(../images/top-head-15.png);}
.head li:nth-child(1):hover{background:url(../images/top-head-01.png) no-repeat;background-position:15px center;}
.head li:nth-child(2):hover{background:url(../images/top-head-02.png) no-repeat;background-position:15px center;}
.head li:nth-child(3):hover{background:url(../images/top-head-03.png) no-repeat;background-position:15px center;}
.head li:nth-child(4):hover{background:url(../images/top-head-04.png) no-repeat;background-position:15px center;}
.head li:nth-child(5):hover{background:url(../images/top-head-05.png) no-repeat;background-position:15px center;}
.search{ width:60px; border-left:1px solid #ccc;border-right:1px solid #ccc; float:right; height:60px; background:url(../images/search-not.png) no-repeat center center; cursor:pointer; margin-right:20px;}
.search:hover{ background:url(../images/search.png) no-repeat center center;}

.search_input{ float:right; margin:0; padding:0; width:auto; height:100%; margin:0 10px;}
.search_input input{ height:60px; outline:none; border:none; width:200px; padding:0 10px; cursor:pointer;}

.IT{ float: right; margin:0; padding:0; width:100px; position:relative; height:60px; border-left: solid 1px #ccc;
border-right: solid 1px #ccc; text-indent:12px;}
.IT a{ text-align:center; line-height:60px; font-size:13px; font-family:"微软雅黑"; color:#999;}
.text-zp:after{content:"";width:10px;height:1px; position:absolute;top:29px; left:77px;background:#333;z-index:999;-webkit-transform:rotate(45deg);-webkit-transition:all 0.5s;}
.text-zp:before{content:"";width:10px;height:1px; position:absolute;top:29px; left:70px;background:#333;z-index:999;-webkit-transform:rotate(-45deg);-webkit-transition:all 0.5s;}
.IT:hover :after{left:70px;}
.IT:hover :before{left:77px;}
.IT dl{ width:100%; height:0px; margin:0; padding:0; position:absolute; box-shadow: 0 0 2px #999; overflow:hidden; background:#fff; z-index:99;}
.IT dd{ width:100%; height:40px; margin:0; padding:0; text-indent:12px;}
.IT dl a{ line-height:40px; }
.IT dd:hover{ background:#EEE;}
.IT dd:hover a{color:#459bdc;}
.IT:hover dl{height:240px;}

#main{ width:1180px; height:356px; margin:20 auto; padding:0; position:relative; overflow:hidden;}
#list{ position:absolute; width:9440px; height:356px; z-index:1;}
#list img{ float:left;}
#buttons { position: absolute; height: 10px; width: 120px; z-index: 2; bottom: 20px; left:50%; margin-left:-50px;}
#buttons span { cursor: pointer; float: left; border: 1px solid #fff; width: 10px; height: 10px; border-radius: 50%; background: #333; margin-right: 5px;}
#buttons .on {  background: orangered;}
.arrow { cursor: pointer; display: none; line-height: 39px; text-align: center; font-size: 36px; font-weight: bold; width: 40px; height: 40px;  position: absolute; z-index: 2; top: 180px; background-color: RGBA(0,0,0,.3); color: #fff;}
.arrow:hover { background-color: RGBA(0,0,0,.7);}
#main:hover .arrow { display: block;}
#prev { left: 20px;}
#next { right: 20px;}

.main_nav{ width:1200px; height:40px; margin:0 auto; padding:0; margin-bottom:30px;}
.main_nav ul{ width:100%; height:100%; margin:0; padding:0; float:left;}
.main_nav li{ list-style:none; float:left; width:80px; height:100%; margin:0; padding:0; margin-right:20px; text-align:center;
border:1px solid #ccc; -webkit-box-shadow: 0 0 2px #ccc; -webkit-border-radius:5px;
}
.main_nav li a{ line-height:40px; font-size:12px; font-family:"微软雅黑";display:block;}
.main_nav_index{ background:#459bdc; color:#fff;}
.main_nav li:hover a{background:#459bdc; color:#fff;}
.banner{ width:1200px; margin:0 auto 20px; padding:0; height:auto; overflow:hidden; position:relative; border-top:1px solid #ccc;}
.banner ul{ width:100%; height:100%; margin:0; padding:0;}
.banner li{ list-style:none; width:285px; float:left; height:324px; -webkit-box-shadow:0 0 2px #ccc; margin:20px 20px 0 0; position:relative;}
.main_text{ width:285px; height:0px; overflow:hidden; position:absolute; top:0; left:0; background:#000; opacity:0.8;color:#fff; font:14px "微软雅黑"; text-align:center; -webkit-transition:all 0.5s;}
.banner li:hover .main_text{ height:214px;}
.banner li:after{ width:0px; height:2px; background:#459bdc; content:""; -webkit-transition:all 0.5s; position:absolute; bottom:0px; right:50%;}
.banner li:before{ width:0px; height:2px; background:#459bdc; content:""; -webkit-transition:all 0.5s; position:absolute; bottom:0px; left:50%;}
.banner li:hover:before{ width:50%;}
.banner li:hover:after{ width:50%;}
.main_text a{ display:block; line-height:214px; color:#fff;}
.banner li img{ width:285px; height:214px; margin:0; padding:0;}
.main_head{ width:65px; height:65px; position:absolute;left:50%;top:0px;margin:181px 0 0 -33px ;}
.main_head img{ width:65px !important; height:65px !important; -webkit-border-radius:100px;}
.tips{ width:100%; height:40px;}
.tips span{ margin:8px; width:44px; height:24px; line-height:24px; font:14px "微软雅黑"; background:#ccc; color:#555; float:left;
 text-align:center; -webkit-border-radius:5px;}
.tips a{ float:right; width:auto; height:24px; margin:8px; font:14px "微软雅黑"; color:#666;}
.name{ width:auto; height:30px; line-height:30px; text-align:center; font:16px "微软雅黑"; font-weight:600; color:#333;}
.main_bottom{ width:100%; height:40px; margin:0; padding:0; float:left;}
.main_bottom span{padding-left:28px; color:#333; font:12px "微软雅黑"; line-height:40px;}
.main_bottom span:nth-child(1){ background: url(../images/withs.png) no-repeat left center;}
.main_bottom span:nth-child(2){ background: url(../images/replys.png) no-repeat left center;}
.main_bottom span:nth-child(3){ background: url(../images/praises.png) no-repeat left center;}
.main_bottom a{ float:right; font:12px "微软雅黑"; color:#666; line-height:40px;}

.banner_bottom{ width:450; height:40px; margin:0px auto; padding:0;}
.banner_bottom ul{ width:100%; height:100%; float:left;margin:0; padding:0;}
.banner_bottom li{ width:40px; height:40px; float:left; margin: 0 10px 0 0; position:relative; background:#cce; text-align:center; -webkit-transition:all 0.5s;}
.banner_bottom li a{ color:#666; line-height:40px; display:block;}
.banner_bottom li:hover{ background:#459bdc;}
.banner_bottom li:hover a{ color:#fff;}
.bottom_bj:after{ width:15px; height:3px; content:""; background:#999; position:absolute; top:15px; left:10px; -webkit-transform:rotate(-45deg);-webkit-transition:all 0.5s;}
.bottom_bj:before{ width:15px; height:3px; content:""; background:#999; position:absolute; top:25px; left:10px; -webkit-transform:rotate(45deg);-webkit-transition:all 0.5s;}
.bottom_bw:after{ width:15px; height:3px; content:""; background:#999; position:absolute; top:15px; left:12px; -webkit-transform:rotate(-135deg);-webkit-transition:all 0.5s;}
.bottom_bw:before{ width:15px; height:3px; content:""; background:#999; position:absolute; top:25px; left:12px; -webkit-transform:rotate(-45deg);-webkit-transition:all 0.5s;}
.banner_bottom li:hover :after{ background:#fff;}
.banner_bottom li:hover :before{ background:#fff;}


.bottom_text{ width:1200px; height:1px; background:#ccc; margin:40px auto 20px; position:relative;}
.bottom_text span{ font:24px "微软雅黑"; font-weight:bolder; color:#459bdc; width:145px; background:#fff; line-height:40px; position:absolute; top:-20px; left:20px; text-align:center;}
.bottom_text i{ list-style:none; font:24px "微软雅黑"; font-weight:bolder; color:#aaa;width:145px; background:#fff; line-height:40px; position:absolute; top:-20px; left:160px; text-align:center;}

.bottom_head{ width:1200px; margin:20px auto; padding:0; height:230px; overflow:hidden;}
.bottom_head ul{ width:100%; height:auto; margin:0; padding:0; float:left;}
.bottom_head li{ width:135px; height:180px; list-style:none; margin:30px 8px 0; position:relative; float:left;}
.head_bottom img{position:absolute; top:0; left:50%; margin-left:-43px; -webkit-border-radius:100px; z-index:99; -webkit-box-shadow:0 0 2px #999;}
.head_bottom:after{content:'';position:absolute;width:105px;height:105px;background:#fff;left:15px;top:2px;border-radius:50%;box-shadow:0 0 3px #666;}
.head_bottom:before{content:'';position:absolute;width:120px;height:79px;background:#fff;left:10px;top:0px; z-index:90;}
.head_text{width:135px; height:75px; margin:0; padding:0; -webkit-box-shadow: 0 0 2px #666; position:absolute; top:80px; left:0; padding-top:35px; text-align:center; z-index:-1;}
.head_text a{ line-height:35px; display:block;}
.head_text span{ width:100%; height:50px; line-height:25px; font:12px "微软雅黑"; color:#999;}

.link{ width:1100px; margin:30px auto; height:50px;}
.link li{ list-style:none; float:left; margin-right:20px; overflow:hidden; position:relative;}
.link li a:after{  content:""; width:100%; height:0; -webkit-transition:all 0.5s; position:absolute; left:0; top:25px; background:center center;}
.link li:hover a:after{ height:50px; top:0;}
.link li:nth-child(1) a:after{background-image:url(../images/line-1.png);}
.link li:nth-child(2) a:after{background-image:url(../images/line-2.png);}
.link li:nth-child(3) a:after{background-image:url(../images/line-3.png);}
.link li:nth-child(4) a:after{background-image:url(../images/line-4.png);}
.link li:nth-child(5) a:after{background-image:url(../images/line-5.png);}
.link li:nth-child(6) a:after{background-image:url(../images/line-6.png);}

.link_text{ width:1200px; margin: 0 auto; text-align:center;}
.link_text a{ list-style:none;line-height:20px; margin-right:20px;}
.link_text a:hover{ color:#459bdc;}


footer{ width:100%; height:180px; background:#eaeaea; -webkit-box-shadow: 0 0 2px #ccc; margin-top:20px;}
.footer{ width:1200px; height:100%; margin:0 auto;}
.footer_logo{ width:auto; float:left; height:70px; margin-top:55px; margin-right:30px;}
.footer_logo img{ width:auto; height:100%;}
.footer_box{ width:auto; float:left; height:100px; margin-top:55px; margin-left:250px;}
.footer_label{width:100%;flaot:left;height:30px;line-height:30px;font-size:14px;}
.footer_label a{ color:#666; float:left; margin-right:30px;}
.footer_cpye{ width:100%; float:left;height:30px;line-height:30px;font-size:12px;}
.footer_cpye a{ color:#aaa; float:left;}
.footer_img{ width:auto; float:left; height:30px;}
.footer_img li{ list-style:none; background:#666; width:30px; height:30px; -webkit-border-radius:50px; margin-right:10px; float:left; -webkit-transition:all 0.5s; position:relative;}
.footer_img span{ width:90px; height:0px; overflow:hidden; position:absolute; bottom:30px; left:-30; -webkit-transition:all 0.5s;}
.footer_img li:hover span{ height:90px;}
.footer_img li a img{ width:20px; height:20px; float:left; margin:5px;}
.footer_img li:hover{ background:#06F;}
.footer_img_1{ float:left;}
.footer_img_1 img{ float:left; width:81px; height:30px;}