/*

 * @description: webiste base.css

 * @author: sole

 * @create: 2013/5/12

 * @update: sole 2013/11/24

*/
.w1200 { width: 1200px; margin: 0 auto; }

.nav-tab-nav{background:#fff; position:relative}
.container1-fluid{height:80px; background:#f8f8f8;width:100%; margin-bottom:20px; }
.navbar-slider{position:relative; width: 1200px;margin: 0 auto;}
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}	
.navbar-slider ul li a span{
	display: inline-block;
    height: 40px;
    line-height: 40px;
  /*  margin-top: 10px;*/
    
    padding: 0 10px;	
}

.clearfix{ zoom:1; clear:both;}	
.navbar-slider .slider-content{ height:56px; display:block; margin-bottom:0px; cursor:pointer;width:1200px; float:left; }
.content-wrapper{ width:1200px; margin:0 auto; padding-left:0; position:relative; min-width:0 !important}
.navbar-slider ul li{float:left; width:auto; text-align: center; height:80px; font-size:16px ;line-height:80px; border-left:1px solid #dcdcdc;}
.navbar-slider ul li a{display:block;  text-align: center; height:80px; color:#666666;	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	-webkit-transition:all 0.4s; position:relative}

.navbar-slider ul .hover .aahove{ background:#fff;color:#ff4200;}
.navbar-slider ul li.on{background:#fff;}
.navbar-slider ul li.on a{color:#ff4200;}

.navbar-slider ul li a:hover{color: #ff4200!important;}

.navbar-slider ul li:hover .classSan{
	/* display:block */
}
.navbar-slider ul .hover img{
	opacity:1
}
.navbar-slider ul img{
	width:20px;
	height:auto;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-10px;
	opacity:0;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
.classSan{
	width:1200px;
	position:absolute;
	left:50%;
	top:56px;
	z-index:888;
	margin-left:-600px;
	display: none;
}
.classSan_ul{
	width:230px;
	overflow:hidden;
	margin-right:30px;
	height:270px;
	float:left;
	margin-top:14px
}
.classSan_ul_li{
	width:230px;
	height:30px;
	line-height:30px;
	border:#fff 1px solid;
	margin-top: 8px;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
.navbar-slider ul li .classSan_ul_li a{
	color:#fff;
	line-height:30px;
	height:30px;
	font-size:12px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	-webkit-transition:all 0.4s;
}
.classSan_ul .hover{
	background:#c9151e;
	border:#c9151e 1px solid
}
.classSan_ul .hover a{
	background:#c9151e;
}
.navbar-slider ul li  .classSan_ul_li:hover{
	background:#c9151e;
	border:#c9151e 1px solid
}
.navbar-slider ul li  .classSan_ul_li:hover a{
	background:#c9151e;
}

.navbar-slider .left-arrow{z-index:20;cursor:pointer; width:22px; height:90px; position:absolute;background: url(../images/left-arrow.png) left center no-repeat; background-size:22px 45px;    display: none;}
 .navbar-slider .right-arrow{z-index:20;cursor:pointer; width:22px; height:90px; position:absolute; right:20px; top:0;background: url(../images/right-row.png) right center no-repeat; background-size:22px 45px;    display: none; }
/* 详细菜单介绍*/
.container-xq{position:relative; }  .nav-tab-content{background:#fff;  height:38px; width: 1200px;margin: 0 auto; position:relative}
  .nav-tab-content{background:#fff; width: 1200px;margin:60px auto; position:relative}
 .nav-xq{ margin-left: -11px;border:1px solid #eee;box-sizing: border-box;   
    margin:0 auto;}
   .nav-xq dd{float:left; width:299px; height:38px; line-height:38px; text-align:center; font-size:14px; cursor: pointer;border-right:1px solid #eee;box-sizing: border-box}
   .nav-xq dd:last-child{border-right:0;}
   .nav-xq dd.for{background:#036497;color:#fff;}
.nav-xq dd.on{background:#326dd1;color:#fff;}
.nav-xq dd:hover{border: 1px solid #326dd1;color:#646464;}
   .btn-right{float:right; margin-top:10px;}
   .btn-right .btn-apply{ font-size:18px;cursor:pointer;border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; height:38px; line-height:38px; text-align: center; color:#fff; width:120px; background:#ca141e; border:1px solid  #b4131c; position:absolute; right:15px; bottom:-25px}
.electri .bg{background: #ebf4f9;}







.fl { float: left; }
.fr { float: right; }
.bg_main { padding-bottom: 50px; }
.bg_bottom_main { background: #eaeaea; height: 100px; }
.sub_banner { height: 200px; width: 100%; }
.sub_nav {  padding-bottom: 20px;  padding-top: 50px; }
.sub_nav .fl { font-size: 30px; }
.sub_nav .fr3 li { float: left; height:46px; line-height:46px; padding:10px 0px ; }
.sub_nav .fr3 li a { padding: 0 20px; border: 1px solid #e6e6e6; display: block; margin-left: 10px; transition: ease-in-out .2s;; font-size:16px; }
.sub_nav .fr3 li a:hover, .sub_nav .fr3 li a.hover {  color: #fd313d; border: 1px solid #fd313d; }
.case3 { margin-top: 40px; }
.case3 ul { width: 105%; }
.case3 li { width: 380px; float: left; margin-right: 30px; margin-bottom: 30px; }
.case3 li .img { overflow: hidden; height: 213px; display: block; border: 1px solid #efefef; width: 378px; border-bottom: none; }
.case3 li .img img { width: 380px; height: 213px; transition: .9s; }
.imgH li .img { height: 284px; border: 1px solid #efefef; width: 378px; border-bottom: none; }
.imgH li .img img { height: 284px; }
.case3 li:hover .img img { transform: scale(1.2); -webkit-transform: scale(1.2); }
.case3 li .p { border: 1px solid #efefef; display: block; width: 340px; padding: 0 19px; height: 108px; border-top: none; }
.case3 li .p p { border-bottom: 1px solid #d6d6d6; height: 58px; line-height: 58px; margin-bottom: 10px; font-size: 18px; }
.case3 li .p i { width: 32px; height: 12px; background-position: -73px -43px; }
.case3 li .p .fl { font-size: 12px; font-family: arial; }
.case3 li:hover { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
.left { float: left; }
.right { float: right; }

.icon {
    background-image: url(../images/icon.png);
    display: inline-block;
    vertical-align: middle;
}


.pos{ width:1200px; text-align:right; font-size:14px; line-height:35px; height:35px;}
.mbg{ width:1200px; background:#fff}
.newBox{ margin-top:30px;}
.newBox8{float:left; margin-left:10px; width:930px;}




 .newLi:hover .showBox {
	opacity:1;
}
.newLi:hover .newImg {
	transform:translate(-50%, -50%) scale(1.1);
}
.newLi:hover .showBoxLink::before {
width:1rem;
}
.newLi:hover .showBoxLink::after {
width:1rem;
}
.newLi {
	position:relative;
	overflow:hidden;
	padding:0px 10px 20px 10px;width:380px; float:left
}


 .newLi8:hover .showBox {
	opacity:1;
}
.newLi8:hover .newImg {
	transform:translate(-50%, -50%) scale(1.1);
}
.newLi8:hover .showBoxLink::before {
width:1rem;
}
.newLi8:hover .showBoxLink::after {
width:1rem;
}
.newLi8 {
	position:relative;
	overflow:hidden;
	padding:0px 10px 20px 10px;width:280px; float:left
}

.porTbox8 {
	position:relative;
	overflow:hidden;
	width:280px;
	height:230px;
}


.porTbox {
	position:relative;
	overflow:hidden;
	width:380px;
	height:230px;
}
 .newImg {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
transition:all .5s ease;
}
.porBbox {
	position:relative;
	overflow:hidden;

	padding:20px 20px 10px;
	border:1px solid #f2f2f2;
}


.porBbox8 {
	position:relative;
	overflow:hidden;

	padding:5px 5px 10px;
	border:1px solid #f2f2f2;
}


.newTitle {
	font-size:1rem;
	color:#333;
	overflow:hidden;
	text-overflow:ellipsis;
	position:relative;
	white-space:nowrap;
	width:100%;
}
.newSummry {
	color:#777;
	white-space:nowrap;
	overflow:hidden;
	margin:10px 0;
	text-overflow:ellipsis;
}

.newSummry8 {
	color:#777;
	white-space:nowrap;
	overflow:hidden;
	margin:5px 0;
	text-overflow:ellipsis;
}



.d_DecTab {
    float: left;
   width:120px;
   line-height:40px; text-align:center; margin-top:20px;
    background: #ffa200;
    line-height: 44px;
    color: #fff;
    border: none;
    font-size: 16px;
}

.ncontext{line-height:30px; font-size:14px; font-family:"微软雅黑"; padding:20px; float:left}

.details8{ padding-left:10px;}
.cp_top{ 900px; float:left}
.nypic{ float:left; border:1px solid #ccc}


.nytext{ padding-left:15px;  line-height:24px; overflow:hidden; float:left; height:216px}

.r_text{width:700px; float:left; margin-left:40px;}

.mdzz a {
    width: 120px;
    height: 42px;
    background: #636363;
    display: block;
    text-align: center;
    line-height: 42px;
    color: #fff;}
	
	
.sbwy{ width:100%; height:52px; float:left; margin-top:15px; margin-left:70px;} 
 .sbwy li{ float:left; margin-right:8px; font-size:16px; line-height:46px;}
  .mdzz a{ width:120px; height:42px; background:#636363; display:block; text-align:center; line-height:42px; color:#fff;  } 
  .mdzz a:hover{ background:#dc0008; }	
	.prevLink{ font-size:15px;}
	.nextLink{ font-size:15px;}
.reLink { height: 38px; line-height: 38px; border: 1px solid #e6e6e6; padding: 0 15px; margin-bottom: 50px; width:100%; float: left }
 .reLink .nextLink, .detail .reLink .prevLink { width: 50%; }
 .reLink .nextLink { text-align: right; }
 .reLink a { -webkit-transition: all ease 500ms; -moz-transition: all ease 500ms; -ms-transition: all ease 500ms; -o-transition: all ease 500ms; transition: all ease 500ms;font-size:15px; }
 .reLink a:hover { color: #052f67; }

.e_box{ float:left; padding-left:15px; width:100%}

.iconfont{ color:#ffa200; font-size:14px}

 .lookDetail { text-align:left;
	position:relative;
	display:block;
	color:#777;
	height:38px;
	line-height:38px;
	border-top:1px solid #e5e5e5;
}
.arrowsR {
	position:absolute;
	top:50%;
	right:0px;
	transform:translate(0, -50%);
	width:30px;
}
.arrowsR img {
	position:absolute;
transition:all .5s ease;
}
.harr {
	opacity:0;
}
.showBox {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(0, 0, 0, .6);
	transition:all 0.5s ease;
}
.showBoxLink {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	display:block;
	width:60%;
	color:#fff;
	text-align:center;
	font-size:1rem;
	padding:0.5rem 0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.showBoxLink::before {
content:'';
position:absolute;
top:0px;
left:50%;
transform:translateX(-50%);
width:60%;
height:1px;
background:#fff;
transition:all .5s ease;
}
.showBoxLink::after {
content:'';
position:absolute;
bottom:0px;
left:50%;
transform:translateX(-50%);
width:60%;
height:1px;
background:#fff;
transition:all .5s ease;
}

.lookDetail:hover .barr {
	opacity:0;
}
.lookDetail:hover .harr {
	opacity:1;
}
.newLi:hover .showBox {
	opacity:1;
}
.newLi:hover .newImg {
	transform:translate(-50%, -50%) scale(1.1);
}
.newLi:hover .showBoxLink::before {
width:1rem;
}
.newLi:hover .showBoxLink::after {
width:1rem;
}






.about_leader { overflow:hidden; width:1200px; background-color:#fff;}
.about_leader h2{ text-align:center; font-weight:normal; margin:40px 0; font-size:30px; color:#333;}
.about_dljm { overflow:hidden; width:1160px; margin:30px auto; padding:0 20px; background-color:#fff;}
.about_dljm h2{ text-align:center; font-weight:normal; margin:40px 0; font-size:30px; color:#333;}
.helpcontent{ margin-top:20px;font-size: 14px;margin-bottom: 30px;}

/*about_ry.html*/
.about_ry { overflow:hidden; width:1200px; margin:55px auto}
.about_ry .menu{ overflow:hidden; width:100%; text-align:center; margin-bottom:30px;}
.about_ry .menu li{ display:inline-block; width:135px; height:55px; text-align:center; line-height:55px; font-size:16px; background-color:#1f1f23; margin:0 2px;}
.about_ry .menu li{ *display:inline}
.about_ry .menu li a{ display:block; text-decoration:none; color:#fff;}
.about_ry .menu li.cur,.about_ry .menu li:hover{ background-color:#d30706;}

.about_leader .menu{ overflow:hidden; width:100%; text-align:center;margin-top: 30px; margin-bottom:30px;}
.about_leader .menu li{ display:inline-block; width:135px; height:55px; text-align:center; line-height:55px; font-size:16px; background-color:#1f1f23; margin:0 2px;}
.about_leader .menu li{ *display:inline}
.about_leader .menu li a{ display:block; text-decoration:none; color:#fff;}
.about_leader .menu li.cur,.about_leader .menu li:hover{ background-color:#d30706;}

.about_dljm .menu{ overflow:hidden; width:100%; text-align:center;margin-top: 30px; margin-bottom:30px;}
.about_dljm .menu li{ display:inline-block; width:185px; height:55px; text-align:center; line-height:55px; font-size:16px; background-color:#1f1f23; margin:0 2px;}
.about_dljm .menu li{ *display:inline}
.about_dljm .menu li a{ display:block; text-decoration:none; color:#fff;}
.about_dljm .menu li.cur,.about_leader .menu li:hover{ background-color:#d30706;}


.about_ry .rybox{ overflow:hidden; width:100%;}

/*about_tssh.html*/
.about_tssh h2{ font-weight:normal; text-align:center; font-size:30px; color:#333; margin-bottom:30px;}

.about_tssh_fc { overflow:hidden; width:1200px; margin:35px auto;}
.about_tssh_fc .fcbox{ overflow:hidden; width:100%; height:540px; position:relative;}
.about_tssh_fc .fcbox i{ display:block; width:50px; height:50px; cursor:pointer; position:absolute; top:245px; z-index:2}
.about_tssh_fc .fcbox .btn01{ background:url(../images/tssh01.png) no-repeat center top; left:0}
.about_tssh_fc .fcbox .btn02{ background:url(../images/tssh02.png) no-repeat center top; right:0}
.about_tssh_fc .fcbox i:hover{ background-position:bottom}
.about_tssh_fc .fcbox ul{ overflow:hidden; position:absolute}
.about_tssh_fc .fcbox li{ float:left; overflow:hidden; position: relative; width:1000px; height:540px;}
.about_tssh_fc .fcbox li span{ display:block; text-align:center; width:100%; height:65px; background:url(../images/tssh03.png) repeat center; line-height:65px; position:absolute; left:0; bottom:0; color:#fff; font-size:18px;}

.about_tssh_bgcs , .about_tssh_zzjd{ overflow:hidden; width:100%; padding:45px 0; background-color:#fff;}

.about_tssh_jgjd , .about_tssh_yzjd{ overflow:hidden; width:100%; margin:45px 0;}





.list8 {
  width:900px; float:right; margin-left:20px;
}
.list8 .h3 {
  padding-bottom: 10px;
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  border-bottom: 1px solid #dfdfdf;
}
.list8 .ul {
  padding: 0px 0px 18px 0;
  margin: 0 -18px;
  font-size: 0;
}
.list8 .ul li {
  display: inline-block;
  width:290px; height:288px;
  margin:0px 10px 15px 10px;  float:left
}
.list8 .ul li .Box {
  display: block;
  position: relative;
}
.list8 .ul li .Box img {
  display: block;
  width: 288px; height:220px; border:1px solid #ededed;
   text-align: center; margin:0 auto
}
.list8 .ul li .Box .cont8 {
  padding: 21px 15px;
  text-align: center;
  background: #f1f1f1;
}
.list8 .ul li .Box .cont8 .tit8 {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
}
.list8 .ul li .Box .cont8 .lword {
  display:none;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
}
.list8 .ul li .Box:hover .Tank {
  opacity: 1;
  transform: scale(1);
}
.list8 .ul li .Box .Tank {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #ffa200;
  color: #fff;
  overflow: hidden;
  opacity: 0;
}
.list8 .ul li .Box .Tank .pad {
  padding: 18% 9.2% 5%;
}
.list8 .ul li .Box .Tank .tits {
  font-size: 18px;
  line-height: 22px;
}
.list8 .ul li .Box .Tank .word {
  height: 8em;
  margin: 9% 0 9%;
  font-size: 14px;
  line-height: 26px;
}
.list8 .ul li .Box .Tank .more {
  display: inline-block;
  vertical-align: top;
  padding: 0 25px;
  font-size: 14px;
  line-height: 38px;
  border: 1px solid #fff;
  border-radius: 5px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.list8 .ul li .Box .Tank .more::after {
  content: "";
  position: relative;
  top: -2px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: 7px;
  height: 12px;
  background: url(../images/icon_jt2_hover.png) no-repeat center;
}
.list8 .ul li .Box .Tank .more:hover {
  background-color: #fff;
  color: #333;
}
.list8 .ul li .Box .Tank .more:hover::after {
  background-image: url(../images/icon_jt2.png);
}

.bbg{width:100%; background:#f5f5f5}
/* basic */

body,iframe,div,p,h1,h2,h3,h4,h5,h6,fieldset,ul,dl,dt,dd,form,input,button,textarea,select,i{ margin:0px; padding:0px; font-weight:normal; }

article,aside,header,section,footer,nav,figure,menu{ display:block; }

body { font:12px/2 tahoma, Helvetica, Arial; }

input,button,select,textarea { font-family:tahoma, Helvetica, Arial; outline:none }

textarea { resize:none }

input { width:auto; overflow:visible; }

ul { list-style:none; overflow:hidden; }

i,em,u { font-style:normal; }

a { color:#666; text-decoration:none; }

a:hover { color:#ff7900; text-decoration:underline; }

img { border:0 none; vertical-align:top; }

.clear, .layout { *zoom:1; }

.clear:after, .layout:after { display:table; clear:both; content:""; }

li { list-style:none}

/*layout_basic*/

.index { background:url(../images/body_bg.png) repeat #7f7f7f; }

.layout{ color:#666; width:1200px; margin:0px auto; text-align:center; }

.opa { display:block; position:relative; width:100%; height:100%; }

.opa .bg,.opa .txt { position:absolute; bottom:0; left:0; width:100%; height:28px; line-height:28px; z-index:2; text-align:center; color:#fff; }

.opa .bg { background-color:#000; opacity:.5; filter:alpha(opacity=50); }

.opa .txt { z-index:3; }





/* header */

.header { position:relative; height:98px; background:#1d1d1d; z-index:999999; }

.logo { float:left; margin-top:12px; /*padding-right:50px;*/ /*background:url(../images/arrow.png) no-repeat right center;*/ }
 .logo a img { height:70px;}
.hanh{float: left;display:block;width: 30%;margin-top: 12px;}
.hanh img{ width:100%}
/* nav */

.nav {float: left;font:14px/96px tahoma, Helvetica, Arial, "\5fae\8f6f\96c5\9ed1";width: 44%;}

.nav ul {  }

.nav li { float:left;padding:0 5px; }

.nav li a { display:block;  text-decoration:none; color:#fff; font-size:16px; font-family:"微软雅黑"}

.nav li:hover, .nav .now { color:#FF0000 }

.nav li:hover a, .nav .now a { border-bottom:2px solid #ff0000;  color:#FF0000; width:100%}



/* map */

.map { position:relative; height:510px; margin-top:-10px; overflow:hidden; width:100% }

.map .login { position:absolute; right:10px; top:50px; width:306px; height:290px; padding:5px; background:url(../images/login.png) no-repeat; overflow:hidden; }

.login .btn { float:left; width:30px; height:130px; cursor:pointer; }

.login .forms { float:right; width:275px; height:278px; background-color:#fff; border-radius:0 0 5px 5px; }

.login .forms form { display:none; }

.login .forms .cur { display:block; }

.login .forms .form-t { width:275px; height:45px; background:url(../images/liner.png) repeat-x 0 -205px; line-height:45px; font-size:14px; text-align:center; overflow:hidden; }

.login .forms .form-t a { display:inline-block; width:137px; border-left:1px solid #d9d9d9; text-decoration:none; }

.login .forms .form-t a:first-child { border-left:0 none; }

.login .forms .form-t .now { background:#fff; }

.login .forms form p:first-child { margin-top:10px; }

.login .forms p { padding:25px 20px 0; text-align:right; }

.login .forms p input { width:224px; height:24px; padding:4px; border:1px solid #cfcfcf; border-top:2px solid #cfcfcf; }

.login .forms p .check { float:left; }

.login .forms p .check input { width:auto; padding:0; border:0 none; vertical-align:middle; }

.login .forms p input[type='submit'] { width:230px; height:37px; background:url(../images/liner.png) repeat-x 0 -250px; border:0 none; color:#fff; font-size:14px; font-weight:bold; cursor:pointer; }





/* box */

.box-list { position:relative; }

.box { display:inline; float:left; height:250px;/* margin-top:-30px;*/ margin-left:10px; background:url(../images/box.png) no-repeat right bottom; overflow:hidden; text-align:left; }

.box h2 { height:16px; padding:12px 18px; margin-right:5px; line-height:1; }

.box h2 em { display:inline-block; height:16px; width:203px; background:url(../images/bg.png) no-repeat; }

.intro { width:310px; }

.intro h2 { border-top:7px solid #147cc4; }

.intro h2 em { background-position:0 -186px; }

.intro .con { padding:0 18px 0 16px; }

.intro .con img { margin-bottom:10px; }



.solution { width:620px; }

.solution h2 { border-top:7px solid #5e9b15; }

.solution h2 em { background-position:0 -201px; }

.solution .control { margin-top:-30px; padding-right:13px; text-align:right; }

.solution .control i { display:inline-block; width:12px; height:12px; margin-right:2px; background:url(../images/bg.png) no-repeat 0 -268px; cursor:pointer; }

.solution .control .now { background-position:-13px -268px; }

.solution .list { position:relative; width:591px; height:148px; margin-left:14px; margin-top:10px; *margin-top:20px; overflow:hidden; }

.solution .list ul { position:absolute; left:0; top:0; width:110%; height:148px; }

.solution .list ul li { display:inline; float:left; width:123px; margin-right:30px; overflow:hidden;

-webkit-border-radius:28px 0;

-moz-border-radius:28px 0;

-ms-border-radius:28px 0;

-o-border-radius:28px 0;

border-radius:28px 0;

}

.solution .list ul li img{  max-width:100%;}


.lis01t { width:123px; margin-right:30px; overflow:hidden;



}

.lis01t img{  max-width:100%;}




.contact { width:240px; }

.contact h2 { height:47px; border-top:7px solid #5e9b15; }

.contact h2 em { height:48px; background-position:0 -217px; }

.contact ul { padding:0 18px 0 16px; }

.contact ul li { width:206px; }

.contact ul li:first-child span { line-height:1.5; font-size:20px; color:#ff7800; }

.contact ul li label, .contact ul li span { float:left; }

.contact ul li label { width:40px; }

.contact ul li span { width:166px; }



/* banner */

.banner { margin-top:-10px; background:url(../images/b_liner.jpg) repeat-x top center; }

.space { height:78px; margin-top:10px; }



.sub-cat { margin-top:35px; }



/* aside */

.aside { float:left; width:196px; text-align:left; }

.aside-fixed { position:fixed; top:0; }

.aside .contact { width:196px; height:242px; background:url(../images/contact.png) no-repeat 0 0; overflow:hidden; }

.aside .contact ul { padding:0 10px; margin-top:100px; }

.aside .contact ul li:first-child { margin-bottom:6px; }

.aside .contact ul li:first-child label { width:50px; }

.aside .contact ul li:first-child span { line-height:1.2; font-size:18px; color:#ff3737; }

.aside .contact ul li span { width:140px; }

.line-msg {  }

.line-msg h3 { font:bold 18px/1.8 tahoma, Helvetica, Arial, "\5fae\8f6f\96c5\9ed1"; color:#5e9b15; }

.line-msg a { display:block; }


.show9 { float:left; width:1200px; text-align:left;  }






/* show */

.show { float:left; width:920px; text-align:left; margin-left:20px; }

.show .part-t { font:bold 18px/1 tahoma, Helvetica, Arial, "\5fae\8f6f\96c5\9ed1"; color:#333; }

.show .pos { margin-top:-20px; text-align:right; color:#999; font-family:'宋体'; }

.show .pos a { color:#999; }

.show .article { }

.show .article p { font-size:14px; }
.txt{width:300px; float:left; overflow:hidden; margin-right:30px}

.tbg{ background:#fff; line-height:50px; height:50px; width:100%; border-bottom:1px solid #ddd;border-top:1px solid #ddd}

.title3{ text-align:center; width:1200px; margin:0 auto; font-size:16px; color:#666}


/* footer */

.footer { height:84px; margin-top:30px; background:url(../images/liner.png) repeat-x 0 -287px; }

.footer .layout { padding-top:10px; }

.web{width:1000px; float:left; overflow:hidden; margin-top:30px}

.about{ background:url(../images/about.jpg) no-repeat center; height:236px;margin-top:-10px;}

.contactus{ background:url(../images/contact.jpg) no-repeat center; height:236px;margin-top:-10px;}

.case{ background:url(../images/case.jpg) no-repeat center; height:236px;margin-top:-10px;}

.product{ background:url(../images/product.jpg) no-repeat center; height:236px;margin-top:-10px;}

.fangan{ background:url(../images/fangan.jpg) no-repeat center; height:236px;margin-top:-10px;}

.download{ background:url(../images/download.jpg) no-repeat center; height:236px;margin-top:-10px;}
.page_contact{ background:url(../images/content.jpg) no-repeat center; height:236px;margin-top:-10px;}


.pic_list { width:910px; overflow:hidden; margin-left:10px;}

.pic_list li { margin:15px 3px; display:inline; float:left; text-align:center; background-image:none; padding:0;border:1px solid #ccc;}

.pic_list li img,.pic_txt_list li img{ padding:5px;	}

.pic_list li a{ font-size:12px;white-space: nowrap;}

.tit{width:100%; height:34px; display:block; background:url(../images/tit.jpg)}



#pages { padding:14px 0 10px; font-family:宋体; float:right; width:100%}



#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}



#pages a.a1 { background:url(../images/pages.png) no-repeat 0 5px; width:56px; padding:0 }



#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }



#pages span { display:inline-block; height:22px; line-height:22px; background:#ff6400; border:1px solid #ff6400; color:#fff; text-align:center;padding:0 10px}



.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../images/titlebg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }



.content{width:770px; float:left; overflow:hidden}

.cont li img{ margin:7px 20px 7px 7px; float:left}



.content p{color:#777; height:75px; overflow:hidden}

.content p strong{ font-size:14px; color:#000}



.cont{ width:770px; float:left}

.news2_list li strong a{ font-size:14px; color:#000; line-height:40px; margin-top:7px}

.news2_list p{ font-size:12px; padding-right:10px}

.news2_list li{border:1px solid #e7e7e7; border-bottom:none;width:768px; float:left; overflow:hidden; font-size:12px;}

.cover img{ padding-bottom:15px float:left	}



.pic_list1 { width:900px; overflow:hidden; margin-left:20px;}

.pic_list1 li { margin:15px 6px; float:left;border:1px solid #ccc;width:436px; height:164px;background:url(../images/picbg.jpg); }

.pic_list1 li img,.pic_txt_list li img{ padding:5px; float:left	}

.pic_list1 li a{ font-size:12px;white-space: nowrap;}

.pic_r{ margin-right:7px;float:left;width:200px; overflow:hidden}

.pic_r strong{ color:#000; line-height:40px;width:200px; float:left; font-size:16px}

.pic_bottom{ background:url(../images/pic_bottom.jpg) no-repeat; height:11px; }


@media (min-width: 992px){
.col-md-4 {
    width: 31%;
}

}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}



.industry{
    
    text-align: left;
}
.industry li{
    
    margin-bottom: 80px; height:350px;
    
}
.industry li:nth-child(3n){
    margin-right: 0%;
}
.industry img{
    width: 100%;
    transition: all 0.6s;
}
.industry h3{
    margin-bottom: 20px;
}



.industry5{
    
    text-align: left;
}
.industry5 li{
    
   margin-bottom:20px;height:270px;
    
}
.industry5 li:nth-child(3n){
    margin-right: 0%;
}
.industry5 img{
    width: 100%;
    transition: all 0.6s;
}
.industry5 h3{
    margin-bottom: 20px; text-align:center
}



.ContactInfo .Box {
  font-size: 0;
  padding: 60px 0;
}
.ContactInfo .Box .wid {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 30%;
  text-align: center;
  padding: 0 6%;
  float:left;
}
.ContactInfo .Box .wid .icon {
  display: inline-block;
  vertical-align: top;
  height: 102px;
  width: 102px;
  border: 1px solid #cecece;
  border-radius: 50%;
  background: url(../images/icons_address1.jpg) no-repeat center;
}


.ContactInfo .Box .wid .icon2 {
  display: inline-block;
  vertical-align: top;
  height: 102px;
  width: 102px;
  border: 1px solid #cecece;
  border-radius: 50%;
  background: url(../images/icons_address2.jpg) no-repeat center;
}


.ContactInfo .Box .wid .h2 {
  margin: 22px 0 20px;
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  line-height: 1.4em;
}
.ContactInfo .Box .wid .cont8 {
  font-size: 15px;
  line-height: 32px;
  color: #555555;
}
.ContactInfo .wid + .wid::before {
  content: "";
  height: 80%;
  width: 1px;
  position: absolute;
  left: 0;
  top: 10%;
  background: #d4d4d4;
}








.use_to{
    background:#eeeeee;
    color: #555;
    padding: 10px 20px;
    margin-bottom: 20px;

}
.industry_des{
    width: 90%;
    line-height: 1.8;
    transition: all 0.6s;
}
.ind_wrap{
    width: 100%;
    height: 204px;
    overflow: hidden;
}
.industry li:hover img{
    transform: scale(1.2);
    opacity: 0.8;
}
.industry li:hover .industry_des{
    margin-left: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
}

/*详情*/
.industry_deail{
    text-align: left;
}
.industry_deail h1{
    color: #fff;
    margin-top: 100px;
    margin-bottom: 20px;
    text-align: center;
}
.industry_deail #deail{
    color: #fff;
    line-height: 1.8;
}



.title{
    margin-top:100px;
    margin-bottom: 80px;
}
.title h2{
    margin-bottom: 10px;font-size: 2em;    font-weight: bold;
    line-height: 1;
}

.content5 {
    width: 1200px;
   float:left; 
   font-family: 微软雅黑;
    font-weight: lighter;
    font-size: 16px;
    color: rgb(51, 51, 51);
    margin: 0px;
    padding: 0px;
}

.des_text_lots p{ font-family: 微软雅黑;
    font-weight: lighter;
    font-size: 16px;
    color: rgb(51, 51, 51);
    margin: 0px;
    padding: 0px; text-indent:2em}

.col-md-4  a{ list-style:none}
.d_load{  height:354px; margin-top:35px}

.postion{ background:url(../images/postion.jpg) no-repeat center; height:306px; margin-top:20px}
.iphone{ background:url(../images/iphone.jpg) no-repeat; height:354px;width:300px; float:left }

.and{ background:url(../images/and.jpg) no-repeat; height:354px;width:300px; float:left }
.anz{ background:url(../images/anz.jpg) no-repeat; height:354px;width:300px; float:left }
.wei{ background:url(../images/wei.jpg) no-repeat; height:354px;width:300px; float:left }
.xiazai{ margin-top:125px;}


.about3{
    background: #f5f5f5;
    margin: 10px auto 16px auto;
}
.about3 .ly{
    padding: 0;
}
.about3 .ly_text{
    text-align: left;
    padding: 30px;
	width:540px;
}
.about3 .ly_text h2{
    font-size: 28px;
    margin-bottom: 30px;
}
.about3 .ly_text .des_text{
    line-height: 1.8;
    margin-bottom: 60px;
}
.about3 .ly_text .des_label{
    margin-bottom: 10px;
}
.about3 .ly_text .des_label label{
    text-align: right;
    width: 6em;
    margin-right: 0.5em;
}
.about3 .ly_text .des_label label::after{
    content: '|';
    margin-left: 0.3em;
    font-weight: lighter;
}
.des_text_lots{
    line-height: 1.8;
    text-align: left;
}
.three_goal{
    margin-top: 60px;
    margin-bottom: 100px;
}
.three_goal li{
    position: relative;
    padding: 0;
    width: 31.3%;
    margin-right: 3%;
    overflow: hidden;
}
.three_goal li:nth-child(3){
    margin-right:0;
}
.three_goal li .bg_img{
    width: 100%;
    transition: all 0.6s;
}
.three_goal li:hover .bg_img{
    transform: scale(1.1);
}
.three_goal .cover{
    width: 100%;
    height: 100%;
    background: url(../images/cover.png);
    position: absolute;
    left: 0;
    top:0;
    transition: all 0.6s;
}
.three_goal .cover .icon{
    margin-top: 60px;
    margin-bottom: 16px;
    transition: all 0.6s;
    height: 60px;
}
.three_goal .cover h3{
    color: #fff;
    font-size: 22px;
}
.three_goal .cover:hover{
    background: url(../images/cover1.png);
}
.three_goal .cover:hover .icon{
    opacity: 0;
    height: 0;
}
.three_goal .cover .hide_text{
    margin-top: 10px;
    width: 0;
    overflow: hidden;
    transition: all 0.6s;
}
.three_goal .cover .hide_text p{
    color: #fff;
    white-space:nowrap;
}
.three_goal .cover:hover .hide_text{
    width: 100%;   
}
@media (max-width: 500px) {
    .about3 {
        background: #f5f5f5;
        margin: 0px auto 0px auto;
    }
    .about3 .ly_text {
        text-align: left;
        padding: 5%;
    }
    .about3 .ly_text h2 {
        font-size: 1.8em;
    }
    .about3 .ly_text .des_text {
        margin-bottom: 30px;
    }
    .des_text_lots {
        line-height: 1.8;
        text-align: left;
        padding: 5%;
    }
    .about3 .ly_text .des_label label {
        text-align: left;
        width: 6em;
        margin-right: 0.5em;
        display: block;
    }
    .about3 .ly_text .des_label label::after {
        content: '';
    }
    .three_goal {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .three_goal li {
        position: relative;
        padding: 0;
        width: 100%;
        margin-right: 0%;
        overflow: hidden;
        margin-bottom: 4px;
    }
    
}


@media (min-width: 992px){
.col-md-6 {
    width: 50%;
}
}
@media (min-width: 992px){
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}
}
.f_l{    float: left;
    display: inline-block;}

.Type {
  width:260px;
}
.Type .TypeWord {
  padding: 28px 0 20px;
  text-align: center;
  background-color: #414141;
  color: #fff;
}
.Type .TypeWord .h2 {
  font-size: 28px;
  line-height: 32px;
  font-weight: bold;
}
.Type .TypeWord .en {
  font-size: 14px;
  opacity: 0.15;
}
.list5 li{background: #f4f4f4;   display: flex; width:100%
    align-items: center;
    padding: 5px 10px;
    border-bottom: 1px solid #fff;}

.list5 li a:hover{ background:#ff7900; display: block; color:#fff}

.list5 li a{     padding: 12px 20px;
    font-size: 15px;
    color: #707070;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-items: center; width:100%}
	.relateTit {  height: 58px; line-height: 58px; border-bottom: 1px solid #e4e4e4; margin:0 auto;  width:1200px;  }
.relateTit h3 { font-size:18px; display: inline-block;  *display: inline;
 *zoom: 1;
position: relative; }
.relateTit h3 .line { width: 100%; height: 2px; display: block; position: absolute; left: 0; bottom: -1px; background: #ffa200; }
	
	
	.footer_main{position:relative;width:100%;height:420px;background:#222; margin-top:30px; float:left}
.footer_main .footer8{padding-top:50px;}
.footer_main .part1{padding-bottom:50px;height:250px;}
.footer_main .part1 .left{float:left;position:relative;margin-left:40px;width:256px;background:url("../images/tline2.png") no-repeat right top;background-size:1px 254px;}
.footer_main .part1 .left .tit3{padding-top:14px;padding-bottom:20px;font-size:14px;font-weight:bold;line-height:16px;color:#fff;}
.footer_main .part1 .left .bNav{position:relative;width:220px;}
.footer_main .part1 .left .bNav .list{margin-top:0px;}
.footer_main .part1 .left .bNav .list .item{float:left;margin-bottom:20px;font-size:14px;color:#fff;}
.footer_main .part1 .left .bNav .list .item a{font-size:14px;color:#888c95;line-height:14px;}
.footer_main .part1 .left .bNav .list .item.tnav1{margin-right:70px;}
.footer_main .part1 .left .bNav .list .item.tnav3{margin-right:70px;}
.footer_main .part1 .left .bNav .list .item.tnav5{margin-right:70px;}
.footer_main .part1 .left .bNav .list .item.tnav7{margin-right:70px;}
.footer_main .part1 .middle{float:left;position:relative;width:500px;margin-left:100px;background:url("../images/tline2.png") no-repeat right top;background-size:1px 254px;}
.footer_main .part1 .middle .tit3{padding-top:14px;padding-bottom:24px;font-size:14px;font-weight:bold;line-height:16px;color:#fff;}
.footer_main .part1 .middle .telMain{margin-top:0px;}
.footer_main .part1 .middle .telMain .zx{font-size:30px;color:#fff;line-height:20px;}
.footer_main .part1 .middle .telMain .webTel{margin-top:12px;font-size:20px;font-weight:bold;color:#dc2821;line-height:24px;}
.footer_main .part1 .middle .telMain .ytime{margin-top:10px;font-size:14px;color:#888c95;line-height:16px;}
.footer_main .part1 .middle .telMain .ytime em{margin-left:6px;}
.footer_main .part1 .middle .conInfo{margin-top:30px;}
.footer_main .part1 .middle .conInfo .tel{padding-left:24px;font-size:14px;line-height:16px;color:#888c95;background:url("../images/telico.png") no-repeat left center;background-size:11px 16px;}
.footer_main .part1 .middle .conInfo .address{padding-left:24px;margin-top:12px;font-size:14px;line-height:16px;color:#888c95;background:url("../images/addressico.png") no-repeat left center;background-size:14px 15px;}
.footer_main .part1 .middle .conInfo .email{padding-left:24px;margin-top:12px;font-size:14px;line-height:16px;color:#888c95;background:url("../images/emailico.png") no-repeat left center;background-size:14px 11px;}
.footer_main .part1 .middle .conInfo em{margin-left:6px;}
.footer_main .part1 .middle .addressMain{margin-top:26px;}
.footer_main .part1 .middle .addressMain .dz{font-size:14px;color:#fff;line-height:16px;}
.footer_main .part1 .middle .addressMain .address{margin-top:8px;font-size:14px;color:#fff;}
.footer_main .part1 .right{float:left;display:block;width:160px;margin-top:32px;margin-left:84px;}
.footer_main .part1 .right .ewm{display:block;width:158px;height:158px;border:1px solid #4e4e4e;}
.footer_main .part1 .right .ewm img{display:block;margin:4px;width:150px;height:150px;border-radius:2px;}
.footer_main .part1 .right .gz{display:block;height:50px;font-size:14px;line-height:50px;text-align:center;color:#888c95;}
.copyright{width:100%;height:68px;line-height:68px;background:#292a2e;border-top:1px solid #363636;}
.copyright p{font-size:12px;color:#b7b7b7;}
.copyright a{font-size:12px;color:#b7b7b7;}
.copyright span{margin:0 6px;}
.copyright a:hover{color:#fff;}
.w1200{width:1200px; margin:0  auto}.clear{ margin:0; padding:0; font-size:0; clear:both; }