@CHARSET "UTF-8";
* {  margin:0px; padding:0px;  }
html{ font-size:16px; font-weight:normal; font-family:"microsoft yahei"; color:#434343; }
body { min-width: 1200px;}
form *,
a,img,.img,input{ border:none; outline: none;}
table{ border-left: none; border-bottom: none; border-collapse:collapse;}
table td,table th{ border-right:none; border-top:none; margin:0; padding: 0; }
.fixed { position:fixed; }
.abso { position:absolute; }
a, .href { cursor:pointer; text-decoration:none; color:#333; }
a:hover,* a:hover,.href:hover{ color:#BD0306; }
nav ul li.cur .fir{color:#BD0306;}
img { border:none; margin:0px; padding:0px;}
.img-block{ max-width:100%; display:block; margin: 0 auto;}
.image{ display: block; float: left; }
p { font-size:0.75rem; }
ul li { list-style-type:none; }
.left { float:left; }
.right { float:right; }
.radius,.radius1:hover{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; }
.trans{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.text-center , .text-center *{ text-align:center; }
.tc{ display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.tc img{ display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle;}
.clearfix,header, footer ,.blank,.blank2, .blank3 , .blank4 , .blank5{ display:block; clear:both; }
.container,.container:before,.container:after,
.main,.main:before,.main:after,
.clearfix,.clearfix:before,.clearfix:after{ clear: both; display: block; content: "";}
.blank{height:10px;}
.blank2{ height:20px;}
.blank3{height:30px;}
.blank4{ height:40px;}
.blank5{height:50px;}
.main,.container{margin:0 auto; width:1200px; position: relative; }
.hide{ display:none; }
.col-n-5{ width: 20%; float: left;}
.col-3{ width: 25%; float: left;}
.col-4{ width: 33.33333333%; float: left;}
.col-6{ width: 50%; float: left;}
.col-8{ width: 66.66666666%; float: left;}
.col-12{ width: 100%;}
.f11{ font-size: 0.6875rem;}
.f12{ font-size: 0.75rem;}
.f13{ font-size: 0.8125rem;}
.f14{ font-size: 0.875rem;}
.f15{ font-size: 0.9375rem;}

header{ border-bottom: 1px solid #cfcfcf; position: fixed; width: 100%; background: #FFF; z-index: 9999;}
header .logo{ float: left;}
header .logo img{ display: block; /* height: 89px; */}
nav{ float: right; position: relative;}
nav ul{ float: left;}
nav ul li{ float: left; width: 100px; position: relative;}
nav ul li .fir{ display: block;overflow: hidden; font-size: 15px; width: 100px; text-align: center;padding: 40px 0 40px 0;}
nav .nav-bgt{ background: #BD0306; width: 100px; height: 2px; position: absolute; top: 0; left: 0;}
nav ul li .sub-nav{ position: absolute; width: 100%; left: 0; top: 89px; background: #FFF; padding: 10px 0; display: none;}
nav ul li.l4 .sub-nav{ width: 150px; left: -25px;}
nav ul li .sub-nav a{ display: block; width: 100%; text-align: center; font-size: 12px; line-height: 1.5; color:#222; padding: 6px 0;}
nav ul li .sub-nav a:hover{ color:#BD0306;}
.lang-btn{ background: #c3c3c3; width: 30px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; float: right; margin-top: 30px; margin-left: 5px; font-size: 13px; color:#FFF;}
.lang-btn:hover{ background:#0f5a97; color:#FFF;}

.fix-sub-nav{ width: 100%; position: absolute; background: #FAFAFA; top: 90px; left: 0; display: none;}
.fix-sub-nav .main{padding: 30px 0; text-align: center;}
.fix-sub-nav .item{width: 16.6666666668%; float: left;}
.fix-sub-nav .cat-img{ display: block; width: 120px; height: 90px; overflow: hidden; margin: 0 auto;}
.fix-sub-nav img{ display: block; width: 100%; height: 100%; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.fix-sub-nav img:hover{transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);}
.fix-sub-nav span{ display: block; padding: 8px 0 20px 0; font-size:12px; color:#838383;}

.header-visible{ width: 100%; height: 100px;}
.cat-img{ width: 100%; height: 320px; background-repeat: no-repeat; background-position: center; overflow: hidden;}
.cat-img .r-btn{ display: block; float: right;}
.cat-name{ padding-top: 78px;}
.cat-name *{ font-weight: normal;color:#FFF; font-size: 14px; line-height: 1.5; }
.cat-name .thumb{ float: left; display: block; height: 65px; padding-right: 10px;}
.cat-name h1{ font-size: 30px; line-height: 1.2; padding-bottom: 5px;}

.warp-nav{ background: #F5F5F5; height: 50px; }
.warp-nav li{ display: block; height: 50px; line-height: 50px; width: 239px; position: relative; float: left; border-right:1px solid #DEDEDE; }
.warp-nav li a{ display: block; line-height: 50px; height: 50px; width: 100%; text-align: center; vertical-align: middle; color:#000; overflow: hidden; font-size: 15px;}
.warp-nav li a img{vertical-align:middle;}
.warp-nav li.on{ background: #fdeeed; }
.warp-nav li.on a{color:#BD0306;}
.warp-nav li.on .arrow{ width: 26px; height: 12px; background: url('images/arrow2.png') center top no-repeat; position: absolute; left: 50%; top: 50px; margin-left: -13px;}

.main.bottom{ height: 80px;}

.back{ display: block; width: 80px; height: 36px; line-height: 36px; overflow: hidden; border: 1px solid #DDD; color:#BD0306; font-size: 16px; margin: 20px auto 0 auto; text-align: center; cursor: pointer; background: #FFF;}
@media (max-width: 768px){
	.back{margin: 20px auto; }
}
.back:hover{ color:#FFF; border-color:#BD0306; background: #BD0306;}
.pages{ text-align: center; padding: 25px 0 0 0;}
.pages a,.pages span{ padding: 10px 8px; border: 1px solid #b0b0b0; font-size: 14px; line-height: 1; margin-left: 2px; color:#000;display: inline-block;}
.pages span{ background: #EEE;}
.pages a:hover{ background: #676767; color:#FFF;}
.pages.pc-pd{padding: 0px 0 40px 0;}
@media (max-width: 768px){
	.pages{padding: 10px 0 5px 0;}
	.pages.pc-pd{padding: 0px 0 20px; }
}
/* f */
.footer-links-wrap{ padding: 20px 0; border-top: 1px solid #F1F1F1;}
.footer-links-wrap .left-title{ height: 26px; line-height: 26px; overflow: hidden; float: left; font-size: 17px; color:#999;}
.footer-links-wrap .c9{ height: 26px; width: 60px; float: right; background: url('images/c9.jpg') center no-repeat; cursor: pointer;}
.footer-links-wrap .links{ width: 1020px; float: right; height: 26px; overflow: hidden;}
.footer-links-wrap .links a{ display: block;  font-size: 14px; line-height: 1.4; float: left; padding: 0 5px 0 12px; margin: 4px 0; border-right: 1px solid #999; color:#999;}
.footer-links-wrap .links a:hover{ color:#DB2345;}
.footer-mid{ background: url('/upload/f-bg.jpg') center top; padding: 24px 0;}
.footer-nav{ float: left; width:880px }
.footer-nav dl{ float: left; padding-right: 33px;}
.footer-nav dt{padding-bottom: 10px;}
.footer-nav dt a{ font-size: 16px; color:#FFF; line-height: 1; }
.footer-nav dd a{ font-size: 12px; color:#EEE; line-height: 1.5; }
.footer-nav dd a:hover{ color:#FFF;}
.footer-mid-r{ float: right; width: 230px;}
.footer-mid-r *{ color:#FFF;}
.footer-mid-r .m-rr-top{ background: url('/upload/201701/170113-0508019.png') left top no-repeat; padding-left: 50px; float: left; margin-bottom: 15px; margin-right: 40px; min-width: 180px; min-height: 42px;  position: relative;}
.footer-mid-r .m-rr-top h3{ white-space:nowrap; font-weight: normal; font-size: 26px; line-height: 1; margin-top: -1px;}
.footer-mid-r .m-rr-top p{ font-size: 14px; line-height: 1; padding-top: 5px;}
.footer-mid-r .mr2{ min-width: 90px; cursor: pointer;}
.footer-mid-r .mr2 p{ line-height: 32px;}
.footer-mid-r .mr2 .wx{ position: absolute; top: 36px; left: 40px; width: 116px; height: 116px; z-index: 999; background: #FFF; padding: 10px; display: none;}
.footer-mid-r .mr2:hover .wx{ display: block;}
.footer-mid-r .mr2 img{ display: block; height: 140px;}
.footer-mid-r .mr2{ background-image: none; margin-bottom: 0;}
.footer-mid-r .mr3{ background-image: url(images/f3.png); cursor: pointer;}
.footer-mid-r .mr4{ background-image: url(images/f4.png);}
.f-rr{ float: right;}
.f-rr *{ color:#FFF;}
.f-rr .f-title{ font-size: 16px; padding-bottom: 10px;}
.f-rr .cont *{ line-height: 1.5; font-size: 12px;}
.f-rr .cont p{ padding: 2px 0;}
.f-rr .qcode-item{ width: 105px; padding: 5px 0; }
.f-rr .qcode-item .t{ font-size: 12px; width: 12px; float: left; line-height: 1.1;}
.f-rr .qcode-item img{ width: 128px; float: right;}
#bodyEN .f-rr .qcode{ display: block;}
#bodyEN .f-rr .f-contact{ width: 280px;}
.f-contact{ float: left; padding-top: 15px;}
.f-contact,
.f-contact *{color:#FFF;}
.footer-bottom{ background: #262b42; text-align: center;}
.footer-bottom *{ font-size: 12px; line-height: 50px; color:#FFF;}
@media (min-width:768px) {
.mg-lr-20{margin: 0 -20px;}
.mg-r-15{margin-right: -20px;}
.mg-r-55{margin-right: 55px;}

}

.jm-bg{ background: url(images/zp-bg.png); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; }
.jm-bg .jm-box{ width: 580px; height: 335px; background: #FFF; position: absolute; left: 50%; top: 50%; margin-left: -290px; margin-top: -153px;}
.jm-bg .jm-box .jm-rq{ display: block; margin-top: -25px; margin-left: -37px; float: left;}
.jm-bg .jm-box .close{ width: 39px; height: 39px; background: url(images/z11.png) center no-repeat; position: absolute; right: -19px; top: -19px; cursor: pointer;}
.jm-bg .jm-box .table{ float: right; padding: 40px 52px 0 0;}
.jm-bg .jm-box .table tr td{ padding: 3px 0; font-size: 12px;}
.jm-bg .jm-box .table input,
.jm-bg .jm-box .table textarea{ width: 206px; height: 35px; border:1px solid #EEE; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.jm-bg .jm-box .table textarea{ height: 66px;}
.jm-bg .jm-box .table .t1{ font-size: 12px; color:#0f5a97; padding-right: 10px;}
.jm-bg .jm-box .table .submit{ width: 190px; height: 45px; border: none; background: #0f5a97; color:#FFF; line-height: 44px; font-size: 16px; text-align: center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; cursor: pointer;}
.fix-bg{ background: url(images/zp-bg.png); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; }

.kefui{ float:right; position:fixed; right:0;top:50%; z-index:9999}
.kefui .bg{ background:#999;/**/padding:7px;}
.kefui div.tel{width:150px;height:33px; color:#eee; margin:1px -115px 2px 0; overflow: hidden;}
.kefui div.tel{width:180px;margin-right:-145px;}
.kefui div.email{ width: 200px; margin-right: -165px;}
.kefui div.tel span{padding:0 10px 0 0px; font-size:13px; line-height:33px; display: block; float: right;}
.kefui div.ewm{ position:relative;}
.kefui div.ewm .one{}
.kefui div.ewm .ii{ position:absolute; opacity: 0;border-radius: 8px;right:-180px; top:-120px; width:165px; padding:10px; background:#0f5a97 }
.kefui div.ewm .ii img{width:100%}
.kefui div.ewm .ii{z-index:-1; 
-webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;}
.kefui div.ewm:hover .ii{ opacity: 1; width:150px; right:40px;}
.kefui div.ewm h4{ position:absolute;top:0;line-height:12px; font-weight:400; font-size:12px; background:#0f5a97; display:block;color:#fff; padding:5px; text-align:center;  opacity: 0;}
.kefui div.ewm:hover h4{ opacity: 1;}
.kefui div.qq{height:37px;width:120px;color:#eee; margin:1px -85px 1px 0;}
.kefui div.qq a{padding:0 5px 0 5px; font-size:13px; line-height:37px; color:#fff}
.kefui div.qq img{ float:left;}
.kefui .box{ float:right; margin:1px 0;clear:both;/*border-radius: 5px 0 0px 5px;*/ background:#999}
.kefui .box1{ }
.kefui .box2{ }
.kefui .box:hover{ background:#0f5a97;}
.kefui div.cd-top{ position:relative;cursor: pointer;}
.kefui div.cd-top h4{ position:absolute;top:0;width:35px;line-height:25px; background:#0f5a97; font-weight:400; font-size:12px; display:block;color:#fff; padding:5px 0; text-align:center;  opacity: 0;}
.kefui div.cd-top:hover h4{ opacity: 1;}
.kefui .box1:hover,
#bodyEN .kefui .box1:hover{ margin-right:0px;}

.i-case{ margin: 0 -15px; padding: 30px 0;}
.i-case .item{ float:left; width: 285px; overflow: hidden; margin:11px;}
/* .i-case .item:nth-child(4n+1){ clear: both;} */
.i-case .item .thumb{ width: 285px;height: 380px; overflow: hidden;}
.i-case .item .thumb img{ display: block; width:100%; height: 100%;}
.i-case .item .txt{ padding: 0px 15px; width: 255px; background: #F4F4F4; font-size: 12px; color:#BFBFBF;}
.i-case .item .txt *{ font-size: 12px;}
.i-case .item .txt p{ min-height: 32px; padding-bottom: 10px;line-height: 1.8;}
.i-case .item .txt .title{ font-size: 16px; font-weight: 100; line-height: 28px; padding: 6px 0; color:#535353; text-align: center;}
.i-case .item .time{ float: left;}
.i-case .item .hits{ float: right;}
.i-case .item:hover .thumb img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);}
.i-case .item:hover .txt{ background: #db2242;}
.i-case .item:hover .txt *{ color:#FFF;}
@media only screen and (max-width: 767px){
.i-case{ margin: 0; padding: 10px 0;}
.i-case .item{ width: 50%;margin: 10px 0;padding: 0 2%;box-sizing: border-box;}
.i-case .item .thumb{ width: 100%; height: auto;}
.i-case .item .thumb img{height: auto;}
.i-case .item .txt{ width: auto;padding: 0;}
.i-case .item h3{ font-size: 14px;}
}
.pos-tc {position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
header .tel .cont {display: block;overflow: hidden;text-align: center;padding: 30px 0 0 0;}
header .main {width: 1800px;}
@media (max-width: 1850px){
header .main {width: 96%;}
}
/* 服务领域修改 */
.index-item {background: #f5f5f5;padding-bottom: 70px;}
.index-item .bod-box {padding-top: 30px;}
.index-item .item {width: 145px;margin-left: 66px;float: left;text-align: center;}
.index-item .item:first-child {margin-left: 0px;}
.index-item .item .ico {width: 145px;height: 145px;display: block;}
.index-item .item h3 {font-size: 18px;font-weight: 400;margin: 12px 0 5px;color: #000;}
.index-item .item p{color: #898989;line-height: 1.8;}
.index-item .item:hover h3,.index-item .item:hover p{color: #BD0306;}
@media (max-width: 768px){
	.index-item{padding-bottom: 30px;}
	.index-item .bod-box {padding-top: 0;}
	.index-item .item {width: 33.3%;padding: 0 2%;box-sizing: border-box;margin-left: 0;float: left;text-align: center;}
	.index-item .item .ico{width: 80px;height: 80px;margin: 0 auto;}
	.index-item .item h3{font-size: 13px;margin: 10px 0;}
	.index-item .item p{font-size: 12px;padding: 0 10px;display: none;}
}
	.art-list .item.list-demo{margin-top: 40px;}
	@media (max-width: 768px){
		.art-list .item.list-demo:first-child{margin-top: 10px;}
		.art-list .item.list-demo:last-child{margin-bottom: 10px;}
		.art-list .item.list-demo{margin-top: 20px;}
	}
/* 新闻列表二 */
	.list-demo2{padding: 40px 0;}
	@media (max-width: 768px){
		.list-demo2{padding: 20px 0;}
	}
	.list-demo2 .gird{float: left;width: 100%;}
	.list-demo2 .gird .gird-item{margin: 0;margin-bottom: 15px;background: #f7f8fa;height: 88px;width: 100%;width: 575px;}
	.list-demo2 .gird .gird-item:nth-child(odd){float:left;}
	.list-demo2 .gird .gird-item:nth-child(even){float:right;}
	.list-demo2 .gird .gird-item:hover, .list-demo2 .gird .gird-item:hover .time{background: #db2242;}
	.list-demo2 .gird .gird-item .time{box-sizing: border-box;width: 80px;height: 88px;padding: 10px;background: #cfd3e2;text-align: center;}
	.list-demo2 .gird .gird-item .time .d{font-size: 20px;color: #fff;border-bottom: 1px solid #fff;padding-bottom:6px;margin-bottom: 6px;}
	.list-demo2 .gird .gird-item .time .Ym{font-size: 12px;color: #fff;}
	.list-demo2 .gird .gird-item .new {width: 495px;box-sizing: border-box;padding: 12px 10px;padding-bottom: 0;}
	.list-demo2 .gird .gird-item .new h1 {font-size: 16px;color: #434343;font-weight: 400;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.list-demo2 .gird .gird-item .new .desc {font-size: 12px;color: #9a9a9a;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 40px;line-height: 1.8;}
	.list-demo2 .gird .gird-item:hover .new h1,.list-demo2 .gird .gird-item:hover .new .desc{color: #fff;}
	@media only screen and (max-width: 768px){
	.list-demo2 .gird .gird-item{width: 100%;}
	.list-demo2 .gird .gird-item .time{width: 22%;}
	.list-demo2 .gird .gird-item .new{width: 78%;}
	}
	/* 新闻list_2 */
	.art-list .list_2{float: left;width: 100%;overflow: hidden;margin-top: 20px;}
	.art-list .list_2 .list_box{width: 575px;float: left;padding: 0;}
	.art-list .list_2 .list_box .txt h3{padding: 10px 0 10px 30px;background-color: #E8E8E8;}
	.art-list .list_2 .list_box .txt .txt-1{padding: 20px;background-color: #F7F7F7;}
	.art-list .list_2 .list_box .txt .txt-1 .p1{color: #898989;}
	.art-list .list_2 .list_box .txt .txt-1 .p1 span{font-size: 12px;}
	.art-list .list_2 .list_box:hover{background: none;}
	.art-list .list_2 .list_box:hover h3{background-color: #db2242;}
	.art-list .list_2 .list_box:hover .p1 span{color: #db2242;}
	.art-list .list_2 .list_box:nth-child(odd){float:left;}
	.art-list .list_2 .list_box:nth-child(even){float:right;}
	.art-list .list_2 .list_box .txt{width: 100%;padding: 0;}  
	@media only screen and (max-width: 768px){
		.art-list .list_2 {margin-top: 10px;}
		.art-list .list_2 .list_box{width: auto;}
		.i-title.mb-pd{padding: 15px 0 0 0;}
	}
	/* 精英团队 */
	@media (min-width: 1024px){
	.l-content .h1title.txt-left{text-align: left;padding-left: 0px;}
	}
	/* 查看更多按钮 */
	.bt-box{float: left;width: 100%;text-align: center;}
	.btn {border: 1px solid #ddd;background-color: #eee;border-radius: 5px;padding: 10px 20px;margin: 0 0 40px 0;text-align: center;color: #666;display: inline-block;-webkit-transition: all ease-out .5s;-o-transition: all ease-out .5s;transition: all ease-out .5s;}
	.bt-box .btn:hover {color: #fff;background-color: #db2242;}
	@media only screen and (max-width: 768px){
		.btn{margin: 10px 0 15px;}
	}
	/* 新增产品翻页 */
	.good-back{border-top: 1px solid #e0e0e0;}
	.good-back .next-prev{margin-top: 15px;}
	.good-back .next-prev a{display: block;font-size: 12px;line-height: 2;}
	.good-back .back{margin: 20px 0;}
	/* 首页精品工程 */
	.Boutique .i-case .item .txt{padding: 0;}
	.Boutique .i-case .item .txt .title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 6px 15px;}
	@media only screen and (min-width: 768px){
	.Boutique .item{width: 380px;}
	.Boutique .item .thumb{width: 380px;height: 285px;}
	.Boutique .i-case .item:nth-child(3n+1){clear: both;}
	.Boutique .i-case .item .txt{width: 100%;}
	}
	@media only screen and (max-width: 767px){
	.Boutique .i-case .item .txt .title{padding: 6px 5px;font-size: 14px;}
	}
	/* 公共 */
	.space-nowrap-t3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
	.show-b{display:none !important;}
	.hide-b{display:block !important;}
	@media (min-width: 1024px){
	.show-b{display:block !important;}
	.hide-b{display:none !important;}
	}