/*头部样式*/
#header{width:1200px;margin:0 auto;}
.header{width: 1200px;margin: 0 auto;}
.header .k1 p{background:url(../img/top-tel.png) left center no-repeat;padding-left:20px;}
.top{
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	background:#1079b4;
	color: #fff;
	overflow: hidden;
}
.top a{
	color:#fff;
}
.top2{
	height: 90px;
}
.logo{
	line-height: 90px;
}
.logo img{margin:10px 0;}


.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}

/*热门搜索*/
.search{text-align:left;}
#formsearch{width: 334px;height: 42px;background:url(../images/search.png) no-repeat top center;}
.hotSearch{height:40px;line-height:40px;font-weight:normal;color: #7e7e7e;margin-left: 12px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.container{width: 1200px;margin: 0 auto;}
.nei1{
	height: 82px;
	background:url(../images/nei1bac.jpg) no-repeat left top;
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	margin-top: -41px;
	z-index:999999;
}
.nei1left{
	line-height: 82px;
	width:685px;
}
.nei1right{
	width:515px;
}
.nei2{
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	height: 67px;
	line-height: 67px;
}
.sortN2 li:last-child{
	border-right:1px solid #eeeeee;
}
.sortN2 li{
	float: left;
	border-left:1px solid #eeeeee;
}
.sortN2 li a{
	padding:0 38px;
	display: block;
	color: #525252;
	font-size:14px;
}
.sortN2 li a:hover{
	background:#eee url(../images/protit.png) no-repeat center 50px;
	color:#fa4b0a;
}
.rel{
	position: relative;
}
.nei2Con{
	position: absolute;
	right: 0;
	top: 0;
	width:68px;
	text-align: center;
	line-height: 67px;
	border-right:1px solid #eee;
}
#sitecontent{background:url(../img/bg1.jpg);padding:90px 0;}

.news-top{height:60px;border-bottom:1px solid #eaeaea}
.news-top-l{width:130px;float:left;background:#008cd7;color:#fff;line-height:60px;font-size:14px;}
.news-top-l p{background:url(../img/gg.png) left center no-repeat;margin-left:24px;padding-left:32px}

.news-top-r{width:1070px;float:right}
.news-top-r li{width:33.3%;float:left;line-height:60px;}
.news-top-r li a{background:url(../img/news-ico.png) left center no-repeat;display:block;width:80%;margin:0 10%;padding-left:5%;font-size:12px;color:#666}
.news-top-r li a:hover{color:#008cd7}


.nei3tit{
	color: #333;
	font-size:18px;
	position: relative;text-align:center;padding: 14px 0 20px 0;;
}
.nei3tit p{font-weight:bold;background:url(../img/bot-line.png) bottom center no-repeat;line-height:60px}
.nei3tit span{
	display: block;
	color: #666;
	font-size:12px;
	padding-left: 7px;line-height:34px;
    text-transform:uppercase;
}
.nei3Con{
	margin-top: 30px;
}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*首页公司简介*/
.index-about{background:#fff;padding:50px 0;}
.index-about .about-topbg{width:45.3%;height:50px;background:#1079b4;content:'';line-height:50px;}
.index-about-r{width:600px;float:right;height:364px;overflow:hidden;}
.index-about-r img{width:600px;height:364px;cursor: pointer;transition: all 0.4s;display:block;}
.index-about-r img:hover{transform: scale(1.1);}
.index-about-l{width:570px;float:left;height:364px;}
.index-about-l h2{font-size:34px;color:#000;line-height:44px;font-family:Arial;}
.index-about-l h2 p{font-size:26px;color:#107cc8;background:url(../img/bot-line.png) bottom left no-repeat;font-weight:normal;font-weight:bold;line-height:46px;padding-bottom: 8px;}
.idx-about-con{line-height:30px;color:#888;font-size:14px;padding:30px 0;}
.index-about-l a.about-more{width:146px;height:42px;line-height:42px;background:#fff;color:#006ebc;display:block;text-align:center;font-size:14px;border-radius:16px;border:1px solid #006ebc}
.about-list{margin:60px auto 0px auto;}
.index-about-l a.about-more:hover{background:#006ebc; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color:#fff}
.about-list li{width:25%;text-align:center;font-size:14px;color:#b3b3b3;line-height:50px;line-height:24px;float:left}
.about-list li span{font-size:56px;color:#6b6b6b;font-family:HELVETICANEUELTSTD-THEX;font-weight:normal;}
@font-face { 
  font-family: HELVETICANEUELTSTD-THEX; /*这里是说明调用来的字体名字*/ 
  src:url('../fonts/HELVETICANEUELTSTD-THEX.OTF'); /*这里是字体文件路径*/ 
} 

.center-gg{background:url(../img/center-gg.jpg) center top no-repeat;height:255px;}

.about-list li{width:298px;float:left;border:1px solid #ddd}
.about-list li .about-l-img{width:64px;height:71px;padding:18px 0 18px 38px;float:left}
.about-list li .about-r{float:left;padding:30px 0 30px 14px;text-align:left}
.about-list li .about-r h2{font-size:18px;color:#333;font-weight:bold}
.about-list li .about-r p{font-size:14px;color:#888;text-transform: uppercase;}
.about-list li:hover{background:#006ebc;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.about-list li:hover h2{color:#fff}
.about-list li:hover p{color:#fff}



/*产品中心*/
.c12{}
.tab{position:relative;width: 1044px;margin: 15px 78px;}
.tab li{float:left;display:block;text-align: center;margin:0 25px;width: 150px;
    height: 35px;
    line-height: 35px;}
.tab li a{display:block;line-height:35px;color:#3e3e3e;font-size:14px;height:35px;width:150px;text-align: center;border:1px solid #eee;border-radius:10px}
.tab li a:hover{text-decoration:none;}
.tab li a.tab_click{color:#fff;text-decoration:none;font-size:16px;background:url(../img/pro-bg.png) center center no-repeat;text-align: center;}
.tab_content{padding-top:16px;position: relative;}
a.pro-more{color:#fff !important;text-decoration:none;font-size:16px;background:#cc2520;text-align: center;height:40px;width:144px;line-height:40px;display:block}


.c11{padding-top: 10px;}
.tab {position: relative;width: 1200px;margin: 15px 0px;}
.tab_content {padding-top: 16px;position: relative; margin-bottom: 60px;}

.product_list1{}
.product_list1 li{float:left;margin-right:24px;margin-bottom:15px;border:1px solid #eee;overflow: hidden;width:278px;height:278px;position:relative}
.product_list1 li a.img img{width:278px;height:278px;position: relative;cursor: pointer;transition: all 0.4s;display:block}
.product_list1 li a.img img:hover{transform: scale(1.1);}
/*
.product_list1 li h3{text-align:center;line-height:49px;background:#f3f3f3}
.product_list1 li h3 a{font-weight:normal;font-size: 14px;color:#333;}
.product_list1 li a.img:hover{border-color:#1fac75;}
*/
.roll_product{float:left;}
.product_list1 li:nth-child(4n){float: right;margin-right: 0;}


.idx-pro{background:url(../img/bg.png) center center no-repeat}

.product_list1 li a.tit{ bottom: 0;transition: all ease-out .3s;-webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; transform-origin: center bottom; opacity: 1; -webkit-transform: rotateX(0deg);  position:absolute;color:#FFFFFF; width:280px; height:44px; line-height: 44px;overflow: hidden; font-size: 14px;text-align: center;padding:0px; background:#1079b4;
transform: rotateX(90deg);-webkit-transform: rotateX(90deg);margin: 0px;padding: 0;}

.product_list1 li:hover a.tit{opacity: 1;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);}

#idx-news{margin: 20px 0 50px 0;}
.idx-news-con li{width:584px;float:left;margin-bottom:25px;transition: all 0.6s ease 0s;margin-right: 20px;}
.idx-news-con li:nth-child(2n){margin-right:0;}
.idx-news-con li img{width:202px;height:134px;float:left;transition: all 0.4s;}
.idx-news-con li .content{width:370px;float:right}
.idx-news-con li .content h2{font-size:16px;color:#333;line-height:40px;}
.idx-news-con li .content p{font-size:13px;color:#666;line-height:24px;}
.idx-news-con li:hover img{transform: scale(1.1, 1.1);}
.idx-news-con li:hover h2{color:#006ebc}
.idx-news-con li .img{overflow:hidden;width: 202px;float: left;}

/*合作伙伴*/
#hb{background:url(../img/bg2.jpg) top center no-repeat;height:510px;}
#hb .hb-con{padding-top:30px;}
#hb .hb-con li{width:180px;height:80px;float:left;margin-right:24px;margin-bottom:20px;}
#hb .hb-con li:hover{box-shadow: 0 0 10px #ccc;}
#hb .hb-con li:nth-child(6n){margin-right:0;}



.nei6{
	height: 59px;
	line-height: 59px;
	overflow: hidden;
	background:#1079b4;
	color: #fff;
	font-size:14px;width:1200px;margin:0 auto;
	border-bottom:1px solid #eef9ff;
}
.nei6 a{
	color:#fff;
	font-size:14px;
	padding:0 15px;
}
.f_link{
	width: 1160px;
	margin: 0 auto;
	background:url(../img/link.png) left center no-repeat;padding-left:40px;
}

#serve{background:url(../img/bgg.jpg) center center no-repeat;height:603px;}
#serve .serve-con{padding:70px 0;}
#serve .serve-l{width:338px;float:left;padding-top: 70px;}
#serve .serve-l h2{font-size:20px;color:#fff;font-weight:bold;line-height:44px;}
#serve .serve-l h2 p{font-size:14px;font-weight:normal;background:url(../img/bot-line.png) left top no-repeat}
.serve-l-con{margin:40px 0;}
.serve-l-con p{font-size:14px;color:#fff;line-height:24px;}

/*服务领域*/
.serve-r{background:url(../img/ser-bg.jpg) center center no-repeat;width:834px;height:456px;float:right}

#order_nav { position:relative;position: relative; }
#order_nav .list {margin:44px; }
#order_nav .list li { width: 128px; height: 128px; float: left; border-radius: 50%; position: relative; margin: 0 59px 76px; position: relative; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }

#order_nav .list li a { display: block; width: 100%; height: 100%; }
#order_nav .list li .cycle_mark { position: absolute; left: 0; top: 0; z-index: 2; }
#order_nav .list li .ico { width:124px; height: 124px; position: absolute; border-radius: 50%; z-index: 1; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all;border:2px solid #008cd7}
#order_nav .list li ._1 { background:url(../img/serve01.png) center center no-repeat}
#order_nav .list li ._2 { background:url(../img/serve02.png) center center no-repeat }
#order_nav .list li ._3 { background:url(../img/serve03.png) center center no-repeat }
#order_nav .list li ._4 { background:url(../img/serve04.png) center center no-repeat }
#order_nav .list li ._5 { background:url(../img/serve05.png) center center no-repeat }
#order_nav .list li ._6 { background:url(../img/serve06.png) center center no-repeat }

#order_nav .list li p { width: 100%; position: absolute; left: 0; top: 138px; text-align: center; }
#order_nav .list li p span { font-size:15px;color:#000;display: block;}
#order_nav .list li p strong { font-size: 12px; color: #f00; display: block; }

#order_nav .list li.on { background:#008cd7;}
#order_nav .list li.on .ico { background-color:#008cd7; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);    }
#order_nav .list li.on ._1 { background:url(../img/serve01_1.png) center center no-repeat}
#order_nav .list li.on ._2 { background:url(../img/serve02_1.png) center center no-repeat }
#order_nav .list li.on ._3 { background:url(../img/serve03_1.png) center center no-repeat }
#order_nav .list li.on ._4 { background:url(../img/serve04_1.png) center center no-repeat }
#order_nav .list li.on ._5 { background:url(../img/serve05_1.png) center center no-repeat }
#order_nav .list li.on ._6 { background:url(../img/serve06_1.png) center center no-repeat }

.idx-news-l{width:622px;float:left}
.idx-news-l .news-l-img {
    width: 622px;
    overflow: hidden;
    position: relative;
}
.idx-news-l .news-l-img img {
    float: none;
    width: 622px;
    height: 296px;
    border: 1px solid #eee;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.idx-news-l a:hover img {
    transform: scale(1.1, 1.1);
}
.idx-news-l dl{padding:0 6px;height:150px;}
.idx-news-l dt{line-height:40px;font-size:15px;color:#333;}
.idx-news-l dt a{display:block;color:#333}
.idx-news-l dt a:hover{color:#008cd7}
.idx-news-l dd{font-size:12px;color:#999;line-height:22px;}
.idx-news-r{width:550px;float:right}
.idx-news-r li {height: 66px;background-color: #fff;padding: 19px 20px; margin-bottom:0px;border-bottom:1px dashed #c6c6c6
}
.idx-news-r li .date {width: 68px;height: 58px;text-align: center;
background-color: #008cd7;float: left;padding-top: 10px;}
.idx-news-r li .date .ri {font-size: 20px;font-weight: bold;    color: #fff;}
.idx-news-r li .date span {font-size: 12px;font-weight: normal;
display: block;color: #fff;}
.idx-news-r li .content {float: right;width: 432px;line-height: 14px;}
.idx-news-r li .content h2 {margin-bottom: 8px;font-size:15px;color:#333;font-weight:normal;}
.idx-news-r li .content p {font-size: 12px;color: #999;line-height: 22px;}

/*页面底部*/
.foot{
	background:#333;
}
.footer{
	width: 1200px;
	margin: 0 auto;
}
.foot1{
	padding-top: 40px;
	padding-bottom: 30px;
	border-bottom:1px solid #494848;
}
.er{
	width:360px;color:#fff;}
.er dl{font-size:14px;padding:6px 0;font-weight:bold}
.er dt{line-height:24px;font-size:12px;color:#b4b4b4}
.ewm-txt{color: #fff;font-size:14px;padding:16px 0;}
.lianxi{
	width:240px;
	color: #fff;
	line-height: 27px;padding-left:30px;
}
.lianfoot a{line-height:30px;font-size:12px;color:#b4b4b4;width:50%;display: inline-block;}
.lianfoot a:hover{color:#fff}
.footit{color: #fff;font-size:18px;padding:6px 0;}
.footright{width:234px;border-right:1px solid #494848;}
.footright p{width:100px;float:left;line-height:27px;font-size:14px;color:#fff;    padding-top: 80px;}
.footright img{display:block;padding-top:14px;}

.foot2{
	text-align: center;
	color: #cccccc;
	line-height: 62px;
}
.foot2 a{
	color:#fff;
}
.friend{height:50px;line-height:50px;background:#212020;color:#ccc}
.friend a{color:#ccc;display:inline-block;padding:0 5px}

/*返回头部*/
.totop{position:fixed;right:50px;bottom:50px;display:block;width:40px;height:40px;background:url(../img/go-top.png) no-repeat 0 0;-webkit-transition: all 0.2s ease-in-out;z-index:999}
.totop:hover{background:url(../img/go-top.png) no-repeat 0 0;}

/*------------内页-------------------*/

/*搜索*/
.header-button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  position: relative;
  z-index: 1;
  display: block;
  width: 60px;
  height: 99px;
  margin: 0;
  padding: 0;
  outline: none;
  background:url(../img/sous.png) center center no-repeat;
  border: none;
  cursor: pointer;
}
#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top: 134px;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;z-index:999;
  background-color: #e1e4e7;
}
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
  margin: 0 60px 0 0;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 60px;
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #516270;
  background: #c6cacd;
  border: none;
  cursor: pointer;
}
/*
.wrapper{width:1200px; margin:0 auto;}
.case_t{background:url(../images/casetitbg.jpg) no-repeat; width:1200px; height:45px;}
.scene{ overflow:hidden; display:block; width:1200px; margin:0 auto;}
.scene ul li{ width:386px; height:272px; display:block; float:left; margin:10px; transition: all 0.4s;;}
.scene ul li img{ width:384px; height:222px;transition: all 0.4s;border:1px #ddd solid;}	

.scene li .fa_bj{position: absolute;left: 0;top: 0;background: rgba(112,120,136,.6);height: 222px;width: 386px;display: none;z-index:999;transition: all 0.4s;}
.scene li .fa_bj img.bj-img{display:block;margin:0 auto;padding:84px 0;transition: all 0.4s;max-width:46px !important;max-height:40px !important;border:none}
.scene li:hover .fa_bj{display: block;}
.scene li p.title{line-height:30px}
.scene li p.subtitle{line-height:20px}
*/


.scrollpic {
	width: 1200px;
	margin:40px auto 0 auto;
}
#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 300px;
	overflow: hidden;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width:300px;
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 260px;
	padding: 0;
	position: relative;
	height: 240px;
	color: #333;
}
#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #0057c4;
	filter: alpha(opacity=70);
	width: 280px;height:240px;
	color: #fff;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-align: center;
}
#myscroll a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	height: 40px;
	width: 260px;
	line-height: 30px;
	border-bottom: 1px solid #347fdc;
	font-weight:100;
}
#myscroll a .intro p {
    font-size: 13px;
    line-height: 20px;
    margin: 100px 70px;
    height: 40px;
    overflow: hidden;
}
#myscroll a .intro {
	bottom: -300px;
}
#myscroll a:hover .intro {
	bottom: 0px;
}
#myscrollbox p.title{    margin-top: 0px;
    line-height: 30px;
    font-size: 16px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    color: #3e3e3e;
    text-align: left;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;width:280px}
#myscrollbox p.subtitle{    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 2px;line-height: 30px;
    color: #f9b000;
    text-align: left;
    padding: 0;
    font-size: 14px;width:280px}
#mybtns {
	margin: 10px 0;
	width: 1160px;
	display: block;
	height: 42px;
}
#mybtns a {
	width: 42px;
	height: 42px;
	display: block;
	float: right;
	margin-right: 1px;
	background-color: #c1c1c1;
	margin-left:10px;
}
#mybtns a:hover {
	background-color: #347fdc;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left {
	background-image: url(../img/jt_l.png);
}
#mybtns #right {
	background-image: url(../img/jt_r.png);
}

#kinMaxShow {
	visibility: hidden;
	width: 100%;
	height: 500px;
	overflow: hidden;
}