﻿* { margin: 0; padding: 0; outline:0; }

body {
    font-size: 12px;
    line-height: 20px;
    font-family: "微软雅黑",Arial,Helvetica,sans-serif;
    color: #464646; position:absolute; width:100%;min-height:100%; overflow-x:hidden; 
}
.body_bg{
	
    background:url(../images/bg.jpg) no-repeat center top; }
h2, h3, ul, li, dd, dl, p {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
ul, li, dd, dl {
    list-style: none outside none;
    margin: 0;
    padding: 0}

a {  color:#464646; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: none; color:#9f2925; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px;  border: none;  margin: 0; padding: 0; outline:0; }
textarea { overflow:auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.top { height:44px; background:#153170; width:100%}
.top_box{ overflow:hidden; line-height:44px; color:#FFFFFF; font-size:14px;}
.top_box .gs { float:left;}
.top_box .tel { float:right; background:url(../images/index_02.jpg) left no-repeat; padding-left:25px;}

.header{ height:122px; width:100%}
.header_box{ }
.header_box .logo{ float:left; margin-top:25px;}
.header_box .menu{ float:right;  position: relative;}

.nav { height: 90px; margin-top: 30px;  float: right; display: inline-block;}
.nav li {	float: left; }
.nav a { font-size:18px;width: 120px; height: 90px; text-align: center; 
	line-height: 90px; overflow: hidden;   display: inline-block;}
.nav .cur a { color:#9f2925;}
.subNav { padding: 0px 0px 0px; animation:AsubNav 0.5s; left: 50%; top: 95px; font-size: 0px; display:none; position: absolute; z-index: 1000; box-sizing: content-box; border-top:5px solid #9f2925;}
.subNav div {background: rgb(255, 255, 255); padding: 5px; width: 90px; box-shadow: 0px 2px 3px #ccc;}
.subNav div a {height: 30px; text-align: center; line-height: 30px; font-size: 13px; border-bottom-color: rgb(229, 229, 229); border-bottom-width: 1px; border-bottom-style: solid; display: block;}
.subNav div a:hover { background:#9f2925; color: rgb(255, 255, 255);}

.move-bg { text-align:center; width: 120px; height: 5px; bottom: 0px; line-height: 0; font-size: 0px; display: none; position: absolute; z-index: 0;}
.m_bg {	background:#9f2925; margin-left:10px; width: 100px; height: 5px; bottom: 0px; line-height: 0; font-size: 0px; }

.banner {	margin: 0px auto; width: 100%; height: 700px; overflow: hidden;}

.banner_bottom{ height:210px; text-align:center; line-height:30px;}
.banner_bottom h1 { font-size:26px; color:#9f2925; line-height:120px;}
.banner_bottom p{ font-size:16px;color:#030303; }

.indNewsBox { height: 300px;}
.indNewsBox1 {  overflow: hidden;}
.indNewsL {	width: 430px;  float: left; border:1px solid #d2d2d2; padding:0 30px; height: 300px; background:#f5f5f5}
.indNewsL h2 {  margin: 10px 0px;line-height:60px; border-bottom:4px solid #14326e;  font-size: 24px; height: 60px; color:#14326e; font-weight:lighter;
}
.indNewsL p { line-height: 30px; font-size: 14px; background:url(../images/index_13.jpg) no-repeat left top; background-position:0px 10px; padding-left:25px; margin:20px 0px;}

.indNewsL p a:hover {	color:#14326e;}
.indNewsR {	width: 672px; float: right;border:1px solid #d2d2d2; height: 300px;}
.indNewsNav {	background: url(../images/bgIndNewsNav.png) repeat-x bottom; margin: 10px 30px; height: 63px; font-size: 0px; padding:0 0px}
.indNewsNav a {	width: 140px; text-align: center; line-height: 60px; font-size: 24px; font-weight: lighter; margin-right: 20px;  display: inline-block; }
.indNewsNav .on {
	color:#9f2925;  border-bottom-color:#9f2925 !important; border-bottom-width: 4px !important; border-bottom-style: solid !important;
}
.indNewsR ul { padding:0 30px;	display: none; }
.indNewsR li {	line-height: 36px; font-size: 14px; padding-left:20px;  background:url(../images/index_16.jpg) no-repeat left;}
.indNewsR li a {	color: rgb(119, 119, 119);}
.indNewsR li a:hover {	color:#9f2925;}
.indNewsR li span {	color: rgb(176, 176, 176); font-size: 14px; float: right;}

.moredev{ background:#dedede; height:520px;text-align:center; background:url(../images/index_21.jpg) no-repeat center;}
.moredev .mordev_box { height:520px;}
.moredev .mordev_box h2{ margin-left:600px ; text-align:left; line-height:60px; font-size:24px; font-weight:normal;}
.moredev .mordev_box h2 a{ color:#153170;}
.moredev .mordev_box p {margin-left:600px; text-align:left; text-indent:2em; padding-bottom:10px }

.mordev_box h1 { font-size:42px; color:#9f2925; line-height:120px;}
.ourservice { margin-bottom:45px;} 
.ourservice h1{ font-size:42px; color:#9f2925; line-height:160px; text-align:center}
indPre {
	margin: 40px auto; animation:AUp 1s; font-size: 0px; display: none; position: relative;
}
.indPre a {
	margin: 10px 35px; width: 100px; height: 180px; text-align: center; font-size: 16px; display: inline-block; position: relative;
}
.indPre a span {
	color: rgb(68, 68, 68); line-height: 50px; display: block;
}
.indPre a h3 {
	color: rgb(102, 102, 102); line-height: 26px; font-size: 14px; font-weight: normal;
}
.indPre a div {
	margin: 0px auto; border-radius: 50%; /*border: 2px solid rgb(238, 238, 238);*/ border-image: none; width: 120px; height: 120px; overflow: hidden; position: relative;
}
.indPre a div img {width: 84px; height: 84px; display:block; margin:0 auto;}
.indPre a div .indPre1 {
	animation:ATopPre3 0.5s; left: 50%; top: 50%; margin-top:-42px; margin-left:-42px; position: absolute;
}
.indPre a div .indPre2 {
	animation:ATopPre4 0.5s; left: 50%; top: 150%; margin-top:-42px; margin-left:-42px;  position: absolute;
}
.indPre a:hover div {
	background: url("../images/bgPre.jpg");
}
.indPre a:hover div .indPre1 {
	animation:ATopPre1 1s; left: 50%; top: -150%; margin-top:-42px; margin-left:-42px;
}
.indPre a:hover div .indPre2 {
	animation:ATopPre2 1s;  left: 50%; top: 50%; margin-top:-42px; margin-left:-42px;
}
.cooperation{ width:100%; background:#f5f5f5; padding:0 0 60px 0; overflow:hidden;}
.cooperation_box h1{ font-size:46px; color:#9f2925; line-height:160px; text-align:center}
.cooperation_box p{ font-size:20px; line-height:36px;text-align:center; margin-top:-50px; padding-bottom:30px;}

.cooperation_box a { margin:3px;display:block; float:left;width:192px; height:75px;}
.cooperation_box a  img {  border:1px solid #c9c9c9; width:189px; height:73px;}
.cooperation_box a:hover  img {  border:1px solid #9f2925; width:189px; height:73px;}
.footer{ border-top:3px solid #153170; width:100%; background:#f5f5f5; padding:60px 0 ;}
.footer_box { overflow:hidden;}
.footer_box  div { float:left;}
.footer_box .logo{ border-right:1px solid #c9c9c9; padding-right:50px;}
.footer_box .complany{ line-height:26px;  padding:10px 0 20px 70px;}
.footer_box .complany h3 { font-size:20px; line-height:50px;}
.footer_box .complany p { font-size:14px;}

.bottomer { text-align:center; color:#FFFFFF; height:46px; line-height:46px; background:#153170}

#tbox{ width:140px; height:280px; background-color:transparent; background-color:rgba(153,153,153,0.8) ;position:fixed; top:50%; margin-top:-140px; right:0px; }
#tbox #call { background:url(../images/call.png) top center no-repeat; background-size:50px; height:120px; text-align:center; color:#fff; font-size:16px;  line-height:30px; border-bottom:1px dashed #fff;}
#tbox #call .telBox{ padding-top:5.indNewsNav0px; margin-top:20px;}
#weixin img{ width:140px; height:140px}


/*list*/
.subBanner{ width: 100%; background:url(../images/list_02.jpg) no-repeat center; height: 150px;}
.boxMain{ width: 100%; background: url(../images/list_03.jpg) no-repeat center top; overflow: hidden;}
.boxMain1{ margin: 13px auto 0px; width: 1203px; }
.boxL {float: left; width: 230px; min-height: 500px;}
.boxL h2 { height: 75px; background: url(../images/boxbg_03.jpg) repeat-y; line-height: 75px; text-align: center; color:#fff;}
.boxL ul { border-bottom: 1px solid #7E7E7E }
.boxL ul li { height: 50px; text-align:center;line-height: 50px; border: 1px solid #7E7E7E; border-bottom: none;}
.boxL ul li a{ font-size: 14px; color: #3E3E3E }
.boxL ul li a:hover{ color: #9f2925}
.boxR { float: right; width: 930px;}

.navCur{ height:75px; position:relative}
.navCur h1{font-size:28px; font-weight:normal; color:#c3ccda;font-family:ancona; height:35px; line-height:40px; overflow:hidden;text-transform:uppercase}
.navCur h2{font-size:17px;color:#9f2925; display:inline-block; border-bottom:2px solid #9f2925; height:40px; line-height:25px;}
.navCur span{position:absolute; right:0; top:0; line-height:60px; color:#9b9ea1}
.navCur span a{color:#9b9ea1}
.navCur span a:hover{color:#9f2925}


.newsList{ width:930px; overflow:hidden}
.newsList a{display:block; background:url(../images/bgLine.jpg) bottom repeat-x; padding:30px 0; overflow:hidden}
.newsList div{ float:left;width:63px; height:87px; background:#9dbad3;color:#fff; text-align:right; padding:0 12px; font-size:20px; font-family:ancona; overflow:hidden;box-sizing:content-box; }
.newsList i{display:inline-block; height:50px; border-bottom:2px solid #fff; font-size:40px; line-height:50px; margin-bottom:0px; font-size: 28px;}
.newsList span{float:left; width:823px; padding-left:20px;}
.newsList h1{font-size:18px; margin:5px 0 3px 0; line-height:30px; color:#444; font-weight:bold}
.newsList h2{font-size:13px; color:#999; line-height:22px; font-weight:normal}
.newsList h3{ font-size:15px; }
.newsList a:hover{background-color:#f5f5f5;}
.newsList a:hover div{background:#153170; color:#fff}
.newsList a:hover i{color:#fff}
.newsList a:hover h1{color:#9f2925}

/*************page***************/
.MyPage {TEXT-ALIGN:center; overflow:hidden;margin:15px 0 0px; height:45px; padding-top:25px;}
.MyPage A {  padding:8px 15px 8px 15px;background-color:#FFF; border:1px solid #dcdcdc; color:#b1b1b1;margin-right:5px;text-decoration:none;}
.MyPage A:hover {padding:8px 15px 8px 15px;background-color:#9f2925; color:#FFFFFF;margin-right:5px;text-decoration:none;}
.MyPage A:active {padding:8px 15px 8px 15px;background-color:#9f2925; color:#FFFFFF;margin-right:5px;text-decoration:none;}
.MyPage a.current {padding:8px 15px 8px 15px;background-color:#9f2925; COLOR: #fff; margin-right:5px;text-decoration:none;}
.MyPage a.pageinfo {padding:8px 15px 8px 15px;color:#9f2925; margin-right:5px;}


/*****act****/
.showTitle{ font-size:26px; padding:30px 0 0 0; line-height:36px;}
.showTitle1{ font-size:18px; padding:8px 0 0 0; line-height:26px;}
.showInfo{ border-bottom:2px solid #ebebeb; color:#999; margin-bottom:20px; line-height:40px; padding-bottom:10px; position:relative;}
.btnShare{position:absolute; top:7px; right:0;font-size:0; height:26px; line-height:26px;}
.btnShare i{font-size:12px; display:inline-block; vertical-align:middle}
.btnShare a{display:inline-block; width:26px; height:26px; border-radius:50%; overflow:hidden; margin-left:5px;vertical-align:middle}
.btnShare a img{width:26px; height:26px}
.shareWx{background:#4cc54f}
.shareWb{background:#dc5353}
.shareQz{background:#e3972a}
.shareQq{background:#5899d9}
.showCon{ line-height:24px; font-size:14px;}
.showCon p{margin-bottom:10px}

.boxEwm{ position:fixed; width:222px; height:248px; top:50%; margin-top:-129px; left:50%; margin-left:-60px; z-index:1000; background:url(../images/bgWxEwm.png) no-repeat; padding:5px; font-size:0; line-height:0; display:none; box-sizing:content-box}
.boxEwm a{display:block;height:26px; }
.boxEwm img{ width:222px; height:222px;}



/*固定的悬浮窗*/
.touming{filter:alpha(opacity=80);-moz-opacity:0.8;  -khtml-opacity: 0.8;   opacity: 0.8; }
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#474747 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar ul .yb_phone p { font-size: 14px; line-height: 22px }
.yb_bar .yb_phone{background:#474747 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#474747 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#474747 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


