.com-width{width: 1200px;margin: 0 auto;}
.com-width-1300{width: 1300px;margin: 0 auto;}
.header .nav li:hover>a,
.header .nav li.active>a{color: #fff;}
.hide{display: none;}
.news-list li h3 a:hover,
.case-list a:hover{color: #291a77;}

/* header */
/* header */
.header{width: 100%;}
.header .nav-bar{margin: 0 auto;position: relative;}
.header .logo-search{position: relative;padding-top: 20px;height: 80px;box-sizing: border-box;}
.header .logo-search .logo{display: inline-block;}
.header .logo-search .logo img{display: block;}
.header .logo-search .logo-text{margin-left: 50px;margin-top: 10px;}
.header .logo-search .search{margin-top: 24px;}
.header .search .search-input{width: 280px;height: 30px;line-height: 28px;border: 1px solid #e6e6e6;padding-left: 10px;box-shadow: inset 0 0 4px #e6e6e6}
.header .search button{width:80px;height: 30px;line-height: 30px;cursor: pointer; border: none;color: #fff;font-size: 12px;background: #291a77;}
.header .nav{margin: 10px 0; padding-left:200px;}
.header .nav li{float: left;position: relative;margin: 0 10px;text-align: center;padding-bottom: 31px;height: 60px;}
.header .nav li.active,
.header .nav li:hover{background: #291a77;}
.header .nav li.last{margin-right: 0;}
/*.header .nav li.last a{padding-right: 0;}*/
.header .nav li>a{font-size: 16px;color: #291a77;display: inline-block;position: relative;font-weight: normal;padding: 0 17px;line-height: 20px;margin-top: 18px;}

.banner{width:100%;position:relative;overflow:hidden;z-index: 1;margin: 0 auto;height: 400px;max-width: 1920px;}
.banner .slides{position:relative;z-index:1;height: 100%}
.banner .slides li{position: relative;}
.banner .slides li a{text-align: center;display: block;overflow: hidden;height: 400px}
.banner .slides li a img{display: block;width: 100%;height: 100%;}
.banner .slides li span{display: block;position: absolute;left: 50%;bottom: 14px;font-size: 16px;color: #fff;margin-left: -600px;z-index: 999;}
.slide-hd{bottom: 20px;text-align: center;position: absolute;left:0;width: 100%;z-index: 99;height: 20px;}
.slide-hd li{display: inline-block; position: relative; width: 16px; height: 16px;overflow: hidden; text-align: center;margin: 0 6px; cursor: pointer;background: #2f92cb;border-radius: 50%;}
.slide-hd li.on{width: 16px;height: 16px;  background-color: #fe0000;}
.banner .icon-prev,
.banner .icon-next{position: absolute;top: 50%;width: 45px;height: 45px;margin-top: -30px;z-index: 10;cursor: pointer;background: #000 url(../images/icon_aro.png) no-repeat; opacity: 0.6;}
.team-prev-next a{top: 33%;}
.banner .icon-prev{background-position: 12px center;left: 50%;margin-left: -650px;}
.banner .icon-next{background-position: -49px center;right: 50%;margin-right: -650px;}


.index-hd{text-align: center;padding-top: 6px; position: relative;}
.index-hd h3{color: #6f6f6f;font-size: 24px;line-height: 28px;display: inline-block;position: relative; font-weight: bold;}

.index-hd h3 em{display: block;font-size: 16px;color: #cecece;font-weight: lighter; margin-top: 25px;}
.index-hd h3 em::after {
	display: block;
	content: "";
	width: 30px;
	height: 4px;
	background-color: #e9372b;
	position: absolute;
	margin-top: -43px;
	margin-left: -15px;
	left: 50%;
	border-radius: 3px;
}

.index-hd1{padding-top: 20px; margin-top: 22px; line-height: 26px;/* background: url(../images/icon_typetit.png) no-repeat 0px 0px;*/}
.index-hd1 h3{  color: #3195ce;font-size: 24px;display: inline-block;position: relative; letter-spacing: 1px;}
.index-hd1 h3 span{font-size: 22px;color: #e0e0e0;margin: 0 6px;line-height: 30px;}
.index-hd1 h3 em{font-size: 16px;color: #cecece;font-weight: lighter;line-height: 30px;margin-left: 4px; letter-spacing: 0px; padding-top: 3px;}
.index-hd1 a {
	color: #003d5d;
	font-weight: lighter;
	font-size: 16px;
	line-height: 16px;
	margin-top: 13px;
	
	position: relative;
}

.index-about{background: url(../images/about-bg.jpg) no-repeat center top; width: 100%; height: 520px; padding-top: 36px; position: relative;}

.index-about .index-hd h3{ color:#fff;
}
.about-content{ width:991px; margin: 0px auto; text-align: justify; padding-top: 40px;}
.about-content p{text-align:justify; color: #fff; font-size: 16px; text-indent: 2em; line-height: 34px; font-weight:bold;}
.about-foot{background:url(../images/about-text-bg.png) no-repeat; width: 699px; height: 72px; left: 50%; margin-left: -350px; top:416px; z-index: 10; position: absolute;}

.view-about{ margin:74px auto 0px;width:158px; height: 30px; border: 2px solid #005bff; border-radius: 15px; color: #fff; font-size: 16px; display: block; text-align: center; line-height: 30px; }

.index-case{/*background: #fff;*/padding-bottom: 20px; margin-top: 30px;}
.case-slides{overflow: hidden;position: relative;padding: 0 50px;margin-top: 48px;z-index: 0;}
.case-slides .tempWrap{width: 1200px !important;margin-bottom: 30px;}
.case-list{margin-top: 20px;}
.case-list li{width: 210px;float: left;margin-right: 20px;}
.case-list li .pic{width: 210px;height: 260px;overflow: hidden;display: block;}
.case-list li .pic img{width: 210px;height: 260px;}
.case-list li h3{background: #e3e3e3;line-height: 40px;height: 40px;text-align: center;padding: 0 10px;font-size: 16px; color: #535353;}
.case-list li:hover h3{color: #fff;background: #291a77;}


.case-prev-next a{position: absolute;top: 50%;width: 40px;height: 40px;margin-top: -21px;cursor: pointer;
	
background-color: #4767a2;	background-image: url(../images/icon_prev_next.png);background-repeat: no-repeat;}

.case-prev-next a.roll-prev{background-position: 15px 10px;left: 0;}
.case-prev-next a.roll-next{background-position: -14px center;right: 0;}
.more{text-align: center;margin-top: 20px;}
.more a{width: 100px;height: 30px;display: inline-block;background: #ffa800;text-align: center;line-height: 30px;border-radius: 8px;font-size: 14px;color: #fff;}
.more a em{margin-left: 10px;}



.case-prev-next a{position: absolute;top: 50%;width: 40px;height: 40px;margin-top: -55px;cursor: pointer;background-image: url(../images/icon_prev_next.png);background-repeat: no-repeat;}
.case-prev-next a:after{position: absolute;content: "";width: 40px;height: 40px;background: #291a77;left: 0;top:0;z-index: -1;}
.case-prev-next a.roll-prev{background-position: 10px 10px;left: 0;}
.case-prev-next a.roll-next{background-position: -29px center;right: 0;}
.more{text-align: center;margin-top: 20px;}
.more a{width: 100px;height: 30px;display: inline-block;background: #ffa800;text-align: center;line-height: 30px;border-radius: 8px;font-size: 14px;color: #fff;}
.more a em{margin-left: 10px;}

.index-news{height: 464px;background: url(../images/index-news.jpg) no-repeat center top;}
.tab-hd{position: relative;margin-top: 22px;margin-left:106px;}
.tab-hd li{display: block;margin: 0 23px 0px 0px;height: 32px;line-height: 32px;font-size: 16px;color: #4c4c4c;position: relative; float: left; width: 80px; text-align: center;}
.tab-hd li a{font-size: 14px;line-height: 16px;}
.tab-hd li.last:after{display: none;}
.tab-hd li.active,.tab-hd li:hover{background: #e5040f;}
.tab-hd li.active a,.tab-hd li:hover a{color: #fff;}
.index-news .tab-hd li.active a{color: #fff;}
.news-list li{width: 564px;float: left;box-sizing: border-box;border-bottom: 1px solid #f7f7f7;margin: 0 64px 25px  0px;}
.news-list li .cover{width: 80px;height: 80px;float: left;overflow: hidden;text-align: center;}
.news-list li .cover img{max-width: 80px;max-height: 80px;}
.news-list li .news-text{}
.news-list li h3{margin-bottom: 14px;height: 26px;}
.news-list li h3 a{font-size: 18px;color: #0f0f0f;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 26px;}
.news-list li h3 span{float: right; color: #e5040f; font-size: 14px; margin-top: 6px;}
.news-list li p{color: #6b6b6b;line-height: 26px;height: 52px;overflow: hidden;font-size: 14px;font-weight: lighter;}
.news-list li .view-more{color: #003d5c; font-size: 14px; text-align: right; display: block; margin-bottom: 6px;}
.news-list .last{margin-right:0px !important;}

.friend-links{ padding-top: 66px;font-size:18px; color: #e50011; margin-bottom: 14px;}

.friend-links a{ display: inline-block;margin-right: 20px; font-size: 14px; color: #003d5c;}

.sub-banner{height: 200px;text-align: center;overflow: hidden;position: relative; margin-bottom: 11px;}
.sub-banner img{position: absolute;left: 50%;margin-left: -960px;top:0;z-index: 1; }

.main-wrap{position: relative;padding-bottom: 50px;}
.sidebar{width: 242px;}
.sidebar dl{min-height: 196px;}
.sidebar dt{position: relative;width: 242px;height: 80px;text-align: left;padding-top: 8px;background-color: #291a77;}

.sidebar dt span {
	font-size: 19px;
	color: #fff;
	line-height: 20px;
	
	padding-left: 31px;
	padding-top: 11px;
	display: block;
}
.sidebar dt em{display: block;font-size: 13px;color: #c7c7c7;font-weight: lighter; padding-left: 31px;}
.sidebar dd,.sidebar dt{border-bottom: 2px solid #fff;position: relative;}
.sidebar dd:after{content: ">";position: absolute;right: 10px;top: 0;font-weight: normal;color: #fff;height: 38px;line-height: 38px;z-index: 2;}
.sidebar dd:hover:before{color: #fff;}
.sidebar dd>a{display: block;overflow: hidden;padding: 0 10px;text-align:left;color: #747474;padding-left: 20px;height: 40px;line-height: 40px;position: relative;background: #e1e1e1;font-size: 16px;font-weight: lighter;}
.sidebar dd .sub-menu{}
.sidebar dd .sub-menu a{border-top: 1px solid #fff;height: 30px;line-height: 30px;background: #291a77;display: block;padding-left: 10px;color: #fff;}
.sidebar dd.active>a,.sidebar dd>a:hover{background: #02a0e9;color: #fff;}
.sidebar dd:hover:before,.sidebar dd.active:before{color: #fff;}

.sidebar .wechat{width: 280px;padding: 0 5px;margin-top: 60px;}
.sidebar .wechat .qr-code-img{text-align: center;}
.sidebar .wechat .qr-code-img.left{margin-right: 38px;}
.sidebar .wechat p{color: #2b2b2b;text-align: center;}

.main-right{padding: 0 0 0 260px;}
.breadcrumbs{height: 38px;font-size: 13px;color: #515151;line-height: 38px;border-bottom: 1px solid #efefef;margin-bottom: 10px;padding-left: 10px;}
.breadcrumbs .location{float: left;}
.breadcrumbs .location a{padding: 0 6px;color: #515151;}
.breadcrumbs span,.breadcrumbs .location a:hover{padding: 0 10px;color: #ff0000;}
.breadcrumbs .back {
	float: right;
	background: url(../images/icon_back.png) no-repeat 0px 6px;
	font-weight: lighter;
	display: inline-block;
	margin-right: 20px;
	width: 11px;
	height: 25px;
}

.main-right .case-list li{width: 211px;margin-right: 32px;margin-bottom: 30px;}
.main-right .case-list li.last{margin-right: 0;}

.product-list{}
.product-list li{width: 236px;height: 240px;background: #f7f7f7;text-align: center;padding-top: 18px;margin: 0 38px;float: left;margin-bottom: 30px;}
.product-list li a{display: block;}
.product-list li .pic{width: 210px;height: 165px;overflow: hidden;display: block;margin-left: 13px;}
.product-list li h3{height: 56px;line-height: 56px;overflow: hidden;padding: 0 10px;}

.list.news-list{width: 920px;padding: 13px 0px;}
.list.news-list li{width: 920px;padding: 0px 0 0px 0;margin: 0px 0px 18px;}
.list.news-list li.first{padding-top: 10px;}

.detail{margin-top:20px;padding-left: 10px;}
.detail .tit{font-size: 18px;color: #0f0f0f;line-height: 30px;border-bottom: 1px solid #f9f9f9;padding-bottom: 12px;text-align: center;}
.detail .release{text-align: center;margin: 4px 0 20px;color: #bbbbbb;font-weight: lighter;}
.detail .release em{margin: 0 15px;}
.detail .content{width: 100%;font-size: 14px !important;font-weight: lighter;line-height: 32px;}
.detail .content img{max-width: 100%;}
.detail .content *{line-height: 30px;font-family:Microsoft YaHei, Arial, Helvetica, sans-serif !important;}

.main-right .law-list li{height: 60px;line-height: 70px;border-bottom: 1px solid #efefef;padding-left: 40px;position: relative;overflow: hidden;}
.main-right .law-list li a{font-size: 18px;color: #767676;font-weight: lighter;padding-right: 46px;width: 70%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main-right .law-list li span{display: inline-block;font-size: 12px;font-weight: lighter;float: right;color: #02a0e9;}
.main-right .law-list li a:before{width: 20px;height: 20px;display: block;content: "";zoom: 1;position: absolute;left: 10px;top: 30px;background: url(../images/icon_before.png) no-repeat;}

.contact-page{margin-top: 30px;}
.contact-page .qr-code{width: 280px;margin-left: 30px;margin-top: 60px;}
.contact-page .qr-code .qr-code-item{margin: 0 18px;text-align: center;}
.contact-page .contact-info{line-height: 32px;color: #383838;width: 540px;font-weight: lighter;font-size: 16px;}
.contact-page .map{margin-top: 30px;}
.contact-page .map img{width: 100%;}

.page{margin-top:50px; text-align: right;height: 30px;padding-bottom: 20px;}
.page a,.page span{background: #e9e9e9;padding: 4px 11px;color: #858585;}
.page .current,.page a:hover{background: #ff0000;color: #fff;}
.page .disabled{display: inline;background: #eeee;}
.page span:last-child{display: inline;}

.footer{height: 320px;background: #003d5c;color: #acacac;font-weight: lighter; }
.footer dl dt{color: #ffffff;font-size: 16px;}
.footer .qr-code{width: 280px;margin-left: 30px; position: relative;}
.footer .qr-code dd{padding-top: 132px;}
.footer .qr-code dd .footer-qr-code{margin: 0 18px;text-align: center;}
.footer .contact{width: 368px;}
.footer .contact dd{margin-top: 26px;line-height: 30px;font-weight: lighter;font-size: 14px; color: #cecece;}
.line-left {
	position: absolute;
	width: 2px;
	height: 100px;
	background-color: #004a70;
	top: 109px;
	left: -4px;
}
.line-right {
	position: absolute;
	width: 2px;
	height: 100px;
	background-color: #004a70;
	top: 109px;
	left: 264px;
}


.form{width: 420px;position: relative; padding-top: 43px; margin-right: 25px;}
.form ul{padding-top: 12px;}
.form li{background: #00344e;height: 35px;line-height: 35px;margin-top: 5px;padding:0 20px 0}
.form li label{width: 60px;font-size: 13px;color: #00527b;display: inline-block;}
.form li input{display: inline-block;width: 260px;height: 35px;line-height: 35px;border: none;font-size: 14px;color: #bbbbbb;background: #00344e;font-weight: lighter;}
.form li input::placeholder,
.form li.profile textarea::placeholder{color: #bbbbbb;}
.form li.profile{width: 100%;height: auto;line-height: 32px;font-size: 16px;color: #bbbbbb;}
.form li.profile label{height: 30px;line-height: 30px;}
.form li.profile textarea{height: 50px;width: 100%;border:none;text-align: left;background: #00344e;color: #bbbbbb;}
.form li input.verify-code{width: 110px;}
.form li.last{width: 310px;padding-right: 5px;position: relative;}
.form li img{display: block;width: 80px;float: right;margin-top: 3px;height: 30px;margin-right: 20px;}
.form .submit-btn{width: 90px;background: #00344e;text-align: center;font-size: 14px;color: #fff;display: block;border: none;height: 36px;line-height: 36px;position: absolute;top: 0;right: -110px;}
.form .new-num {
	height: 18px;
	background: #e50011;
	padding: 0 6px;
	border-radius: 7px;
	display: block;
	position: absolute;
	left: -31px;
	top: 48px;
	line-height: 18px;
	color: #fff;
}


.copyright{height: 50px;line-height: 50px;background: #00324b;color: #fff; font-size: 14px;}
.copyright a{color: #fff;}


.btn-down{ width:150px; height: 30px; background-color: #e60410; color: #fff; font-size: 16px; text-align: center; margin: 40px auto; border-radius: 20px;}

.list.down-list{width: 920px;padding: 13px 0px;}
.list.down-list li{width: 920px;margin: 0 0px 20px  0px; padding: 0px 0px 10px 0px;}
.list.down-list li.first{padding-top: 10px;}
.down-list li{width: 564px;float: left;box-sizing: border-box;border-bottom: 1px solid #f7f7f7;}
.down-list li .cover{width: 120px;height: 80px;float: left;overflow: hidden;text-align: center; margin-right: 25px;}
.down-list li .cover img{width: 120px;height: 80px;}
.down-list li .news-text{}
.down-list li h3{margin-bottom: 14px;height: 26px;}
.down-list li h3 a{font-size: 18px;color: #0f0f0f;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 26px;}
.down-list li h3 span{float: right; color: #e5040f; font-size: 14px; margin-top: 6px;}
.down-list li p{color: #6b6b6b;line-height: 26px;height: 52px;overflow: hidden;font-size: 14px;font-weight: lighter;}
.down-list li .view-more{color: #003d5c; font-size: 14px; text-align: right; display: block; margin-bottom: 6px;}
.down-list .last{margin-right:0px !important;}