/************
 * 页面样式
 ************/
/*=============
 * 基础默认样式
 =============*/

html{
	color: #333;
	min-width: 320px;
	font-size: 100%;
	
	
}
:selection{
	background: #000;
	text-shadow: none;	
}

ul,h1,h2,h3,p,div,dl,dt,dd,figure,figcaption{
	margin: 0;
	padding: 0;
}
li{list-style: none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{ max-width: 100%; height: auto; transition: all .5s;}
/*=============
 * 工具样式
 =============*/
.pc-xs{ display:none;}
.center-block{
	display: block;
	margin-right: 0;
	margin-left: 0;
}
.pull-right{
	float: right !important;
}
.pull-left{
	float: left !important; 
}

.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}
.text-center{
	text-align: center !important;
}

.hide{
	display: none !important;
}
.show_{
	display: block !important;
}
.invisible{
	visibility: hidden;
}
.text-hide{
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.clearfix:after,.clearfix:before{
	content: '';
	display: table;
	  }
.clearfix:after{
	clear: both;
	}

*{box-sizing: border-box;}

/*=============
 * 浏览器更新提示
 =============*/
.browerupgrade{
	margin: 0;
	padding: 1rem;
	background: #ccc;
}

/*=============
 * 自定义页面样式
 =============*/
body{
	
	line-height: 1.8;
	background: #fff;
	background-image:url(../images/bg.png);
	font-family: Microsoft YaHei;
}

a{
	color: #555;
	text-decoration: none;
	transition: all .4s; 
}
a:active,a:hover{
	color: #D80808;
	text-decoration: none;
	transition: all .5s;
}

.container{ max-width: 77em; margin: 0 auto; padding: 0 1rem;}
.container_1100{ max-width: 70em; margin: 0 auto; padding: 0 1rem;}
.container_sp{ max-width: 77em; margin: 0 auto; padding: 0 1rem;}


.navbar{
	background: rgba(0,0,0,.75);
	box-shadow: 0 2px 10px rgba(0,0,0,.3);
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
}

.navbar .txt{
	font-family: 'Open Sans', "Microsoft Yahei", sans-serif;
	font-weight: 300;
	font-size:1.75em;
	color:#000;
	margin-top: .99rem;
	margin-left: .9rem;
	position: fixed;
	z-index: 30;
}
.navbar .tel{
	margin: 1.1rem 0rem 0rem 1.5rem;
	position: relative;
	float:right; text-align: right;
}
.navbar .tel a{
	padding: 0.5rem 0.5rem;
	font-size: 0.5rem;
	color:#999;
	background:#494949;
}
.navbar .tel a:hover{
	color:#fcc800;
	background:rgba(252,200,0,0.30);
	transition: all 0.5s;
}

.logo img{
	 max-height:100%;
	 max-width:14.9rem;
	 width: auto;
	 margin-top: 0.4rem;
	 position: fixed;
}
.nav{ float:right; text-align: right; font-size: 0;}
.nav li{ display: inline-block; font-size: 0.85rem;}
.nav li a{ color:#fff; display: block; padding: 0.5rem 1rem; margin:0.8rem 0.5rem 0.8rem 0.5rem; text-align:center;}
.nav li a span{ display: block; font-size: 0.5rem; text-transform:uppercase;}
.nav li a:hover{color:#000; background:#fcc800; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; transition: all .5s;}
.nav li.now a{color:#000; background: rgba(252,200,0,0.85); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; transition: all .5s;}
.nav li p{position:absolute;top:30px;left:0px; width:90px; height:7px;border-top:2px solid #c4261d; overflow:hidden;text-align:center;}


.nav li .er{ width:150px; position:absolute; left:-22px; top:90px; z-index:99999;}
.nav li:hover .er{ display:block;}
.nav li .er .er_m{ width:100%; position:relative;}
.nav li .er .er_m i{ display:block; width:22px; height:11px; background:url(../images/icon3.png) no-repeat; position:absolute; left:60px; top:-11px;}
.nav li .er .er_m  ul{ width:100%; height:auto; background: rgba(250,250,250,0.95); border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; padding:0px 0;}
.nav li .er .er_m  ul li{ width:100%; height:45px; line-height:45px; text-align:center; margin-left:0;}
.nav li .er .er_m  ul li a{ width:100%; font-size:14px; height:45px; line-height:45px;margin-top:0;}
.nav li:hover .er .er_m  ul li a{ background:none; color:#111;}
.nav li .er .er_m  ul li a:hover{ color:#fff; background:#23297a; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}


.ad{
	text-align: center;
	margin-top: 0rem;
}
.ad .item{ font-size: 0;background: #fcc800;}
.owl-theme .owl-controls{ margin-top: -75px !important;}

.sy-about{ background: #242424; padding: 2rem 0; color: #fff;}
.sy-abtxt{ width: 60%;}
.sy-abtxt h2{ font-size: 1.5rem; padding-bottom: .5rem;font-weight: 400;}
.ab-btn{ text-align: right;}
.ab-btn a{ display: inline-block;border-radius:1.875rem; height:3.125rem; margin-top: 2rem; width: 18%; line-height: 3.125rem; background: #fff; color: #333;text-align: center;}
.ab-btn a:hover{ background: #c90000; color: #fff;}
.title{ padding-top: 3.5rem; margin-bottom: 1rem; text-align: center; padding-bottom: 1rem; border-bottom: 0px #f6f6f6 solid;}
.title h2{ font-size: 1.5rem; font-weight: 300; padding-bottom: .6rem;}
.title h3{ font-size: 1.05rem; font-weight: 300; padding-bottom: .6rem;}
.title h4{ font-size: 1.15rem; font-weight: 300; padding-bottom: 0rem; line-height:1rem;}

.title span{ }
.title p{ color: #999;}

.service-list{ font-size: 0; padding-bottom: 1rem;}
.service-list li{padding:0 1rem; font-size: 1rem; text-align: center;  margin-top: -1rem; }
.service-list h3{ font-size: 1.5rem; font-weight: 400;  margin-top: -1rem;}
.service-list i{ font-size:7rem;transition: all .4s;transform: rotate(0deg);}
.service-list li p{ font-size: 0.875rem; color: #999;}
.service-list li:hover i{
	color: #F13A3A;
}

.programme-box{ 
	background: #fff;
	padding-bottom: 3rem;
}

.ff-list{
	font-size: 0;	
}
.ff-list li{
	 display:inline-block;
	 position: relative;
	 background: #fff;
	 overflow: hidden;
}
.ff-list li img{ width: 95%;max-width: 95%;}


.fa-txt{
	font-size: 4rem;
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	opacity: 0;
	transition: all .4s;
}
.ff-list li img{ width:100%; padding:1.0rem; background:#fff;}
.ff-list li a:hover img{ opacity: 1.0; transform: scale(1.1,1.1);}
.ff-list li a:hover .fa-txt{ opacity: 1; font-size: 1.25rem; }

.advantage-box{ padding-top: 3rem; padding-bottom: 2rem; font-family:"微软雅黑";}
.advantage-list{ font-size: 0;}
.advantage-list li{ font-size: 1rem; text-align: center;  margin-top: -1rem;}
.advantage-list li i{font-size:7rem;transition: all .4s;}
.advantage-list li h3{ font-size: 4rem; color: #555; margin-top: -1rem;}
.advantage-list li p{ font-size: 1.25rem; color: #333;}
.advantage-list li:hover i{color: #F13A3A;}

#owl-demo4 .owl-controls,#owl-demo5 .owl-controls,#owl-demo6 .owl-controls,#owl-demo8 .owl-controls{ margin-top: 15px !important;}
#owl-demo9 .owl-controls{ margin-top: 15px !important; margin-bottom:15px !important;}


.brand-box{ background: url(../img/ban.jpg)  center top; background-attachment: fixed; background-size: cover; }
.brand-box .box1{padding: 4rem 1rem;max-width: 75rem; margin: 0 auto; }
.brand-box h2{text-align: center; color: #fff; font-size: 2rem; background: rgba(0,0,0,.4); padding: 1rem 0;}
.brand-box h2 span{ color: #c90000; font-size: 3rem;}
.brand-box h2 strong{ display: block;}

.team-list .item{ position: relative; margin: 0 .6rem 1rem; overflow: hidden;}
.team-list .item img{ width: 100%; height: auto; display: block;}
.team-list .item a { font-size:0.85rem;}
.team-list .item a:hover { color:#073389;}

.ico { width: 100%; display: block; margin:1.5rem auto 2rem;}
.ico img { width:850px; display: block; margin:0rem auto 0rem;}
.ico-list img { width: 100%; max-width:250px; display: block; margin:4.5rem auto 0rem;}
.ico-list img:hover{ transition: all .4s; }

.case-list { padding:3% 0px 5%;}
.case-list img { width: 100%; max-width:500px; display: block; margin:0rem auto 0rem;}

.team-list .itemline{ width: 100%; height: 1.2rem; display: block;}

.team-box{ background:rgba(255,255,255,0.75); padding-top: 5rem;padding-bottom: 3rem;}
.team-list .item .name-t{ background: #fff; height: 3rem; line-height: 3rem; text-align: center;box-shadow: 0 2px 6px #000;}

.team-abs{ text-align: center; position: absolute;left: 0; top: 0; bottom: 0; right: 0; background: rgba(0,0,0,0);transition: all .5s; }
.team-abs h3{ padding-top: 22%;color: hsla(0,0%,100%,0); font-size: 3rem; font-weight: 400;transition: all .5s; }
.team-abs p{color: hsla(0,0%,100%,0);transition: all .4s; font-size: 2rem; }
.team-list .item a:hover .team-abs{background: rgba(0,0,0,.5);}
.team-list .item a:hover .team-abs h3{color: hsla(0,0%,100%,1); font-size: 1.5rem;}
.team-list .item a:hover .team-abs p{color: hsla(0,0%,100%,1);font-size: 1rem;}

#owl-demo2 .owl-controls{ margin-top: 1.5rem !important;}
#owl-demo3 .owl-controls{ margin-top: .5rem !important;}
.value-box{background: url(../img/bg2.jpg) center center no-repeat; background-attachment: fixed; background-size: cover;}
.value-txt{ width: 50%; margin-left: 50%; background: rgba(30,39,48,.8); padding: 5rem 0 5rem 3rem; color: #fff;}
.value-txt h2{ font-size: 2.375rem; padding-bottom: .5rem; font-weight: 400;}

.value-txt .ab-btn{ text-align: center;}
.value-txt .ab-btn a{ min-width: 10rem;}

.about-box{background:#c7000b; border-radius:1rem; margin-top:8rem; display:block; clear:both;}
.about-txt{ width: 100%; top:0px; padding: 0rem 1rem 2.2rem 1rem; color: #fff; text-align:center; font-size: 1rem; line-height:2rem;}
.about-txt h2{ width: 30%; padding:5px 25px; margin:-1.35rem auto 2.0rem; background:#fff; color:#c7000b; font-size: 1.5rem; font-weight: 300; border:solid 1px #eee;}


.lx-box{ padding-bottom: 3rem;}
.lx-list{ font-size: 0;}
.lx-list li{ display: inline-block; width: calc(25% - 0.76rem); border:1px #ddd solid; font-size: 1rem;}
.lx-list li + li{ margin-left: 1rem;}
.lx-list li i{ float: left; font-size: 3rem; padding: 0 1rem;}
.lx-list li p{ padding-top: 1rem;}
.lx-list li p span{ display: block; font-size: 0.875rem; color: #999;}

.content_tit{ padding-top: 3.5rem; padding-bottom: 3.5rem; margin-bottom: 1rem; text-align: center; background: url(../images/tit_bg.jpg) center center no-repeat;}
.content_tit h2{ font-size: 3rem; font-weight: 300; padding-top: 1.5rem; padding-bottom: -0.5rem; letter-spacing:-0.15rem;}
.content_tit h3{ font-size: 2.2rem; font-weight: 500; padding-bottom: 0.5rem;}
.content_tit h4{ font-size: .95rem; font-weight: 300; padding-bottom: 0rem;}

.contact_tit{ padding-top: 0rem; padding-bottom: 0rem; margin-bottom: 0rem; width: 40%; position: relative; text-align: left; float:right; }
.contact_tit h2{ font-size: 1.9rem; font-weight: 300; padding-top: 1.0rem; padding-bottom: 1.5rem; line-height:3.2rem;}
.contact_tit h2 span{ color:#c7000b; font-size: 3rem; font-weight: 300; padding-top: 1.5rem; padding-bottom: 1.0rem; letter-spacing:-0.15rem; border-bottom:#c7000b 2px solid;}
.contact_tit h3{ font-size: 1.3rem; font-weight: 300; padding-bottom: 1.2rem;}
.contact_tit h4{ font-size: 1.05rem; font-weight: 300; padding-top: 4.5rem; padding-bottom: 0rem; line-height:2.5rem;}

.contact_input{ padding-top: 3rem; padding-bottom: 0rem; margin-bottom: 0rem; position: relative; z-index:99; width: 50%; float:left;}
.contact_input input{ padding: 0.55rem; margin-bottom: 0.95rem; background:#f9f9f9; color:#999; font-size:15px; display: block; width: 100%; border:#eee 1px solid; border-radius: 3px; }
.contact_input img{ display: inline-block; }
.contact_input textarea{ padding: 0.55rem; margin-bottom: 0.95rem; background:#f9f9f9; color:#999; font-size:15px; display: block; width: 100%; border:#eee 1px solid; border-radius: 3px; }
.contact_input .code { width: 170px; display:inline; padding: 0.35rem 0.55rem;}
.contact_input .submit { font-size: 14px; width: 170px; background: #f9f9f9; color: #777; display: block; text-align: center; line-height: 2rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.contact_input .submit:hover {background: #000; color: #fcc800; cursor: pointer; -webkit-transition: all 0.9s; transition: all 0.9s;}

.contact_map{ padding-top: 0rem; padding-bottom: 0rem; text-align: center; width:100%; height:100%; max-width:1903px; max-height:580px; overflow:hidden;}
.contact_map .aboutmap {width:100%; height:480px; margin-bottom:0;}
.contact_map h2{ font-size: 1.2rem; font-weight: 300; padding-top: 0rem; line-height:0rem;}
.contact_map h2 span{ color:#c7000b; font-size: 1.2rem; font-weight: 500; padding-top: -3rem; padding-bottom: 0.25rem; line-height:1.5rem; border-bottom:#c7000b 2px solid;}
.contact_map h3{ font-size: 1.0rem; font-weight: 300; padding-top: 1.2rem; padding-bottom: -4rem; line-height:1.5rem; float:left;}
.contact_map h4{ font-size: 0.95rem; font-weight: 300; padding-top: 0rem; padding-bottom: 0rem; margin:0.5rem 0rem 1rem 0rem; line-height:1.5rem; float:left;}

.svrpage{ padding: 5rem 0rem 0rem 0rem;}
.svrpage-tit{ padding: 1.5rem 0rem; text-align: center; font-size: 1.5rem; line-height:0.5rem; font-weight: 300; background:#222; }
.svrpage-tit .triangle{ width:0px; height:0px; display: inline-block; border:1.0rem solid #000; border-color:#D30000 transparent transparent transparent; border-style:solid dashed dashed dashed;}
.svrpage-tit .no1{ padding:5px 25px; color:#fff; display: block;}

.svrpage-box{ padding: 0rem 0.5rem 3rem; font-family:"微软雅黑"; position:relative; z-index:99;}
.svrpage-list{ font-size: 0; margin:0rem auto 2rem;}

.svrpage-list ul { text-align: center;}
.svrpage-list li { font-size: 0.85rem; margin:2rem auto 2rem; padding:1.5rem; text-align: center; width:18rem; height:22rem; color: #000; background:#fcc800; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; box-shadow: 0 3px 12px rgba(0,0,0,.35); transition: all 0.5s;}
.svrpage-list li:hover {background: #000; color: #fcc800; transition: all 0.5s;}
.svrpage-list li i{font-size:7rem;transition: all .4s;}

.svrpage-list li h2{ margin:1.5rem auto 2rem; font-size: 1.0rem; line-height:1.5rem; font-weight:300;}
.svrpage-list li h2 span{ font-size: 1rem; display:block; text-transform:uppercase;}

.svrpage-list li h3{ font-size: 1.25rem; background:#c20000; color: #fff; width:8.3rem; height:8.3rem; border-radius:4.15rem; margin:0.25rem auto 0rem; text-align:center; line-height:8rem; transition: all 0.5s;}
.svrpage-list li h3:hover {background: #fff; color: #c30000; transition: all 0.5s;}

.svrpage-list li p{ font-size: 0.85rem; font-weight:100; line-height:1.5rem; margin:0rem auto 0rem; text-align:left; letter-spacing:0rem;}

.svrpage-list li:hover i{color: #F13A3A;}

.serv{ padding-top: 0rem; padding-bottom: 6rem; margin-bottom: 1rem; text-align: center;}
.serv .t5{ margin-top:-5rem;}
.serv-tit{ padding: 3.5rem 0rem 4.5rem; text-align: center; font-size: 1.5rem; line-height:0.5rem; font-weight: 300; }
.serv-tit .triangle{ width:0px; height:0px; display: inline-block; border:1.0rem solid #000; border-color:#D30000 transparent transparent transparent; border-style:solid dashed dashed dashed;}
.serv-tit .no1{ padding:5px 25px; color:#fff; display: block;}
.serv-tit .no2{ padding:5px 25px; color:#333; display: block;}

.nnav { padding: 0rem 0rem; font-family:"微软雅黑"; background:#333; position: relative; display:block;}
.nnav-list{ font-size: 0; margin:5rem auto;}
.nnav-list ul { text-align: center;}
.nnav-list li { font-size: 1rem; height:3rem; line-height:3rem; display:inline-block; color: #fff; transition: all 0.5s;}
.nnav-list li:hover {background: #fff; color: #c30000; transition: all 0.5s;}

.tabBox {width:100%; margin-top:6.2rem; position: relative; z-index:99; text-align:left; background: rgba(0,0,0,0.99); padding:1.5rem 0 1.5rem; display:block;}
.tabBox .tabNav {width:100%; text-align:center; color:#fff;}
/*.tabBox .tabNav li { display:inline-block; *display:inline; zoom:1; text-align:center; cursor:pointer; width:140px; height:38px; text-align:center; line-height:38px; color:#FFF; margin:0 8px; vertical-align:top; font-size:16px; background:#fff;}*/
.tabBox .tabNav a li { display:inline-block; *display:inline; zoom:1; text-align:center; cursor:pointer; width:140px; height:38px; text-align:center; line-height:38px; color:#FFF; margin:0 8px; vertical-align:top; font-size:15px; background:#555; border-radius:3px;}
.tabBox .tabNav li:hover { width:140px; height:38px; text-align:center; line-height:38px; color:#FFF; font-size:15px; background:#999;}
.tabBox .tabNav li.now { background:#c90000; color:#fff;}


.tabBox_Case {width:100%; margin-top:6.2rem; position: absolute; z-index:99; text-align:left; background: rgba(0,0,0,0.50); padding:1.5rem 0 1.5rem; display:block;}
.tabBox_Case .tabNav {width:100%; text-align:center; color:#fff;}
.tabBox_Case .tabNav a li { display:inline-block; *display:inline; zoom:1; text-align:center; cursor:pointer; width:140px; height:38px; text-align:center; line-height:38px; color:#FFF; margin:0 8px; vertical-align:top; font-size:15px; background:#555; border-radius:3px;}
.tabBox_Case .tabNav li:hover { width:140px; height:38px; text-align:center; line-height:38px; color:#FFF; font-size:15px; background:#999;}
.tabBox_Case .tabNav li.now { background:#c90000; color:#fff;}


.CaseTitle{ padding: 0rem 0rem; text-align:center;}
.CaseTitle h2{ font-size: 1.6rem; font-weight: 300; padding:0rem 0; letter-spacing:0.05rem;}
.CaseTitle h3{ font-size: 1.9rem; font-weight: 300; padding:0rem 0; letter-spacing:0.05rem;}
.CaseTitle h4{ font-size: 0.95rem; font-weight: 300; padding:0rem 0;}
.CaseTitle h5{ font-size: 1.2rem; font-weight: 500; padding:0rem 1rem; line-height:1.8rem;}
.CaseTitle i{ width:7rem; height:0.15rem; background:#fcc800; margin:0rem auto 2.5rem; display:block;}
.CaseTitle i{ width:7rem; height:0.15rem; background:#fcc800; margin:0rem auto 2.5rem; display:block;}
.CaseTitle i:after { content:"";background:#fff; height:1px; width:40%; position:absolute;right:0px;bottom:20px;opacity:0.3;filter:alpha(opacity=30)}
.CaseTitle i:before {content:"";background:#fff; height:1px; width:40%; position:absolute;left:0px;bottom:20px;opacity:0.3;filter:alpha(opacity=30)}

.CaseTitle p{ font-size: 0.8rem; font-weight: 300; padding:0rem 0; line-height:1.8rem; padding-bottom:1.5rem;}
.CaseTitle p img{ margin:0rem auto; display:block;}

.CaseTitle .time{ font-size: 0.75rem; display:block; margin:0.5rem auto 1.5rem;}
.CaseTitle .contact{ float:left; display:block;}
.CaseTitle .contact p{ font-size: 1rem; display:block; text-align:left; line-height:2rem;}
.contact_link{ float:left; width:100%; display:block; margin:1rem auto 2rem; padding-top:1rem; border-top:solid #eee 1px;}
.contact_link p{ font-size: 0.85rem; display:block; text-align:left; line-height:1.5rem;}
.contact_link p span{ float:right;}



/*首页产品分类*/
.home_pro {padding:0px 0px 5% 0px; margin:0 auto;}
.home_pro .pro_nei {max-width:1200px;width:100%;margin:0 auto;}
.home_pro .pro_com {max-width:1200px;width:100%; margin:0 auto;}

.pro_com {padding:0px 0px 5% 0px;}
.pro_com .p_left {width:32.35%;float:left;position:relative;}
.pro_com .p_left i {display:block;padding-bottom:1%;}
.pro_com .p_left .zhe_a {position:absolute;top:0px;left:0px;width:100%; height:100%; background: rgba(0,0,0,0.75);vertical-align:middle;display:table-cell;text-align:center;padding:50% 0px;display:none;transition: all 0.5s;}
.pro_com .p_left .zhe_a img {max-width:100%;max-height:100%;}
.pro_com .p_left .zhe_a span {display:block;color:#fcc800;width:98%;margin:auto;}
.pro_com .p_left .zhe_a .zw {font-size:20px;font-weight:300;overflow:hidden;margin-top:5%;}
.pro_com .p_left .zhe_a .yw {font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;text-transform:uppercase;}
.pro_com .p_left:hover .zhe_a {display:block; transition: all 0.5s;}

/*
.pro_com .p_left ul li {float:left;margin-right:1.5%; margin-bottom:1.5%; position:relative;}
.pro_com .p_left ul li .zhe_a {position:absolute;top:0px;left:0px;width:100%;height:100%; line-height:1;background:rgba(0,0,0,0.75);vertical-align:middle;display:table-cell;text-align:center;padding:30% 0px;display:none;transition: all 0.5s;}
.pro_com .p_left ul li .zhe_a img {max-width:100%;max-height:100%;}
.pro_com .p_left ul li .zhe_a span {display:block;color:#fcc800;width:98%;margin:auto;}
.pro_com .p_left ul li .zhe_a .zw {font-size:20px;font-weight:300;overflow:hidden;margin-top:5%;}
.pro_com .p_left ul li .zhe_a .yw {font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;}
.pro_com .p_left ul li:hover .zhe_a {display:block;transition: all 0.5s;}
*/


.pro_com .p_right {width:66.5%;float:right;position:relative;}
.pro_com .p_right ul li {float:left;margin-right:1.5%; margin-bottom:1.5%; position:relative;}
.pro_com .p_right ul li:nth-child(2n+2) {margin-right:0px;}
/*.pro_com .p_right ul li:nth-child(2n+3) {margin-right:0px;}*/
.pro_com .p_right ul li:nth-child(2n+5) {margin-right:0px;}
.pro_com .p_right ul li .pic {position:relative;}
.pro_com .p_right ul li .pic_260 {position:relative; max-width:258px;}
.pro_com .p_right ul li .pic_528 {position:relative; max-width:528px;}
.pro_com .p_right ul li .pic i {display:block;padding-bottom:0%;}
.pro_com .p_right ul li .zhe_a {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.75);vertical-align:middle;display:table-cell;text-align:center;padding:30% 0px;display:none;transition: all 0.5s;}
.pro_com .p_right ul li .zhe_a img {max-width:100%;max-height:100%;}
.pro_com .p_right ul li .zhe_a span {display:block;color:#fcc800;width:98%;margin:auto;}
.pro_com .p_right ul li .zhe_a .zw {font-size:20px;font-weight:300;overflow:hidden;margin-top:5%;}
.pro_com .p_right ul li .zhe_a .yw {font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;}
.pro_com .p_right ul li:hover .zhe_a {display:block; transition: all 0.5s;}

.pro_com .p_right ul li .zhe_b {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.75);vertical-align:middle;display:table-cell;text-align:center;padding:12% 0px;display:none;}
.pro_com .p_right ul li .zhe_b img {max-width:100%;max-height:100%;}
.pro_com .p_right ul li .zhe_b span {display:block;color:#fcc800;width:98%;margin:auto;}
.pro_com .p_right ul li .zhe_b .zw {font-size:20px;font-weight:300;overflow:hidden;margin-top:5%;}
.pro_com .p_right ul li .zhe_b .yw {font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;}
.pro_com .p_right ul li:hover .zhe_b {display:block; transition: all 0.5s;}

.vcenter {max-width:100%;max-height:100%;display:block;vertical-align:middle;margin:auto;}
.pro_nei .aboutmore { font-size: 15px; height: 45px; line-height: 45px; width: 140px; background: #fff; color: #002361; border:#002361 1px solid; display: block; text-align: center; margin:1rem auto 1rem; -webkit-transition: all 0.5s; transition: all 0.5s;}
.pro_nei .aboutmore:hover {  background: #002361; color: #fff; border:#002361 1px solid; -webkit-transition: all 0.5s; transition: all 0.5s;}

@media (max-width:768px) {
.pro_com .p_left {width:100%;margin-bottom:10px;}
.pro_com .p_right {width:100%;margin-bottom:10px;}
.pro_com .p_right ul li .pic_260 {position:relative;}
.pro_com .p_right ul li .pic_528 {position:relative;}

}
@media (max-width:480px) {
.pro_com .p_right {width:100%;}
.pro_com .p_right ul li {width:100%;margin-right:0px;margin-bottom:10px;}
.pro_com .p_right ul li .pic img {width:150%;position:relative;}

.pro_com .p_right ul li .pic_260 {position:relative; max-width:100%;}
.pro_com .p_right ul li .pic_528 {position:relative; max-width:100%;}

}
.top_all {text-align:center;position:relative;margin:auto;overflow:hidden;}
.top_all h3 {font-size:20px;color:#000; background:#fcc800; max-width:200px; margin:0rem auto; padding:0.2rem 0.5rem; text-align:center;overflow:hidden; font-weight:100;}
.top_all span {font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:22px; color:#fff;display:inline-block;margin-top:0px;text-transform:uppercase;}
.top_all:after { content:"";background:#fff; height:1px; width:40%; position:absolute;right:0px;bottom:20px;opacity:0.3;filter:alpha(opacity=30)}
.top_all:before {content:"";background:#fff; height:1px; width:40%; position:absolute;left:0px;bottom:20px;opacity:0.3;filter:alpha(opacity=30)}




/*首页系统优势*/
.home_sys {background: rgba(255,255,255,0.75);padding:4% 0px;margin:0 auto;}
.home_sys .sys_nei {max-width:1200px;width:98%;margin:0 auto;}
.home_sys .sys_com {max-width:1200px;width:100%; margin:0 auto;}
.home_sys .sys_com a { color:#333;}
.home_sys .sys_com a:hover { color:#005bbb;}

.sys_com {padding:3% 0px 4%;}
.sys_com .p_left {width:57.5%;float:left;position:relative;}
.sys_com .p_left img {max-width:100%;max-height:100%; transition:all 0.5s;}
.sys_com .p_left img:hover{ transform: rotateY(180deg);transition:all 0.9s;}
.sys_com .p_left h4 {font-size:18px; font-weight:300; line-height:22px; margin-top:10px;}
.sys_com .p_left h4 span {font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:18px; font-weight:100; display:block; text-transform:uppercase;}
.sys_com .p_left p {font-size:14px; line-height:20px; margin-top:-20px; text-transform:uppercase;}
.sys_com .p_left:hover p {display:block;}

.sys_com .p_right {width:38.5%;float:right;position:relative;}
.sys_com .p_right ul li {float:left;margin-right:0; margin-bottom:1.5%; position:relative;}
.sys_com .p_right ul li:nth-child(2n+3) {margin-right:0px;}
.sys_com .p_right ul li:nth-child(2n+5) {margin-right:0px;}

.sys_com .p_right ul li .pic {position:relative;padding-bottom:2.5%;}
.sys_com .p_right ul li .pic img {max-width:100%;max-height:100%; transition:all 0.5s;}
.sys_com .p_right ul li .pic img:hover{ transform: rotateY(180deg);transition:all 0.9s;}
.sys_com .p_right ul li .pic h4 {font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:18px; font-weight:100; line-height:22px; margin-top:7px; text-transform:uppercase;}
.sys_com .p_right ul li .pic h4 span {font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:18px; font-weight:100; text-transform:uppercase;}
.sys_com .p_right ul li .pic p {font-size:14px; line-height:20px; margin-top:-22px; text-transform:uppercase;}
.sys_com .p_right ul li .pic:hover p {display:block;}

.sys_com .p_center {width:100%;float:left;position:relative; margin-top:2%;}
.sys_com .p_center img {max-width:100%;max-height:100%; transition:all 0.5s;}
.sys_com .p_center img:hover{ transform: rotateY(180deg);transition:all 0.9s;}
.sys_com .p_center h4 {font-size:18px; font-weight:300; line-height:22px; margin-top:10px;}
.sys_com .p_center h4 span {font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:18px; font-weight:100; display:block; text-transform:uppercase;}
.sys_com .p_center p {font-size:14px; line-height:20px; margin-top:-20px; text-transform:uppercase;}
.sys_com .p_center:hover p {display:block;}

.sys_nei .aboutmore { font-size: 15px; height: 45px; line-height: 45px; width: 140px; background: #002361; color: #fff; border:#002361 1px solid; display: block; text-align: center; margin:1rem auto 1rem; -webkit-transition: all 0.5s; transition: all 0.5s;}
.sys_nei .aboutmore:hover {  background: #fff; color: #002361; border:#002361 1px solid; -webkit-transition: all 0.5s; transition: all 0.5s;}

@media (max-width:768px) {
.sys_com .p_left {width:100%;margin-bottom:10px;}
.sys_com .p_right {width:100%;}
}
@media (max-width:480px) {
.sys_com .p_right {width:100%;}
.sys_com .p_right ul li {width:100%;margin-right:0px;margin-bottom:10px;}
}



/*首页关于我们*/
.home_about {background:url(../images/Index_About_Bg.png) no-repeat center top; background-size:auto; padding:12rem 0rem 6rem;}
.home_about .about_com {max-width:1200px;width:100%;margin:0rem auto 0rem;}
.home_about .about_com .a_left {width:48%; float:left; position:relative;}
.home_about .about_com .a_left .pic {position:absolute;z-index:999; top:6px;}
.home_about .about_com .a_left .pic img {z-index:999;}

.home_about .about_com .a_right {width:48%; float:right; color:#333;}
.home_about .about_com .a_right .span_y {font-size:28px;overflow:hidden;line-height:40px;}
.home_about .about_com .a_right .span_z {font-size:20px;line-height:30px;width:98%;overflow:hidden;}
.home_about .about_com .a_right p {color:#555;font-size:15px;line-height:24px;overflow:hidden;margin:20px auto;}
.home_about .about_com .a_right .more {color:#333;font-size:14px;height:40px;width:150px;background:#fcc800;display:block;text-align:center;line-height:40px; margin-top:1.5rem;}
.home_about .about_com .a_right .more:hover {background:#000; color:#fcc800; transition:all 0.5s;}

@media (max-width:768px) {
.home_about {background: rgba(255,255,255,0.95); background-size:auto; padding:0rem 0rem 2rem;}
.home_about .about_com .a_left {width:100%; margin-bottom:1rem;}
.home_about .about_com .a_left .pic {top:0px;position: relative;}
.home_about .about_com .a_right {width:100%; padding:0 0.5rem;}
.home_about .about_com .a_right .span_y {font-size:24px;text-align:center;}
.home_about .about_com .a_right .span_z {font-size:18px;text-align:center;}
.home_about .about_com .a_right p {margin:10px auto;}
.home_about .about_com .a_right .more {color:#333;font-size:14px;height:40px;width:150px;background:#fcc800;display:block;text-align:center;line-height:40px; margin:1.5rem auto;}

}






/*页面底部*/
.footer {background:#111;width:100%; border-top:solid 0px rgba(0,0,0,0.95)}
.footer_com {max-width:1200px;width:100%;margin:0 auto;padding:3rem 0rem 0rem;}
.footer_com .di_nav {width:100%;float:left;}
.footer_com .di_nav li {width:16.6%;float:left;border-left:1px solid #4a4a4a;padding-left:15px;}
.footer_com .di_nav li a {display:block;color:#959595;font-size:12px;line-height:24px;height:24px;overflow:hidden;width:100%;}
.footer_com .di_nav li a:hover {color:#fcc800;}
.footer_com .di_nav li .tit {font-size:15px;line-height:24px;height:24px;width:100%;color:#fff;margin-bottom:10px;}
.footer_com .di_nav_ex {display: none;}
.footer_com .er_right {width:40%;float:right;}
.footer_com .er {width:100%;}
.footer_com .er .pic {position:relative; margin:1.5rem auto;}
.footer_com .er .pic i {display:block;padding-bottom:100%;}
.footer_com .er .pic span {display:block; overflow:hidden;font-size:14px; color:#fff; text-align:center;}
.footer_com .er .pic img {padding:10px;border:0px solid #606060;box-sizing:content-box;}
.footer_com .er .text {color:#fff;text-align:center;margin-top:20px;padding-left:10px;}
.footer_com .er .text span {display:block;line-height:25px;height:25px;width:100%;overflow:hidden;font-size:14px;}
.footer_com .er .text span:last-child {color:#aeaeae;font-size:12px;}
.footer_com .er_right .dian {width:55%;background:url(../images/di_dian.png) no-repeat left;float:right;padding-left:52px;}
.footer_com .er_right .dian span {display:block;color:#fff;font-size:16px;}
.footer_com .er_right .dian a {display:block;color:#ff6600;font-size:31px;font-family:Pabloco;}
@media (max-width:768px) {
.footer {padding:1rem 0rem;}
.footer_com {width:100%; margin:0 auto; padding:0rem;}

.footer_com .di_nav {display:none;}

.footer_com .di_nav_ex {display: block; text-align:center;width:100%;float:left;}
.footer_com .di_nav_ex a {display: inline-block;color:#959595;font-size:14px;line-height:24px;height:24px; padding:0rem 0.5rem;}
.footer_com .di_nav_ex a:hover {color:#fcc800;}
.footer_com .di_nav_ex .tit {display:block;color:#959595;font-size:16px;line-height:24px;height:24px;}

.footer_com .er_right {width:100%;padding:0% 0px;}
.footer_com .er_right .er {width:30%;}
.footer_com .er_right .er .pic i {padding-bottom:31.25%;}
.footer_com .er_right .dian {width:60%;}
}
@media (max-width:480px) {.footer_com .er_right .er {width:100%;}
.footer_com .er_right .er .text {padding-left:0px;}
.footer_com .er_right .dian {width:100%;display:none;}
.footer_com .er_right .dian span {font-size:14px;}
.footer_com .er_right .dian a {font-size:18px;}
}


.copy {max-width:1200px;width:98%;margin:auto;border-top:1px solid #484848;padding:15px 0px;color:#7a7a7a;font-size:12px;}
.copy .amap {float:left;}
.copy .amap:hover {color:#0083c7;}
.copy .l {display:inline-block;}
.copy .r {float:right;}
.copy .r:hover {color:#0083c7;}
.copy span {width:80%;display:inline-block;}
.copy .y_a {float:right;}
.copy .y_a .map {margin-right:10px;display:none;}
.copy .y_a .map:hover {color:#0083c7;}
@media (max-width:640px) {
.copy {text-align:center;padding:15px 0px 5px 0px;line-height:20px;}
.copy .amap {display:none;}
.copy .r {display:none;}
.copy span {width:100%;}
.copy .y_a {float:none;width:100%;margin-top:10px;}
.copy .y_a .map {display:inline-block;}
}







.b-nav{ padding:0rem 0 1rem; text-align: center; border-top: 0px #313a43 solid;}
.b-nav a{ display: inline-block; padding: 0 0.5rem 0; color: #eee;}
.b-nav a:hover{ color: #fff; border-bottom: none;}







.sub-list{ text-align: center; padding-top: 1rem; border-bottom: 1px #dfdfdf solid; padding-bottom: 1.5rem;  font-size: 0;}
.sub-list li{ display: inline-block; font-size: 1rem;}
.sub-list li a{ display: inline-block; padding: .3rem 2rem; border: 1px solid #dfdfdf; margin: 0 0.5rem; border-radius: 5rem;}
.sub-list li a:hover,.sub-list li.active a{ background: #D80808; color: #fff;border-color: #D80808;}

.al-list{ padding-top: 2rem; font-size: 0;}
.al-list li{ display: inline-block; width: 32%; margin-right:1%; margin-bottom:1%; position: relative; transition: all .4s;}
.al-abs{text-align: center; position: absolute; background: rgba(0,0,0,0); z-index: 10; left: 0;top: 0; bottom: 0; right: 0; border: 10px solid hsla(0,0%,100%,0);background-clip: padding-box;transition: all .4s;}
.al-abs span{transition: all .4s ease .2s; position: absolute; left: 50%;font-size: 2rem; top: 50%; transform: translate(-50%,-50%); width: 100%; color: hsla(213,0%,100%,0);}
.al-list li a{ display: inline-block; overflow: hidden;}
.al-list li:hover img{ transform: scale(1.2,1.2);}
.al-list li:hover .al-abs{background: rgba(0,0,0,.9);border: 10px solid hsla(0,0%,100%,.5) }
.al-list li:hover span{color: hsla(213,0%,100%,1);font-size: 1rem;}

.page-ajax{ text-align: center;}
.page-ajax a{ font-size: 1rem; display: inline-block; padding: 1rem 2rem 1rem; position: relative;}
.page-ajax a:hover{ color: #D80808;}
.page-ajax a i{ display: inline-block;}
.page-ajax a i:after{
	content: '';
	border: 5px solid transparent;
	border-top-color: #666;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -5px;	
}
.page-ajax a:hover i:after{ border-top-color: #D80808;}

.al-tit{ padding: 2rem 0 1rem; text-align: left;}
.al-tit h1{ font-size: 1.75rem;font-weight: 400;}
.al-tit h1 span{ display: inline-block; margin-left: 1rem; font-size: 0.875rem; color: #999; }
.al-dbox{ padding-top: 2rem;}

.l-box{
	width: 73%;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    padding: 1.5rem;
}

.r-box{
	    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    padding: 1.5rem;
    width: 25%;
}
.r-box .al-list li{ width: 100%;}


.product-title {
    font-size: 1rem;
    line-height: 1.875;
    font-weight: 400;
    border-bottom: 1px solid #e4eaec;
    padding: 0 0 .5rem 1rem;
    position: relative;
}
.product-title:before{
	content: '';
	 width: 7rem;
	 height: 2px;
	 background: #333;
	 position: absolute;
	 left: 0;
	 bottom: -1px;
}

.text-box{ padding-top: 1rem; font-size: .875rem;}
.xm-mx{ padding-top: 1rem;}
.mt1{ margin-top: 1rem;}

.new-list{ margin-top:2rem;}
.new-list li{color: #666;  padding: 1.5rem 0; border-bottom: 1px #ddd solid;}
.new-list li span{ float: left; margin-right: 0rem; color: #000; text-align: center; line-height:1.5; background: #fcc800; width: 5.5rem; height: 5.5rem; padding-top:0.25rem; overflow:hidden;}
.new-list li span strong{ font-size: 2.0rem;}

.new-list li .newstitle{ font-size: 1.125rem; padding:0.15rem 1rem; display: block; overflow:hidden; text-overflow:ellipsis; }
.new-list li p{ font-size: .85rem; height: 3.5rem; padding:0.15rem 1rem; overflow: hidden;}
.new-list li a{overflow:hidden; font-size: 1.125rem; height: 5.5rem; color: #333; display: block;}
.new-list li:hover .newstitle{ color: #fcc800; padding-left:3rem; background: #000; transition: all .5s;}
.new-list li:hover p{ color: #000; background: #fcc800; transition: all .7s;}


.n-title{ padding-bottom: 1.2rem; border-bottom: 1px #DFDFDF solid; text-align: center;}
.n-title h1{ font-size: 2rem; font-weight: 400;}
.n-title .inf{ color: #999; font-size: .875rem;}

.news-txt{ padding-top: 1.5rem; font-size: 0.875rem;}
.news-txt img{ display: inline-block; margin: .5rem auto;}





.ab-txt .value-box{ background-attachment: inherit; background-size:cover;}
.ab-txt .txt01{ max-width:100%; margin: 3rem auto 0rem; text-align: center; font-size: .95rem; line-height: 2rem;}
.ab-txt .txt01 p{ margin: 1.5rem auto;}

.ab-txt .txt02{ max-width:100%; margin: 3rem auto 3rem; text-align: left; font-size: .95rem; line-height: 1.8rem;}
.ab-txt .txt02 p{ margin: 1rem auto;}
.ab-txt .txt02 p img{ margin: 1rem auto; display:block;}
.ab-txt .txt02 .pleft{ margin: 1rem auto;}
.ab-txt .txt02 .pi{ padding-bottom:5rem;}
.ab-txt .txt02 p span{ margin: 1rem 0rem 0.2rem; padding-bottom:0.2rem; color:#000; border-bottom:solid 1px #000; display: table;}
.ab-txt .txt02 h3{ font-size: 1.5rem; margin: 2rem auto 0rem; font-weight:100;}
.ab-txt .txt02 h5{ font-size: 1.2rem; margin: 0.5rem auto 0rem; line-height:2rem; font-weight:100; text-transform:uppercase;}

.ab-txt .txt02 h2{ font-size: 2.8rem; margin: 0.2rem auto 0rem; line-height:3.2rem; font-weight:100; text-transform:uppercase;font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.ab-txt .txt02 h4{ font-size: 1.6rem; margin: 0rem auto 0rem; line-height:2rem; font-weight:100;font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.ab-txt .txt02 h4 span{ font-size: 1.45rem; font-weight:100; display:inline; font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;}



.ab-txt .txt03{ max-width:100%; margin: 2rem auto 0rem; padding-bottom:3rem; text-align: left; font-size: .95rem; line-height: 1.8rem;}
.ab-txt .txt03 p{ margin: 1rem auto;}
.ab-txt .txt03 p img{ margin: 1rem auto;}
.ab-txt .txt03 p span{ border-bottom:solid 1px #000; color:#000;}
.ab-txt .txt03 .pleft{ float:left;}
.ab-txt .txt03 .pcenter{ float:left; margin-left:7rem;}
.ab-txt .txt03 .pright{ width:55%; float: right; padding-top:0.6rem;}
.ab-txt .txt03 .pright span{ border-bottom:solid 1px #000; color:#000;}




.ab-txt .pro_com .p_right {width:100%; position:relative;}
.ab-txt .pro_com .p_right ul li {float:left;margin-right:1.5%; margin-bottom:1.5%; position:relative;}
.ab-txt .pro_com .p_right ul li .pic {position:relative;}
.ab-txt .pro_com .p_right ul li .pic i {display:block;padding-bottom:0%;}

.ab-txt .pro_com .p_right ul li .zhe_a {position:absolute;top:0px;left:0px;width:100%;background:url(../images/zhe_bg.png);vertical-align:middle;display:table-cell;text-align:center;padding:7% 0px;display:none;transition: all .4s;}
.ab-txt .pro_com .p_right ul li .zhe_a img {max-width:100%;max-height:100%;}
.ab-txt .pro_com .p_right ul li .zhe_a span {display:block;color:#fff;width:98%; margin:auto;}
.ab-txt .pro_com .p_right ul li .zhe_a .zw {font-size:25px;font-weight:500;line-height:30px;height:30px;overflow:hidden;margin-top:5%;}
.ab-txt .pro_com .p_right ul li .zhe_a .yw {font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;height:30px;line-height:30px;overflow:hidden;}
.ab-txt .pro_com .p_right ul li:hover .zhe_a {display:block;transition: all .4s;}







.page{ padding: 7rem 1rem 3rem 1rem;}
.page_2{ padding: 5rem 1rem 1rem 1rem;}
.page_3{ padding: 3rem 1rem 3rem 1rem;}
.Product_index p{margin:0rem auto 0.65rem;}
.page-tit{ text-align: center; line-height:0rem;}
.page-tit span{ padding:5px 25px; background:#D30000; color:#fff;}
.page-tit .no1{ padding:5px 25px; background:#D30000; color:#fff; display: inline-block;}

.page-tit h3{ font-size: 1.6rem; color:#333; font-weight: 600; line-height:0; padding:0rem 0rem;}
.page-tit h5{ font-size: 1.4rem; color:#555; font-weight: 600; line-height:0; padding:0rem 0rem; letter-spacing:0rem; text-transform:uppercase;}
.page-tit i{ width:9rem; height:0.15rem; background:#555; margin:0rem auto 2.5rem; display:block; line-height:0;}
.page-tit em{ width:9rem; height:0.15rem; background:#555; margin:0rem auto 2.5rem; display:block; line-height:0;}

.pageabout{ padding: 5rem 1rem 3rem 1rem;}
.page-about{ line-height:2rem; border-bottom:solid 3px #555; padding-bottom:1rem;}
.page-about h3{ font-size: 2rem; color:#eb6100; font-weight: 600; padding:0rem 0rem; text-transform:uppercase; text-align:left; margin:0rem auto 0rem;}
.page-about h3 span{ font-size: 1.8rem; color:#555; font-weight: 300; display:block; text-transform:none; margin:0.1rem auto 0rem;}
.page-about h5{ font-size: 1.9rem; color:#333; font-weight: 300; padding:0rem 0rem; text-transform:uppercase; text-align:left; margin:0.5rem auto 0rem;}
.page-about i{ margin:-1.5rem auto 0rem; display:block; float:right; font-style:normal; font-size: 0.85rem;}
.page-about i span{ margin:0rem 0.5rem 0rem; font-family:"宋体";}
.page-about em{ margin:-1.5rem auto 0rem; display:block; float:right; font-style:normal; font-size: 0.85rem;}
.page-about em span{ margin:0rem 0.5rem 0rem; font-family:"宋体";}

.pageabout_in{ padding: 5rem 1rem 3rem 1rem;}
.page-about{ line-height:2rem; border-bottom:solid 3px #555; padding-bottom:1rem;}
.page-about h3{ font-size: 2rem; color:#eb6100; font-weight: 600; padding:0rem 0rem; text-transform:uppercase; text-align:left; margin:0rem auto 0rem;}
.page-about h3 span{ font-size: 1.8rem; color:#555; font-weight: 300; display:block; text-transform:none; margin:0.1rem auto 0rem;}
.page-about h5{ font-size: 1.9rem; color:#333; font-weight: 300; padding:0rem 0rem; text-transform:uppercase; text-align:left; margin:0.5rem auto 0rem;}
.page-about i{ margin:-1.5rem auto 0rem; display:block; float:right; font-style:normal; font-size: 0.85rem;}
.page-about i span{ margin:0rem 0.5rem 0rem; font-family:"宋体";}
.page-about em{ margin:-1.5rem auto 0rem; display:block; float:right; font-style:normal; font-size: 0.85rem;}
.page-about em span{ margin:0rem 0.5rem 0rem; font-family:"宋体";}







.map{ margin: 2rem 0;}
.nav-logo{ position: absolute; right: 2rem; top: 1rem; display: none;}
.nav-logo span{ width:30px; height: 4px; background: #fff; display: block; margin-bottom: 6px;}

.mobile-nav{ height: 100%; background: #242424; position: fixed; right: -200px; top: 3.75rem; width: 200px; overflow: hidden; display: none ;}
.mobile-nav ul{ padding: 15px 0;}
.mobile-nav a{ display: block; border-bottom:1px #666 solid; height: 40px; line-height: 40px; padding-left: 5px; color: #fff; padding: 0 25px; font-size: 15px;}
.mobile-nav a:active{ background: #fff; color: #242424;}




@media only screen and (max-width: 50em) {

.pull-left{ float: none; display:table; }
.pull-right{ float: none; display:table; }

	
	.navbar .txt{ font-size:1.1em;}
	.brand-box h2{ font-size: 1.5rem; font-weight: 400;}
	.value-txt{ width: 70%; margin: 0 auto;}
	.lx-list li{ width: calc(50% - .5rem); margin-bottom: 1rem;}
	.lx-list li:nth-child(3){
		margin-left: 0;
	}	
	.ab-btn{text-align: center;}
	.ab-btn a{ width: 50%; max-width: 10rem;}
	.al-list li{ width: 50%;}
	.l-box{ width: 100%;padding: 1rem;}
	.r-box{ width: 100%; margin-top: 1rem;padding: 1rem;}
	.al-dbox .al-list li{ width: 50%;}
}

@media only screen and (min-width: 30.0625em) and (max-width: 47em) {

	.mb-xs{ display:none;}
	.title span{ display:none;}
	.ab-btn{text-align: center;}
	.ab-btn a{ width: 50%;}
	.brand-box h2{ line-height: 3rem;}
	.brand-box h2 span{ display: none;}
	.brand-box h2 strong{ display: inline-block;font-weight: 400;}
	.value-txt{ width: 100%;}
	.value-txt h2{ font-size: 2rem;}
	.b-nav a{ padding: 0 1rem;}
	.sub-list li{ width: 50%; margin-bottom: 1rem; }
	.sub-list li a{ width: 80%;}
	.nav{ display: none;}
	.nav-logo{ display: block;}
	.navbar{ height: 3.75rem; z-index: 9999;}
	.logo img{ height: 1.75rem;}
	.ad{ margin-top: 3.75rem;}
}

@media only screen and (max-width: 30em) {

	.mb-xs{ display:none;}
.container_sp{ max-width: 77em; margin: 0 auto; padding: 0 0rem;}
	.hidden-xs{ display:none;}
	.page{ padding: 1.5rem 1rem;}
.page_2{ padding: 1rem 1rem 0rem 1rem;}
.page_3{ padding: 0rem 1rem 1rem 1rem;}
.page-tit{ margin-top:2.0rem;}
.page-tit h3{ font-size: 1.6rem; color:#333; font-weight: 100; line-height:0; padding:0rem 0rem;margin:0rem auto 1.5rem;}
.page-tit h5{ font-size: 1.4rem; color:#555; font-weight: 100;  line-height:1.5rem; padding:0rem 0rem; margin:0rem auto 1rem;letter-spacing:0rem; text-transform:uppercase;}
.page-tit i{ width:9rem; height:0.15rem; background:#555; margin:0rem auto 2.0rem; display:block; line-height:0;}
.page-tit em{ width:9rem; height:0.15rem; background:#555; margin:0rem auto 2.0rem; display:block; line-height:0;}

	.serv{ padding-bottom: 1rem; }
	.serv .t5{ margin-top:-3rem;}
	.serv-tit{ padding: 0.5rem 0rem 4.5rem;}
	.owl-theme .owl-controls{ margin-top: -35px !important;}
	
.svrpage{ padding: 2rem 0rem 0rem 0rem;}
.svrpage-list{ font-size: 0; margin:0 auto;}
	
.svrpage-list ul { text-align: center;}
.svrpage-list li { font-size: 0.85rem; margin:2rem auto 2rem; padding:1.5rem; text-align: center; width:18rem; height:22rem; color: #000; background:#fcc800; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; box-shadow: 0 3px 12px rgba(0,0,0,.35); transition: all 0.5s;}
.svrpage-list li:hover {background: #000; color: #fcc800; transition: all 0.5s;}

.svrpage-list li h2{ margin:1.5rem auto 2rem; font-size: 1.1rem; line-height:1.5rem; font-weight:300;}
.svrpage-list li h2 span{ font-size: 1rem; display:block; text-transform:uppercase;}
.svrpage-list li p{ font-size: 0.85rem; font-weight:100; line-height:1.5rem; margin:0rem auto 0rem; text-align:left; letter-spacing:0rem;}

.pageabout{ padding: 3rem 1rem 3rem 1rem;}
.pageabout .page-tit{ margin-top:-1rem;}
.page-about{ line-height:2rem; border-bottom:solid 3px #555; padding-bottom:1rem;}
.page-about h3{ font-size: 1.8rem; color:#eb6100; font-weight: 300; padding:0rem 0rem; text-transform:uppercase; text-align:left; margin:0rem auto 0rem;}
.page-about h3 span{ font-size: 1.5rem; color:#555; font-weight: 300; display:block; text-transform:none; margin:0rem auto 0rem;}
.page-about h5{ font-size: 1.5rem; color:#333; font-weight: 300; padding:0rem 0rem; text-transform:uppercase; text-align:left; margin:0.2rem auto 0rem;}
.page-about i{ margin:1.8rem auto 1.5rem; display: block; float:right; font-style:normal; font-size: 0.85rem;}
.page-about i span{ margin:0rem 0.5rem 0rem; font-family:"宋体";}
.page-about em{ margin:1.8rem auto 1.5rem; display:block; float:right; font-style:normal; font-size: 0.85rem;}
.page-about em span{ margin:0rem 0.5rem 0rem; font-family:"宋体";}

.pageabout_in{ padding: 3rem 1rem 3rem 1rem;}
.pageabout_in .page-tit{ margin-top:-1rem;}
.pageabout_in .page-about{ line-height:2rem; border-bottom:solid 3px #555; padding-bottom:1rem;}
.pageabout_in .page-about h3{ font-size: 2rem; color:#eb6100; font-weight: 600; padding:0rem 0rem; text-transform:uppercase; text-align:left; margin:0rem auto 0rem;}
.pageabout_in .page-about h3 span{ font-size: 1.8rem; color:#555; font-weight: 300; display:block; text-transform:none; margin:0.1rem auto 0rem;}
.pageabout_in .page-about h5{ font-size: 1.9rem; color:#333; font-weight: 300; padding:0rem 0rem; text-transform:uppercase; text-align:left; margin:0.5rem auto 0rem;}
.pageabout_in .page-about i{ margin:-1.5rem auto 0rem; display:block; float:right; font-style:normal; font-size: 0.85rem;}
.pageabout_in .page-about i span{ margin:0rem 0.5rem 0rem; font-family:"宋体";}
.pageabout_in .page-about em{ margin:-1.5rem auto 0rem; display:block; float:right; font-style:normal; font-size: 0.85rem;}
.pageabout_in .page-about em span{ margin:0rem 0.5rem 0rem; font-family:"宋体";}


.ab-txt .pro_com .p_right {width:100%; position:relative;}
.ab-txt .pro_com .p_right ul li {float:left;margin-right:1.5%; margin-bottom:1.5%; position:relative;}
.ab-txt .pro_com .p_right ul li .pic {position:relative;}
.ab-txt .pro_com .p_right ul li .pic i {display:block;padding-bottom:0%;}

.ab-txt .pro_com .p_right ul li .zhe_a {position:absolute;top:0px;left:0px;width:100%;background:url(../images/zhe_bg.png);vertical-align:middle;display:table-cell;text-align:center;padding:2.5% 0px;display:none;transition: all .4s;}
.ab-txt .pro_com .p_right ul li .zhe_a img {max-width:100%;max-height:100%;}
.ab-txt .pro_com .p_right ul li .zhe_a span {display:block;color:#fff;width:98%; margin:auto;}
.ab-txt .pro_com .p_right ul li .zhe_a .zw {font-size:25px;font-weight:500;line-height:30px;height:30px;overflow:hidden;margin-top:5%;}
.ab-txt .pro_com .p_right ul li .zhe_a .yw {font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;height:30px;line-height:30px;overflow:hidden;}
.ab-txt .pro_com .p_right ul li:hover .zhe_a {display:block;transition: all .4s;}


.ico { padding:0rem; margin:1.0rem auto 1rem;}

.ico-list img { width: 100%; max-width:250px; display: block; margin:6rem auto 0rem;}

.case-list { padding:3% 0px 5%;}
.case-list img { width: 100%; max-width:100%; display: block; margin:0rem auto 0rem;}


.ab-txt .txt02{ max-width:100%; margin: 2rem auto 0rem; text-align: left; font-size: .95rem; line-height: 1.8rem;}
.ab-txt .txt02 h3{ font-size: 1.5rem; margin: 2rem auto 0rem; font-weight:100;}
.ab-txt .txt02 h5{ font-size: 1.2rem; margin: 0.5rem auto 0rem; line-height:2rem; font-weight:100; text-transform:uppercase;}
.ab-txt .txt02 h2{ font-size: 2.1rem; margin: 0.2rem auto 0rem; line-height:2.2rem; font-weight:100; text-transform:uppercase;font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.ab-txt .txt02 h4{ font-size: 1.6rem; margin: 0rem auto 0rem; line-height:2rem; font-weight:100;font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.ab-txt .txt02 h4 span{ font-size: 1.45rem; font-weight:100; display:inline; font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;}

.ab-txt .txt02 p{ margin: 0.8rem auto;}
.ab-txt .txt02 p img{ margin: 0.5rem auto;}
.ab-txt .txt02 .pi{ padding-bottom:5rem;}

.ab-txt .txt03{ max-width:100%; margin: 0rem auto 0rem; padding-bottom:3rem; text-align: left; font-size: .95rem; line-height: 1.8rem;}
.ab-txt .txt03 p{ margin: 0.5rem auto;}
.ab-txt .txt03 p img{ margin: 0.2rem auto;}
.ab-txt .txt03 .pleft{ float:left;}
.ab-txt .txt03 .pcenter{ float:left; margin-left:0rem;}
.ab-txt .txt03 .pright{ width:100%; float: right; padding-top:0.6rem;}
.ab-txt .txt03 .pright span{ border-bottom:solid 1px #000; color:#000;}

.top_all {text-align:center;position:relative;margin:auto;overflow:hidden;}
.top_all h3 {font-size:25px;color:#333333;text-align:center;overflow:hidden; font-weight:300;}
.top_all span {font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:20px; color:#555;display:inline-block;margin-top:0px;text-transform:uppercase;}
.top_all:after { display:none;}
.top_all:before { display:none;}

.contact_input{ padding-top: 3rem; padding-bottom: 0rem; margin-bottom: 0rem; position: relative; z-index:99; width: 100%; float:left;}
.contact_tit{ padding-top: 0rem; padding-bottom: 0rem; margin-bottom: 0rem; width: 100%; text-align: left; float: none; display:block; }
.contact_tit h4{ font-size: 0.98rem; font-weight: 300; padding-top: 4.5rem; padding-bottom: 0rem; line-height:2.5rem;}






	.title span{ display:none;}
	.sy-abtxt{ width: 100%;}
	.sy-abtxt{ width: 100%; font-size: .875rem;}
	.txt01{ text-align: left; font-size: .95rem; line-height: 1.8rem;}
	.about-box{margin-top:3rem;}
	.about-txt{padding: 0rem 0.5rem 1.5rem 0.5rem; color: #fff; text-align:center; font-size: 0.85rem; line-height:1.5rem;}
	.about-txt h2{ width: 79%; padding:5px 20px; margin:-1rem auto 2.0rem; background:#fff; color:#c7000b; font-size: 1.2rem; font-weight: 300;}
	.content_tit{ padding-top: 2rem; padding-bottom: 1.5rem; margin-bottom: 1rem; margin-top:0rem; text-align: center;}
	.content_tit h2{ font-size: 2.5rem; font-weight: 300; padding-top: 1.5rem; padding-bottom: -0.5rem; letter-spacing:-0.15rem;}
	.content_tit h3{ font-size: 2.0rem; font-weight: 500; padding-bottom: 0rem;}
	.content_tit h4{ font-size: 1rem; font-weight: 300; padding-bottom: 0rem;}
	
	.tabBox_Case {margin-top:3.8rem; margin-bottom:-3.75rem; position: relative; text-align:left; background: rgba(0,0,0,0.99); display:block;}
	.tabBox {margin-top:3.8rem; margin-bottom:2rem; position: relative; text-align:left; background: rgba(0,0,0,0.99); display:block;}
	.CaseTitle{ padding: 0rem 0rem; text-align:center;}
	.CaseTitle h2{ font-size: 1.5rem; font-weight: 300; padding:0rem 0; letter-spacing:0.05rem;}
	.CaseTitle h3{ font-size: 1.2rem; font-weight: 300; padding:0rem 0; letter-spacing:0.05rem;}
	.CaseTitle h4{ font-size: 0.95rem; font-weight: 300; padding:0rem 0;}
	.CaseTitle h5{ font-size: 1.2rem; font-weight: 500; padding:0rem 1rem; line-height:1.8rem;}
	.CaseTitle i{ width:7rem; height:0.15rem; background:#c90000; margin:0rem auto 2.5rem; display:block;}
	.CaseTitle p{ font-size: 0.8rem; font-weight: 300; padding:0rem 0; line-height:1.8rem; padding-bottom:1.5rem;}
	.CaseTitle p img{ margin:0rem auto; display:block;}
	.CaseTitle .t2{ margin-top:2rem;}
	.CaseTitle .time{ font-size: 0.75rem; display:block; margin:0.5rem auto 1.5rem;}
	.CaseTitle .contact{ float:left; display:block;}
	.CaseTitle .contact p{ font-size: 1rem; display:block; text-align:left; line-height:2rem;}
	.contact_link{ float:left; width:100%; display:block; margin-top:1rem; padding-top:1rem; border-top:solid #eee 1px;}
	.contact_link p{ float:left; font-size: 0.85rem; display:block; width:100%; text-align:left; line-height:1.5rem;}
	.contact_link p span{ float:left; display:block; width:100%;}

	.al-list{ padding-top: 2rem; font-size: 0;}
	.al-list li{ float:left; display: inline-block; width: 100%; margin-right:0%; margin-bottom:1rem; position: relative; transition: all .4s;}


	.brand-box{ margin-top: 2.5rem;}
	.brand-box h2{ line-height: 3rem;}
	.brand-box h2 span{ display: none;}
	.brand-box h2 strong{ display: inline-block;font-weight: 400;}
	.value-txt{ width: 100%;}
	.value-txt h2{ font-size: 1.5rem;}
	.b-nav a{ padding: 0 .5rem;}
	.value-txt{  padding:3rem 1rem}
	.lx-list li{ width: 100%; margin-left: 0 !important;}
	.ff-list li img{ width: 50%;max-width: 50%;}
	.lx-box{ padding-bottom: 2rem;}
	.title{ padding-top: 2.5rem; margin-bottom: 0rem;}
	.title h2{ font-size: 1.0rem; }
	.programme-box,.advantage-box{ padding-bottom: 1rem;}
	.team-box{background: #fff;padding-top:2.5rem; padding-bottom: 1rem;}
	.brand-box .box1{ padding: 2rem 1rem;}
	.sub-list li{ width: 50%; margin-bottom: 1rem;}
	.sub-list li a{ width: 90%; padding: .3rem 0;}
	


.new-list{ margin-top:2rem;}
.new-list li{color: #666;  padding: 1.5rem 0; border-bottom: 1px #ddd solid;}
	.new-list li span{ display: none;}
.new-list li .newstitle{ font-size: 1.1rem; padding:0.15rem 0.5rem; display: block; width:100%; overflow:hidden; text-overflow:ellipsis; }
.new-list li p{ font-size: .85rem; height: auto; padding:0.15rem 0.5rem 0.3rem;}
.new-list li a{overflow:hidden; font-size: 1.1rem; height: auto; color: #333; display: block;}
.new-list li:hover .newstitle{ color: #fcc800; padding-left:0.5rem; background: #000; transition: all .5s;}
.new-list li:hover p{ color: #000; background: #fcc800; transition: all .7s;}

	.nav{ display: none;}
	.nav-logo{ display: block;}
	.navbar{ height: 3.75rem; z-index: 9999;}
	.logo img{ max-height:100%; max-width:12rem; margin-top: 0.5rem;}
	.ad{ margin-top: 3.75rem;}
	.service-list li{ margin-top: -2.5rem;}
	.advantage-list li{ margin-top: 0rem;}
	
}

@media only screen and (max-width: 21em) {
	.b-nav { display: none;}
	.al-list li{ width: 100%;}
	.al-dbox .al-list li{ width: 100%;}

}