*{outline:0}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:14px/1.8 "Microsoft Yahei","微软雅黑","宋体";color:#666;}
ol,ul{list-style:none}
a{text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;cursor:pointer; color:#666;}
fieldset,iframe,img{border:0}
img{ border:none; vertical-align:middle;}
.bd_weixin_popup .bd_weixin_popup_foot { font-size:12px !important; line-height:18px !important;}

.slick-dots button{font-size:100%;border-radius:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;background:0 0;outline:0}
table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit}
button,input[type=button],input[type=submit]{cursor:pointer}
button::-moz-focus-inner,button::-moz-focus-outer,input::-moz-focus-inner,input::-moz-focus-outer{border:0 none;padding:0;margin:0}
input[type=search]{-webkit-appearance:textfield}
input:focus::-webkit-input-placeholder{color:transparent}
input::-ms-clear{display:none}
textarea{resize:vertical;overflow-y:auto}
::-moz-selection{background:#499BDA;color:#fff;text-shadow:none}
::selection{background:#499BDA;color:#fff;text-shadow:none}
a:link,a:visited{text-decoration:none}
a:active,a:hover{text-decoration:none}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.bosi{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.i_g{position:relative;top:-5%;left:-10%;display:block;width:110%!important}
.active .i_g{left:-5%;-webkit-transition:6s .2s linear;-moz-transition:6s .2s linear;transition:6s .2s linear}
.active .ig{margin-left:-5%;-webkit-transition:6s .2s linear;-moz-transition:6s .2s linear;transition:6s .2s linear}

.u-slick-box{position:relative;overflow:hidden}
.u-slick-box>img{display:block;width:100%}
.u-slick-box .u-slick{position:absolute;left:0;right:0;top:0}
.u-slick{position:relative;overflow:hidden}
.u-slick .item{position:relative;overflow:hidden}
.menuBlack{display:none}
html.open{overflow:hidden}
.picbox{display:block;position:relative;overflow:hidden}
.na{cursor:default}
.container{/*min-height:300px;*/overflow:hidden}
.aico{display:block;background:url(../images/aicos.png)}
.bico{display:block;background:url(../images/bicos.png)}
.pw{width:1160px;margin:0 auto}
.pw3{width:1550px;margin:0 auto;}
.right { float:right;}

/*--版心--*/
.mcontainer { margin:0 auto; padding:0 15px;}

@media (min-width:768px) {
  .mcontainer {
    width:700px;
  }
}
@media (min-width:800px) {
  .mcontainer {
    width:740px;
  }
}

@media (min-width:880px) {
  .mcontainer {
    width:800px;
  }
}

@media (min-width: 992px) {
  .mcontainer {
    width:900px;
  }
}
@media (min-width: 1100px) {
  .mcontainer {
    width:1000px;
  }
}

@media (min-width: 1250px) {
  .mcontainer {
    width: 1200px;
  }
}
@media (min-width: 1350px) {
  .mcontainer {
    width: 1300px;
  }
}
@media (min-width: 1600px) {
  .mcontainer {

    width: 1580px;
  }
}
@media (min-width: 1680px) {
  .mcontainer {
    width: 1600px;
  }
}
@media (min-width: 1800px) {
  .mcontainer {
    width: 1800px;
  }
}

.logo{display:block; padding-top:18px; float:left;}
.logo>img{display:block; max-width:100%;}
.langure { background:url(../images/langue.jpg) no-repeat left; padding-left:24px; font-size:15px; color:#818181; margin-top:41px; display:inline-block;}
.anse { color:#D3D3D3;}
.langure a:hover{ color:#818181;}
.positionr { position:relative;}
.search{float: right;margin-left: 12px; margin-top:48px;}
.search input{width: 0;height: 86px;border: 0;outline: 0;font-size: 12px;color: #a1a1a1;transition: width .3s; -webkit-transition: width .3s; -moz-transition: width .3s;}
.search .btn{width: 14px;height: 15px;background: url(../images/searchbg.png) no-repeat center;float: right;}
.search .btn.no{opacity:0; filter:alpha(opacity=0);}
.search:hover input{width: 200px;transition: width .3s; -webkit-transition: width .3s; -moz-transition: width .3s;}

.positionr .searchFrame{position:absolute;right: 25px;top: 10px;height:28px;width: 398px;padding: 30px;padding-right: 30px;display:none;animation-duration: 400ms;z-index: 99;background: #fff;}
.positionr .searchFrame span.search_input{display:block;position:absolute;top:50%;margin-top: 6px;width:17px;height:17px;background:no-repeat center;left:6px;background-image: url("../images/searchbg.png");cursor:pointer;}
.positionr .searchFrame span.search_input_close{display:block;position:absolute;top:50%;margin-top: 4px;width:17px;height:17px;background:no-repeat center;right:0;background-image: url("../images/search_input_close-icon.png");cursor:pointer;}
.positionr .searchFrame input{width:100%; height:27px; font-size: 15px; color:#333; border:0 none; border-bottom: 1px solid #e8e8e8; text-indent: 15px; outline: none;}

.footer{background:#0084D8;position:relative;color:#fff}
.footer a{color:#fff}
.footer .w{width:1550px;margin:0 auto}
.footer #top{position:absolute;right:25px;bottom:20px;z-index:99}
.footer .t{padding:62px 0 40px 0;background:#0084D8;}
.footer .logo{color:#fff}

.flootlogo{ float:left; width:10%;}
.flootlogo img{ max-width:100%;}
.footer .f-nav{float:left; width:66%;}
.footer .f-tel{color:#fff;margin-top:80px}
.footr{text-align:center; width:34%; float:right; text-align:center;}
.footer .friendship-link{display:inline-block;vertical-align:bottom}
.footer .f-cta{margin-top:25px}
.footer .b{padding:10px 0;}
.f-nav ul li{ width:14.2%; float:left; text-align:left;}
.f-nav ul li a{ display:block; font-size:14px; line-height:30px; color:rgba(255,255,255,0.6);}
.f-nav ul li a h3{ display:block; font-size:16px; line-height:20px; margin-bottom:12px; color:#fff; font-weight:normal;}
.f-nav ul li a:hover{  color:#fff;}
.footr p{ font-size:14px; line-height:34px; color:#fff; text-align:center;}
.shares {float:right; padding-top:20px; width:250px; font-size:18px; text-align:right; margin-right:45px;}
.shares table{ width:100%;}
.shares tr td{  font-size:18px;color:#fff;}
.shares tr td strong { border-bottom:1px solid #EEEEEE; display:block; padding-bottom:10px;}
.shares tr td p { background:url(../images/phone.png) no-repeat left; padding-left:66px; font-size:24px; font-weight:bold; line-height:42px; height:42px; margin-top:15px; display:inline-block;}
.fbottom{ border-top:1px solid rgba(255,255,255,0.2);}
.footer .b .l{ line-height:30px; float:left;}
.footer .b .r{ line-height:30px;}
.footer .b span.r  { float:right; display:inline-block; max-width:154px;}
.footer .b .bdsharebuttonbox { float:right; display:inline-block; width:147px; margin-right:45px; overflow:hidden;}
.footer .b .bdsharebuttonbox span { float:left;}
.footer .b .bdshare-button-style1-24 a, .bdshare-button-style1-24 .bds_more { width:29px; height:30px; margin-bottom:0; margin-top:0;}
.footer .b .bdshare-button-style1-24 .bds_weixin { background:url(../images/wx.png) no-repeat; background-position:inherit;}
.footer .b .bdshare-button-style1-24 .bds_tsina { background:url(../images/xl.png) no-repeat;background-position:inherit;}
.footer .b .bdshare-button-style1-24 .bds_sqq { background:url(../images/qq.png) no-repeat;background-position:inherit;}

.centerb{ display:block;float:right}
#top{text-transform:capitalize;font-size:18px;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#top span{display:inline-block;vertical-align:middle;margin-left:15px;border-radius:100%;width:46px;height:46px;border:1px solid #fff;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
#top .aico{height:100%;background-position:-48px -56px;-webkit-animation:scrollUp 2s infinite;-moz-animation:scrollUp 2s infinite;animation:scrollUp 2s infinite}
@-webkit-keyframes scrollUp{
0%{-webkit-transform:translateY(15%);transform:translateY(15%);opacity:1}
100%{-webkit-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
}
@-moz-keyframes scrollUp{
0%{-moz-transform:translateY(15%);transform:translateY(15%);opacity:1}
100%{-moz-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
}
@keyframes scrollUp{
0%{-webkit-transform:translateY(15%);-moz-transform:translateY(15%);transform:translateY(15%);opacity:1}
100%{-webkit-transform:translateY(-15%);-moz-transform:translateY(-15%);transform:translateY(-15%);opacity:0}
}

@media (min-width:768px) {
  .footer .w {    width:700px;  }
}
@media (min-width:800px) {
  .footer .w{    width:740px;  }
}
@media (min-width:880px) {
  .footer .w {    width:800px;  }
}
@media (min-width: 992px) {
  .footer .w {    width:900px;  }
}
@media (min-width: 1100px) {
  .footer .w {    width:1000px;  }
}
@media (min-width: 1280px) {
  .footer .w {    width: 1200px;  }
}
@media (min-width: 1350px) {
  .footer .w {    width: 1280px;  }
}
@media (min-width: 1440px) {
  .footer .w {    width: 1300px;  }
}
@media (min-width: 1600px) {
  .footer .w {    width: 1550px;  }
}

@media screen and (max-width:1349px){
.shares {float:right; padding-top:20px; width:250px; font-size:18px; text-align:right; margin-right:25px;}
}
@media screen and (max-width:1279px){
.footer .f-nav { width:64%;}
.footr { width:36%;}
.shares {float:right; padding-top:15px; width:208px; font-size:16px; text-align:right; margin-right:10px;}
.shares tr td{  font-size:16px;}
.shares tr td strong { font-size:15px;}
.shares tr td p { font-size:20px; padding-left:52px;}
}

@media screen and (max-width:1099px){
.footer .f-nav { width:75%;}
.footr { width:25%;}

}
@media screen and (max-width:991px){
.footer .b .r { float:left;}
.footer .b .bdsharebuttonbox { float:left; margin-right:0; margin-left:45px;}

}
@media screen and (max-width:910px){
.footer .f-nav ,.flootlogo { display:none;}
.footr{ width:100%; float:none; }
.footer .t { padding:30px 0 20px 0;}
.center-block { float:left !important;}
.shares { float:left; margin-right:0; margin-left:20px;}
.footer .w { padding-left:15px; padding-right:15px; width:100%;}
}
@media screen and (max-width:861px){
.footer .l,.footer .r{float:none}
.footer .r{text-align:left}
.footer .logo{display:none}
.footer .b .bdsharebuttonbox { float:left; margin-right:0; margin-left:0px;}

.footer .f-tel{margin-top:60px}
.footer .f-cta{margin-top:15px}
}
@media screen and (max-width:768px){
.footer #top{top: inherit; bottom:10px; right:10px;margin-bottom:0}
.shares tr td p { background:url(../images/phone2.png) no-repeat left; padding-left:40px; font-size:20px; font-weight:bold; line-height:42px; height:42px; margin-top:5px; display:inline-block;}

}
@media screen and (max-width:481px){
.footer .b{font-size:14px;padding:20px 15px;}
.footer .t{padding-bottom:50px}
#top span{width:30px;height:30px;margin-left:10px}
#top .aico{background:url(../images/aw1.png) no-repeat center center}
#top{font-size:15px}
.shares { margin-left:0; padding-left:5px; float:right; padding-top:0;}
.fbottom .r {
    padding-left:0px;
    background:none;
}
.footer .b span.r { float:left;}
.centerb { float:left; max-width:78px;}
}
@media screen and (max-width:374px){

.centerb { float:left; max-width:78px;}
}
#itop{position: fixed; z-index:999; background:#fff; height:99px; width:100%;}


/*---pc 导航--*/
.heabg { background:#0057B6;}
.tel { line-height:102px; background:url(../images/tel.png) no-repeat left; padding-left:30px; text-align:right;}
.tel span {line-height: 20px;display:inline-block;margin-right:10px;vertical-align:  middle;}
.tel strong {font-size:20px;font-family:Impact Regular,Arial;color:#565656;line-height: 20px;display:inline-block;vertical-align: middle;}
.header1 nav {
	float:right;
	width:68%;
	padding-right:2%;
  
  line-height: 60px;
}
.header1 nav li {
  float: left;
  background:url(../images/whitex.jpg) no-repeat right;
  position:relative;
  width:12.5%;
  height: 60px;
  margin-top:24px;
  display: inline-block;
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
          transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
}
.header1 nav li > a {
  color: #333333;
  font-size:16px;
  display: block;
  position: relative;
  -webkit-transition: color 0.5s;
          transition: color 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
          transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.header1 nav li:last-child { background:none;}
.header1 nav li:hover > a, .header1 nav li.cur > a {
  color: #0084D8;
}


.header1 nav li:after{
content: "";
width: 1px;
height: 0;
background: #0084D8;
margin: 0 auto;
position: absolute;
top:-26px;
left: 0px;
right: 0;
transition: all 0.5s ease 0s;
}
.header1 nav li:hover:after{ height: 26px; }
.header1 nav li.on:after{
content: "";
width: 1px;
height: 26px;
background: #0084D8;
margin: 0 auto;
position: absolute;
top:-26px;
left: 0px;
right: 0;
transition: all 0.5s ease 0s;
}

.header1 nav li:before{
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: #0084D8;
margin: 0 auto;
position: absolute;
top: -5px;
left: 0;
right: 0;
opacity: 0;
transition: all 0.5s ease 0s;
}
.header1 nav li.on:before{
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: #0084D8;
margin: 0 auto;
position: absolute;
top: 0px;
left: 0;
right: 0;
opacity: 1;
transition: all 0.5s ease 0s;
}

.header1 nav li:hover:before{
top: 0px;
opacity: 1;
}

.header1 .nav-sub {
  width: 150px;
  background: #fff;
  position: absolute;
  top: 60px;
  left: 0;
  z-index:99;
  height: auto;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transition: -webkit-transform .3s .2s;
          transition: transform .3s .2s;
}
.header1 .nav-sub .n-nav-sub {
  opacity: 0;
  -webkit-transform: translate(0, -20px);
      -ms-transform: translate(0, -20px);
          transform: translate(0, -20px);
  -webkit-transition: all .2s;
          transition: all .2s;
}
.header1 .nav-sub a {
  height: 45px;
  line-height: 45px;
  display: block;
  padding: 0 20px;
  text-align: left;
  color: #333;
  font-size: 14px;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
          transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
}
.header1 .nav-sub .nav-arrow {
  position: absolute;
  top: 17px;
  right: 10px;
  width: 16px;
  height: 16px;
  opacity: 0;
  -webkit-transform: rotate(90deg) translate(0px, 20px);
      -ms-transform: rotate(90deg) translate(0px, 20px);
          transform: rotate(90deg) translate(0px, 20px);
}
.header1 .nav-sub .nav-arrow:before {
  font-size: 16px;
  color: #fff;
}
.header1 .nav-sub a:hover {
  background-color: #2A98F4;
  color: #fff;
}
.header1 .nav-sub a:hover .nav-arrow {
  -webkit-transition: -webkit-transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
          transition: transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
  opacity: 1;
  -webkit-transform: rotate(90deg) translate(0px, 0px);
      -ms-transform: rotate(90deg) translate(0px, 0px);
          transform: rotate(90deg) translate(0px, 0px);
}
.header1 .nav-sub.active {
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transition: -webkit-transform .3s;
          transition: transform .3s;
}
.header1 .nav-sub.active .n-nav-sub {
  opacity: 1;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all .2s .3s;
          transition: all .2s .3s;
}
@media (max-width:1280px) {
.header1 nav {
	float:right;
	width:64%;
  line-height: 60px;
}
}
@media (max-width:1200px) {
.header1 nav li > a {  font-size:15px;}
}
@media (max-width:1199px) {
.header1 nav li > a {  font-size:14px;}
}

/*--领航者序--*/
.mbanner {  margin:0 auto;padding-top:99px;}
.bannei { height:180px; overflow:hidden; }
.insidenav { border-bottom:1px solid #EEEEEE; height:58px; margin:0 auto; line-height:58px;}
.navleft { padding-top:52px; float:left;}
.navtitle { font-size:24px; height:30px; line-height:30px; color:#fff; font-weight:bold;}
.leftmenu { padding-top:25px;}
.leftmenu ul { margin-left:-19px; margin-right:-19px; overflow:hidden;}
.leftmenu ul li { float:left; padding:0 19px;}
.leftmenu ul li a { font-size:16px; color:#fff; position:relative; display: inline-block; padding-bottom:10px;}
.leftmenu ul li a.on {font-weight:bold;}
.leftmenu ul li a:after {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	height:2px;
	background-color:#fff;
}
.leftmenu ul li a:hover { color:#fff; }
.leftmenu ul li a.on:after,.leftmenu ul li a:hover:after {		width:100%;		transition:all ease .3s .1s; -webkit-transition:all ease .3s .1s;}
.navright { float:right; border-left:2px solid #fff; line-height:35px; margin-top:55px; padding-left:20px;}
.navright strong { font-size:30px; color:#fff; text-transform:uppercase; display:inline-block;}
.navright span { font-size:18px; color:#fff; text-transform:uppercase; display:inline-block;}
.inside {}
.insidefz { background:url(../images/fangzi.png) no-repeat left; padding-left:34px; color:#999999;}
.insidefz a{ color:#999999; background:url(../images/jtou.png) no-repeat right; padding-right:27px; margin-right:5px;}
.insidefz a:last-child { background:none;}
.insidefz a:hover{ color:#333;}
.leaderbg {width:100%; margin:0 auto;}
.leaderbgt { background:url(../images/lhzxbg_02.jpg) no-repeat center bottom; min-height:415px;width:100%; margin:0 auto;}
.leaderleft { float:left; width:35%; padding-top:60px;}
.leaderright { float:left; width:65%; background:rgba(255,255,255,0.9);}
.leaderleft h3 { font-size:28px; color:#0084d8; font-weight:bold; padding-bottom:13px;}
.leadereng { color:#cccccc; text-transform:uppercase; display:block; background:url(../images/leaderlan.png) no-repeat left bottom; padding-bottom:15px;}
.ico { display:block; padding-top:34px;}
.ico img {animation: myfirst 2s infinite;  }
 @keyframes myfirst {  
           0% {  
               transform: translate(0px, 0px);  
           }  
           50% {  
               transform: translate(-5px, 0px);  
           }  
           100% {  
               transform: translate(0px, 0px);  
           }  
       }  
.leaderwen { padding:50px 50px 0px 50px;}
.leaderwen p { padding-bottom:45px; line-height:26px;}
.hei50 { height:30px;}
.leaderleft .qianm { text-align:right; padding-right:30px; color:#fff; padding-right:67px; font-size:16px;}

@media (max-width:1359px) {
.navleft { padding-top:42px; width:68%;}

}

@media (max-width:1280px) {
.navleft { padding-top:42px; width:74%;}
.navright { float:right; border-left:2px solid #fff; line-height:30px; margin-top:55px; padding-left:20px;}
.navright strong { font-size:20px;}
.navright span { font-size:16px;}
}
@media (max-width:1099px) {
.mbanner { padding-top:72px;}
}
@media (max-width:1024px) {
.mbanner {  margin:0 auto;padding-top:74px;}

}
@media (max-width:991px) {
.navleft { padding-top:42px; width:100%;}
}
@media (max-width:767px) {
.leaderleft { float:left; width:100%; padding-top:30px;}
.leaderright { float:left; width:100%; background:rgba(255,255,255,0.9);}
.leaderbgt { background-size:cover;}
.leaderwen { padding:20px 10px 0px 10px;}
.leftmenu ul li { padding:0; margin-bottom:10px; text-align:center; width:33.33%; float:left;}
.leftmenu ul li a { font-size:14px; padding-bottom:5px;}
.navright { display:none;}
.mbannei { min-height:200px; padding-bottom:20px; height:auto; background-size: cover;}

.leaderleft h3 { font-size:24px; padding-bottom:10px;}
.ico { display:block; padding-top:20px;}

}
/*--公司简介--*/
.comleft { float:left; width:30%; padding-top:85px;}
.comright { float:left; width:70%; padding-top:115px;}
.comright p { font-size:16px; line-height:34px;}
.combt { font-size:50px; color:#333333;}
.combt strong{ font-size:50px; color:#333333; display:block; height:52px; line-height:52px; }
.combt span { font-size:18px; color:#666; display:block;  padding-top:10px;}
.comnum { padding-top:15px; width:76%;}
.comnum ul li { border-bottom:1px solid #EEEEEE; padding-top:8px; padding-bottom:3px;}
.comnum ul li strong { color:#0084d8; font-weight:bold; display:inline-block; font-size:40px;}
.comnum ul li span { display:inline-block; line-height:18px; padding-left:10px;}
.ppt50 { padding-top:50px; padding-bottom:50px;}
.compic { position:relative; overflow:hidden;}
.compic img { width:100%;}
.compic img {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.compic a:hover img {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}
.comMask { position:absolute; width:100%; height:100%; left:0; top:0; text-align:center; padding-top:23%;}
.comMask strong { color:#fff; font-size:24px; background:url(../images/gsbai.png) no-repeat center bottom; padding-bottom:12px;}
.compic a:hover .comMask { background:url(../images/jjbgh.png) repeat;}
@media (max-width:1249px) {
.comnum { width:90%;}
.comnum ul li strong { color:#0084d8; font-weight:bold; display:inline-block; font-size:35px;}

}
@media (max-width:1099px) {
.comleft { float:left; width:35%; padding-top:85px;}
.comright { float:left; width:65%; padding-top:105px;}
.comMask { padding-top:22%;}
}
@media (max-width:991px) {
.comleft { float:left; width:35%; padding-top:85px;}
.combt strong{ font-size:45px;height:45px; line-height:45px; }
.combt span { font-size:16px;}
.comright { width:65%; padding-top:105px;}
.comnum { width:100%; padding-right:15px;}
.comMask { padding-top:20%;}
.comMask strong { font-size:20px; }

}
@media (max-width:879px) {
.comnum ul li strong { font-size:30px;}
.comnum ul li span { font-size:12px; display:inline-block; line-height:18px; padding-left:10px;}
}

@media (max-width:767px) {
.comleft { float:left; width:100%; padding-top:30px;}
.comright { float:left; width:100%; padding-top:30px;}
.compic { margin-bottom:15px;}
.combt strong{ font-size:30px;height:30px; line-height:30px; }
}

/*--成员企业--*/
.cyback { background:url(../images/cyback.jpg) no-repeat center top; background-color:#E9F8FF;}
.cylist { padding:20px 0;}
.cylist ul { margin-left:-15px; margin-right:-15px;}
.cylist ul li { border-bottom:1px solid #C6DDEA; padding:70px 0; overflow:hidden;}
.cylist ul li:last-child { border-bottom:none;}
.cyleft { float:left; width:34%; padding:0 15px; text-align:center;}
.cyright { float:left; width:66%;padding:0 15px;}
.cyright p { font-size:15px; line-height:30px;}
.cyleft strong{ font-size:30px; color:#333333; display:block;}
.cyleft span { font-size:16px; color:#999999; display:block; text-transform:uppercase;}
.cyico { padding-top:25px; padding-bottom:30px;}
.cyico img { max-width:100%;transition:all 0.6s;}
.cyico:hover img{ transform:rotateY(360deg);}

@media (max-width:767px) {
.cyleft {  width:100%;  padding-bottom:20px;}
.cyright {   width:100%; }
.cylist ul li { padding:30px 0; }


}
/*--企业文化--*/
.culturewk { padding-top:48px; padding-bottom:50px;}
.culture6 { float:left; width:50%; padding-left:0.5px; padding-right:0.5px; }
.culpb { padding-bottom:1px;}
.culturek { margin-left:-0.5px; margin-right:-0.5px; overflow:hidden;}
.culturepic { overflow:hidden; width:100%; position:relative; float:left;}
.culturepic img { width:100%;}
.culturepic img {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.culturepic:hover img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}
.w50 { width:50%;}
.culpob { position:absolute; left:0; top:0; width:100%; height:100%;}
.culbgn {padding:63px 0 0 53px;}
.culbgn strong{ font-size:31px; color:#fff;}
.culbgn p { color:#fff; font-size:25px;}
.culbgn h4 { font-size:93px; color:rgba(255,255,255,0.3); font-weight:bold; text-transform:uppercase; padding-top:10px;}
.culbg strong{ font-size:20px; color:#fff;}
.culbg p { color:#fff; font-size:16px;}
.culbg { background:url(../images/whbg_03.png) repeat; padding:42px 24px 0 24px;}


@media (max-width:1359px) {
.culbgn h4 { font-size:80px;}
}

@media (max-width:1249px) {
.culbgn h4 { font-size:60px;}
}

@media (max-width:991px) {
.culbgn {padding:42px 24px 0 24px;}
.culbgn h4 { font-size:50px;}
.culbgn p {font-size:22px;}
.culbg {  padding:32px 24px 0 24px;}
.culbg strong{ font-size:18px;  }
.culbg p { font-size:14px;}
}

@media (max-width:799px) {
.culbgn {padding:42px 24px 0 24px;}
.culbgn h4 { font-size:45px;}
.culbgn p {font-size:20px;}
}
@media (max-width:767px) {
.culture6 { float:left; width:100%; padding-left:0.5px; padding-right:0.5px; padding-bottom:1px !important; }
.culpb { padding-bottom:0px;}
.culbgn h4 { font-size:42px;}
.culbgn p {font-size:18px;}
.culturewk { padding-top:1px; padding-bottom:50px;}

}

/*--发展历程--*/
.fzlctitle {  text-align:center; padding-top:58px; width:72%; margin:0 auto;}
.fzlctitle h4{ font-size:30px; color:#333333; font-weight:bold; background:url(../images/fzlcbg2.jpg) no-repeat center bottom; padding-bottom:13px;}
.fzlctitle p { font-size:16px; line-height:26px; padding-top:15px;}
.fzlcbg { background:url(../images/fzlcbg.jpg) no-repeat center bottom; padding-bottom:146px;}
.body[data-page=about] .about-3-main{position:relative;padding:260px 0 198px;max-width:1200px;margin:0 auto}
.body[data-page=about] .about-3-main .about-3-item-active-box{overflow:hidden;position:absolute;z-index:1;left:0;right:0;top:70px;margin:0 auto;width:58%;height:390px;background-color:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.15);border:1px solid #d2d2d2 \0;background:#fff url("../images/about-3-bg.jpg") bottom center no-repeat}
.body[data-page=about] .about-3-main .about-3-item-active{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;border-bottom:12px solid #0084D8}
.body[data-page=about] .about-3-main .about-3-item-active .t1{font-size:30px;color:#0084D8;font-weight:700;padding-top:50px;padding-bottom:10px;line-height:normal}
.body[data-page=about] .about-3-main .about-3-item-active .arrow{width:0;height:0;margin:0 auto;display:block;border:10px solid #0084D8;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent}
.body[data-page=about] .about-3-main .about-3-item-active .t2{padding-top:20px;line-height:25px;font-size:16px;color:#5e5e5e}
.body[data-page=about] .about-3-main .arrow-pc{position:absolute;z-index:1;left:0;right:0;top:64px;margin:0 auto;width:58%;height:390px}
.body[data-page=about] .about-3-main .arrow-pc .arrow-left,.body[data-page=about] .about-3-main .arrow-pc .arrow-right{position:absolute;top:0;bottom:0;margin:auto;width:43px;height:43px;overflow:hidden;border-radius:50px;cursor:pointer;transition:all 300ms ease;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease}
.body[data-page=about] .about-3-main .arrow-pc .arrow-left:hover,.body[data-page=about] .about-3-main .arrow-pc .arrow-right:hover{box-shadow:0 0 15px 0 rgba(0,0,0,.15)}
.body[data-page=about] .about-3-main .arrow-pc .arrow-left img,.body[data-page=about] .about-3-main .arrow-pc .arrow-right img{width:100%;height:auto}
.body[data-page=about] .about-3-main .arrow-pc .arrow-left{left:-22px}
.body[data-page=about] .about-3-main .arrow-pc .arrow-right{right:-22px}
.body[data-page=about] .about-3-main .mobile-arrow{display:none}
.body[data-page=about] .about-3-main .about-3-items{*zoom:1;background-color:#d2d2d2;height:1px}
.body[data-page=about] .about-3-main .about-3-items:after{content:"\200B";display:block;height:0;clear:both}
.body[data-page=about] .about-3-main .about-3-items .about-3-item{height:1px;position:absolute;left:33.33%;margin:auto;text-align:center;font-size:18px;color:#323232;opacity:0;transition:all 600ms ease;-webkit-transition:all 600ms ease;-ms-transition:all 600ms ease;width:33.33%}
.body[data-page=about] .about-3-main .about-3-items .about-3-item.prev,.body[data-page=about] .about-3-main .about-3-items .about-3-item.next{width:21%}

.body[data-page=about] .about-3-main .about-3-items .about-3-item.prev,.body[data-page=about] .about-3-main .about-3-items .about-3-item.next,body[data-page=about] .about-3-main .about-3-items .about-3-item.active{display:block;opacity:1}
.body[data-page=about] .about-3-main .about-3-items .about-3-item.prev{float:left;left:0}
.body[data-page=about] .about-3-main .about-3-items .about-3-item.next{float:right;left:79%}
.body[data-page=about] .about-3-main .about-3-items .about-3-item.active{left:21%;width:58%;position:absolute}
.body[data-page=about] .about-3-main .about-3-items .about-3-item.active>*{display:none}
.body[data-page=about] .about-3-main .about-3-items .about-3-item i{display:block;width:13px;height:13px;border-radius:13px;background-color:#0084D8;position:absolute;left:0;right:0;bottom:-6px;margin:0 auto}
.body[data-page=about] .about-3-main .about-3-items .about-3-item div{display:none}
.body[data-page=about] .about-3-main .about-3-items .about-3-item span{display:block;width: 100%;position:absolute;left: 0px;bottom: -2px;text-align: center;padding-bottom:25px;}

@media screen and (max-width:1024px){
	
	
.body[data-page=about] .about-3-main{width:100%;padding: 25px 0px 14px;}
.body[data-page=about] .about-3-main .about-3-item-active-box{width:100%;position:relative;top:auto;left:auto;right:auto;bottom:auto;border-bottom-width:6px;min-height:260px;height:auto;padding-bottom:40px}
.body[data-page=about] .about-3-main .about-3-item-active-box .t1{font-size:2.4rem;padding-top:20px;padding-bottom:10px}
.body[data-page=about] .about-3-main .about-3-item-active-box .t2{font-size:1.2rem;line-height:24px;padding-top:5px}
.body[data-page=about] .about-3-main .about-3-item-active-box .arrow-left,.body[data-page=about] .about-3-main .about-3-item-active-box .arrow-right{display:none}
.body[data-page=about] .about-3-main .arrow-pc{display:none}
.body[data-page=about] .about-3-main .mobile-arrow{display:block;width:58%;margin:0 auto;position:relative;z-index:1;top:40px}
.body[data-page=about] .about-3-main .mobile-arrow .arrow-left,.body[data-page=about] .about-3-main .mobile-arrow .arrow-right{position:absolute;z-index:1;bottom:-15px;width:30px;height:30px}
.body[data-page=about] .about-3-main .mobile-arrow .arrow-left img,.body[data-page=about] .about-3-main .mobile-arrow .arrow-right img{width:100%;height:auto}
.body[data-page=about] .about-3-main .mobile-arrow .arrow-left{left:15%}
.body[data-page=about] .about-3-main .mobile-arrow .arrow-right{right:15%}
.body[data-page=about] .about-3-main .about-3-items{margin-top:40px}
.body[data-page=about] .about-3-main .about-3-items .about-3-item{font-size: 12px;line-height: 16px;}
.body[data-page=about] .about-3-main .about-3-items .about-3-item span{padding-bottom:10px}
.body[data-page=about] .about-3-main .about-3-items .about-3-item i{width:7px;height:7px;bottom:-3px}

}

@media  screen and (max-width: 767px){
.fzlctitle {  text-align:center; padding-top:30px;}
.fzlctitle { width:100%;}
.body[data-page=about] .about-3-main .about-3-items .about-3-item{height:1px;position:absolute;left:33.33%;margin:auto;text-align:center;font-size:18px;color:#323232;opacity:0;transition:all 600ms ease;-webkit-transition:all 600ms ease;-ms-transition:all 600ms ease;width:33.33%}
.body[data-page=about] .about-3-main .about-3-items .about-3-item.prev,.body[data-page=about] .about-3-main .about-3-items .about-3-item.next{width: 33%;}
.body[data-page=about] .about-3-main .about-3-items .about-3-item.next{float:right;left: 69%;}
.body[data-page=about] .about-3-main .about-3-items .about-3-item.active{left: 28%;width: 38%;position:absolute;}

.body[data-page=about] .about-3-main .about-3-items .about-3-item span{display:block;width: 100%;position:absolute;left: 0px;bottom: -2px;text-align: center;padding-bottom:7px; font-size:12px; line-height:16px;}




}

/*--产品列表--*/
.propic { overflow:hidden; position:relative; width:100%;}
.propic img { width:100%;}
.propic img {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.prolist ul li:hover .propic img {
    transform: scale(1.1, 1.1);
    transition: transform 0.6s ease 0s;
}
.prolist { padding-top:34px;}
.prolist ul li { margin-bottom:15px;}
.prolist ul li a { display:block;}
.arrowright { float:right; background:url(../images/arrow_r.png) no-repeat; width:35px; height:35px;}
.protitle { margin-top:17px; height:35px; line-height:35px;}
.protitle p{ font-size:16px; color:#333333; float:left;}
.prolist ul li:hover .arrowright { background:url(../images/arrow_rh.png) no-repeat;}

/*--新闻--*/
.pc_show{ display:block;}
.pad_show{ display:none;}
.phone_show{ display: none;}
.pc_pad_show{display:block;}
.pad_phone_show{ display:none;}


@media  screen and (max-width: 1199px){
.pc_show{ display:none;}
.pad_show{ display:block;}
.phone_show{ display: none;}
.pc_pad_show{display:block;}
.pad_phone_show{ display:block;}

.w_0100{ float:left; width:100%; padding:0 10px;
box-sizing:border-box; 
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
.w_1200{ margin:0 auto; max-width:984px;}	
}

@media  screen and (max-width: 767px){
.pc_show{ display:none;}
.pad_show{ display:none;}
.phone_show{ display: block;}
.pc_pad_show{display:none;}
.pad_phone_show{ display:block;}
.tit_hitem { display:none;}
.w_0100{padding:0;}
}
.c_1200_5{ width:100%; padding:40px 0 55px 0;}
.t_1200_2{  width:100%; padding:0;}
.slide_hitem{  width:100%;}
.slide_hitem .hd{ float:left; width:47%; padding-left:17px;}
.slide_hitem .hd ul{ float:left; width:100%;}
.slide_hitem .hd ul li{ float:left; width:100%; height:150px; position:relative;margin-bottom:2px; background:#F7F7F7; cursor:pointer;}
.slide_hitem .hd ul li:last-child { margin-bottom:0;}
.slide_hitem .hd ul li .t_254{ position:absolute; width:100%; height:150px; left:0; top:0;
-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;
}
.slide_hitem .hd ul li.on .t_254{ position:absolute; width:100%; height:150px; left:0; top:0; background:#0084D8;}
.slide_hitem .hd ul li .t_254 .l_217{ float:left; width:100%; padding:39px;
box-sizing:border-box; 
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
-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;
}

.slide_hitem .hd ul li .t_254 .l_217 .sp6{ float:left; height:25px; line-height:25px; margin-bottom:5px; width:100%; font-size:18px; font-weight:bold;white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis; color:#333333;
-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;
}
.slide_hitem .hd ul li.on .t_254 .l_217 .sp6{ color:#fff;}
.slide_hitem .hd ul li p { float:left; width:100%; color:rgba(51,51,51,0.5); height:50px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.slide_hitem .hd ul li.on p { color:#fff;}

.slide_hitem .bd{ float:left; width:53%; height:453px;}
.slide_hitem .bd .box_hitem{ float:left; width:100%;}
.slide_hitem .bd ul{ float:left; width:100%;}
.slide_hitem .bd ul li{ float:left; width:100%; height:453px; position:relative;}
.slide_hitem .bd ul li a { display:block; width:100%; height:100%;}
.slide_hitem .bd ul li .nr_hitem{ width:100%; height:100%; position: absolute; left:0; top:0; text-align:center;}
.tit_hitem strong { font-size:36px; color:#fff; height:36px; line-height:36px; margin-top:20px; display:block;}
.tit_hitem span { font-size:14px; color:#fff; display:block; padding-top:4px;}


.slide_hitem .bd ul li .nr_hitem .tit_hitem{ float:left; width:95px; height:99px;overflow:hidden; background:#0084D8; }


.slide_hitem .bd ul li .nr_hitem .btn_hitem{ float:left; width:100%; margin-top:18px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem a{ padding:16px;  border:#fff solid 1px; color:#fff; font-size:14px;  line-height:33px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem a i { padding-left:68px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem a:hover{ background-color:#1069AD; border:#1069AD solid 1px; color:#fff;}


@media  screen and (max-width:1199px){
.slide_hitem{ float:left; width:100%;}	
}

@media  screen and (max-width:767px){
.newtitle { font-size:16px; color:#fff;white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis; margin-bottom:10px;}
.newdes { font-size:14px; color:#fff;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}	
.slide_hitem .bd ul li .nr_hitem .btn_hitem a:hover{ background-color:#fff; border:#1069AD solid 1px; color:#1069AD;}
.slide_hitem .bd ul li .nr_hitem .tit_hitem{ float:left; width:100%;margin:20px 0 13px 0;}

.slide_hitem{ position:relative;}
.slide_hitem .bd{ width:100%; height:auto; overflow:hidden;}

.slide_hitem .bd .box_hitem{ float:left; width:100%;
	width:100%;
	height:100%;
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
	}
.slide_hitem .bd ul{
    margin:0;
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
}
.slide_hitem .bd ul li{  height:auto;}
.slide_hitem .bd ul li .img_hitem{  width:100%; height:auto;}
.slide_hitem .bd ul li .nr_hitem{ position:inherit;  width:100%; height:auto; padding:25px 19px 30px 19px; margin:0; background:#1069AD;
box-sizing:border-box; 
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
.slide_hitem .bd ul li .nr_hitem .text_hitem{ height:96px; margin-bottom:28px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem{float:left;margin-top:0; margin:0 auto;}
.slide_hitem .left_hi{ position:absolute; width:30px; height:54px; left:0px; z-index:20; top:20%; cursor:pointer;}
.slide_hitem .right_hi{ position:absolute; width:30px; height:54px; right:0px; z-index:20; top:20%; cursor:pointer;}
}
@media  screen and (max-width:480px){
.slide_hitem .bd ul li .nr_hitem .btn_hitem{float:none;margin-top:0; margin:0 auto;}	
.slide_hitem .bd ul li .nr_hitem .btn_hitem a{ width:105px;}

}

.newd{ height:283px; display:block; border:1px solid #e5e5e5; padding:40px 30px; box-sizing:border-box; background-color:#fff; overflow:hidden; margin-bottom:30px;}
.newd h3{ font-size:16px; color:#333; margin-bottom:30px; margin-top:10px; line-height:35px;width:100%; height:35px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.newd .hdis{ font-size:14px; color:#999999; line-height:24px; width:100%; height:72px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
.newd .time{ font-size:18px; color:#cccccc; line-height:24px; margin-top:20px; display:block;}
.newd a{ display:block;}
.insides{ transform: translateY(-20px); transition:all 0.5s;}
.newd:hover{ background-color:#0084D8;}
.newd:hover h3 , .newd:hover .hdis , .newd:hover .time , .newd:hover .hnew{color:#fff;}
.newd:hover .insides{  transform: translateY(0);}
.topnew{  margin-bottom:60px; margin-top:20px; border-bottom:1px solid #eee; padding-bottom:50px;}
.picnew{ display:block; overflow:hidden;}
.picnew img{ width:100%; position:relative; transition:all 0.3s;}
.picnew .picontent{ background-color:rgba(206,45,37,0.8); width:50%; padding:40px; position:absolute; right:10%; bottom:40px;}
.picontent h3{ font-size:16px; color:#fff; margin-bottom:10px; line-height:35px; font-weight:bold; width:100%; height:35px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.picontent p{ font-size:14px; color:#fff; line-height:24px; width:100%; height:72px; overflow:hidden; margin-bottom:20px; }
.picontent span{ font-size:14px; color:#fff; line-height:24px; display:block;}
.picnew:hover img{ transform:scale(1.05);}
.pictop{ overflow:hidden; display:block;}
.pictop img{ transition:all 0.5s;}
.pictop:hover img{  transform:scale(1.05);}
.pictop h3{ font-size:16px; color:#333; margin:30px 0; line-height:35px; font-weight:bold; width:100%; height:35px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.pictop p{ font-size:14px; color:#666; line-height:24px; width:100%; height:72px; overflow:hidden; margin-bottom:50px; }
.pictop span{ font-size:14px; color:#666; line-height:24px; display:block;}
.pictop:hover h3{  color:#ce2d25;}


@media screen and (max-width:600px){
.newd{ padding:30px 15px; }
}

/*翻页*/
.pages{ margin:20px auto 50px; height:50px; text-align:center; box-sizing:border-box;}
.pages:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.pages a{border: 1px solid #DDD; display:inline-block;
    color: #333;
    margin: 5px 2px;
	padding:5px 12px;
    text-decoration: none;
    font-size:14px;
    }
.pages a:hover{border:1px solid #13487E; text-decoration: none; color:#fff; background-color:#13487E; font-size:14px;}
.pages span { display:inline-block;padding:5px 12px; border: 1px solid #13487E;  background-color:#13487E;color: #fff;  font-size:14px; margin:0 2px;}

@media (max-width:768px) {
.pages{padding-top:0px; margin:0 auto 20px; height:auto; }
.pages a{border: 1px solid #DDD; display:inline-block; color: #333; text-decoration: none; font-size:14px;}
}

/*--产品详情--*/
.productbt { border-bottom:1px solid #EEEEEE; padding-top:50px; text-align:center; margin-bottom:70px; padding-bottom:25px;}
.prouptitle { font-size:24px; color:#333333; text-align:center;}
.prodown { border-top:1px solid #EEEEEE; padding:16px 0; margin-top:90px;}
.proback { font-weight:bold; background:url(../images/back.png) no-repeat left; padding-left:25px;}
.prodown .tleft { text-align:left; padding-left:30px;background:url(../images/prox.jpg) no-repeat left;}

.prodown .tcenter { text-align:center;}
.prodown .tright { text-align:right; background:url(../images/prox.jpg) no-repeat right; padding-right:30px;}
.proone { margin-top:33px; background: url(../images/proico1.png) no-repeat left 0px; padding-left:48px; font-size:16px; line-height:38px; border-bottom:1px solid #EEEEEE; padding-bottom:33px;}

.protwo { margin-top:33px; background: url(../images/proico2.png) no-repeat left 0px; padding-left:48px; font-size:16px; line-height:38px; border-bottom:1px solid #EEEEEE; padding-bottom:33px;}
.prothree { margin-top:33px; background: url(../images/proico3.png) no-repeat left 0px; padding-left:48px; font-size:16px; line-height:38px; border-bottom:1px solid #EEEEEE; padding-bottom:33px;}
.procode { width:100%; padding-top:30px;}
.procodez { float:left; height:35px; line-height:35px; padding:0 13px; background:#0584D8; margin-right:18px; position:relative;}
.procodez  a{ color:#fff; display:block;}
.procodez a.codeimg { background:url(../images/code1.jpg) no-repeat left center; padding-left:28px;}
.procodey { float:left;background:#0584D8; height:35px; line-height:35px; padding:0 13px;}
.procodey  a{ color:#fff; background:url(../images/code2.jpg) no-repeat left center; padding-left:25px; display:block;}

.app-qrcode {display:none;position:absolute;width:130px;height:130px;margin-top: -175px;box-shadow:0 0 6px rgba(5,132,216,.6);margin-left: -3%;}
.app-qrcode:before {content:'';display:block;position:absolute;width:0;height:0;border:8px solid transparent;border-top:10px solid rgba(5,132,216,0.3);top:130px;left:56px;}
.app-qrcode:after {content:'';display:block;position:absolute;width:0;height:0;border:8px solid transparent;border-top:10px solid #0584D8;top: 130px;left:57px;}
.procodez:hover:before {opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);}



@media (max-width:991px) {
.proone { margin-top:33px; background: url(../images/proico1.png) no-repeat left 0px; padding-left:48px; font-size:16px; line-height:28px; border-bottom:1px solid #EEEEEE; padding-bottom:33px;}


}
@media (max-width:767px) {
.prodown { margin-top:30px;}
.prodown .tcenter { text-align:left; margin-left:18px;}
.prodown .tright { text-align:left; background:none; padding-left:30px; padding-right:0;}
.prodown .tleft { text-align:left; padding-left:30px;background:none;}

.productbt {  padding-top:30px; text-align:center; margin-bottom:30px; padding-bottom:15px;}

}

/*--产品展示--*/
.proleft { width:100%; height:100%; position: absolute; left:0;}
.proright { float:right; width:50%;}
.proright img { width:100%;}
.index-page { padding-top:102px;}
.prozback { background:url(../images/probgt.jpg) no-repeat left;}
.prokuang { position:relative;}
.promenu { position:absolute; left:7%; top:20%; width:158px; border:none; z-index:999;}
.promenu li { background:url(../images/prodian.png) no-repeat right; display:block; width:100%; height:35px; line-height:35px; margin-bottom:10px;}
.promenu li.active { background:url(../images/probgang.jpg) no-repeat right;}

.promenu li a { font-size:16px; color:#fff; font-weight:bold; background:none; border:none; display:block; height:35px; line-height:35px; padding:0;}
.promenu li.active a { font-size:16px; color:#fff; font-weight:bold; background:none; border:none;}
.promenu > li.active > a, .promenu > li.active > a:hover, .promenu > li.active > a:focus {font-size:16px; color:#fff; font-weight:bold; background:none; border:none;}
.proborder { max-width:1250px; width:60%; margin:0 auto; padding-top:5%; position:relative; z-index:9;}
.probleft { width:50%; float:left; border:10px solid #fff; border-right:none; height:573px; padding:80px 0 0 100px;}
.probright { width:50%; float:left; border:10px solid rgba(255,255,255,0.6); border-left:none; height:573px;}
.cptitle { font-size:24px; color:#fff; font-weight:bold;}
.cplie { padding:45px 0 10px 0; height:250px;}
.cplie ul li { float:left; width:50%; height:32px; line-height:32px; color:#fff;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.cplie ul li a { color:#fff; font-size:18px;}
.prodetail {}
.prodetail a { font-size:16px; color:#fff; border:1px solid #fff; width:176px; padding:6px 0; text-align:center; display:inline-block;}
.prodetail a i { padding-left:5px; display:inline-block;}
.prodetail a:hover { background:#fff; color:#0084D8;}
.prodetail a:hover i { padding-left:7px;}


@media (max-width:1680px) {
.probleft {  height:503px; padding:80px 0 0 100px;}
.probright {  height:503px;}
}

@media (max-width:1440px) {
.probleft {  height:453px; padding:40px 0 0 50px;}
.probright {  height:453px;}
.cplie { padding:45px 0 10px 0; height:220px;}
}
@media (max-width:1280px) {
.promenu {  left:50px; top:20%; width:158px; border:none; z-index:999;}
.probleft {  height:400px; padding:40px 0 0 50px;}
.probright {  height:400px;}
.cplie { padding:25px 0 30px 0; height:auto; overflow:hidden;}

.promenu li { background:url(../images/prodian.png) no-repeat right; display:block; width:100%; height:35px; line-height:35px; margin-bottom:0px;}

}

@media (max-width:1100px) {
.promenu {  left:30px; top:10%; width:158px; border:none; z-index:999;}
.proborder { max-width:1250px; width:55%; margin:0 auto; padding-top:4%; position:relative; z-index:999;}
.probleft {  height:340px; padding:20px 0 0 30px;}
.probright {  height:340px;}
.cplie { padding:20px 0 20px 0; height:auto; overflow:hidden;}
.cplie ul li a { font-size:16px;}
.prodetail a { font-size:14px; color:#fff; border:1px solid #fff; width:150px; padding:4px 0; text-align:center; display:inline-block;}
}
@media (max-width:1099px) {
.index-page { padding-top:72px;}

}
@media (max-width:991px) {
.probleft {  height:320px; padding:20px 0 0 30px;}
.probright {  height:320px;}
}
@media (max-width:900px) {

.promenu { position: inherit; left: inherit; top:0; padding-top:20px; padding-left:15px; padding-right:15px; width:100%; border:none; z-index:9;}
.promenu li { width:33.33%;background: url(../images/prodian2.png) no-repeat 0px 15px;padding-left:20px; line-height:30px; height:30px; margin-bottom:0px;}
.promenu li.active { background: url(../images/probgang2.jpg) no-repeat 0px 17px;}
.promenu li a{ display:block; font-size:16px; color:#fff; font-weight:bold;}

.prokuang { position:relative;background:url(../images/probgt.jpg) no-repeat; background-size:cover;}
.prozback { background:none; }
.proleft { position:inherit; height:auto;}
.proborder {  width:100%; padding-left:15px; padding-right:15px; margin:0 auto; padding-top:10px; overflow:hidden; padding-bottom:20px; position: inherit; z-index:9;}
.probleft { height:auto; width:100%; border:5px solid #fff; padding-bottom:20px;}
.probright { display:none;}
.proright { width:100%;}
}
@media (max-width:640px) {
.promenu li { width:50%;}
.promenu li a{ display:block; font-size:15px;font-weight:500;}
.promenu > li.active > a, .promenu > li.active > a:hover, .promenu > li.active > a:focus {font-size:15px; font-weight:500;}
.proborder {  width:100%; padding-left:15px; padding-right:15px; margin:0 auto; padding-top:10px; overflow:hidden; padding-bottom:20px; position: inherit; z-index:9;}
.probleft { height:auto; width:100%; border:2px solid #fff;padding: 10px 15px 15px 15px;}
.cptitle { font-size:18px; color:#fff; font-weight:bold;}
.cplie { padding:5px 0 10px 0;}
.cplie ul { max-height:75px; overflow:hidden;}
.cplie ul li a { font-size:14px;}
.cplie ul li { line-height:25px; height:25px; padding-right:10px;}
.promenu { padding-top:15px;}
.prodetail a { font-size:13px; color:#fff; border:1px solid #fff; width:120px; line-height:25px;padding:0px 0; text-align:center; display:inline-block;}
}
@media (max-width:374px) {
.cplie ul { max-height:50px; overflow:hidden;}


}