.top{width:100%; background:#fff}
.logo{float:left; padding-top:15px; padding-bottom:15px;}
.tel{float:right; padding-top:20px; padding-bottom:10px;}
.navlist{background:#333; height:50px;}
.navlist ul li{float:left; list-style:none; width:9.09%; text-align:center}
.navlist ul li a{line-height:50px; color:#fff; text-decoration:none; display:block}
.navlist ul li.hover a{background:#02328d; color:#fff;}
.navlist ul li a:hover{background:#02328d; color:#fff;}

.index .sy_bt{ text-align:center; padding-top:46px;}
.index .sy_bt h2{ font-size:26px; color:#444; margin:0; font-weight:normal; margin-bottom:2px;}
.index .sy_bt span{text-transform:uppercase; color:#848484}
.index .sy_bt p{ color:#848484; padding-top:20px; padding-bottom:20px;}
.index .cp{margin:24px auto 50px auto; width:94%;}
.index .cp ul li{list-style:none;}
.index .cp ul li a{color:#666; text-decoration:none;}
.index .cp ul li a p{ height:60px; line-height:60px; font-size:15px; border-bottom:1px solid #e0e0e0;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.index .cp ul li a:hover p{border-bottom:1px solid #02328d; color:#02328d; text-indent:10px;}
.left.btn_cp{top:100px; left:-20px}
.right.btn_cp{top:100px; right:-20px}
.btn_cp{color:#aaaaaa;}
.anniu{width:170px; margin:30px auto 0 auto; padding-left:20px;}
.anniu .all img{border:1px solid #dfdfdf; padding:10px 18px; line-height:0; margin:0 23px;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.anniu .all:hover img{border:1px solid #d0d0d0;}
.about{background:url(../images/about_bg.jpg) no-repeat center 0; height:430px;}

.index .sy_bt2{ font-size:20px; font-weight:normal; color:#37474f; background:url(../images/line1.png) no-repeat 0 bottom; padding:24px 0 10px 0; margin-bottom:20px;}
.index .sp{float:left; width:446px}
.index .about_show{float:right; width:660px; padding-top:160px; color:#666; line-height:30px;}
.index .about_show p{margin-bottom:15px;}
.index .about_show a{display:block; width:108px; height:32px; line-height:32px; color:#02328d; border:1px solid #02328d; text-align:center; text-transform:uppercase}

.case{padding-top:30px; padding-bottom:40px;}
.case .sy_bt2{margin-bottom:35px;}
.case li{list-style:none; border:1px solid #eeeeee; margin-right:10px;}

.news .toutiao{ width:45%; float:left;}
.news .toutiao img{width:100%;}
.news .toutiao .tt{width:100%; background:#02328d; color:#fff; padding-top:35px; padding-bottom:15px;}
.news .toutiao .tt .tt_left{width:20%; text-align:center; float:left}
.news .toutiao .tt .tt_left b{font-size:30px;}
.news .toutiao .tt .tt_right{padding-right:20px; width:80%; float:right}
.news .toutiao .tt .tt_right h2{ margin:0; color:#fff; border-bottom:1px solid #355ba4; font-size:16px; font-weight:normal; padding-bottom:15px; margin-bottom:15px;}
.news .toutiao .tt .tt_right a{ text-decoration:none;}
.news .newslist{width:52%; float:right;}
.news .newslist .one{padding-top:10px; margin-bottom:10px;}
.news .newslist .one .one_left{width:80%; float:left}
.news .newslist .one .one_left h2{ margin:0; color:#555; border-bottom:1px solid #ddd; font-size:16px; font-weight:normal; padding-bottom:15px; margin-bottom:15px;}
.news .newslist .one .one_left a{ text-decoration:none;}
.news .newslist .one .one_left p{ color:#999; line-height:30px;}
.news .newslist .one .one_right{float:right; width:20%; text-align:right}
.news .newslist .one_right{width:20%; text-align:center; float:right}
.news .newslist .one_right b{font-size:30px;}
.news .newslist ul{padding:0; margin-bottom:35px;}
.news .newslist ul li{list-style:none; padding:0; border-bottom:1px solid #ddd; height:42px; line-height:42px; margin-bottom:8px;}
.news .newslist ul li a{color:#555; font-size:15px;}
 a.more{display:block; width:108px; height:32px; line-height:32px; color:#02328d; border:1px solid #02328d; text-align:center; text-transform:uppercase}
 
.news .newslist ul li span{color:#888;}
.all_xw a{font-size:14px; color:#828282; padding:5px 10px;}
.all_xw a.hover{background:#02328d; color:#fff;}

.foot{background:url(../images/foot_bg.png) repeat-x;  margin-top:70px; padding-bottom:10px;}
.foot .fd{float:left; width:14%; padding-bottom:40px;}
.foot .fd h2{ margin:0; margin-bottom:15px;}
.foot .fd h2 a{ color:#fff; font-size:16px; font-weight:normal; line-height:40px;}
.foot .fd p a{color:#666666}
.foot .fd p{margin-bottom:5px;}
.foot .ewm{width:30%; float:right; padding-top:50px; text-align:right}
.foot .foot2{border-top:1px solid #ddd; padding-top:20px;}
.foot .foot2 .link a{color:#cc0000; padding:0 10px;}
.foot .foot2 .link a:hover{text-decoration:underline;}
.foot .foot2 .link{color:#a6a6a6; line-height:26px; float:left;}
.foot .foot2  .copy{ float:right; text-align:right}
.foot .foot2  .copy a{float:right;}

.sj_nav{display:none;}
.sj_nav_show{display:none;}
@media (max-width: 767px) {
/*手机导航*/
.navlist{display:none;}
.sj_nav{ display:block; position:absolute; right:20px; top:10px; background:url(../images/menu.png) no-repeat center center; width:36px; height:32px; margin-top:20px; margin-right:20px; cursor:pointer}
.sj_nav_show{width:0; height:100%;background:rgba(0,0,0,0.6); position:fixed; top:0; right:0; z-index:10000; transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms; display:block; overflow:hidden;}
.sj_nav_left{float:left; padding-left:20px; padding-top:20px;}
.sj_nav_left img{cursor:pointer;}
.sj_nav_right{float:right; width:45%; height:100%; background:#084b9a;}
.sj_nav_right ul li{width:100%; height:40px; line-height:40px; border-bottom:1px solid #0f64c9; list-style:none;}
.sj_nav_right ul li a{display:block; width:100%; height:40px; line-height:40px; padding-left:20px; color:#fff; font-size:16px;}
.sj_nav_right ul li a:hover{background:#fff; color:#333;}
.sj_nav_right ul li.sj_hover a{background:#fff; color:#333;}

/*手机导航*/
.tel{display:none;}
.index .sp{display:none;}
.about{height:300px;background: url(../images/about_bg.jpg) no-repeat center bottom;}
.index .about_show{ float:none; padding-top:30px; width:100%}
.news .toutiao{width:100%;}
.news .newslist{width:98%; float:none; margin:0 auto; padding-top:20px; clear:both}
.foot{margin-top:20px; background:none;}
.foot .fd{display:none;}
.foot .ewm{display:none;}
.logo{width:80%;}
	.logo img{width:100%;}
	}
@media (max-width: 479px) {
	.sj_nav{right:10px; top:5px; background:url(../images/menu.png) no-repeat center center; width:36px; height:32px; margin-top:20px; margin-right:20px; cursor:pointer}
	.foot .foot2 .link{display:none;}
	.logo{width:80%;}
	.logo img{width:100%;}
	}
@media (min-width: 768px) and (max-width: 991px) {
/*手机导航*/
.navlist{display:none;}
.sj_nav{ display:block; position:absolute; right:20px; top:10px; background:url(../images/menu.png) no-repeat center center; width:36px; height:32px; margin-top:20px; margin-right:20px; cursor:pointer}
.sj_nav_show{width:0; height:100%;background:rgba(0,0,0,0.6); position:fixed; top:0; right:0; z-index:10000; transition: all 400ms; -moz-transition: all 400ms; -webkit-transition: all 400ms; -o-transition: all 400ms; display:block; overflow:hidden;}
.sj_nav_left{float:left; padding-left:20px; padding-top:20px;}
.sj_nav_left img{cursor:pointer;}
.sj_nav_right{float:right; width:45%; height:100%; background:#084b9a;}
.sj_nav_right ul li{width:100%; height:40px; line-height:40px; border-bottom:1px solid #0f64c9; list-style:none;}
.sj_nav_right ul li a{display:block; width:100%; height:40px; line-height:40px; padding-left:20px; color:#fff; font-size:16px;}
.sj_nav_right ul li a:hover{background:#fff; color:#333;}
.sj_nav_right ul li.sj_hover a{background:#fff; color:#333;}

/*手机导航*/
.tel{display:none;}
.about{background: url(../images/about_bg.jpg) no-repeat center bottom; height:350px;}
.index .sp{width:300px; padding-top:20px;}
.index .about_show{ width:400px; padding-top:60px;}
.news .toutiao{width:100%;}
.news .newslist{width:98%; float:none; margin:0 auto; padding-top:20px; clear:both}
.foot{margin-top:20px;}
	}
@media (min-width: 992px) and (max-width: 1199px) {
/*首页关于*/
.index .sp{width:420px; padding-top:20px;}
.index .about_show{ width:500px; padding-top:140px;}
	}
@media (min-width: 1200px) {

	}
@media (min-width: 1600px) {

	}
