@charset "utf-8";
/* CSS Document */
/*切图：yly*/
html{ overflow-x: hidden; overflow-y: auto;}
*{ padding: 0; margin: 0;}
ul,ol,li,dl,dd,dt{ list-style-type: none; line-height: normal;}
body,button,input,select,textarea{ font-family: 'Microsoft yahei', Arial; font-size: 12px;}
code,kbd,pre,samp{ font-family: 'Microsoft yahei', Arial;}
address,caption,cite,code,dfn,i,em,th,var{ font-style: normal; font-weight: normal;}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{ cursor:pointer; text-decoration: none; color: #ec5707;}
img{ border: 0; max-width: 100%;}
table{ border-collapse: collapse; border-spacing: 0;}
h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal; font-family: 'Microsoft yahei',Arial;}
h1{ font-size: 36px;}
h2{ font-size: 24px;}
h3{ font-size: 22px;}
h4{ font-size: 18px;}
h5{ font-size: 14px;}
h6{ font-size: 12px;}
input,table,tr,td{ margin: 0; padding: 0; border: none;}
p{ margin: 0; padding: 0;}
button,table{ border: none; background: none; margin: 0; padding: 0;}
select{ margin: 0; padding: 0; font-family: 'Microsoft yahei', Arial; outline: none;}
textarea{ border: 0; background: none; resize: none; outline: 0;}
input{ outline: 0; border: 0; background: none;}
button{ outline: none; border: 0; background: none;}
body{ overflow: hidden; background: #fff;}

.pz_top{ float:left; width:100%; position:fixed; left:0; top:0; background:#fff;z-index:999;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative; z-index:8; margin-top:87px; min-height:50px;}
.pz_main{ float:left; width:100%; min-height:200px;}
.pz_down{ float:left; width:100%; position:relative; background: #333; padding: 80px 0 75px 0;}

.w_1600{ margin:0 auto; width:1600px;}

/*top*/
.logo{ float: left; width: 194px; height: 58px; margin: 21px 0;}
.so_box{ float: right; position: relative; z-index: 99; margin: 38px 0;}
.Search_but{ float: left; width: 24px; height: 24px; border: none; background: url(images/sear_sub.png) center no-repeat;}
.so_but{ display: none; float: left; width: 282px; position: absolute; right: 0; top: 62px; z-index: 99;}
.so{ float: left; width: 100%; background: #fff; position: relative; border: 1px solid #0200cd;}
.so .Search{ float: left; width: 100%; height: 36px; background: none; border: none; line-height: 36px; padding: 0 56px 0 10px; color: #414141; font-size: 14px;}
.so .sear_sub{ float: right; width: 50px; height: 100%; border: none; background: url(images/sear_sub1.png) center no-repeat #0200cd; position: absolute; right: 0; top: 0;}

/*menu*/
.menu{ float: right;}
.menu .nli{ float: left; padding:0 29px; position:relative;}
.menu .nli span a{ float:left; display: block; padding: 0; font-size: 16px; width: 100%; height: 100px; line-height: 100px; position: relative; padding: 0 13px;}
.menu .nli span a::before{ display: none; content: ""; width: 40px; height: 2px; background: #ec5707; position: absolute; top: 26px; right: 0;}
.menu .nli span a::after{ display: none; content: ""; width: 40px; height: 2px; background: #ec5707; position: absolute; bottom: 26px; left: 0;}
.menu .nli.active span a::before,
.menu .nli:hover span a::before,
.menu .nli.active span a::after,
.menu .nli:hover span a::after{ display: block;}     
.menu .nli.active span a,
.menu .nli:hover span a{ color:#ec5707; font-weight: bold;}

.menu .sub{ display:none; float:left; position:absolute; left:50%; top:100px; width:140px; margin-left:-70px; z-index:66;}
.menu .sub li{ float:left; width:100%; margin-bottom:1px;}
.menu .sub li a{ float:left; width:100%; text-align:center; color:#666666; font-size:16px; line-height:40px; background:#fff; background:rgba(255,255,255,0.9);}
.menu .sub li a:hover{ background: #ec5707; color:#fff;}

.pz_top.on{ box-shadow: 0 0 5px #ccc;}
.pz_top.on .w_1600{ width:1366px;}	
.pz_top.on .menu .nli{ padding:0 12px;}
.pz_top.on .menu .nli span a::before{ top:15px;}
.pz_top.on .menu .nli span a::after{ top:44px;}
.pz_top.on .menu .nli span a{ font-size:14px; height: 60px; line-height:60px;}
.pz_top.on .menu .sub{ top:60px;}
.pz_top.on .menu .sub li a{ font-size: 14px;}
.pz_top.on .logo{ width:150px; height:47px; margin:6px 0;}
.pz_top.on .so_box{ margin:18px 5px 0 0;}
.pz_top.on .so_but { top: 42px;}

.pc_top{ display:block;}		
.ph_top{ display:none;}
.pc_menu{ display:block;}
.menuph{ display:none;}
.xialaph{ display:none;}

@media screen and (max-width:1630px ) {
.w_1600{ width:1366px;}	
.menu{ margin-right:10px;} 
.menu .nli{ padding:0 20px;}
.so_box{ margin:32px 5px 0 0;}	
}
@media screen and (max-width:1400px ) {
.w_1600{ width:100%; padding:0 15px;}
.pz_top.on .w_1600{ width:100%;}	
.menu .nli{ padding:0 15px;}

}
@media screen and (max-width:1230px ) {
.menu .nli{ padding:0 12px;}
.menu .nli span a::before{ top:15px;}
.menu .nli span a::after{ top:44px;}
.menu .nli span a{ font-size:14px; height: 60px; line-height:60px;}
.menu .sub{ top:60px;}
.menu .sub li a{ font-size: 14px;}
.logo{ width:150px; height:47px; margin:6px 0;}
.so_box{ margin:18px 5px 0 0;}
.so_but { top: 42px;}
.pz_banner{ margin-top:60px;}
}


@media screen and (max-width:1023px ) {
.menu{ display:none;}
.so_box{ display:none;}
.logo{ width:100px; height:32px; margin:6px 0;}
.so_but_ph{ float:left; width:100%; margin:15px 0;}
.pz_banner{ margin-top:46px;}
.pz_down{ padding-top:26px;}

.pc_top{ display:none;}		
.ph_top{ display:block;}
.pc_menu{ display:none;}
.menuph{ display:block;}
.xialaph{ display:block;}
/*手机按钮*/
.menuph{ float:right; width:28px; height:22px; cursor: pointer; text-align: center; margin:12px 0;}
.menuph .point {  display: inline-block;  width: 28px;  height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 28px;  }
.menuph .navbtn {  position: absolute;  top: 10px;  right: 0;  display: inline-block;  width: 21px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #0000c7;  }
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 28px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #0000c7;  }
.menuph .navbtn::after {  top: -11px;  }
.menuph .navbtn::before {  top: 10px;  }
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }

/*手机下拉*/
.xialaph{ position:fixed; left:0; top:0; float:left; width: 100%; height:100%; overflow:scroll; padding:46px 0 100px 0;  display: none;  z-index:98; background:#fff;}
.xialaph .ul2,
.xialaph .ul3{display: none;}
.xialaph h4 a{ float:left; width:60%; color: #333333;  font-size:16px; line-height: 50px;}
.xialaph h4 a span{ padding-left:6px; color:#ccc; font-size:14px;}
.xialaph h4{ float:left; width:100%; position:relative;}
.xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.1;*/  }
.xialaph h4:hover a,
.xialaph h5:hover a{  color: #ec5707; }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.1;*/  }
.xialaph h5 a{ float:left; width:100%;  color: #1f1f1f;  font-size:14px; line-height: 40px;  text-transform:uppercase; }
.xialaph h5{ float:left; width:100%;position: relative;  }
.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e7e7e7; /*opacity: 0.05;*/  }
.xialaph li:last-child h5::after{  display: none;  }
.xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 24px;  cursor: pointer;  }
.xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top: 26px;  margin-right: 18px;  cursor: pointer;  }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  }
.xialaph .ul2{ float:left; width:100%; padding:0 10px;}
.xialaph .ul3{  padding-top: 12px;  padding-bottom: 18px;  padding-left: 15px;  position: relative;  }
.xialaph .ul3::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #3c3a3a;  }
.xialaph li:last-child .ul3::after{  display: none;  }
.xialaph .ul3 li a{  color: #333;  font-size: 14px;  line-height: 35px;  display: block;  }
.xialaph .ul3 li{  padding-top: 5px;  }
.xialaph .ul3 li:first-child{  padding-top: 0;  }
.xialaph .phsou{  position: relative;  margin-top: 34px;
}
.xialaph .phsou input{  width: 100%;  height: 56px;  background-color: #fff; color: #aaa;  font-size: 14px;  padding-left: 20px;  border: 1px solid #e5e5e5;  }
.xialaph .phsou img{  cursor: pointer;  width: 21px;  height: 22px;  position: absolute;  top: 17px; right: 29px;  }
.img_d, .disno{  display: none;  }
}

/*banner*/
.slide_banner{ float: left; width: 100%; line-height: 0; overflow: hidden; text-align: center; position: relative;}
.slide_banner img{ width: 100%;}
.pz_banner .slick-dots{ position: absolute; bottom: 30px; z-index: 10; height: 10px;}
.pz_banner .slick-dots li{ vertical-align: top; width: 10px; height: 10px; background: #fff; margin: 0 5px; border-radius: 5px; cursor: pointer; text-indent: -999px; overflow: hidden;}
.pz_banner .slick-dots .slick-active{ background:#ec5707; width: 40px;}
.zy_banner{ float: left; width: 100%; line-height: 0; position: relative;}
@media screen and (max-width:1023px ) {
.pz_banner .slick-dots{ bottom: 10px; height: 6px;}
.pz_banner .slick-dots li{ width: 6px; height: 6px; margin: 0 2px;}
.pz_banner .slick-dots .slick-active{ width: 20px;}
}

/* homeTit */
.homeTit{ text-align: center; padding: 100px 0 50px 0;}
.homeTit .tit{ font-size: 36px; color: #2f3539; font-weight: bolder;}
.homeTit .line{ width: 30%; height: 8px; margin: 25px auto 0 auto; background: url(images/main1.png) no-repeat center;}
.homeTit1 .tit{ color: #fff;}
.homeTit1 .line{ background: url(images/main1_1.png) no-repeat center;}
@media screen and (max-width:1229px ) {
.homeTit{ padding: 50px 0 25px 0;}
}
@media screen and (max-width:1023px ) {
.homeTit{ padding: 15px 0 10px 0;}
.homeTit .tit{ font-size: 18px;}
.homeTit .line{ width: 30%; height: 4px; margin: 5px auto 0 auto; background-size: cover;}
}

/* home产品与服务 */
.homeServMenu{ float: left; width: 100%; height:535px; overflow: hidden;}
.homeServMenu ul li{ float: left; position: relative;}
.homeServMenu ul li .img{ height: 535px;}
.homeServMenu ul li .img img{ width: 100%; height: 100%;}
.homeServMenu ul li .title{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.homeServMenu ul li .tit1{ font-size: 18px; color: #fff; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.homeServMenu .layer{ width: 10.3%; float: left;}
.homeServMenu .layer .bg{ background: #000; opacity: 0.4; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.homeServMenu .layer .text{ text-align: center;} 
.homeServMenu .layer .ico{ display: inline-block; width: 85px; height: 85px; margin-top: 180px;}
.homeServMenu .layer:nth-child(1) .ico{ background: url(images/main2_1.png) no-repeat center;}
.homeServMenu .layer:nth-child(2) .ico{ background: url(images/main3_1.png) no-repeat center;}
.homeServMenu .layer:nth-child(3) .ico{ background: url(images/main4_1.png) no-repeat center;}
.homeServMenu .layer:nth-child(4) .ico{ background: url(images/main5_1.png) no-repeat center;}
.homeServMenu .layer:nth-child(5) .ico{ background: url(images/main6_1.png) no-repeat center;}
.homeServMenu .layer:nth-child(6) .ico{ background: url(images/main7_1.png) no-repeat center;}
.homeServMenu .layer .tit1{ margin: 45px 0 0 0;}
.homeServMenu .layer .info{ display: none;}
.homeServMenu .layer .line{ display: inline-block; width: 23px; height: 1px; margin-top: 15px; background: #fff;}
.homeServMenu .layer .more{ display: none;}

.homeServMenu .curr{ width: 48.5%;}
.homeServMenu .curr .bg{ display: none;}
.homeServMenu .curr .text{ width: 53.2%; background: rgba(255,255,255,0.9); height: 344px; position: absolute; top: 50%; margin-top: -172px; left: 0; padding: 50px 60px 50px 0;}
.homeServMenu .curr .text::after{ content: ""; display: block; width: 142px; height: 344px; position: absolute; left: 100%; top: 50%; margin-top: -172px; background: url(images/main8_1.png) no-repeat center;} 
.homeServMenu .curr .ico{ width: 47px; height: 47px; margin-top: 0; position: absolute; top: 50%; right: -23px; margin-top: -23px; z-index: 9999;}
.homeServMenu .curr:nth-child(1) .ico{ background: url(images/main2_2.png) no-repeat center;}
.homeServMenu .curr:nth-child(2) .ico{ background: url(images/main3_2.png) no-repeat center;}
.homeServMenu .curr:nth-child(3) .ico{ background: url(images/main4_2.png) no-repeat center;}
.homeServMenu .curr:nth-child(4) .ico{ background: url(images/main5_2.png) no-repeat center;}
.homeServMenu .curr:nth-child(5) .ico{ background: url(images/main6_2.png) no-repeat center;}
.homeServMenu .curr:nth-child(6) .ico{ background: url(images/main7_2.png) no-repeat center;}
.homeServMenu .curr .tit1{ color: #ec5707; font-size: 36px; font-weight: lighter; text-align: right; margin-top: 0;}
.homeServMenu .curr .line{ width: 100%; height: 13px; background: url(images/main8.png) no-repeat right top; background-size: 100%;}
.homeServMenu .curr .info{ display: block; width: 73.4%; margin-left: 26.6%; font-size: 14px; line-height: 28px; height: 84px; color: #666666; text-align: right; overflow: hidden;}
.homeServMenu .curr .more{ display: block; float: right; font-size: 16px; margin-top: 20px; color: #ec5707; text-transform: uppercase;}
.homeServMenu .curr .more::before{ content: ""; display: inline-block; width: 16px; height: 3px; margin: 4px 12px; background: #ec5707;}
@media screen and (max-width:1023px ) {
.homeServTab{ margin: 0 -5px; overflow: hidden;}
.homeServTab .pic{ margin: 0 5px;}
.homeServTab .pic .img{ line-height: 0;}
.homeServTab .pic .tit{ font-size: 16px; margin: 10px 0 5px 0;}
.homeServTab .pic .info{ font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;}
.homeServTab .slick-dots{ position:static; z-index: 10; margin-top:3%; height:6px;}
.homeServTab .slick-dots li{ vertical-align:top; width: 6px; height: 6px; background: #a7a7a7; margin:0 4px; border-radius: 6px; cursor:pointer; text-indent:-999px; overflow:hidden;}
.homeServTab .slick-dots .slick-active{ background: #ec5707;}
}

/* home新闻中心  */
.homeNews .text{ padding: 17px 30px; background: #f2f2f2; overflow: hidden;}
.homeNews .text .tit{ font-size: 16px; height: 20px; line-height: 20px; font-weight: bold; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase;}
.homeNews .text .info{ font-size: 14px; line-height: 20px; height: 40px; margin: 15px 0 20px 0; overflow: hidden; color: #828282;}
.homeNews .text .date{ float: left; font-size: 15px; color: #666666;}
.homeNews .text .more{ float: right; width: 22px; height: 16px; background: url(images/main10.png) no-repeat center;}
.homeNewsLeft{ float: left; width: 49%;}
.homeNewsLeft .img{ height: 360px; overflow: hidden; line-height: 0; overflow: hidden;}
.homeNewsLeft .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.homeNewsLeft:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.homeNewsLeft:hover .text{ background: #0000c7; color: #fff;}
.homeNewsLeft:hover .text .info{ color: #fff;}
.homeNewsLeft:hover .text .date{ color: #fff;}
.homeNewsLeft:hover .more{ background: url(images/main10_1.png) no-repeat center;}
.homeNewsRight{ float: right; width: 49%;}
.homeNews .l1{ margin: 0 0 30px 0;}
.homeNewsRight ul li:first-child{ display: none;}
.homeNews .l1:last-child{ margin: 0;}
.homeNews .l1:hover .text{ background: #0000c7; color: #fff;}
.homeNews .l1:hover .text .info{ color: #fff;}
.homeNews .l1:hover .text .date{ color: #fff;}
.homeNews .l1:hover .more{ background: url(images/main10_1.png) no-repeat center;}
.homeNewsMore::before{ content: ""; clear: both;}
.homeNewsMore{ display: block; font-size: 16px; margin: 50px auto 110px auto; width: 200px; height: 56px; line-height: 56px; font-weight: bold; text-align: center; background: #ec5707; color: #fff;}
.homeNewsMore:hover{ opacity: 0.8; color: #fff;}
@media screen and (max-width:1229px ) {
.homeNews .l1{ margin: 0 0 10px 0;}
.homeNews .l1 .text{ padding: 13.5px 30px;}
.homeNewsLeft .img{ height: 298px;}
.homeNewsMore{ margin: 30px auto 50px auto;}
}
@media screen and (max-width:1023px ) {
.homeNews .text{ padding: 10px!important;}
.homeNews .text .tit{ font-size: 14px; height: 18px; line-height: 18px;}
.homeNews .text .info{ font-size: 12px; margin: 0 0 5px 0;}
.homeNews .text .date{font-size: 12px;}
.homeNews .text .more{ width: 10px; height: 8px; background-size: cover;}
.homeNewsLeft{ width: 100%;}
.homeNewsLeft .img{ height: auto;}
.homeNewsLeft:hover .more{ background-size: cover;}
.homeNewsRight{ width: 100%; margin-top: 10px;}
.homeNews .l1{ margin: 0 0 10px 0;}
.homeNews .l1:hover .more{ background-size: cover;}
.homeNewsMore{ font-size: 14px; margin: 10px auto 15px auto; width: 100px; height: 28px; line-height: 26px;}
}

/* home加入鼎德农邦 */
.homeJoin ul{ margin: 0 -15px;}
.homeJoin ul .l1{ float: left; margin: 0 15px; padding: 45px 50px; text-align: center; position: relative;}
.homeJoin ul .l1 a{ color: #fff;}
.homeJoin ul .l1 .bg{ width: 100%; height: 100%; background: #6f8afe; opacity: 0.4; position: absolute; top: 0; left: 0;}
.homeJoin ul .l1 .img{ display: inline-block; width: 106px; height: 98px; line-height: 0;}
.homeJoin ul .l1 .tit{ font-size: 20px; height: 20px; line-height: 20px; margin: 35px 0 25px 0;}
.homeJoin ul .l1 .info{ font-size: 14px; line-height: 28px; height: 84px; margin-bottom: 35px; overflow: hidden;}
.homeJoin ul .l1 .more{ display: inline-block; height: 20px; line-height: 20px; font-size: 16px; padding-right: 20px; background: url(images/main15.png) no-repeat right center;}
.homeJoin ul .l1:hover{ background: #ec5707;}
.homeJoin ul .l1:hover .bg{ display: none; opacity: 1;}
.homeJoinMore{ display: block; font-size: 16px; margin: 50px auto 110px auto; width: 200px; height: 56px; line-height: 56px; font-weight: bold; text-align: center; border: 1px solid #fff; color: #fff;}
.homeJoinMore:hover{ background: #ec5707; color: #fff; border: 1px solid #ec5707;}
@media screen and (max-width:1229px ) {
.homeJoinMore{ margin: 30px auto 50px auto;}
}
@media screen and (max-width:1023px ) {
.homeJoin ul{ margin: 0 -5px;}
.homeJoin ul .l1{ margin: 0 5px; padding: 10px 5px;}
.homeJoin ul .l1 .img{ width: 40px; height: auto;}
.homeJoin ul .l1 .tit{ font-size: 16px; height: 18px; line-height: 18px; margin: 5px 0 5px 0;}
.homeJoin ul .l1 .info{ font-size: 12px; line-height: 20px; height: 60px; margin-bottom: 5px;}
.homeJoin ul .l1 .more{ font-size: 12px; height: 18px; line-height: 18px; padding-right: 10px; background-size: 4px 6px;}
.homeJoin .slick-dots{ position: absolute; bottom: -13px; z-index: 10; height: 6px;}
.homeJoin .slick-dots li{ vertical-align: top; width: 6px; height: 6px; background:#fff; margin: 0 5px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;}
.homeJoin .slick-dots .slick-active{ background:#ec5707;}    
.homeJoinMore{ font-size: 14px; margin: 10px auto 20px auto; width: 100px; height: 28px; line-height: 26px;}
}
@media screen and (max-width:768px ) {
.homeJoinMore{ margin: 25px auto 20px auto;}
}

/* home关于我们  */
.homeAbout{ padding-bottom: 110px; overflow: hidden;}
.homeAboutLeft{ float: left; width: 47.5%;}
.homeAboutLeft .tit{ font-size: 30px; line-height: 30px; padding-bottom: 30px; margin-top: 20px; font-weight: bolder; color: #555555; position: relative;}
.homeAboutLeft .tit::after{ content: ""; display: block; width: 80px; height: 3px; background: #0000c7; position: absolute; bottom: 0;}
.homeAboutLeft .line{ width: 100%; height: 1px; margin-bottom: 30px; background: #cccccc;}
.homeAboutLeft .info{ font-size: 16px; line-height: 36px; height: 108px; overflow: hidden; color: #555555;}
.home_nub{ overflow: hidden; margin: 30px 0 40px 0;}
.home_nub .l1{ float: left;}
.home_nub .l1 .lia{ float: left;}
.home_nub .l1 .p1{ color: #0000c7;}
.home_nub .l1 .p1 .value{ font-size: 48px; font-weight: bold;}
.home_nub .l1 .p1 .sp1{ font-size: 16px;}
.home_nub .l1 .p2{ font-size: 16px; color: #555555;}
.home_nub .l1 .line{ float: left; width: 1px; height: 70px; margin: 10px 35px; background: #e9eaeb;}
.home_nub .l1:last-child .line{ margin-right: 0;}
.homeAboutMore{ display: block; font-size: 16px; width: 200px; height: 56px; line-height: 56px; font-weight: bold; text-align: center; border: 1px solid #b6b6b6; color: #666;}
.homeAboutMore:hover{ background: #ec5707; color: #fff; border: 1px solid #ec5707;}
.homeAboutRight{ float: right; width: 48.6%; line-height: 0; overflow: hidden;}
.homeAboutRight img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.homeAboutRight:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
@media screen and (max-width:1229px ) {
.homeAbout{ padding-bottom: 50px;}
.home_nub { margin: 10px 0 20px 0;}
.home_nub .l1 .line{ margin: 0 17px;}    
.homeAboutLeft .info{ height: 72px;}
}
@media screen and (max-width:1023px ) {
.homeAbout{ padding-bottom: 20px;}
.homeAboutLeft{ width: 100%;}
.homeAboutLeft .tit{ font-size: 16px; line-height: 20px; padding-bottom: 5px; margin-top: 10px;}
.homeAboutLeft .tit::after{ width: 50px; height: 1px;}
.homeAboutLeft .line{ margin-bottom: 5px;}
.homeAboutLeft .info{ font-size: 14px; line-height: 20px; height: 60px;}
.home_nub{ margin: 10px 0 10px 0; text-align: center;}
.home_nub ul{ overflow: hidden; display: inline-block;}
.home_nub .l1 .p1 .value{ font-size: 20px;}
.home_nub .l1 .p1 .sp1{ font-size: 14px;}
.home_nub .l1 .p2{ font-size: 12px;}
.home_nub .l1 .line{ height: 40px; margin: 0 10px;}
.homeAboutMore{ font-size: 14px; margin: 10px auto 0 auto; width: 100px; height: 28px; line-height: 26px;}
.homeAboutRight{ width: 100%;}
}

/* foot */
.footLeft{ width: 71.6%; float: left;}
.footNav ul{ overflow: hidden;}
.footNav ul li{ float: left; font-size: 16px; border-right: 1px solid #787878; padding: 0 40px;}
.footNav ul li:first-child{ display: none;}
.footNav ul li a{ color:  #fff;}
.footNav ul li a:hover{ color: #ec5707;}
.footNav ul li:nth-child(2){ padding-left: 0;}
.footNav ul li:last-child{ padding-right: 0; border-right: 0;}
.footCen{ margin: 30px 0; padding: 40px 0 30px 0; font-size: 16px; border-top: 1px solid #959595; border-bottom: 1px solid #959595; color: #fff; overflow: hidden;}
.footCen .ph{ float: left;}
.footCen .ph2{ font-size: 24px; font-weight: bold; margin-top: 10px;}
.footCen .email{ float: left; margin: 35px 5.8% 0 5.8%;}
.footCen .address{ float: right; margin-top: 35px;}
.footLink{ font-size: 12px; line-height: 16px; overflow: hidden; margin-right: 15px; color: #959595; overflow: hidden;}
.footLink .yq{ float: left;}
.footLink a{ float: left; margin-left: 12px; color: #959595;}
.footLink a:hover{ color: #ec5707;}
.footCopy{ font-size: 12px; margin-top: 10px; color: #959595;}
.footCopy a{ color: #959595;}
.footCopy a:hover{ color: #ec5707;}

.footRight{ width: 26.8%; float: left; margin-left: 1.6%;}
.foonEwm{ overflow: hidden;}
.foonEwm .ewm{ float: right; text-align: center; margin-left: 14.2%;}
.foonEwm .ewm .img{ line-height: 0;}
.foonEwm .ewm .wz{ font-size: 14px; margin-top: 10px; color: #fff;}
.footSide{ float: right; margin: 84px 7px 0 0;}
.footSide .wz{ float: right; margin-right: 15px; line-height: 40px; font-size: 16px; color: #fff;}
.footSide ul{ float: right;}
.footSide li{ float: left; margin-right: 20px;}
.footSide li:last-child{ margin-right: 0;}
.footSide i{ display: block; width: 40px; height: 40px;}
.footSide i.bgs1{ background: url(images/foot1.png) no-repeat center center;}
.footSide i.bgs2{ background: url(images/foot2.png) no-repeat center center;}
.footSide i.bgs3{ background: url(images/foot3.png) no-repeat center center;}
.footSide li.sideWx{ position: relative;}
.footSide li.sideWx .pic{ display: none; position: absolute; width: 100px; height: 100px; background: #fff; right: -30px; top: -115px; border: 1px solid #aaa;}
.footSide i.bgs1:hover{ background: url(images/foot1_1.png) no-repeat center center;}
.footSide i.bgs2:hover{ background: url(images/foot2_1.png) no-repeat center center;}
.footSide i.bgs3:hover{ background: url(images/foot3_1.png) no-repeat center center;}
.footSide li.sideWx:hover .pic{ display: block;}
@media screen and (max-width:1229px ) {
.pz_down{ padding: 50px 0;}
.footNav ul li { padding: 0 25px;}
.footCen .ph2{ font-size: 18px; margin-top: 13px;}
.footCen .email { margin: 35px 0.5% 0 1%;}
.foonEwm .ewm { margin-left: 5.2%;}
}
@media screen and (max-width:1023px ) {
.pz_down{ padding: 20px 0 10px 0;}
.footLeft{ width: 100%; border-right: 0;}
.footNav ul li{ font-size: 12px; padding: 0 5px; margin-bottom: 5px;}
.footCen{ margin: 5px 0 5px 0; padding: 5px 0 10px 0; font-size: 12px;}
.footCen .ph1{ float: left;}
.footCen .ph2{ float: left; font-size: 12px; margin-top: 0; margin-left: 5px;}
.footCen .email{ width: 100%; margin: 5px 0 0 0;}
.footCen .address{ float: left; margin-top: 5px;}
.footLink{ font-size: 12px; height: auto; margin-right: 15px;}
.footLink .yq{ float: none; margin-right: 0; font-size:14px; line-height:20px; background:#5f5f5f; border-radius:3px; padding:5px 15px; text-align:left; position:relative;}
.footLink .yq::after{ float:left; width:0; height:0; position:absolute; right:15px; top:50%; margin-top:-4px; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 8px solid #fff; content:'';}
.footLink ul{ display:none; font-size:14px; line-height:22px;}
.footLink a{ line-height: 30px;}
.footCopy{ font-size: 12px; margin: 10px auto 0 auto;}

.footRight{ width: 100%; float: left; margin-top: 15px; margin-left: 0; text-align: center;}
.foonEwm{ text-align: center;}
.foonEwm .ewm{ display: inline-block; float: none; margin: 0;}
.footSide{ float: none; margin: 0 auto; text-align: center;}
.footSide .dis{ display: inline-block;}
.footSide .wz{ font-size: 12px; margin-right: 5px;}
.footSide li{ margin-right: 0;}
.footSide i{ width: 20px; height: 20px; margin: 10px 3px 0 3px; background-size: 100%!important;}
.footSide li.sideWx .pic { right: -40px; top: -105px;}
}

/* 右侧漂浮 */
.side{ display: none; position: fixed; width: 60px; top: 220px; right: 0; z-index: 99999999;}
.side ul{ padding: 10px 0 20px 0; background: #000; opacity: 0.8; border-radius: 10px;}
.side ul li{ padding: 13px 0;}
.side p{ position: absolute; width: 180px; height: 50px; line-height: 50px; padding-left: 30px; font-size: 16px; color: #fff; background: #0200cd; border-radius: 10px 0 0 10px;}
.side .sideTop{ width:60px; height: 50px; font-size: 20px; color: #fff; font-weight: bold; text-align: center; cursor: pointer;}
.side .sideQQ{ height: 50px; position: relative;}
.side .sideQQ p{ display: none; top: 0; right: 60px;}
.side .sideQQ:hover{ background: #0200cd;}
.side .sideQQ:hover p{ display: block;}
.side .sidePhone{ height: 50px; position: relative;}
.side .sidePhone p{ display: none; top: 0; right: 60px;}
.side .sidePhone:hover{ background: #0200cd;}
.side .sidePhone:hover p{ display: block;}
.side .sideWx{ height: 50px; position: relative;}
.side .sideWx .pic{ display: none; position: absolute; width: 100px; height: 100px; background: #fff; right: 70px; top: 0; border: 1px solid #aaa;}
.side .sideWx:hover .pic{ display: block;}
.side i{ display: block; width: 30px; height: 25px; margin: 0 13px;}
.side .bgs1{ background: url(images/side1.png) no-repeat center center;}
.side .bgs2{ background: url(images/side2.png) no-repeat center center;}
.side .bgs3{background: url(images/side3.png) no-repeat center center;}
.side .sideClose{ display: block; width: 26px; height: 26px; margin-left: 17px; margin-top: 30px; background: url(images/side4.png) no-repeat center center;}
.side.on{ display: block;}

/*phone底部导航*/
.q_d_m{float:left; width:100%; height:50px;}
.pf_down{width:100%; float:left; position:fixed; left:0; bottom:0; height:50px; background:#0200cd; z-index:999; box-shadow:0 -5px 10px rgba(0,0,0,0.2);}
.pf_down li{ width:33.333333%; float:left; text-align:center; padding:7px 0 5px 0;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .d_name{ width:100%; float:left; margin-top:4px; font-size:12px; color:#fff; line-height:14px; text-transform:uppercase;}
.pf_down li.l1 .ico7{ background:url(images/btn1.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(images/btn2.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(images/btn3.png) no-repeat center; background-size:20px 20px;}
.pf_down li:nth-child(3n){ border:none;}

/* 内页导航 */
.side_top{ height: 76px; line-height: 76px; border-bottom: 1px solid #dddddd; overflow: hidden;}
.side_top .side_cont{ float: left; margin: 18px 0;}
.side_top .side_cont .l1{ display: inline-block; height: 36px; line-height: 34px; text-align: center;}
.side_top .side_cont .l1 a{ display: inline-block; height: 36px; line-height: 34px; font-size: 16px;}
.side_top .side_cont .l1 .line{ display: inline-block; width: 20px; height: 1px; margin: 4px 23px; background: #e5e5e5;}
.side_top .side_cont .l1.on a,.side_cont .l1:hover a{ background: #ec5707; color: #fff; padding: 0 20px;}
.side_top .side_cont .l1:last-child .line{ display: none;}
.side_top .side_tit{ float: right;}
.side_top .side_tit .ico{ display: block; float: left; width: 14px; height: 18px; margin: 30px 10px 0 0; background: url(images/ico1.png) no-repeat center;}
.side_top .side_tit a{ font-size: 14px;}
.side_top .side_tit a.on,.side_top .side_tit a:hover{ color: #0200cd;}
@media screen and (max-width:1023px ) {
.side_top{ height: 32px; line-height: 32px;}
.side_top .side_cont{ margin: 5px 0;}
.side_top .side_cont .l1{ height: 22px; line-height: 22px;}
.side_top .side_cont .l1 a{ height: 22px; line-height: 22px; font-size: 12px;}
.side_top .side_cont .l1 .line{ width: 10px; margin: 4px 4px;}
.side_top .side_cont .l1.on a,.side_cont .l1:hover a{ padding: 0 5px;}
}
@media screen and (max-width:400px ) {
.side_top{ line-height: 30px; height: auto;}
.side_top .side_cont .l1{ height: 20px; line-height: 18px;}
.side_top .side_cont .l1 a{ height: 20px; line-height: 18px;}
.side_top .side_cont .l1 .line{ width: 5px; margin: 4px 2px;}
.side_top .side_cont .l1.on a,.side_cont .l1:hover a{ padding: 0 2px;}
}
@media screen and (max-width:350px ) {
.side_top .side_cont .l1 .line{ margin: 4px 0;}
.side_top .side_cont .l1.on a,.side_cont .l1:hover a{ padding: 0;}
}

/* 1关于我们 */
.aboutCon1{ padding: 60px 0 80px 0;}
.aboutCon1 .tit{ text-align: center;}
.aboutCon1 .tit .cntit{ font-size: 28px; height: 30px; line-height: 30px; color: #0c0acf;}
.aboutCon1 .tit .entit{ font-size: 14px; height: 18px; line-height: 18px; margin: 10px 0 15px 0; color: #c4c4c4; text-transform: uppercase;}
.aboutCon1 .tit .line{ width: 100%; height: 9px; background: url(images/About1.png) no-repeat center; background-size: 100%;}
.aboutCon1 .info{ font-size: 16px; line-height: 32px; margin: 30px 0;}
.aboutCon1 .img{ line-height: 0; position: relative;}
.aboutCon1 .img .wz{ position: absolute; bottom: 55px; left: 50px; width: 100%; height: 60px;}
.aboutCon1 .img .wz .cnwz{ font-size: 30px; color: #fff; height: 36px; line-height: 36px; margin-bottom: 10px;}
.aboutCon1 .img .wz .enwz{ font-size: 12px; color: #fff; height: 16px; line-height: 16px; text-transform: uppercase;}

.aboutCon2{ padding: 80px 0;}
.aboutCon2 .info{ font-size: 16px; line-height: 48px; color: #fff; text-align: center;}
.aboutCon2 .info strong{ font-size: 20px;}

.aboutCon3{ overflow: hidden; padding: 40px 0 30px 0;}
.aboutCon3 .img{ float: left; width: 46%; line-height: 0;}
.aboutCon3 .text{ float: right; width: 53%; margin-top: 100px;}
.aboutCon3 .text .cntit{ font-size: 24px; padding-left: 50px; height: 28px; line-height: 28px; color: #333; font-weight: bold; position: relative;}
.aboutCon3 .text .cntit::before{ content: ""; display: block; width: 32px; height: 27px; position: absolute; bottom: 0; left: 0; background: url(images/About5.png) no-repeat center; background-size: cover;}
.aboutCon3 .text .entit{ font-size: 16px; margin: 10px 0 15px 0; color: #999999; text-transform: uppercase;}
.aboutCon3 .text .info{ font-size: 16px; line-height: 32px;}
@media screen and (max-width:1229px ) {
.aboutCon1{ padding: 30px 0 40px 0;}
.aboutCon1 .info{ margin: 20px 0;}
.aboutCon3 .text{ margin-top: 50px;}
}
@media screen and (max-width:1023px ) {
.aboutCon1{ padding: 20px 0 15px 0;}
.aboutCon1 .tit .cntit{ font-size: 16px; height: 20px; line-height: 20px;}
.aboutCon1 .tit .entit{ font-size: 12px; height: 16px; line-height: 16px; margin: 0; }
.aboutCon1 .info{ font-size: 14px; line-height: 24px; margin: 0 0 5px 0;}
.aboutCon1 .img .wz{ bottom: 4%; left: 3%; width: 100%; height: 40px;}
.aboutCon1 .img .wz .cnwz{ font-size: 14px; height: 18px; line-height: 18px; margin-bottom: 0;}

.aboutCon2{ padding: 20px 0;}
.aboutCon2 .info{ font-size: 14px; line-height: 24px;}
.aboutCon2 .info strong{ font-size: 16px;}

.aboutCon3{ padding: 15px 0 20px 0;}
.aboutCon3 .img{ width: 100%; margin-top: 5px;}
.aboutCon3 .text{ width: 100%; margin-top: 0;}
.aboutCon3 .text .cntit{ font-size: 16px; padding-left: 22px; height: 20px; line-height: 20px;}
.aboutCon3 .text .cntit::before{ width: 16px; height: 13px;}
.aboutCon3 .text .entit{ font-size: 14px; margin: 5px 0 5px 0;}
.aboutCon3 .text .info{ font-size: 14px; line-height: 24px;}
}

/* 2产品与服务 */
.prodList{ padding: 45px 0 80px 0;}
.prodList ul{ overflow: hidden; margin: 0 -1% 40px -1%;}
.prodList .l1{ float: left; width: 33.1%; padding: 15px 1%; margin: 5px 1px;}
.prodList .l1 .img{ line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.prodList .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
.prodList .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.prodList .l1 .text{ padding: 30px 55px; text-align: center; background: #f7f7f7; position: relative;}
.prodList .l1 .text::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0;  border-width: 15px; border-style: dashed dashed solid dashed; border-color: transparent transparent #f7f7f7 transparent; position: absolute; top: -30px; left: 50%; margin-left: -15px;}
.prodList .l1 .text .tit{ font-size: 20px; height: 22px; line-height: 22px; color: #0503ce;}
.prodList .l1 .text .info{ font-size: 14px; line-height: 24px; height: 72px; margin: 10px 0 20px 0; color: #666; overflow: hidden;}
.prodList .l1 .text .more{ font-size: 14px; width: 104px; height: 36px; line-height: 34px; border-radius: 4px; margin: 0 auto; text-align: center; border: 1px solid #e6e6e6; background: #fff; color: #666666;}
.prodList .l1:hover{ box-shadow: 0 0 5px #ccc;}
.prodList .l1:hover .text{ background: #fff;}
.prodList .l1:hover .more{ background: #0503ce; color: #fff; border: 1px solid #0503ce;}
@media screen and (max-width:1230px ) {
.prodList{ padding: 25px 0 40px 0;}
.prodList ul{ margin: 0 -1% 20px -1%;}
.prodList .l1{ padding: 10px 1%;}
}
@media screen and (max-width:1023px ) {
.prodList{ padding: 10px 0 20px 0;}
.prodList ul{ margin: 0 -0.1% 10px -0.1%;}
.prodList .l1{ width: 49.5%; padding: 5px 1%; margin: 0 0.1%;}
.prodList .l1 .text{ padding: 10px 5px;}
.prodList .l1 .text::after{ border-width: 10px; top: -20px; margin-left: -10px;}
.prodList .l1 .text .tit{ font-size: 14px; height: 16px; line-height: 16px;}
.prodList .l1 .text .info{ line-height: 20px; height: 40px; margin: 5px 0;}
.prodList .l1 .text .more{ font-size: 12px; width: 50px; height: 20px; line-height: 16px;}
}

/* 分页 */
.wack1{ text-align:center;}
.pz_fy{ display:inline-block; *display:inline; *zoom:1;}
.pz_fy a { float:left; width:30px; height:30px; line-height:30px;  border-radius:50%; border: #e2e2e2 1px solid; color:#999999; font-size:14px; font-family:Arial; margin:0 10px;}
.pz_fy a:hover,
.pz_fy a.on { background: #ec5707; color:#fff; border: transparent;}
.pz_fy .l2{ width: 100px; height: 30px; border-radius: 19px; background:url(images/page1.png) left center no-repeat; border: 0;}
.pz_fy .l2:hover{ background:url(images/page1_1.png) left center no-repeat;}
.pz_fy .r2{ width: 100px; height: 30px; border-radius: 19px; background:url(images/page2.png) right center no-repeat; border: 0;}
.pz_fy .r2:hover{ background:url(images/page2_1.png) right center no-repeat;}
@media  screen and (max-width:1023px){
.wack1{ padding:10px 0 4.67% 0;}
.fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
.fy_pc a{ padding:5px 25px; background: #ec5707; color:#fff; border: transparent; border-radius:16px; overflow:hidden;}
.fy_pc span{ padding:5px 20px; color:#272727;}
}

/* 3产品与服务详情 */
.prodCon1{ margin: 60px 0 40px 0; border: 1px solid #e6e6e6; overflow: hidden;}
.prodCon1 .img{ float: left; line-height: 0; width: 40%;}
.prodCon1 .text{ float: right; width: 52.8%; margin: 2.5% 3.33% 2.5% 0;}
.prodCon1 .text .tit{ overflow: hidden;}
.prodCon1 .text .tit .t1{ float: left; font-size: 26px;}
.prodCon1 .text .tit .return{ float: right; font-size: 14px; padding-left: 45px; height: 38px; line-height: 38px; background: url(images/Prod8.png) no-repeat left center; color: #777777;}
.prodCon1 .text .tit .return:hover{ color: #ec5707;}
.prodCon1 .text .info{ font-size: 14px; line-height: 30px; margin: 25px 0 50px 0;}
.prodCon1 .text .more{ display: block; float: left; font-size: 18px; width: 150px; height: 50px; line-height: 50px; background: #0503ce; color: #fff; text-align: center;}
.prodCon1 .text .more:hover{ opacity: 0.8;}
.prodCon1 .bdsharebuttonbox{ float: right; margin-top: 10px;}
.prodCon2{ margin-bottom: 40px;}
.prodCon2 .tit{ font-size: 16px; width: 120px; height: 46px; line-height: 46px; border-radius: 4px 4px 0 0; text-align: center; background: #0503ce; color: #fff;}
.prodCon2 .info{ line-height:28px; font-size: 14px; padding: 35px 30px; color: #4c4c4c; border: 1px solid #e6e6e6;}
@media  screen and (max-width:1230px){
.prodCon1{ margin: 30px 0 20px 0;}
.prodCon1 .text{ margin: 1.5% 3.33% 1.5% 0;}
.prodCon1 .text .info{ margin: 15px 0 20px 0;}
.prodCon2 { margin-bottom: 20px;}
}
@media  screen and (max-width:1023px){
.prodCon1{ margin: 20px 0 15px 0; }
.prodCon1 .img{ width: 100%;}
.prodCon1 .text{ width: 100%; margin: 0; padding: 10px 5px 5px 5px;}
.prodCon1 .text .tit .t1{ font-size: 16px;}
.prodCon1 .text .tit .return{ font-size: 14px; padding-left: 25px; height: 20px; line-height: 20px; background-size: 20px 20px; }

.prodCon1 .text .info{ font-size: 14px; line-height: 24px; margin: 0 0 5px 0;}
.prodCon1 .text .more{ font-size: 14px; width: 100px; height: 30px; line-height: 30px;}
.prodCon1 .bdsharebuttonbox{ margin-top: 10px;}
.prodCon2{ margin-bottom: 10px;}
.prodCon2 .tit{ font-size: 14px; width: 80px; height: 26px; line-height: 26px;}
.prodCon2 .info{ line-height: 24px; padding: 5px 10px;}     
}

/* 翻页 */
.prodCon2 .sx_fy{ height: 90px; line-height: 90px; font-size: 14px; overflow: hidden;}
.prodCon2 .sx_fy .l_fy{ float: left; width: 50%;}
.prodCon2 .sx_fy .r_fy{ float: right; text-align: right; width: 50%;}
.prodCon2 .sx_fy a{ color: #666;}
.prodCon2 .sx_fy a:hover{ color: #ec5707;}
@media  screen and (max-width:1023px){
.prodCon2 .sx_fy{ height: 58px; line-height: 24px; padding: 5px 0; font-size: 12px;}
.prodCon2 .sx_fy .l_fy{ width: 100%;}
.prodCon2 .sx_fy .r_fy{ text-align: left; width: 100%;}
}

/* 4新闻中心 */
.newsList{ padding: 20px 0 80px 0;}
.newsList ul{ margin-bottom: 40px;}
.newsList ul .l1{ overflow: hidden; margin-top: 30px; background: #f6f6f6;}
.newsList ul .l1 .left{ float: left; width: 32%; padding: 2.5% 2.5%; border-right: 1px solid #fff;}
.newsList ul .l1 .left .img{ line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.newsList ul .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
.newsList ul .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.newsList ul .l1 .text{ float: right; width: 66%; padding: 50px 30px 35px 0;}
.newsList ul .l1 .text .tit{ font-size: 20px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase;}
.newsList ul .l1 .text .info{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; margin: 15px 0 50px 0; color: #898989;}
.newsList ul .l1 .text .bot{ overflow: hidden;}
.newsList ul .l1 .text .date{ float: left; font-size: 14px; color: #a9a9a9;}
.newsList ul .l1 .text .more{ float: right; font-size: 14px; color: #a9a9a9;}
.newsList ul .l1:hover{ background: #0000c7;}
.newsList ul .l1:hover .left{ border: 1px solid #1a1acd;}
.newsList ul .l1:hover .text .tit{ color: #fff;}
.newsList ul .l1:hover .text .info{ color: #fff;}
.newsList ul .l1:hover .text .date{ color: #fff;}
.newsList ul .l1:hover .text .more{ color: #fff;}
@media  screen and (max-width:1230px){
.newsList{ padding: 10px 0 40px 0;}
.newsList ul .l1 .text{ padding: 30px 30px 20px 0;}
.newsList ul .l1 .text .info{ margin: 15px 0 20px 0; }
}
@media  screen and (max-width:1023px){
.newsList{ padding: 20px 0 20px 0;}
.newsList ul{ margin-bottom: 20px;}
.newsList ul .l1{ margin-top: 10px;}
.newsList ul .l1 .left{ padding: 1.5%;}
.newsList ul .l1 .text{ padding: 5px 10px;}
.newsList ul .l1 .text .tit{ font-size: 16px;}
.newsList ul .l1 .text .info{ font-size: 14px; height: 20px; line-height: 20px; margin: 0 0 5px 0;}
.newsList ul .l1 .text .date{ font-size: 12px;}
.newsList ul .l1 .text .more{ font-size: 12px;}
}
@media  screen and (max-width:400px){
.newsList ul .l1 .text .tit{ font-size: 14px; height: 18px; line-height: 18px;}
.newsList ul .l1 .text .info{ font-size: 12px; height: 16px; line-height: 16px; margin: 0 0 3px 0;}
}

/* 5新闻中心详情 */
.newsCon{ padding: 50px 0;}
.newsCon .tit{ font-size: 24px; color: #222222; text-align: center;}
.newsCon .time{ margin-top: 22px; border-bottom: 1px solid #d7d8d8; border-top: 1px solid #d7d8d8;padding: 10px 0;line-height: 34px;font-size: 14px;color: #777;}
.newsCon .time .return{display: block;float: right;height: 34px;line-height: 34px;padding-right: 14px;}
.newsCon .time .return .ico{display:inline-block; *display:inline; *zoom:1;vertical-align: top; margin-left: 20px; width: 34px; background: #cbcbcb;
-webkit-border-radius:16.5px;
   -moz-border-radius:16.5px;
        border-radius:16.5px;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.newsCon .time .return .ico img{display: block;float: left;width: 100%;}
.newsCon .time .return:hover{color: #ec5707;}
.newsCon .info{ margin: 30px 0 0 0; font-size: 16px; line-height: 30px; color: #222222;}
.newsCon .bdsharebuttonbox{ margin: 35px auto 30px auto; width: 160px;}
.newsCon .bdsharebuttonbox .bds_weixin{ width: 35px; height: 35px; background: url(images/fx1.png) no-repeat center;}
.newsCon .bdshare-button-style0-16 .bds_weixin{ background-position: 0 0!important;}
.newsCon .bdsharebuttonbox .bds_tsina{ width: 35px; height: 35px; background: url(images/fx2.png) no-repeat center;}
.newsCon .bdshare-button-style0-16 .bds_tsina{ background-position: 0 0!important;}
.newsCon .bdsharebuttonbox .bds_qzone{ width: 35px; height: 35px; background: url(images/fx3.png) no-repeat center;}
.newsCon .bdshare-button-style0-16 .bds_qzone{ background-position: 0 0!important;}
.newsCon .bdshare-button-style0-16 a,.newsCon .bdshare-button-style0-16 .bds_more{ margin: 0 6px!important;}
.newsCon .sx_fy{ height: 60px; line-height: 60px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.newsCon .sx_fy a{ float: left; width: 50%; color: #666; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase;}
.newsCon .sx_fy a.r_fy{ float: right; text-align: right; border-left: 1px solid #dbdbdb;}
.newsCon .sx_fy a:hover{ color: #ec5707;}

.newsConList{ margin: 60px 0 30px 0;}
.newsConList .title{ overflow: hidden;}
.newsConList .title .cntit{ float: left; font-size: 24px;}
.newsConList .title .entit{ float: left; font-size: 16px; margin: 10px 0 0 15px; text-transform: uppercase; color: #0200cd;}
.newsConList ul{ overflow: hidden; margin: 0 -1%;}
.newsConList ul .l1{ float: left; width: 48%; margin: 30px 1% 0 1%; overflow: hidden;}
.newsConList ul .l1 .img{ float: left; width: 36%; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.newsConList ul .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
.newsConList ul .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.newsConList ul .l1 .right{ float: right; width: 59%;}
.newsConList ul .l1 .right .t1{ font-size: 16px; margin-top: 10px; color: #333; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newsConList ul .l1 .right .t2{ font-size: 14px; line-height: 26px; height: 52px; margin: 10px 0; overflow: hidden; color: #666666;}
.newsConList ul .l1 .right .date{ font-size: 14px; color: #999999;}
.newsConList ul .l1:hover .right .t1{ color: #ec5707;}
@media  screen and (max-width:1230px){
.newsCon{ padding: 20px 0;}
.newsConList{ margin: 20px 0 20px 0;}
.newsConList ul .l1{ margin: 20px 1% 0 1%;}
.newsConList ul .l1 .right .t1{ margin-top: 0;}
.newsConList ul .l1 .right .t2{ line-height: 20px; height: 40px; margin: 5px 0;}
}
@media  screen and (max-width:1023px){
.newsCon{ padding: 20px 0;}
.newsCon .tit{ font-size: 16px; line-height: 20px;}
.newsCon .time{ margin-top: 5px; padding: 5px; line-height: 22px; font-size: 14px;}
.newsCon .time{margin-top: 12px; padding: 5px 0;line-height: 24px;text-align: center;}
.newsCon .time .return{width: 100%; height: 30px;line-height: 30px;padding-right: 0; margin-top: 10px;}
.newsCon .time .return .ico{ margin-left: 10px; margin-top: 5px; width: 20px;}
.newsCon .info{ font-size: 14px; margin: 10px 0 0 0; line-height: 24px; }
.newsCon .sx_fy{ height: 60px; line-height: 26px; padding: 4px 0;}
.newsCon .sx_fy a{ float: left; width: 100%; font-size: 14px;}
.newsCon .sx_fy a.r_fy{ float: left; text-align: left; border-left: none;}

.newsCon{ padding: 10px 0 0 0;}
.newsConList{ margin: 10px 0 20px 0;}
.newsConList .title .cntit{ font-size: 16px;}
.newsConList .title .entit{ font-size: 12px; margin: 5px 0 0 5px; }
.newsConList ul{ margin: 0;}
.newsConList ul .l1{ width: 100%; margin: 10px 0 0 0;}
.newsConList ul .l1 .right .t1{ font-size: 14px;}
.newsConList ul .l1 .right .t2{ font-size: 12px;}
.newsConList ul .l1 .right .date{ font-size: 12px;}
}
@media  screen and (max-width:400px){
.newsConList ul .l1 .right .t2{ height: 20px;}
}

/* 6加入鼎德农邦 */
.joinCon{ padding: 60px 0 80px 0;}
.joinCon .title1{ font-size: 16px; height: 56px; line-height: 56px; padding-left: 2%; margin-bottom: 10px; font-weight: bold; overflow: hidden; position: relative; background: #0000c7; color: #fff;}
.joinCon .title1 .t1,.joinCon ul .l1 .title2 .t1{ float: left; width: 21.4%;}
.joinCon .title1 .t2,.joinCon ul .l1 .title2 .t2{ float: left; width: 13.4%; text-align: center;}
.joinCon .title1 .t3,.joinCon ul .l1 .title2 .t3{ float: left; width: 25.7%; text-align: center;}
.joinCon .title1 .t4,.joinCon ul .l1 .title2 .t4{ float: left; width: 11.8%; text-align: center;}
.joinCon .title1 .t5,.joinCon ul .l1 .title2 .t5{ float: left; width: 19.2%; text-align: center;}
.joinCon ul{ margin-bottom: 40px;}
.joinCon ul .l1{ overflow: hidden; margin-bottom: 10px;}
.joinCon ul .l1 .title2{ font-size: 16px; height: 56px; line-height: 56px; padding-left: 2%; background: #f5f5f5; overflow: hidden; cursor: pointer; color: #555;}
.joinCon ul .l1 .title2 .t6{ float: left; width: 8%; height: 50px; background: url(images/Join1.png) no-repeat center;}
.joinCon ul .l1 .title2:hover,.joinCon ul .l1 .title2.active{ background: #0000c7; color: #fff;}
.joinCon ul .l1 .title2:hover .t6,.joinCon ul .l1 .title2.active .t6{ background: url(images/Join1_1.png) no-repeat center;}
.joinCon ul .l1 .box{ display: none; padding: 70px 30px 30px 45px; margin: 0 15px; background: #fbfbfb; overflow: hidden;}
.joinCon ul .l1 .box .left{ width: 49%; float: left;}
.joinCon ul .l1 .box .line{ float: left; width: 1px; height: 100px; background: #e7e7e7;}
.joinCon ul .l1 .box .right{ width: 49%; padding-left: 40px; float: right;}
.joinCon ul .l1 .box .b1{ font-size: 16px; color: #333333;}
.joinCon ul .l1 .box .info{ font-size: 12px; line-height: 28px; color: #4c4c4c;}
.joinCon ul .l1 .box .b2{ font-size: 14px; line-height: 28px; margin-top: 38px; color: #666666;}
.joinCon ul .l1 .box .more{ display: block; font-size: 14px; width: 132px; height: 34px; line-height: 34px; margin-top: 60px; text-align: center; color: #fff; background: url(images/Join2.png) no-repeat center; background-size: cover;}
.joinCon ul .l1 .box .more:hover{ opacity: 0.8;}
@media  screen and (max-width:1230px){
.joinCon{ padding: 30px 0 40px 0;}
.joinCon ul .l1 .box{ padding: 30px 30px 30px 40px;}
}
@media  screen and (max-width:1023px){
.joinCon{ padding: 20px 0 10px 0;}
.joinCon .title1{ font-size: 14px; height: 30px; line-height: 30px; padding-left: 1%; margin-bottom: 10px;}
.joinCon .title1 .t1,.joinCon ul .l1 .title2 .t1{ width: 19.4%;}
.joinCon .title1 .t2,.joinCon ul .l1 .title2 .t2{ width: 8.4%;}
.joinCon .title1 .t3,.joinCon ul .l1 .title2 .t3{ width: 25.7%;}
.joinCon .title1 .t4,.joinCon ul .l1 .title2 .t4{ width: 16.8%;}
.joinCon .title1 .t5,.joinCon ul .l1 .title2 .t5{ width: 22.2%;}
.joinCon ul{ margin-bottom: 10px;}
.joinCon ul .l1{ margin-bottom: 10px;}
.joinCon ul .l1 .title2{ font-size: 14px; height: auto; line-height: 20px; padding: 8px 0 8px 1%;}
.joinCon ul .l1 .title2 .t6{ width: 7%; height: 20px; background-size: 40%;}
.joinCon ul .l1 .title2:hover .t6,.joinCon ul .l1 .title2.active .t6{ background-size: 40%;}
.joinCon ul .l1 .box{ padding: 10px; margin: 0 5px;}
.joinCon ul .l1 .box .left{ width: 100%;}
.joinCon ul .l1 .box .line{ display: none;}
.joinCon ul .l1 .box .right{ width: 100%; padding-left: 0;}
.joinCon ul .l1 .box .b1{ font-size: 14px;}
.joinCon ul .l1 .box .info{ font-size: 12px; line-height: 24px;}
.joinCon ul .l1 .box .b2{ font-size: 12px; line-height: 20px; margin: 10px 0;}
.joinCon ul .l1 .box .more{ font-size: 12px; width: 80px; height: 30px; line-height: 28px; margin-top: 10px; background-size: 100%;}
}
@media  screen and (max-width:400px){
.joinCon .title1{ font-size: 12px;}
.joinCon ul .l1 .title2{ font-size: 12px;}   
.joinCon ul .l1 .box .b1{ font-size: 12px;}
}

/* 7社会责任 */
.sociList ul{ margin-bottom: 60px;}
.sociList ul .l1{ margin-top: 60px; overflow: hidden; background: #f6f6f6;}
.sociList ul .l1 .text{ float: left; width: 50%; padding: 60px;}
.sociList ul .l1 .text .tit{ font-size: 28px; height: 30px; line-height: 30px; color: #0200cd;}
.sociList ul .l1 .text .line{ width: 70px; height: 1px; margin: 25px 0 20px 0; background: #0200cd;}
.sociList ul .l1 .text .info{ font-size: 16px; line-height: 40px; color: #333333;}
.sociList ul .l1 .img{ float: right; width: 50%; position: relative; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.sociList ul .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
.sociList ul .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.sociList ul .l1 .num{ font-size: 30px; width: 100px; height: 100px; line-height: 100px; position: absolute; right: 0; top: 0; font-weight: bold; text-align: center; background: #ec5707; color: #fff;}
.sociList ul .l1:nth-child(even) .text{ float: right;}
.sociList ul .l1:nth-child(even) .img{ float: left;}
.sociList ul .l1:nth-child(even) .num{ left: 0;}
@media  screen and (max-width:1229px){
.sociList ul{ margin-bottom: 30px;}
.sociList ul .l1{ margin-top: 30px;}
.sociList ul .l1 .text{ padding: 30px;}
.sociList ul .l1 .text .line{ margin: 20px 0 10px 0;}
}
@media  screen and (max-width:1023px){
.sociList ul{ margin-bottom: 20px;}
.sociList ul .l1{ margin-top: 10px;}
.sociList ul .l1 .text{ width: 100%; padding: 10px;}
.sociList ul .l1 .text .tit{ font-size: 16px; height: 20px; line-height: 20px;}
.sociList ul .l1 .text .line{ width: 40px; margin: 5px 0 10px 0;}
.sociList ul .l1 .text .info{ font-size: 14px; line-height: 20px;}
.sociList ul .l1 .img{ width: 100%;}
.sociList ul .l1 .num{ font-size: 20px; width: 50px; height: 50px; line-height: 50px;}   
}

/* 8联系我们 */
.contCon ul{ width: 100%; margin: 60px 0 35px 0; padding-bottom: 60px; box-shadow: 0 0 5px #ccc; background: #fff;}
.contCon ul li{ overflow: hidden;}
.contCon ul .l1{ background: #fff; padding: 60px 0 40px 90px;}
.contCon ul .l1 .t1{ font-size: 30px; color: #0200cd;}
.contCon ul .l1 .t2{ font-size: 16px; margin-top: 10px; color: #9c9c9c; text-transform: uppercase;}
.contCon ul .l2{ background: #f5f5f5; padding: 40px 0 40px 90px;}
.contCon ul .l3{ background: #fff; padding: 40px 0 40px 90px;}
.contCon ul .l4{ background: #f5f5f5; padding: 20px 0 20px 90px;}
.contCon .cont{ float: left; width: 50%;overflow: hidden;}
.contCon .cont .ico{ float: left; width: 42px; height: 42px; margin-right: 20px;}
.contCon .cont .wz{ float: left; font-size: 16px; line-height: 28px; color: #4c4c4c;}
.contCon ul .l4 .cont{ margin: 20px 0;}
.contCon ul .l4 .cont1{float: left; width: 50%; overflow: hidden;}
.contCon ul .l4 .img{ float: left; width: 96px; height: 96px; line-height: 0;}
.contCon ul .l4 .wz2{ margin: 20px 0 0 20px; float: left; font-size: 16px; line-height: 28px; color: #4c4c4c;}

.kuang{ width: 100%; padding: 10px; background: #fff; box-shadow: 0 0 5px #ccc; margin-bottom: 90px;}
.bdmap{height: 420px;}
@media  screen and (max-width:1229px){
.contCon ul{ width: 100%; margin: 30px 0 25px 0; padding-bottom: 30px;}
.contCon ul .l1{ padding: 30px 0 20px 40px;}
.contCon ul .l2{ padding: 20px 0 20px 40px;}
.contCon ul .l3{ padding: 20px 0 20px 40px;}
.contCon ul .l4{ padding: 10px 0 10px 40px;}

.kuang{ margin-bottom: 40px;}
}
@media  screen and (max-width:1023px){
.contCon ul{ margin: 10px 0 10px 0; padding-bottom: 10px;}
.contCon ul .l1{ padding: 10px 0 10px 10px;}
.contCon ul .l1 .t1{ font-size: 16px;}
.contCon ul .l1 .t2{ font-size: 12px; margin-top: 0;}
.contCon ul .l2{ padding: 5px 0 5px 10px;}
.contCon ul .l3{ padding: 5px 0 5px 10px;}
.contCon ul .l4{ padding: 5px 0 5px 10px;}
.contCon .cont{ width: 100%; margin: 5px 0;}
.contCon .cont .ico{ width: 30px; height: 30px; margin-right: 10px;}
.contCon .cont .wz{ font-size: 14px; line-height: 20px;}
.contCon ul .l4 .cont{ margin: 5px 0;}
.contCon ul .l4 .cont1{ width: 100%;}
.contCon ul .l4 .wz2{ margin: 20px 0 0 10px; font-size: 12px; line-height: 20px;}

.kuang{ padding: 5px; margin-bottom: 20px;}
.bdmap{height: 300px;}
}

.page{ margin: 50px 0;}
.page .info{ font-size: 16px; line-height: 28px;}
@media screen and (max-width:1229px) {
.page{ margin: 20px 0;}
}
@media screen and (max-width:1023px) {
.page .info{ font-size: 14px; line-height: 24px;}
}

/* 公司理念 */
.coopCon{ margin: 70px 0 40px 0;}
.coopCon ul{ overflow: hidden;}
.coopCon ul li{ width:25% !important; float:left; padding:0 30px; margin-top:0; height:auto !important;}
.coopCon ul li .zbox{ width:100%; float:left; position:relative; padding:195px 30px 30px 30px; height:374px; border:solid 1px #00488e; text-align:center;}
.coopCon ul li .zbox .title{width:270px;height:176px;position:absolute;left:50%;top:-1px;margin-left:-135px;padding:27px 30px 34px 30px;background:url(images/t5.png) no-repeat bottom center;background-size:contain;margin-top:0 !important;}
.coopCon ul li .zbox .title h4{ width:100%; float:left; font-size:24px; color:white; line-height:32px;}
.coopCon ul li .zbox .title .ico{ width:100%; float:left; height:52px; margin-top:31px; border:0 !important;}
.coopCon ul li .zbox .title .ico img{ height:100%;}
.coopCon ul li .zbox .dd{ width:100%; float:left; font-size:18px; color:#333; line-height:40px;}
.coopCon ul li:nth-child(2n) .zbox .title{background-image:url(images/t6.png);}
.coopCon ul li:nth-child(2n) .zbox{ border-color:#ec5707;;}
@media  screen and (max-width:1399px){
.coopCon ul li .zbox .title{ width:220px; margin-left:-110px; background-size:auto 100%;}
}
@media  screen and (max-width:1199px){
.coopCon{ margin: 40px 0 40px 0;}
.coopCon ul li{ padding:0 15px;}
.coopCon ul li .zbox{ padding:195px 10px 10px 10px;}
.coopCon ul li .zbox .title{ width:190px; margin-left:-95px;}
}
@media  screen and (max-width:767px){
.coopCon{ margin: 10px 0 20px 0;}
.coopCon ul{ margin-top:0;}
.coopCon ul li{ width:50% !important; margin-top:10px;}
.coopCon ul li .zbox{ padding:195px 10px 10px 10px;}
.coopCon ul li .zbox .title{ width:100%; left:0; margin-left:0;}
}
@media  screen and (max-width:480px){
.coopCon ul li{ width:100% !important;}
.coopCon ul li .zbox{ padding:135px 10px 10px 10px; height:264px;}
.coopCon ul li .zbox .title{ height:126px; padding:20px 20px 24px 20px;}
.coopCon ul li .zbox .title h4{ font-size:18px; line-height:26px;}
.coopCon ul li .zbox .title .ico{ height:32px; margin-top:11px;}
.coopCon ul li .zbox .dd{ font-size:14px; line-height:30px;}
}

/* 战略合作伙伴 */
.partList{ margin: 50px 0 50px 0;}
.partList .ul_2{ width:100%; float:left; margin-bottom: 40px; padding-left:1px;}
.partList .ul_2 li{ width:25.1%; float:left; border:solid 1px #ddd; margin:-1px 0 0 -0.1%;}
.partList .ul_2 li a{float:left; width:100%; padding-bottom:44%; overflow:hidden; position:relative;}
.partList .ul_2 li img{ width:100%; float:left; position:absolute; left:0; top:0; height:100%; z-index:1;}
.partList .ul_2 li .mb{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(images/bg_3.png); vertical-align:middle; opacity:0; z-index:2;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.partList .ul_2 li h5{ width:100%; font-size:17px; color:white; line-height:22px; position:absolute; top:50%; text-align:center;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);}
.partList .ul_2 li:hover .mb{ opacity:1;}
@media screen and (max-width:1199px) {
.partList .ul_2 li{ width:25.2%; margin:-1px 0 0 -0.2%;}
}
@media screen and (max-width:1023px) {
.partList .ul_2 li h5{ font-size:15px; line-height:18px;}
}
@media screen and (max-width:767px) {
.partList .ul_2 li h5{ font-size:13px;}
}
@media screen and (max-width:480px) {
.partList .ul_2 li{ width:33.533%;}
}

/* 人才战略 */
.taleCon .content1{ width:100%; float:left; text-align:center; padding:45px 0 41px 0;}
.taleCon .content1 .title{ width:100%; float:left;}
.taleCon .content1 .title .ico{ width:100%; height:41px;}
.taleCon .content1 .title .ico img{ height:100%;}
.taleCon .content1 .title h4{ width:100%; float:left; font-size:24px; color:#ec5707; line-height:30px; font-weight:bold; font-family:Arial;}
.taleCon .content1 .title h3{ width:100%; float:left; font-size:24px; color:#00498e; line-height:35px; font-weight:bold;}
.taleCon .content1 .p{ width:100%; float:left; margin-top:20px; font-size:16px; color:#252525; line-height:30px;}
.taleCon .content1 ul{ display:inline-block; *zoom:1; *display:inline; margin:41px auto 0 auto;}
.taleCon .content1 ul li{ width:200px; float:left;}
.taleCon .content1 ul li .ico{ width:100%; float:left; height:115px;}
.taleCon .content1 ul li .ico span{ display:inline-block; *zoom:1; *display:inline; width:115px; height:115px; border:solid 1px #ec5707; background-size:contain; background-position: center center; background-repeat:no-repeat;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.taleCon .content1 ul li h4{ width:100%; float:left; margin-top:10px; font-size:16px; color:#252525; line-height:23px;}
.taleCon .content1 ul li h6{ width:100%; float:left; font-size:12px; color:#252525; line-height:19px; opacity:0.5; text-transform:uppercase;}
.taleCon .content1 ul li:hover .ico span{ border:solid 1px #00498e; transform:rotateY(180deg);}

.taleCon .content2{ width:100%; float:left; padding:48px 0 62px 0;  }
.tit_4{ width:100%; float:left; text-align:center;}
.tit_4 .ico{ width:100%; float:left;}
.tit_4 h3{ width:100%; float:left; margin-top:8px; font-size:24px; color:#fff; line-height:33px; font-weight:bold;}
.tit_4 .p{ width:100%; float:left; margin-top:20px; font-size:16px; color:#fff; line-height:30px; padding:0 5%;}

.taleCon .content3{ width:100%; float:left; padding:43px 0 63px 0;}
.taleCon .content3 .tit_4 h3{ color:#00498e;}
.taleCon .content3 .tit_4 .p{ color:#3a3a3a;}
.taleCon .content3 ul{ width:100%; float:left; margin-top:42px;}
.taleCon .content3 ul li{ width:25%; float:left; padding:42px 20px 42px 10px; background:#ec5707;}
.taleCon .content3 ul li .ico{ height:48px; float:left;}
.taleCon .content3 ul li .ico img{ height:100%; float:left;}
.taleCon .content3 ul li .title{ float:left; margin-left:18px; width:70%;}
.taleCon .content3 ul li .title h3{ width:100%; float:left; font-size:18px; color:white; line-height:25px; font-weight:bold; margin-top:3px;}
.taleCon .content3 ul li .title h5{ width:100%; float:left; font-size:14px; color:white; line-height:18px; font-family:Arial; text-transform:uppercase;}
.taleCon .content3 ul li.l1{ background:#f85c08;}
@media screen and (max-width:1199px) {
.taleCon .content3 ul li .title{ width:60%;}
.taleCon .content3 ul li{ height:148px;}
}
@media screen and (max-width:1023px) {
.taleCon .content1 ul{ width:100%; float:left;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: flex-start;}
.taleCon .content1 ul li{ width:25%;}
.taleCon .content3 ul li .ico{ width:100%;}
.taleCon .content3 ul li .ico img{ float:none;}
.taleCon .content3 ul li{ padding:22px 10px 22px 10px; height:156px; text-align:center;}
.taleCon .content3 ul li .title{ width:100%; margin-left:0;}
}
@media screen and (max-width:767px) {
.taleCon .content1{ padding:25px 10px 21px 10px;}
.taleCon .content1 .title .ico{ height:21px;}
.taleCon .content1 .title h4{ font-size:18px; line-height:22px;}
.taleCon .content1 .title h3{ font-size:18px; line-height:25px;}
.taleCon .content1 .p{ margin-top:10px; font-size:14px; line-height:22px;}
.taleCon .content1 ul{ margin:21px auto 0 auto;}
.taleCon .content1 ul li .ico{ height:65px;}
.taleCon .content1 ul li .ico span{  width:65px; height:65px;}
.taleCon .content1 ul li h4{ margin-top:5px; font-size:14px; line-height:19px;}
.taleCon .content1 ul li h6{ line-height:15px;}
.taleCon .content2{ padding:28px 10px 32px 10px; }
.tit_4 .ico{ height:22px;}
.tit_4 .ico img{ height:100%;}
.tit_4 h3{ margin-top:4px; font-size:18px; line-height:27px; }
.tit_4 .p{ margin-top:10px; font-size:14px; line-height:22px; padding:0 0%;}
.taleCon .content3{ padding:23px 10px 33px 10px;}
.taleCon .content3 ul{ margin-top:22px;}
.taleCon .content3 ul li{ padding:22px 10px; height:124px;}
.taleCon .content3 ul li .ico{ height:28px;}
.taleCon .content3 ul li .title h3{ font-size:16px; line-height:20px; margin-top:0px;}
.taleCon .content3 ul li .title h5{ font-size:12px; line-height:16px;}
}
@media screen and (max-width:480px) {
.taleCon .content1 ul li{ width:50%; margin-top:10px;}
.taleCon .content3 ul li{ width:50%; margin-top:1px;}
}