﻿@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/*产品中心*/
.chanp{padding: 60px 0 65px;}
.cp_t{font-size: 40px;color: #333;text-align: center;line-height: 40px;height: 110px;background:url(../images/cp_line01.png) no-repeat center 8px;font-weight: normal;}
.cp_t a{color: #333;}
.cp_t span{display: block;font-size: 16px;color: #999;font-weight: normal;padding: 5px 0 0;}
.cp01{width: 1200px;height: 350px;background:url(../images/cp_line03.gif) no-repeat center 315px;}
.cp01 ul li{float: left;width: 325px;height: 350px;margin-left: 112px;}
.cp01 ul li p{width: 325px;height: 186px;line-height: 0;-webkit-transition:transform .3s;transition:transform .3s;}
.cp01 ul li p img{width: 325px;height: 186px;}
.cp01 ul li:hover p{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.cp_ul01 li a{display: block;font-size: 24px;color: #333;width: 325px;height: 94px;line-height: 28px;overflow: hidden;background:url(../images/cp_line02.gif) no-repeat center 84px;padding: 22px 0 0;text-align: center;}
.cp_ul01 li a:hover{color: #063990;}
.cp_ul01 li em{display: block;font-size: 14px;color: #999; font-family:Arial, Helvetica, sans-serif;}
.cp_ul02{height: 50px;}
.cp_ul01 .cp_ul02 li{height: 50px;width: 108px;margin: 0;}
.cp_ul01 .cp_ul02 li a{font-size: 14px;color: #666;height: 50px;line-height: 50px;width: 108px;white-space:nowrap; text-overflow:ellipsis;background:url(../images/cp_ico01.png) no-repeat center 0;padding: 0;}
.cp_ul01 .cp_ul02 li a:hover{color: #063990;font-weight: bold;background:url(../images/cp_ico02.png) no-repeat center 0;}
.cp_ul01 li .u-more{font-size: 14px;color: #666;height: 30px;line-height: 30px;background:#eaeaea none;padding: 0;width: 100px;margin:0 auto;border-radius: 30px;}
.cp_ul01 li .u-more:hover{color: #fff;background:#063990 none;}
.cp01 ul li:first-child{margin-left: 0;}

.pro_bg{padding:20px 0 50px;background:#f6f6f6 url(../images/sycpflbg.jpg) center top no-repeat;}
.syt_h2{margin-bottom: 28px; text-align:center;}
.syt_h2 h3{ font-size:32px; color:#133b83; line-height:50px; font-weight:bold;}
.syt_h2 i{ font-size:16px; color:#666; font-style:normal;}
.pro_t{width: 1200px;margin: 0  auto 20px; height: 60px; line-height: 50px; text-align: center;}
.pro_t a{ display: inline-block; background:#063990; border-right:1px #ddd solid; padding:0 30px; line-height:50px; color: #fff; font-size:16px;}
.pro_t a:hover{color:#fff;background: #dd0000; font-weight:bold}
.pro_t a:last-child{ border-right:none;}

.pro{ width:1200px; margin:0 auto;}
.pro_con{width:900px; float: left; margin-left:40px;    background: #fff; padding:30px 20px; box-sizing:border-box;
    border-radius: 10px;
    overflow: hidden;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);}
.pro_qh{width: 860px;overflow: hidden;}
.pro_qh_pinpai{ width:860px; box-sizing:border-box;}
.pro_qh_pinpai div{ float:left; width:100px; height:100px; margin:0 36px; text-align:center; background:#f8f8f8; border-radius:10px; box-sizing:border-box; padding-top:15px;}
.pro_qh_pinpai div h3{ margin-bottom:10px;}

.pro_list{width:1200px; overflow:hidden;}
.pro_list ul li{position: relative; float:left; line-height: 0px; width: 382px; margin-right:18px; overflow:hidden;}
.pro_list ul li:nth-child(3n){ margin-right:0}
.pro_list ul li h3{ width:380px; height:280px; border:1px #ddd solid;}
.pro_list ul li p{margin-top: 1px;display: block;text-align: center; height: 50px;line-height: 50px;}
.pro_list ul li p a{ font-size:14px; display:block; color: #666;}


.productlist{ width:860px; margin:0 auto; height:490px; overflow:hidden;}
.mr_frbox{position:relative;}
.mr_frBtnL{cursor:pointer;margin:0; position:absolute; top:0; left:50%; margin-left:-40px; float:left;width:25px;height:25px; z-index:9 }
.mr_frUl{position:relative; z-index:5;}
.mr_frBtnR{float:right;margin:0; position:absolute; top:0; right:50%; margin-right:-40px; cursor:pointer;width:25px;height:25px; z-index:9}

.productlist li{ float:left; width:272px; height:245px; margin:0 7px; box-sizing:border-box; background:#f8f8f8; text-align:center;}
.productlist li h3{ width:270px; height:205px; background:#fff; overflow:hidden; border:1px #ddd solid;}
.productlist li h3 a{ display:block; width:260px; height:195px; padding:4px;}
.productlist li h3 a img{ box-sizing:unset;-webkit-transition-duration: 1s; transition-duration: 1s;}
.productlist li:hover h3 a img{-webkit-transform: scale(1.1);    -ms-transform: scale(1.1);    transform: scale(1.1);}
.productlist li p{ height:40px; line-height:40px; background:#fff;-webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;}
.productlist li p a{ color:#444; font-size:16px; text-align:center;display:block;}
.productlist li:hover p{ background:#8e040f}
.productlist li:hover p a{ color:#fff;}

.syhzhb{ padding:40px 0 0; background:#f0f0f0;}
.syhzhb_list{ width:1200px; margin:0 auto; overflow:hidden; position:relative; height:180px;}
.syhzhb_list ul{ height:120px;}
.syhzhb_list ul li{ float:left;text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
}

.syhzhb_list .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
	z-index: 999;
}
.syhzhb_list .swiper-pagination-bullet {
	display: inline-block;
	width: 6px;
	height: 6px;
	opacity: 1;
	border-radius: 10px;
	background: white;
	margin: 0 3px;
	cursor: pointer;
	transition: width 0.3s ease-in-out;
}
.syhzhb_list .swiper-pagination-bullet-active {
	background: #fdd000;
	width: 12px;
}


.edgebj{height:810px; background:url(../images/d-edgebj.jpg) no-repeat top center;overflow: hidden;}
.edge{padding-top:65px; height:720px; }
.edge h3{text-align: center; margin-bottom: 31px;}
.edge h3 em{font-size: 36px; font-weight: bold; color:#FFF; line-height: 36px; margin-bottom: 24px;}
.edge h3 i{display: block; font-size: 14px; line-height: 20px; color:#FFF;margin-top: 24px; font-weight:normal; }
.edge ul{height:620px;}
.edge ul li{width:400px; height:320px;float:left;}
.edge ul li dl dt{width: 100%; height:200px; position: relative;}
.edge ul li dl dt img{width: 100%; height:200px; }
.edge ul li dl dt i{display: block; width:100%; height:200px; background:url(../images/d-yy.png) no-repeat center; position: absolute; left:0; top:0;}
.edge ul li:nth-child(4),.edge ul li:nth-child(5){ width:600px;}
.edge ul li dl dd{padding:20px; border:1px #ddd solid; border-top:none; box-sizing:border-box;}
.edge ul li dl dd span{display: block; height:60px; width:60px; float:left; margin-right:10px;}
.edge ul li dl dd h3{ text-align:left; font-size:18px; color:#333;margin-bottom: 0;line-height: 30px;}
.edge ul li dl dd p{font-size: 14px; color:#666666; background:url(../images/d-hg.jpg) no-repeat top center;}
.edge ul li dl dd .ed1{background:url(../images/d-edt1.png) no-repeat top center;}
.edge ul li dl dd .ed2{background:url(../images/d-edt2.png) no-repeat top center;}
.edge ul li dl dd .ed3{background:url(../images/d-edt3.png) no-repeat top center;}
.edge ul li dl dd .ed4{background:url(../images/d-edt4.png) no-repeat top center;}
.edge ul li dl dd .ed5{background:url(../images/d-edt5.png) no-repeat top center;}
.edge ul li:hover dt i{display: none;}
.edge ul li:hover dd{background:#333;}
.edge ul li:hover dd h3{ color:#fff;}
.edge ul li:hover dl dd .ed1{background:url(../images/d-edt1_h.png) no-repeat top left;}
.edge ul li:hover dl dd .ed2{background:url(../images/d-edt2_h.png) no-repeat top left;}
.edge ul li:hover dl dd .ed3{background:url(../images/d-edt3_h.png) no-repeat top left;}
.edge ul li:hover dl dd .ed4{background:url(../images/d-edt4_h.png) no-repeat top left;}
.edge ul li:hover dl dd .ed5{background:url(../images/d-edt5_h.png) no-repeat top left;}
.edge ul li:hover dl dd p{color:#fff;background:url(../images/d-hg_h.png) no-repeat top center;}
.edge ul li:hover dl dd span{ color:#fff;}

.list2{background: url(../images/ys_tt.jpg) no-repeat center top;height: 2420px;}
.list2 .tit {text-align: center;height:143px;padding-top:65px;margin-bottom:36px;}
.list2 .tit h4 {height: 80px;line-height: 65px;font-size:48px;font-weight: bold;color: #333;}
.list2 .tit h4 b{ font-size:80px; color:#dd0000; font-style:italic}
.list2 .tit h4 span{ color:#063990}
.list2 .tit p{font-size:18px;color:#888;height:28px;line-height:28px;}
.ys_bj1{background: url(../images/ys_bj1.jpg) no-repeat center top;height: 542px;}
.ys_bj2{background: url(../images/ys_bj1.jpg) no-repeat center top;height: 541px;}
.ys1{padding:48px 0 0 45px;width:1155px;margin:0 auto;position: relative;height: 494px;}
.list2 .ys1 dl {padding-top:156px;}
.ys2{width:1152px;margin:0 auto;padding:51px 39px 0 9px;height: 491px;position: relative;}
.list2 .ys2 dl{padding-top:103px;}
.ys3{width:1120px;padding:45px 30px 0 50px;position: relative;height: 496px;margin:0 auto;}
.list2 .ys3 dl{padding-top:153px;}
.ys4{width:1152px;margin:0 auto;padding:51px 39px 0 9px;height: 491px;position: relative;}
.list2 .ys4 dl{padding-top:103px;}

.list2 dl{width:450px;}
.ys_img1{ width:620px;}
.ys_img1 img{ max-width:100%;}
.list2 dt {height: 60px;}
.list2 dt i{float:left;font-size:0;line-height: 0;}
.list2 dt p {float:right;width:359px;}
.list2 dt p span {display:block;height: 48px;line-height: 48px;font-size:36px;color: #333333;font-weight: bold;}
.list2 dt p em {font-size:10px;color: #999999;text-transform: uppercase;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list2 dd p {padding-left:30px;font-size:16px; color: #333333;line-height: 26px;padding:0 0 0 25px;background: url(../images/ys_ico1.png) no-repeat left 7px;margin-top:20px; margin-bottom:10px;}
.list2 dd span{ font-size:12px; text-transform:uppercase; color:#ccc; line-height:16px;}
.ys_a1,.ys_a2,.ys_a3,.ys_a4{position: absolute;}
.ys_a1{left:-18px;bottom:0;}
.ys_a2{right:-18px;bottom:0;}



/**/
.yin{background: #f4f4f4;padding: 55px 0 65px;}
.yin .cp_t{background:url(../images/yin_line.png) no-repeat center 8px;height: 120px;}
.yin dl{width: 400px;float: left;height: 690px;background: #fff;}
.yin dl dt{width: 400px;height: 230px;line-height: 0;overflow: hidden;}
.yin dl dt img,.case dl dt img,.case01 ul li img,.news dt img{width: 400px;height: 230px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.yin dl dt img:hover,.case dl dt img:hover,.case01 ul li img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.yin dl dd{width: 310px;height: 200px;padding: 30px 0 0 60px;}
.yin dl dd h5{font-size: 24px;color: #333;width: 310px;height: 70px;line-height: 100px;overflow: hidden;}
.yin dl dd h5 b{color: #063990;}
.yin dl dd h5.yin_bt01{background:url(../images/yin_k01.gif) no-repeat;}
.yin dl dd h5.yin_bt02{background:url(../images/yin_k02.gif) no-repeat;}
.yin dl dd h5.yin_bt03{background:url(../images/yin_k03.gif) no-repeat;}
.yin dl dd h5.yin_bt04{background:url(../images/yin_k04.gif) no-repeat;}
.yin dl dd h5.yin_bt05{background:url(../images/yin_k05.gif) no-repeat;}
.yin dl dd p{font-size: 14px;color: #666;line-height: 24px;height: 72px;overflow: hidden;width: 270px;padding: 10px 0 0;}

/*应用案例*/
.case{padding: 55px 0 25px;}
.case .cp_t,.about .cp_t{background:url(../images/case_line01.png) no-repeat center 8px;height: 130px;}
.case_t{width: 1200px;height: 96px;background:url(../images/case_bor.gif) no-repeat;}
.case_t ul li,.case_t span{width: 133px; height: 96px; float: left;background:url(../images/case_bor.gif) no-repeat right 0;} 
.case_t ul li a,.case_t span a{display: block;font-size: 14px; color: #333;width: 133px; height: 96px; text-align: center;} 
.case_t ul li em,.case_t span em{display: block;width: 30px;height: 26px;line-height: 0;margin:0 auto 5px;overflow: hidden;} 
.case_t ul li em img,.case_t span em img{width: 30px;height: 26px;}
.case_t ul li a:hover,.case_t span a:hover,.case_t ul li.on a{color: #063990;} 
.case_t span{display: block;}
.case dl dt{width: 792px;height: 446px;float: left;overflow: hidden;line-height: 0;}
.case dl dt img{width: 792px;height: 446px;}
.case dl dd{width: 300px; height: 400px; float: right;padding: 44px 40px 0;border: #ddd 1px solid;} 
.case dl dd h5{height: 70px;line-height: 30px;overflow: hidden;}
.case dl dd h5 a{font-size: 22px;color: #333;}
.case dl dd h5 a:hover,.hz h3 a:hover{color: #063990;}
.case .case_desc{font-size: 16px; color: #1c1317; line-height: 30px; height: 150px;padding: 20px 0 0; overflow: hidden;} 
.case dl dd span{display: block;padding: 40px 0 0;}
.case dl dd span a{display: block; font-size: 14px; color: #fff; width: 150px; text-align: center; height: 35px; line-height: 35px; background: #063990; overflow: hidden;border-radius:20px;}
.case dl dd span a:hover,.liuc span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/**/
.case01{padding: 0 0 65px;overflow: hidden;}
.case01 ul li{width: 282px;height: 159px;position: relative;float: left;margin-right: 23px;overflow: hidden;line-height: 0;}
.case01 ul li img{width: 282px;height: 159px;}
.case01 ul li span{ width:262px;padding:0 10px; display:block; text-align:center; height:36px; line-height:36px;font-size: 16px;color: #fff;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.5);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*合作客户*/
.hz{background: #f4f4f4;padding:0 0 50px;}
.hz h3{height: 100px;line-height: 120px;overflow: hidden;background:url(../images/hz_ico01.gif) no-repeat 0 55px;font-weight: normal;}
.hz h3 a{font-size: 24px;color: #666;padding: 0 0 0 25px;text-transform: uppercase;}
.hz ul li{width:200px;height: 100px;float: left;margin-bottom: 20px;margin-right: 50px;box-shadow: 0 3px 10px 3px #e2e2e3;}
.hz ul li img{width:200px;height: 100px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.hz ul li a:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}
.hz ul li:nth-child(5n){margin-right: 0;}

/*优势*/
.ys{padding: 55px 0 0;}
.ys .cp_t{background:url(../images/ys_line.gif) no-repeat center 8px;height: 90px;}
.ys_t{position: absolute;top: 530px;left:70px;z-index: 10;}
.ys_t ul li{font-size: 18px;color: #fff;font-weight: bold;width: 194px;background:#333; text-align: center; height: 62px; line-height: 62px; overflow: hidden; float: left;margin-right: 20px;} 
.ys_t ul li i{ font-family:Arial, Helvetica, sans-serif;font-size: 20px;padding: 0 10px 0 0;}
.ys_t ul li{ position: relative;vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.ys_t ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #063990;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.ys_t ul li:hover:before, .ys_t ul li:focus:before, .ys_t ul li:active:before {
  right: 0;
}
.ys_t ul li.on{ background:#333;color: #fff;}
.ys dl dt{width: 1200px;height: 438px;line-height: 0;}
.ys dl dt img{width: 1200px;height: 438px;}
.ys dl dd{text-align: center;padding: 40px 0 0;width: 1200px;height: 80px;overflow: hidden;}
.ys dl dd h5{font-size: 24px;color: #333;height: 40px;line-height: 40px;overflow: hidden;margin-bottom: 5px;}
.ys dl dd p{font-size: 14px;color: #333;line-height: 30px;}
.ys .ys_dd01{ background:url(../images/ys_no1.gif) no-repeat center 20px;}
.ys .ys_dd02{ background:url(../images/ys_no2.gif) no-repeat center 20px;}
.ys .ys_dd03{ background:url(../images/ys_no3.gif) no-repeat center 20px;}
.ys .ys_dd04{ background:url(../images/ys_no4.gif) no-repeat center 20px;}
.ys .ys_dd05{ background:url(../images/ys_no5.gif) no-repeat center 20px;}

/*流程*/
.liuc{ background:url(../images/liuc_bg.jpg) no-repeat center 0;height: 287px;overflow: hidden;padding: 50px 0 0;}
.liuc h3{font-size: 30px;color: #fff;font-weight: normal; background:url(../images/liuc_line.png) no-repeat center 25px;height: 50px;line-height: 50px;overflow: hidden;text-align: center;}
.liuc h3 b{color: #063990;}
.liuc ul{margin-top: 40px;display: block;}
.liuc ul li{font-size: 16px;color: #fff;width: 109px;float: left;text-align: center;}
.liuc ul li em{display: block; width: 40px; height: 40px; line-height: 0; margin:0 auto 10px; overflow: hidden;} 
.liuc ul li em img{width: 40px;height: 80px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
.liuc ul li:hover em img{margin-top: -40px;}
.liuc span{display: block; width: 172px;margin:0 auto;padding: 40px 0 0;}
.liuc span a{display: block; width: 172px; text-align: center; height: 36px; line-height: 36px; background: #063990; font-size: 16px; color: #fff; overflow: hidden;border-radius: 30px;}

/*新闻中心*/
.news_main{padding:0;}
.news_main .cp_t{background:url(../images/case_line01.png) no-repeat center 8px;height: 110px;}
.news{ width:1200px;}
.news_c{ height:180px; padding-top:20px;}
.news_t{ height:70px;line-height: 26px;overflow: hidden;border-bottom: #f3f3f3 2px solid;}
.news_t p{float: left;}
.news_t p a{font-size: 18px;color: #333;font-weight: bold;}
.news_t p a:hover{color: #063990;}
.news_t p i{color: #cecece;font-size: 20px;display: block;font-weight: normal; font-family:"Times New Roman", Times, serif;text-transform: uppercase;}
.news_t span{float: right;width: 25px;height: 25px;display: block;line-height: 0;padding: 23px 0 0;}
.news_t span img{width: 25px;height: 25px;}

.news .news_desc{ font-size:14px; color:#909090; height:40px; line-height:20px;overflow: hidden;}
.news ul li{ height:45px; float:left; margin:0 20px; width:540px; line-height:45px; overflow:hidden;}
.news ul li a{ font-size:16px; color:#444;display: block;float: left;width: 410px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 20px; background:url(../images/news_ico01.gif) no-repeat 0 center;}
.news ul li a:hover{ background:url(../images/news_ico02.gif) no-repeat 0 center;}
.news ul li span{display: block;float: right;font-size: 16px;color: #909090;width: 100px; text-align:right;}


.ab_bg{ padding:0 0 70px;overflow: hidden;}
.syaboutbg{ width:100%; height:680px; padding-top:120px; background:url(../images/syaboutbg.jpg) center center no-repeat}
.about dl{ width:600px;}
.about dl dt{ width:600px; font-size:36px; font-weight:bold; color:#333; overflow: hidden;line-height:50px;position: relative; padding-bottom:20px;}
.about dl dt:after{ content:""; position:absolute; left:0; bottom:0; width:60px; height:1px; background:#8e040f}
.about dl dd{width:600px; padding:20px 0 0;}
.about dl dd h4{height: 50px; line-height:50px; overflow:hidden; font-size:40px; color:#1f1715; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight:normal;}
.about dl dd h4 b{padding:0 10px 0 0;}
.about .ab_desc{ line-height:32px; text-align:justify; font-size:16px; color:#666;overflow:hidden;}
.about .ab_honor{ padding-top:20px;}
.about .ab_honor ul li{ float:left; width:25%}
.about .ab_honor ul li img{ max-width:92%}
.about dl dd em{display: block;line-height: 28px; float:right;}
.about dl dd em a{font-size: 16px;color: #333;}
.ab_bot{height: 110px;padding: 40px 0 0;width: 440px; display: inline-block;}
.ab_bot li{float: left;padding: 15px 20px 0 0;width: 163px;height: 38px;}
.ab_bot li a{font-size: 18px;color: #333; background:url(../images/ab_k01.png) no-repeat;display: block;width: 115px;height: 38px;line-height: 38px;overflow: hidden;padding: 0 0 0 48px;}
.ab_bot li a:hover{color: #fff;font-weight: bold;background:url(../images/ab_k02.png) no-repeat;}

.nyaboutbg1{ width:100%; height:630px; margin:0 auto; box-sizing:border-box; padding:120px 0 80px; background:url(../images/nyaboutbg.jpg) center center no-repeat;}
.nyaboutbg1title{ font-weight:bold;}
.nyaboutbg1title h4{ color:#ddd; font-size:30px; line-height:60px; text-transform:uppercase;}
.nyaboutbg1title h3{ height:50px; font-size:36px; color:#333; font-weight:bold;}
.nyaboutbg1title h3 span{ float:left;}
.nyaboutbg1title h3 b{ color:#8e040f}
.nyaboutbg1title h3 i{ display:inline-block; float:left; width:40px; height:50px; background:url(../images/nyabouttitlebg.png) right center no-repeat;}
.nyaboutbg1content{ color:#666; font-size:16px; line-height:36px; margin-top:20px; width:600px; text-align:justify;}
.nyaboutbg1content p{ color:#666; font-size:16px; line-height:36px; text-align:justify;}

.nyaboutbg1title2{ font-weight:bold; text-align:center}
.nyaboutbg1title2 h4{ color:#ddd; font-size:30px; text-transform:uppercase;}
.nyaboutbg1title2 h3{ height:50px; font-size:36px; color:#333; font-weight:bold;}
.nyaboutbg1title2 h3 span{}
.nyaboutbg1title2 h3 b{ color:#8e040f}

.nyhzys{ padding:80px 0;}
.nyhzyslist{width: 1200px; margin:0 auto;}
.nyhzyslist li{ float:left; width:20%; box-sizing:border-box; padding:0 20px; text-align:center; margin-bottom:30px;}
.nyhzyslist li h3{ font-size:20px; color:#333; position:relative; font-weight:bold; padding:10px 0; margin-bottom:20px;}
.nyhzyslist li h3:after{ content:""; width:40px; height:2px; background:#8e040f; position:absolute; left:50%; bottom:0; margin-left:-20px;}
.nyhzyslist li p{ line-height:24px;}

.nyaboutbg2{ padding:80px 0; height:940px;}
.nyaboutbg2left{ float:left; width:480px;}
.nyaboutbg2right{ float:right; width:660px;}
.nyaboutbg2right h3{ font-size:24px; color:#333; font-weight:bold; line-height:60px;}
.nyaboutbg2right p{ font-size:16px; color:#666; line-height:36px;}

.nyaboutbg3{ padding:60px 0; background:#f8f8f8}
.nyabout3list{padding-top: 30px;}
.nyabout3list ul li{ background:#fff; float:left; width:376px; height:420px; box-sizing:border-box; padding:45px; margin:0 35px 35px 0; -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px rgba(0,0,0,0.1); position:relative;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
.nyabout3list ul li h5{ color:rgba(142,4,15,0.2); font-size:24px; text-transform:uppercase;}
.nyabout3list ul li h4{ font-size:18px; line-height:65px; color:#333;}
.nyabout3list ul li h3{ font-size:20px; font-weight:bold; color:#333; line-height:30px;}
.nyabout3list ul li p{ color:#888; font-size:16px; line-height:30px; margin-top:15px;}
.nyabout3list ul li span{ display:inline-block; width:80px; height:80px; background-position:center center; background-repeat:no-repeat; position:absolute; bottom:45px; left:45px;}
.nyabout3list ul li span.nyaboutqywhlist01{ background-image:url(../images/nyaboutqywhlist01.png)}
.nyabout3list ul li span.nyaboutqywhlist02{ background-image:url(../images/nyaboutqywhlist02.png)}
.nyabout3list ul li span.nyaboutqywhlist03{ background-image:url(../images/nyaboutqywhlist03.png)}
.nyabout3list ul li span.nyaboutqywhlist04{ background-image:url(../images/nyaboutqywhlist04.png)}
.nyabout3list ul li span.nyaboutqywhlist05{ background-image:url(../images/nyaboutqywhlist05.png)}
.nyabout3list ul li span.nyaboutqywhlist06{ background-image:url(../images/nyaboutqywhlist06.png)}
.nyabout3list ul li span.nyaboutqywhlist07{ background-image:url(../images/nyaboutqywhlist07.png)}

.nyabout3list ul li:hover{ background:#8e040f; padding-top:140px;}
.nyabout3list ul li:hover h5{ color:rgba(255,255,255,0.2);}
.nyabout3list ul li:hover h4{ color:#fff;}
.nyabout3list ul li:hover h3{ color:#fff;}
.nyabout3list ul li:hover p{ color:#fff;}
.nyabout3list ul li:hover span{ color:#fff; bottom:auto; top:45px;}
.nyabout3list ul li:hover span.nyaboutqywhlist01{ background-image:url(../images/nyaboutqywhlist01h.png)}
.nyabout3list ul li:hover span.nyaboutqywhlist02{ background-image:url(../images/nyaboutqywhlist02h.png)}
.nyabout3list ul li:hover span.nyaboutqywhlist03{ background-image:url(../images/nyaboutqywhlist03h.png)}
.nyabout3list ul li:hover span.nyaboutqywhlist04{ background-image:url(../images/nyaboutqywhlist04h.png)}
.nyabout3list ul li:hover span.nyaboutqywhlist05{ background-image:url(../images/nyaboutqywhlist05h.png)}
.nyabout3list ul li:hover span.nyaboutqywhlist06{ background-image:url(../images/nyaboutqywhlist06h.png)}
.nyabout3list ul li:hover span.nyaboutqywhlist07{ background-image:url(../images/nyaboutqywhlist07h.png)}

.nyaboutdszzc{ width:1200px; margin:0 auto;}
.nyaboutdszzc_left{ float:left; width:680px; line-height:36px; font-size:16px; color:#666;}
.nyaboutdszzc_right{ float:right; width:480px;}

.nyaboutfzlc{ padding:80px 0;}
.baxiangfuwu{width:1200px; margin:0 auto; height:420px;}
.baxiangfuwu-l{ float:left; width:350px; height:420px; background:#8e040f;}
.baxiangfuwu-l ul li{ padding:30px 0 30px 80px; cursor:pointer; position:relative; color:#fff; box-sizing:border-box; height:140px; font-size:18px; transition: all 0.5s ease;}
.baxiangfuwu-l ul li:before{ content:" "; position:absolute; left:0; top:66px; width:0; height:2px; background:#fff; transition: all 0.5s ease;}
.baxiangfuwu-l ul li.on{ font-size:19px;}
.baxiangfuwu-l ul li.on:before{ width:60px;}
.baxiangfuwu-l ul li h3{ font-size:30px; font-weight:bold; line-height:50px; color:#fff;}
.baxiangfuwu-l ul li p{ font-size:20px;transition: all 0.5s ease; margin-right:50px; font-family:"微软雅黑 light"; text-transform:uppercase;}
.baxiangfuwu-l ul li.on p{ color:#f0c882;}
.baxiangfuwu-r{ float:left; width:850px; position:relative;}
.baxiangfuwu-r ul li{ opacity:0; z-index:1; position: absolute; transition: all 0.5s ease; width:850px;}
.baxiangfuwu-r ul li.on{ opacity:1; z-index:9;}
.baxiangfuwu-r ul li .baxiangfuwu-rl{width:850px; height:420px; box-sizing:border-box; padding:30px 50px 50px; position:relative; z-index:9;}
.baxiangfuwu-r ul li .baxiangfuwu-rl h4{ font-size:24px; font-weight:bold; color:#333; line-height:80px;}
.baxiangfuwu-r ul li .baxiangfuwu-rl p{ font-size:16px; color:#666; line-height:32px;}

.nyjyfzbg2{ padding:60px 0;}

/*5大优势*/
.nyqyys{ width:100%; margin:0 auto; padding:60px 0;background:#f8f8f8;}
.nyqyys-title{ font-size:30px; font-weight:bold; text-align:center; color:#333; line-height:60px;}
.nyqyys-title span{ color:#8e040f}
.five{ width:1200px; margin:0 auto;overflow: hidden;height: 430px;}
.cp_t{font-size: 40px;color: #333;text-align: center;background:url(../images/cp_line01.gif) no-repeat center 25px;height: 80px;line-height: 40px;overflow: hidden;}
.cp_t a{color: #333;}
.cp_t i{color: #e1a104; font-style:normal;}
.cp_t span{display: block;font-size: 20px;font-weight: normal;}

.five01{margin-top: 45px;width: 260px;-webkit-transition:transform .3s;transition:transform .3s;margin-right: 50px;}
.five01 dl{width: 260px;}
.five01 dl dt{width: 260px;height: 300px;line-height: 0;}
.five01 dl dt img{width: 260px;height: 300px;display: block;}
.five01 dl dd{width: 260px;text-align: center;position: relative;z-index: 10;}
.five01 dl dd em{display: block;width: 68px;height: 75px;margin: -35px auto 0;}
.five01 dl dd em img{width: 68px;height: 75px;}
.five01 dl dd h5{font-size: 18px; font-weight:normal;color: #333;padding: 15px 0 0;}
.five_m{width: 210px;height: 0;position: absolute;top: 0;left: 0;background:rgba(142,4,15,0.9);text-align: center;padding: 0 25px;overflow: hidden;font-size: 16px;color: #fff;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.five_m p{padding: 30px 0 0; text-align:left; font-size:14px;line-height: 30px;height: 180px;overflow: hidden;}
.five01:hover .five_m,.five01.cur .five_m{height: 300px;}
.five01:hover,.five01.cur{-webkit-transform:translate(0,-40px);transform:translate(0,-40px);}
.five_left dl dt,.five_left dl dt img,.five_left .five_m{border-radius: 20px 0;}
.five_right dl dt,.five_right dl dt img,.five_right .five_m{border-radius:0 20px;}
.five .nobor{margin-right: 0;}

.nyhzfw{ padding:80px 0; background:#f8f8f8}
.nyhzfwleft{ float:left; width:480px;}
.nyhzfwright{ float:right; width:660px;}
.nyhzfwright h3{ font-size:24px; color:#333; font-weight:bold; line-height:60px;}
.nyhzfwright p{ font-size:16px; color:#666; line-height:36px;}
.nyhzfwright p b{ color:#8e040f; font-weight:normal;}

.syqysjbg{width:100%; height:600px; background:url(../images/syqysj.jpg) center center no-repeat;}
.syqysjmain{ position:relative; width:1200px; height:600px; margin:0 auto;}
.syqysjmain ul{ position:absolute; left:70px; top:150px;}
.syqysjmain ul li{ float:left; margin-right:55px; width:320px; height:300px;}
.syqysjmain ul li img{ max-width:100%; height:240px; width:320px;}
.syqysjmain ul li p{ text-align:center; line-height:60px; font-size:16px}
.syqysjmain h3{ font-size:36px; color:#fff; position:absolute; right:30px; bottom:120px;}
.syqysjmain h4{ font-size:36px; text-align:right; width:280px; font-weight:bold; color:#333;position: absolute; right:0; top:120px; line-height:80px;}
.syqysjmain h4 span{ font-size:16px; color:#888; font-weight:normal; line-height:50px; margin-top:20px;}
.syqysjmain h4:after{ content:""; position:absolute; right:0; top:73px; width:60px; height:1px; background:#8e040f}

/*友情链接*/
.f_link{height: 60px;line-height: 60px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 16px;color: #333;width: 80px;}
.f_link p{font-size: 16px;color: #333;float: left;width: 1120px;}
.f_link p a{font-size: 16px;color: #333; padding:0 10px 0 0;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}
