@charset "utf-8";


/*--banner--*/
.top{ width:100%; height:85px; margin:0 auto; position:absolute; z-index:999; box-sizing:border-box; transition:all 0.5s; background:#fff;}
.logo{ width:219px; height:62px; float:left; background:url(../images/logo.png) no-repeat; margin-left:5%; transition:all 0.5s; margin-top:13px;}
.nav{ width:900px; height:85px; float:right; margin-right:5%;}
.nav li{ width:120px; height:85px; line-height:85px; float:left; text-align:center; background:url(../images/xx.gif) no-repeat right; }
.nav li:hover a{ color:#fff;}
.nav li i a{ font-style:normal; font-size:17px; color:#333; transition:all 0.5s;}
.nav li i{ width:100%; height:0px; background:#0073bc; transition:all 0.5s; display:block;}
.nav li:hover{ background:none;}
.nav li:hover i{ height:85px;}
.top.active{ height:85px; padding:0; background:#fff; -moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.top.active .logo{ width:200px; height:57px; background:url(../images/logo2.png) no-repeat; margin-top:13px;}
.top.active .nav li{line-height:85px;}
.top.active .nav li a{ font-size:17px; transition:all 0.5s;}
.top.active .nav li a:hover{}
.top{ width:100%; height:85px; margin:0 auto; position:absolute; z-index:999; box-sizing:border-box; transition:all 0.5s; background:#fff;}
.logo{ width:219px; height:62px; float:left; background:url(../images/logo.png) no-repeat; margin-left:5%; transition:all 0.5s; margin-top:13px;}
.nav{ width:900px; height:85px; float:right; margin-right:5%;}
.nav li{ width:120px; height:85px; line-height:85px; float:left; text-align:center; background:url(../images/xx.gif) no-repeat right; }
.nav li:hover a{ color:#fff;}
.nav li i a{ font-style:normal; font-size:17px; color:#333; transition:all 0.5s;}
.nav li i{ width:100%; height:0px; background:#0073bc; transition:all 0.5s; display:block;}
.nav li:hover{ background:none;}
.nav li:hover i{ height:85px;}
.top.active{ height:85px; padding:0; background:#fff; -moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.top.active .logo{ width:200px; height:57px; background:url(../images/logo2.png) no-repeat; margin-top:13px;}
.top.active .nav li{line-height:85px;}
.top.active .nav li a{ font-size:17px; transition:all 0.5s;}
.top.active .nav li a:hover{}
.banner{ width:100%; height:380px; background:url(../images/jie_banner.jpg) no-repeat center; position:relative; top:85px;}
.banner_bt{width:0px; height:0px; margin:0 auto; position:absolute; top:50%; left:0; margin-top:-25px; margin-left:-187px; opacity:0; transition:all 0.5s;}
.banner_bt.active{ width:375px; height:87px; position:absolute; top:50%; left:50%; opacity:1;}
.banner_bt h3{ font-size:25px; color:#fff; text-align:center;}
.banner_bt p{ width:375px; height:25px; background:url(../images/top_bg.gif) no-repeat 5px; font-size:18px; color:#fff; text-align:center;}
.nav_x{ width:100%; height:70px; border-bottom:1px solid #e4e4e4; margin-top:85px;}
.nav_x_con{ width:1200px; height:70px; margin:0 auto; position:relative;}
.nav_x .bt{ width:98px; height:93px; background:#1f68ee; position:absolute; left:0; bottom:0; padding-top:20px; box-sizing:border-box;}
.nav_x .bt p{ width:72px; height:19px; background:url(../images/bt_xian.gif) repeat-x; margin:0 auto;}
.nav_x .bt p i{ font-style:normal; font-weight:bold; font-size:18px; text-align:center; width:27px; height:19px; margin:0 auto; color:#c0e1a6; line-height:19px; background:#1f68ee; display:block;}
.nav_x .bt h3{ font-size:16px; text-align:center; color:#fff; line-height:46px;}
.nav_x .lei{ width:700px; height:70px; float:right;}
.nav_x .lei a{ width:140px; height:70px; text-align:center; color:#666; display:block; line-height:70px; float:left; margin-left:35px;}
.nav_x .lei a:hover{ border-bottom:2px solid #1f68ee;}
.nav_x .lei span{ float:right; line-height:70px; display:block; margin-left:20px;}
.cont{ width:100%; height:auto; overflow:hidden; padding:35px 0px 50px;}
.cont ul li{ width:100%; height:251px; position:relative;}
.cont ul li .c{ width:1200px; height:175px; padding:38px 0px; border-bottom:1px dashed #e2e2e2; margin:0 auto;}
.cont ul li .c img{ width:280px; height:166px; float:left; margin-top:5px;}
.cont ul li .c .txt{ width:876px; height:175px; float:right;}
.cont ul li .c .txt h3{ font-size:16px; color:#333; width:607px; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.cont ul li .c .txt i{ font-style:normal; width:100px; height:35px; line-height:35px; margin-top:7px; margin-bottom:9px; display:block; border-bottom:1px solid #d0d0d0; color:#999;}
.cont ul li .c p{ color:#666; line-height:26px; height:50px; overflow:hidden;}
.cont ul li .c span{ width:118px; height:34px; border:1px solid #dfdfdf; display:block; text-align:center; line-height:34px; color:#666; margin-top:16px;}
.cont ul li:hover .c span{ background:#1f68ee; color:#fff;}
.cont ul li .bj{ width:0px; height:251px; background:#eaeaea; transition:all 0.5s; position:absolute; left:0; top:0; z-index:-1;}
.cont ul li:hover .bj{ width:100%;}
.cont ul{ padding-bottom:35px;}
.fenye{ width:490px; height:36px; margin:0 auto;}
.fenye a{ padding:8px 15px; background:#e7e7e7; font-size:15px; float:left; margin:0 3px;}
.fenye a:hover{ color:#fff; background:#1f68ee;}
/*--子页--*/
.cont3{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:70px 0px 80px;}
.cont3 .left{ width:1200px; height:auto;}
.cont3 .left .bt{ width:1200px; height:100px;}
.cont3 .left .bt h3{ font-size:22px; height:32px; line-height:32px; font-weight:normal; color:#333; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.cont3 .left .bt dl{ width:100%; height:36px; line-height:36px; background:#f2f2f2; margin-top:20px; text-align:center;}
.cont3 .left .bt dl span{ color:#999; font-size:13px; margin:0 30px;}
.cont3 .left .txt{ width:1200px; line-height:40px; color:#666; padding-bottom:50px; border-bottom:1px solid #e1e1e1; font-size:16px;}
.cont3 .left .txt img{ max-width:100%; height:auto; margin:10px auto;}
.cont3 .right{ width:260px; height:auto; float:right; border:1px solid #e1e1e1;}
.cont3 .right h3{ font-size:15px; color:#444; border-bottom:1px solid #e1e1e1; height:49px; line-height:49px; padding-left:25px;}
.cont3 .right a{ color:#666; font-size:13px; background:url(../images/dian.gif) no-repeat 13px 28px; padding:15px 25px; display:block; line-height:28px; }
.cont3 .right a:hover{ background:#1f68ee; color:#fff;}
.pian{ width:855px; margin-top:30px;}
.pian a{ width:800px; height:30px; line-height:30px; font-size:13px; color:#666;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;}
.pian a:hover{ color:#1f68ee}

.thison{ border-bottom:2px solid #1f68ee;}