@charset "utf-8";
.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{}
.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:300px; height:70px; float:right;}
.nav_x .lei a{ width:76px; height:70px; text-align:center; color:#666; display:block; line-height:70px; float:right; margin-left:20px;}
.nav_x .lei a:hover{ border-bottom:2px solid #1f68ee;}
.nav_x .lei span{ float:right; line-height:70px; display:block; margin-left:20px;}

.banner{ width:100%; height:380px; background:url(../images/cp_banner.jpg) no-repeat center; position:relative; top:85px;}
.con1{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:35px;}
.con1 h3{ font-size:25px; color:#333; font-weight:normal; margin-bottom:15px;}
.con1 .nr{ width:464px; height:455px; background:url(../images/cc1.jpg) no-repeat center; overflow:hidden; float:left;}
.con1 .nr p{ font-size:30px; font-weight:bold; color:#fff; margin-top:189px; text-align:center;}
.con1 ul{width:736px; float:right;}
.con1 ul li{ width:338px; height:215px; float:left; margin-left:30px; margin-bottom:23px;}
.con1 ul li div { width:338px; height:215px; overflow:hidden;}
.con1 ul li img{ width:338px; height:215px; transition:all 0.5s;}
.con1 ul li:hover img{ transform:scale(1.1);}
.con1 ul li p{ width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    margin-top: -35px;
	background:rgba(0,0,0,0.3);
	position:relative;}
	

.con2{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:35px;}
.con2 h3{ font-size:25px; color:#333; font-weight:normal; margin-bottom:15px;}
.con2 .nr{ width:464px; height:455px; background:url(../images/cc2.jpg) no-repeat center; overflow:hidden; float:left;}
.con2 .nr p{ font-size:30px; font-weight:bold; color:#fff; margin-top:189px; text-align:center;}
.con2 ul{width:736px; float:right;}
.con2 ul li{ width:338px; height:215px; float:left; margin-left:30px; margin-bottom:23px;}
.con2 ul li div { width:338px; height:215px; overflow:hidden;}
.con2 ul li img{ width:338px; height:215px; transition:all 0.5s;}
.con2 ul li:hover img{ transform:scale(1.1);}
.con2 ul li p{ width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    margin-top: -35px;
	background:rgba(0,0,0,0.3);
	position:relative;}

.con3{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:35px;}
.con3 h3{ font-size:25px; color:#333; font-weight:normal; margin-bottom:15px;}
.con3 .nr{ width:464px; height:455px; background:url(../images/cc3.jpg) no-repeat center; overflow:hidden; float:left;}
.con3 .nr p{ font-size:30px; font-weight:bold; color:#fff; margin-top:189px; text-align:center;}
.con3 ul{width:736px; float:right;}
.con3 ul li{ width:338px; height:215px; float:left; margin-left:30px; margin-bottom:23px;}
.con3 ul li div { width:338px; height:215px; overflow:hidden;}
.con3 ul li img{ width:338px; height:215px; transition:all 0.5s;}
.con3 ul li:hover img{ transform:scale(1.1);}
.con3 ul li p{ width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 17px;
    color: #fff;
    text-align: center;
    margin-top: -35px;
	background:rgba(0,0,0,0.3);
	position:relative;}



.xuanzhong{ border-bottom:2px solid #1f68ee;}


















































