@charset "utf-8";
/* CSS Document*/
/*index_banner*/
.index_banner {
	clear:both;
	position:relative;
	width:100%;
	height:550px;
	overflow:hidden;
	z-index: 1;
}
.index_banner .hd {
	position:absolute;
	left:0;
	bottom:30px;
	width:100%;
	height:2px;
	text-align:center;
	display: none;
}
.index_banner .hd li {
	display:inline-block;
	*display:line;
	*zoom:1;
	margin:0 10px;
	width:10px;
	height:10px;
	text-indent:-9999px;
	cursor:pointer;
	background:#1373BF;
	border-radius:50%;
}
.index_banner .hd li.cur {
	background:#1373BF;
}
.index_banner .bd,.index_banner .bd ul {
	height:550px;
}
.index_banner .bd li {
	position:relative;
	width:100%;
	height:550px;
}
.index_banner .bd li a {
	display:block;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-960px;
	width:1920px;
	height:550px;
}
.index_banner .prev,.index_banner .next {
	position:absolute;
	z-index:999;
	top:50%;
	margin-top:-30px;
	width:58px;
	height:58px;
	cursor:pointer;
	opacity:0;
	transition: all 1s;
}
.index_banner .prev {
	left:8%;
	background:url(../images/banner_prev.png) no-repeat;
}
.index_banner .next {
	right:8%;
	background:url(../images/banner_next.png) no-repeat;
}
.index_banner:hover .prev,.index_banner:hover .next {
	opacity:1;
}
/*标题*/
.index_title_box {
	height:125px;
	display: block;
	padding: 70px 0 0;
    text-align: center;
    margin-bottom: 60px;
}
.index_title_box:before {
	content: "daziran";
	text-transform: uppercase;
	text-align: center;
	font-family: "Impact";
	color: #E3E3E3;
	font-size: 86px;
	letter-spacing: 12px;
	font-weight: bold;
    /*margin-left: -220px;
    position: absolute;
    margin-top: -40px;
    z-index: 1;*/
    display: inline-block;
    vertical-align: middle;
}
.index_title {
	position: relative;
    margin-top: -60px;
    z-index: 2;
}
.index_title b {
    font-size:48px;
    line-height:56px;
    color: #0064DA;
    text-align: center;
}
.index_title span {
	display: block;
	font-weight: normal;
	font-size:18px;
	line-height:32px;
	color: #666;
}
.index_title a {
	display: block;
	color: #0064DA;
}
/*产品*/
.pro{overflow:hidden; background: #F2F2F2;padding-bottom: 60px;}
/*pro_nav*/
.pro_nav{ width:230px;float:left;animation:bounceinL 1s ease-out backwards;background: #fff;}
.pro_nav h3{ height:110px;font:24px "Microsoft YaHei"; text-align:center; background: url(../images/flctop.png) center center no-repeat;margin-top: 25px;margin-bottom: 25px;}
.pro_nav h3 a{ display:block; color:#333;padding-top: 30px;}
.pro_nav h3 a b {font-weight:bold;}
.pro_nav h3 em{ display:block; font:16px Arial; text-transform:uppercase; color:#333;letter-spacing: 2px;margin-top: 5px;margin-bottom: 10px;}
.pro_nav .pro_nav_list {}
.pro_nav .pro_nav_list li{position: relative;z-index: 999999;width: 190px;left: 20px;}
.pro_nav .pro_nav_list li a{border: 1px solid #dcdcdc;  color: #333;display: block;height: 56px;line-height: 56px;font-size: 16px;padding-left: 20px;padding-right: 20px; margin-bottom: 18px;text-align: center;}
.pro_nav .pro_nav_list li a:hover,.pro_nav .pro_nav_list .cur2 a{background:#32CB35 url(../images/flico1.png) no-repeat 203px 20px;color: #fff;}
.pro_nav .pro_nav_list .fl2st{position: absolute;left:191px;top:1px;background:#32CB35; width: 190px; display: none; overflow: hidden;}
.pro_nav .pro_nav_list .fl2st li a{float: left; width: 150px;padding-left: 5px; padding-right: 0;margin-left: 0;color: #fff; height: 56px;line-height: 56px; border: none;font-weight: normal; overflow:hidden; }
.pro_nav .pro_nav_list li:hover .fl2st{display: block;}
.product_nr {
	float: left;
	width: 915px;
	margin-left: 20px;
}
.product_nr_list dl{float: left;width:31.2%;margin-left:1.5%; height: 100%;position: relative;margin-bottom: 10px;overflow: hidden;}
.product_nr_list dt{width: 100%;display: block;}
.product_nr_list dt img{width: 100%;display: block;}
.product_nr_list dt em{display: block;height: 42px;line-height: 42px;background: #f5f5f5;text-align: center;font-size: 20px;color: #333333;}
.product_nr_list dt em i{display: inline-block;background:url(../images/cpico.jpg) no-repeat;width: 16px;height: 16px;position: relative;left: 20px;}
.product_nr_list dd{position: absolute;left:0;bottom:-100%;background-color: rgba(50,95,205,0.7);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */width: 100%;height: 100%;transition: all 0.3s linear 0s;}
.product_nr_list h3{padding-top: 19%;height: 44px;line-height: 44px;text-align: center;overflow: hidden;font-size: 20px;font-weight: bold;color: #fff;}
.product_nr_list h3 a{color: #fff;}
.product_nr_list dd p {line-height: 28px;font-size: 14px;color: #fff;width: 90%;margin-left: 5%;}
.product_nr_list span{display:block; width:140px;margin:15px auto;}
.product_nr_list span a{display: block;background:url(../images/cpbtn.png) left no-repeat;width: 140px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;}
.product_nr_list span a b {margin-left: 47px;}

.product_nr_list dl:hover dd{bottom:0;}
.product_nr_list dl:hover dt em i{display: none;}
.product_nr_list dl:hover dt em{font-size: 0}

/*施工*/
.installationteam {/*background:url(../images/ppbg.jpg) no-repeat center top;*/height: 905px;padding-top: 130px;}
.installationteam h2{height: 120px;text-align: center;background:url(../images/pptit.png) no-repeat 0 66px;font-size: 35px;font-weight: bold;color: #000000;}
.installationteam h2 span{color: #32CB35;letter-spacing: 4px;}
.installationteam h2 b{color: #335ecd;letter-spacing: 4px;}
.installationteam p{font-size: 16px;color: #464545;text-align: center;padding: 0 135px;line-height: 36px;height: 100px;}
.installationteam .img{margin-left: 6px;margin-bottom: 56px;}

.installationteam_number_info .installationteam_number_inner {
    width: 1200px;
    margin: 0 auto;
}

.q {
    zoom: 1; }

.installationteam_number_info li {
    float: left;
    width: 300px;
    color: #345ECE;
    border: px solid #000;
}

/*.installationteam_number-info li:first-child {
    border: none;
}*/

.installationteam_number_info .b {
    font-weight: 400;
    width: 300px;
    height: 66px;
    text-align: center;
}

.installationteam_number_info li p {
    font-size: 18px;
    line-height: 36px;
    width: 100%;
    border: px solid #f00;
    text-align: center;
    padding: 0;
}

.installationteam_number_info .b i {
    font-style: normal;
    font-size: 56px;
    margin-left: 0px;
    font-weight: bold;
    text-align: center;
}
.installationteam_number_info .b em {
    font-style: normal;
    font-size: 28px;
    font-weight: 100;
    padding-left: 2px;
    position: relative;
    top: -4px;
}

/*特点*/
.features {
    overflow: hidden;
    height:1025px;
    background:url(../images/featuresbg.jpg) no-repeat center;
}
.features .cpysgy{float: left;width: 290px;margin-right: 620px;}
.features .cpysgy:nth-child(2n){margin-right: 0;}
.features .cpysgy h3{height: 56px;line-height: 56px;text-align: center; font-size: 24px;color: #000000;font-weight: normal;}
.features .cpysgy h3 b{display: inline-block;padding-right: 10px;}
.features .cpysgy dt{width: 289px;height: 154px;overflow: hidden;}
.features .cpysgy dt img{width: 281px;height: 146px; border-radius: 10px;border:4px solid #32CB35; display: block;transition: all 0.6s linear 0.6s;}
.features .cpysgy dt:hover{transform:rotateY(180deg);}
.m_cpys{height: 660px;}

/*优势*/
.advantage {
  background:url(../images/advantagebg.png) no-repeat center top #fff;
  height:600px;
  overflow:hidden;
}
.advantage2 {
  height:425px;
  margin-top:50px;
  position:relative;
}
.advantage2 dl {
  width:210px;
  height:268px;
  padding-top:40px;
  background:#32CB35;
  border:3px solid #fff;
  float:left;
}
.advantage2 dt {
  width:185px;
  height:40px;
  background:#32CB35;
  border-radius:2rem;
  font:22px "Microsoft YaHei";
  font-weight:bold;
  color:#fff;
  text-align:center;
  line-height:40px;
  margin:0 auto;
}
.advantage2 dd a {
  display:block;
  width:150px;
  height:150px;
  margin:12px auto;
  /*border:1px solid #d8d8d8;*/
  box-sizing:border-box;
  border-radius:150px;
}
.advantage2 dd img {
  display:block;
  width:150px;
  height:150px;
}
.advantage2 dd p {
  font:15px "Microsoft YaHei";
  text-align:center;
  line-height:26px;
  color:#fff;
  padding:0 30px;
}
.advantage2 .dl2 {
  border-left:0;
}
.advantage2 .dl3 {
  border-right:0;
  margin-left:335px;
}
.advantage2 .dl3 dd p {
  padding:0;
}
.advantage2 dl:hover {
  background:#0064DA;
}
.advantage2 dl:hover dt {
  color:#0064DA;
  background:#fff;
}
.advantage2 dl:hover dd p {
  color:#fff;
}
.advantage2 dl:hover a {
  border:1px solid #0064DA;
  box-sizing:border-box;
}

.yst {
  height:180px;
  overflow:hidden;
  background:#0064DA;
}
.yst dl {
  width: 600px;
  margin: 40px auto;
  font-size: 32px;
}
.yst dl dt {
  background: #fff;
  color: #0064DA;
  width: 300px;
  float: left;
  text-align: center;
  height:64px;
  line-height: 64px;
}
.yst dl dd {
  border: 2px #fff solid;
  width: 296px;
  float: right;
  color: #fff;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
.yst p {
  color: #fff;
  text-align: center;
  width: 680px;
  margin: 0 auto;
  text-transform: uppercase;
  line-height: 56px;
}
.yst_ico {
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-top-color: #0064DA;
  margin: 0 auto;
}
.ys1 {
  height:553px;
}
.ys1 h3 {
  width:632px;
}
.ys1 dl {
  width:525px;
  margin-top:80px;
}
.ys1 dt {
  height:127px;
  overflow:hidden;
  background:url(../images/ys_line.png) repeat-x center bottom;
  margin-bottom:34px;
}
.ys1 dt em {
  display:block;
  width:90px;
  height:127px;
  font:72px Impact;
  letter-spacing: 2px;
  color:#32CB35;
  padding-left:15px;
  float:left;
}
.ys1 dt em:before {
  content: "";
  position:relative;
  height: 18px;
  background: #fff;
  display: block;
  top: 76px;
  z-index: 1;
} 
.ys2 dt em:before {
  content: "";
  position:relative;
  height: 18px;
  background: #FBFBFB;
  display: block;
  top: 76px;
  z-index: 1;
} 
.ys3 dt em:before {
  content: "";
  position:relative;
  height: 18px;
  background: #fff;
  display: block;
  top: 76px;
  z-index: 1;
} 
.ys4 dt em:before {
  content: "";
  position:relative;
  height: 15px;
  background: #FBFBFB;
  display: block;
  top: 76px;
  z-index: 1;
} 
.ys1 dt span {
  display:block;
  width:330px;
  float:left;
  padding-left:20px;
  font:40px "Microsoft YaHei";
  color:#222;
}
.ys1 dt span i {
  display:block;
  font:40px Arial;
  color:#cecece;
  text-transform:uppercase;
}
.ys1 dd p {
  font:16px "Microsoft YaHei";
  line-height:36px;
  color:#666;
  background:url(../images/ys_jt.png) no-repeat left 12px;
  padding-left:28px;
}
.ys1 dd p b {
  color:#0064DA;
}
.ys2 {
  background:#FBFBFB;
  height:555px;
}
.ys2 dl,.ys4 dl {
  margin-top:160px;
}
.ys3 {
  height:484px;
  margin-top:46px;
}
.ys4 {
  background:#FBFBFB;
  height:600px;
  border-bottom: 15px #0064DA solid;
}
/*案例*/
.case{ height: 800px; padding-top: 76px;margin-bottom: 60px;}
.case .casetit{ height: 130px; }
.case .casetit a {color: #fff;}
.case .casetit li{ position: relative; float: left; width: 298px; border: 1px solid #e2e2e2;  font-size: 20px; line-height: 74px; color: #fff; height: 74px; text-align: center; background: -webkit-linear-gradient(#0064DA, #0156b9); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#0064DA, #0156b9); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#0064DA, #0156b9); /* Firefox 3.6 - 15 */
  background: linear-gradient(#0064DA, #0156b9); /* 标准的语法 */ }
.case .casetit li em{ position: absolute; left:135px; top:74px; width：0; height：0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #0156b9;display: none; }
.case .casetit li.on{ background: -webkit-linear-gradient(#0064DA, #0156b9); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#0064DA, #0156b9); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#0064DA, #0156b9); /* Firefox 3.6 - 15 */
  background: linear-gradient(#0064DA, #0156b9); /* 标准的语法 */  color: #fff; } 
.case .casetit li.on em{ display: block; }
.case dt{float: left;width: 623px;height: 467px;}
.case dt img{width: 623px;height: 467px;display: block;}
.case dd{float: left;width: 575px;height: 447px;padding: 20px 0 0 0;background: -webkit-linear-gradient(left top, #0064DA , #0156b9);
  background: -o-linear-gradient(bottom right, #0064DA, #0156b9); 
  background: -moz-linear-gradient(bottom right, #0064DA, #0156b9); 
  background: linear-gradient(to bottom right, #0064DA , #0156b9);}
.case h3{height: 46px;margin-bottom: 23px;font-size: 24px;font-weight: bold;color: #fff; margin-left: 60px;margin-top: 30px;}
.case h3 b{display: block; line-height: 46px;}
.case h3 em{display: block;font-size: 20px;font-weight: normal; line-height: 40px;}
.case ul{height: 124px;border-bottom: px solid #3b3b3b;margin-bottom: 43px;}
.case li{font-size: 15px;line-height: 24px;color: #fff;}
.case p{font-size: 15px;line-height: 24px;color: #fff;width: 525px; border-bottom: 5px solid #32CB35;margin-bottom: 20px; height: 142px;padding-left: 25px;padding-right:25px; }
.case .tel{background:url(../images/ystel.png) no-repeat 0 8px;padding-left: 58px;font-size: 16px;color: #fff;margin-left: 60px;}
.case .tel b{display: block;font-size: 30px; font-family: impact;font-weight: normal; line-height: 45px; letter-spacing: 3px;}
.case .next,.case .prev{width: 37px;height: 32px;}
.case .next{background:url(../images/rjt.jpg) no-repeat;position: absolute;left:785px;top:735px;}
.case .prev{background:url(../images/ljt.jpg) no-repeat;position: absolute;left:745px;top:735px;}
.case .next:hover,.case .prev:hover{background-position: right 0;}
/*新闻*/
.nswsbj{ height: 800px; box-sizing: border-box; overflow: hidden;}
.nswsbj h2{ margin-bottom: 35px;}
.news{width:797px;height:640px; float: left;}
.news .newstit{height:42px;margin-bottom: 20px;border-bottom: 1px solid #b7b4b5;}
.news .newstit i{color:#333333;height: 42px; display: inline-block; font-weight: normal;background:url(../images/news1titcur.png) no-repeat left 8px;text-decoration: none;padding-left: 35px;width:220px; position: relative;}
.news .newstit i:after{content:"";width: 148px; height: 2px;  position: absolute;left: 0;bottom:-1px;background: #1365D1;}
.news .newstit i a{color: #1365D1;  text-decoration: none; font-size: 20px; display: inline-block;height:42px; line-height:42px; font-weight: normal;}
.news .newstit span{font-weight: normal; font-size: 14px;line-height: 42px; overflow: hidden;}
.news .newstit span a{color: #333;}
.news_nr{ background:#f6f6f6; }
.news_c{padding:0 38px;border-bottom: 7px solid #fff; position: relative; height: 426px; overflow: hidden;}
.news_c:before{content:"";width: 797px; height: 1px;  position: absolute;left: 0;top:70px;background:#e8e8e8;}

.news_c dl{width:344px; overflow: hidden; float: left;margin-right: 33px;}
.news_c dt{ width:344px;height:258px; position: relative; overflow: hidden;margin-top: 15px;}
.news_c dt img{width:344px;height:258px; display: block;}
.news_c dd{width:344px; overflow: hidden;}
.news_c dd em{ display: block;height:70px;line-height: 70px; font-size: 24px;color: #ababab; display:block; font-weight: normal;  }
.news_c dd h3{font-size: 16px; font-weight: normal;margin: 15px 0 20px; height: 38px; line-height: 38px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.news_c dd h3 a{ color:#333333;}
.news_c dd p{height:50px;overflow: hidden;font-size: 14px; line-height: 25px; color:#a7a7a7;margin-bottom: 10px;}
.news_c dd p a{ color: #1366D1; }
.news_c dl:nth-child(2){margin-right: 0;}
.news_nr ul{clear: both; overflow: hidden;padding:10px 38px 20px;}
.news_nr li:nth-child(1) {display: none;}
.news_nr li:nth-child(2) {display: none;}
.news_nr li{line-height: 38px; height: 38px; display: block;  padding-left: 15px; background: url(../images/newsico.png) no-repeat 5px center; box-sizing: border-box;}
.news_nr li.nones{border-bottom: 0;}
.news_nr li a{ float:left;font-size: 14px;color:#5c5c5c;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.news_nr li span{ float: right; height: 38px;display:block;  line-height: 38px;font-size: 14px; color: #bcbcbc; }

.wt{width:371px;overflow: hidden;float: right;}
.wt .newstit{height:42px;margin-bottom: 20px;border-bottom: 1px solid #b7b4b5;}
.wt .newstit i{color:#333333;height: 42px; display: inline-block; font-weight: normal;background:url(../images/faqtit.png) no-repeat left 8px;text-decoration: none;padding-left: 35px;width:220px; position: relative;}
.wt .newstit i:after{content:"";width: 118px; height: 2px;  position: absolute;left: 0;bottom:-1px;background: #1365D1;}
.wt .newstit i a{color: #1365D1;  text-decoration: none; font-size: 20px; display: inline-block;height:42px; line-height:42px; font-weight: normal;}
.wt .newstit span{font-weight: normal; font-size: 14px;line-height: 42px; overflow: hidden;}
.wt .newstit span a{color: #333;}
.wt_c{height: 579px; background:#f6f6f6;padding:36px; box-sizing: border-box;}
.wt_c dl{height: 300px;margin-bottom: 25px;background:url(../images/faqico.gif) no-repeat center bottom;}
.wt_c dt{ width:301px; height: 226px; }
.wt_c dt img{display: block; width:301px; height: 226px;}
.wt_c dd{ padding:0 18px; box-sizing: border-box; font-size: 14px; color: #333333; width: 301px; background:#fff; height: 126px;}
.wt_c dd h3{padding-top: 10px; font-size: 16px;height: 42px;line-height: 42px;  font-weight: normal; overflow:hidden;}
.wt_c dd h3 a{ color:#333333;}
.wt_c dd p{overflow: hidden;font-size: 14px; line-height: 22px; color: #787878;  }
.wt_c dd p a{ color: #1366D1; }
.wt_c ul{clear: both; overflow: hidden;margin-top: 60px; }
.wt_c li:nth-child(1) {display: none;}
.wt_c li{width:284px;line-height: 35px; height: 35px; display: block;  padding-left: 15px; background: url(../images/newsico.png) no-repeat 5px center; box-sizing: border-box;overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.wt_c li a{font-size: 14px;color:#777777;text-decoration: none;}
/*新闻*/ 
.about{height: 530px;background: url("../images/ar01.png") no-repeat center;position: relative;margin-top: 20px;z-index: 9;/*top: 110px;*/bottom: -110px;border: px solid #f00;}
.box12{float: left;width: 1200px;height: 400px;margin-top: 130px;background: #fff;position: relative;}
.box12 h3{position: absolute;left: 536px;top: -75px;width: 128px;height: 132px;}
.box12 h3 a{display: block;width: 128px;height: 132px;background: url("../images/ar02.png") no-repeat center;}
.box12 h2{width: 310px;margin: 0 auto;text-align: center;padding-top: 75px;}
.box12 h2 a{display: block;font: 30px "Microsoft YaHei";color: #333;}
.box12 h2 a em{display: block;font: normal 16px/36px "Microsoft YaHei";color: #666;}
.box12 p{width: 800px;margin: 30px auto;font: 14px/28px "Microsoft YaHei";color: #666;text-align: center;}
.box12 h4{width: 345px;margin: 0 auto;}
.box12 h4 a{width: 138px;height: 48px;font: 14px/50px "Microsoft YaHei";text-align: center;}
.box12 h4 a.a09{border: 1px solid #0064DA;color: #0064DA;}
.box12 h4 a.a10{border: 1px solid #32CB35;color: #32CB35;}