﻿@charset 'utf-8';
body {overflow-x: hidden;font-family: "Microsoft YaHei";font-size:13px; line-height:28px;color:#434343}
ul {padding: 0;margin: 0;}
ul li {list-style: none;}
a {color: #434343;text-decoration: none;}
h1, h2, h3, h4, h5 {margin: 0;}
a:focus,
a:hover {color: #434343;text-decoration: none;}
a:focus {outline: none;outline-offset: -2px;}
@media (min-width: 1430px){
	.c1400 .content .container{width: 1430px;}
}


.mainh2 .border {right: 15px;bottom: 1px;left: 15px;display: inline-block;width: 100%;height: 1px;background: #e5e5e5;}
.iconfont{font-family: 'iconfont' !important;font-size: 16px;font-style: normal;  -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-arrow:before{content: '\e635';}
.icon-dianhua:before{content: '\e602';}
.icon-zuoyoujiantou:before{content: '\e60a';}
.icon-dingwei:before{content: '\e718';}
.icon-sjiantouyou:before{content: '\e643';}
.icon-shuangjiantouzuo:before{content: '\e719';}
.icon-zuoyoujiantou2:before{content: '\e71a';}
input::-moz-placeholder{opacity: 1;color: #999;}
input::-webkit-input-placeholder{opacity: 1;color: #999;}
input:-ms-input-placeholder{opacity: 1;color: #999;}


/*分页*/

.paging{text-align: center;}
.paging li{font-family: 'Impact', 'Arial';font-size: 12px;line-height: 28px;  display: inline-block;  width: 30px;height: 30px;margin-right: 6px;margin-left: 6px;  -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;vertical-align: top;  color: #c49a4d;border: 1px solid #c49a4d;}
.paging li a{color: #c49a4d;}
.paging li.activepage,
.paging li:hover{color: #fff;background: #c49a4d;}
.paging .lp{line-height: 31px;}
.paging .hidden-md a{line-height: 40px;  display: block;  width: 80px;height: 40px;  text-align: center;  color: #c49a4d;border: 1px solid #c49a4d;}
img{-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;}
.inpage img{max-width: 100%;}

.header1{position: fixed;z-index: 1050;top: 50px;right: 50px;left: 50px;  height: 82px;  -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: #fff;}
.header1.active{top: 0;right: 0;left: 0;  border-bottom: 1px solid #eaeaea;}
.header1 .header1c{position: relative;  text-align: center;}
.header1 .header1c .logo{line-height: 80px;  position: absolute;top: 0;left: 20px;width: 23%; float:left}
.header1 .header1c .logo img{width: 100%;}
.header1 .header1c .souy{position: absolute;top: 0;right: 25px;height: 100%; font-size:24px;color: #005ac2; font-weight:600; }
.header1 .header1c .souy .fl{line-height: 82px;  margin-left: 30px;}
.header1 .header1c .souy .fl img{/*width: 30px;*/  cursor: pointer;}
.header1 .header1c .souy .fl a{font-weight:normal; color:#626262; font-size:14px;  padding-left:10px}
.header1 .header1c .topnav{ width:72%; float:right; margin-top:21px;display: inline-block;  text-align: left;}
.header1 .header1c .topnav .li1{float: left;}
.header1 .header1c .topnav .li1 .lia{font-family: 'HC', '微软雅黑';font-size: 16px;line-height: 42px;  display: block;  padding-right: 26px;padding-left: 26px;  letter-spacing: .5px;text-transform: uppercase;  color: #222;}
.header1 .header1c .topnav .li1.active .lia,
.header1 .header1c .topnav .li1:hover .lia,
.header1 .header1c .topnav .li1 .lia.active{color: #222;background-color:#ffc32b; display:block; border-radius:10px}
.header1 .header1c .topnav .li1 .downul{position: absolute;top: 82px;left: 0;  display: none;  width: 100%;height: auto;padding-left: 57px;  background: rgba(255, 255, 255, .8);}
.header1 .header1c .topnav .li1 .downul .xiala{height: 340px;}
.header1 .header1c .topnav .li1 .downul .ul1{width: 310px;height: 100%;  background: #d6b984;}
.header1 .header1c .topnav .li1 .downul .ul1 li a{font-family: 'Segoe UI', 'Arial';font-size: 20px;font-weight: bold;line-height: 66px;  display: block;  height: 66px;  text-align: center;text-transform: uppercase;  color: #fff;}
.header1 .header1c .topnav .li1 .downul .ul1 li a.active{background: #c49a4d;}
.header1 .header1c .topnav .li1 .downul .ul1 .moret{position: relative;  margin-top: 38px;padding-top: 103px;padding-right: 30px;  text-align: right;}
.header1 .header1c .topnav .li1 .downul .ul1 .moret a{font-family: 'Microsoft PhagsPa', 'Arial';font-size: 14px;  color: #fff;}
.header1 .header1c .topnav .li1 .downul .ul1 .moret a[data-num='1']{display: none;}
.header1 .header1c .topnav .li1 .downul .ul1 .moret img{position: absolute;top: 0;left: -60px;  width: 279px;height: 138px;}
.header1 .header1c .topnav .li1 .downul .ul1 .moret img[data-num='0']{display: block;}
.header1 .header1c .topnav .li1 .downul .ul2{overflow: hidden;  width: 232px;max-height: 100%;padding-left: 60px;}
.header1 .header1c .topnav .li1 .downul .ul2 li a{font-family: 'Segoe UI', 'Arial';font-weight: bold;  display: block;  padding-top: 50px;padding-bottom: 70px;  text-transform: uppercase;  color: #999;}
.header1 .header1c .topnav .li1 .downul .ul2 li a span{float: right;  margin-top: -2px;}
.header1 .header1c .topnav .li1 .downul .ul2.act{width: 350px;}
.header1 .header1c .topnav .li1 .downul .ul2[data-num='1'],
.header1 .header1c .topnav .li1 .downul .ul3[data-num='1']{display: none;}
/*.header1 .header1c .topnav .li1 .downul .ul2 ul[data-num="0"]*/
.header1 .header1c .topnav .li1 .downul .ul2 ul{padding-top: 55px;}
/*.header1 .header1c .topnav .li1 .downul .ul2 ul[data-num="0"] li a */
.header1 .header1c .topnav .li1 .downul .ul2 ul li a{font-family: 'HC', 'Arial';line-height: 1.3;  display: block;  padding-top: 0;padding-bottom: 26px;  text-transform: uppercase;  color: #999;}
/*.header1 .header1c .topnav .li1 .downul .ul2 ul[data-num="0"] li a.active,*/
.header1 .header1c .topnav .li1 .downul .ul2 ul li a.active,
.header1 .header1c .topnav .li1 .downul .ul2 li a.active,
.header1 .header1c .topnav .li1 .downul .ul3 li a.active{color: #c49a4d;}
.header1 .header1c .topnav .li1 .downul .ul3{overflow: hidden;  width: 350px;max-height: 100%;padding-left: 62px;}
.header1 .header1c .topnav .li1 .downul .ul3 ul{padding-top: 55px;}
.header1 .header1c .topnav .li1 .downul .ul3 li a{font-family: 'HC', 'Arial';  display: block;  padding-bottom: 26px;
  /*  text-transform: uppercase;*/  color: #999;}
.header1 .header1c .topnav .li1 .downul .ul3 li a span{float: right;  margin-top: -2px;}
.header1 .header1c .topnav .li1 .downul .ul3.act{width: 772px;padding-top: 84px;padding-left: 0;  text-align: center;}
.header1 .header1c .topnav .li1 .downul .ul3.act ul{padding-top: 0;}
.header1 .header1c .topnav .li1 .downul .ul3.act li{display: inline-block;  width: 430px;max-width: 100%;}
.header1 .header1c .topnav .li1 .downul .ul3.act h4{font-family: 'Helvetica', 'Arial';font-size: 16px;  margin-bottom: 13px;  text-transform: uppercase;  color: #c49a4d;}
.header1 .header1c .topnav .li1 .downul .ul3.act h4 a{font-family: 'Helvetica', 'Arial';font-size: 16px;  margin-bottom: 13px;padding-bottom: 0;  text-transform: uppercase;  color: #c49a4d;}
.header1 .header1c .topnav .li1 .downul .ul3.act p{font-family: 'HC', 'Arial';line-height: 48px;  overflow: hidden;  height: 144px;  /*text-transform: uppercase;*/  color: #999;}
.header1 .header1c .topnav .li1 .downul .ul3.act p a{font-family: 'HC', 'Arial';line-height: 48px;  padding-bottom: 0;  color: #999;}
.header1 .header1c .topnav .li1 .downul .ul4.act{display: none;}
.header1 .header1c .topnav .li1 .downul .ul4{width: 540px;padding-top: 54px;padding-right: 70px;padding-left: 35px;  text-align: center;}
.header1 .header1c .topnav .li1 .downul .ul4 h4{font-family: 'Helvetica', 'Arial';font-size: 16px;  margin-bottom: 13px;  text-transform: uppercase;  color: #c49a4d;}
.header1 .header1c .topnav .li1 .downul .ul4 h4 a{color: #c49a4d;}
.header1 .header1c .topnav .li1 .downul .ul4 p{font-family: 'HC', 'Arial';line-height: 48px;  overflow: hidden;  height: 144px; /* text-transform: uppercase;
*/color: #999;}
.header1 .header1c .topnav .li1 .downul .ul4 p a{color: #999;}
.header1 .header1c .topnav .li1 .downul .ul2 ul,
.header1 .header1c .topnav .li1 .downul .ul3 ul{padding-right: 30px;}
.header1 .header1c .topnav .li1 .downul .ul2 ul,.header1 .header1c .topnav .li1 .downul .ul3 ul,.header1 .header1c .topnav .li1 .downul .ul4 .ul4c{display: none;}
.header1 .header1c .topnav .li1 .downul .ul2 ul:first-child,
.header1 .header1c .topnav .li1 .downul .ul3 ul:first-child,
.header1 .header1c .topnav .li1 .downul .ul4 .ul4c:first-child{display: block;}
.header1 .header1c .topnav .li1 .downul .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #c49a4d;}
.header1 .header1c .topnav .li1 .downul .xiala1{padding-top: 45px;padding-bottom: 12px;  text-align: center;}
.header1 .header1c .topnav .li1 .downul .xiala1 ul{display: inline-block;}
.header1 .header1c .topnav .li1 .downul .xiala1 ul li{font-family: '微软雅黑';font-size: 16px;  position: relative;  float: left;  padding: 0 24px 28px;  text-transform: uppercase;}
.header1 .header1c .topnav .li1 .downul .xiala1 ul li a{color: #666;}
.header1 .header1c .topnav .li1 .downul .xiala1 ul li::before{position: absolute;top: 0.5rem;left: 0;  width: 2px;height: 17px;  content: '';  background: #a3a3a3;}
.header1 .header1c .topnav .li1 .downul .xiala1 ul li:first-child::before{display: none;}
.header1 .header1c .topnav .li1 .downul .xiala1 ul li a:hover{  color: #005ac2;}

.tansou{position: fixed;z-index: 1061;top: 0;left: 0;  display: none;  width: 100%;height: 100%;  background: rgba(0, 0, 0, .85);}
.tansou .sou{position: absolute;top: 50%;left: 50%;  width: 847px;  -webkit-transform: translate(-50%, -50%);   -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);}
.tansou .sou input{font-size: 18px;  float: left;  width: 731px;height: 87px;padding-left: 30px;  color: #333;background: #fff;}
.tansou .sou button{line-height: 86px;  float: right;  width: 102px;height: 87px;margin-left: 3px;  text-align: center;  background: #c49a4d;}
.tansou .sou button img{width: 44px;}
.tansou .container{position: relative;}
.tansou .tansouc{position: absolute;top: 60px;right: 15px;  cursor: pointer;}

@media screen and (max-width: 991px){
	.tansou .sou{width: 750px;}
	.tansou .sou input{width: 638px;}
}

@media screen and (max-width: 767px){
	.tansou .sou{width: 100%;padding-right: 15px;padding-left: 15px;}
	.tansou .sou input{font-size: 12px; width:calc(100% - 70px); width: -webkit-calc(100% - 70px) ;height: 50px; padding-left: 15px;}
	.tansou .sou button{line-height: 50px; width: 60px;height: 50px;}
	.tansou .sou button img{width: 26px;}
}


/*phone*/
.header2{position: fixed;z-index: 1050;top: 0;left: 0;  width: 100%;height: 80px;  border-bottom: 1px solid #dcdcdc;background-color: #fff;}
.header2 .container{position: relative;}

@media screen and (min-width: 768px){
	.header2 .container{width: 100%;padding-right: 20px;padding-left: 20px;}
}

@media screen and (min-width: 992px){
	.header2 .container{width: 100%;padding-right: 40px;padding-left: 40px;}
}
.header2 .logo{width: 25%;float:left;line-height: 80px;}
.header2 .logo img{width: 100%;}
.yuyan{width:110px; float:right; margin-right:60px; line-height:80px}
.yuyan a{color:#626262}
@media screen and (max-width: 980px){
.header2 .logo{width: 30%;}
}

@media screen and (max-width: 640px){
.header2 .logo{width: 35%;}
.yuyan{margin-right:50px;}
}
@media screen and (max-width: 480px){
.header2 .logo{width: 45%;}
}

@media screen and (max-width: 320px){
.yuyan{width:60px;  margin-right:50px;}
.yuyan a img{display:none}
.yuyan a{margin-right:8px}
}
.header2 .menuph{position: absolute;top: 15px;right: 15px;  width: 50px;height: 50px;  cursor: pointer;text-align: center;  background-color: #222;}


/*手机按钮*/

.header2 .menuph .point{position: relative;  display: inline-block;  width: 28px;height: 22px;margin-top: 14px;}

.header2 .menuph .point:hover .navbtn,
.header2 .menuph .point:hover .navbtn::after,
.header2 .menuph .point:hover .navbtn::before{width: 28px;}

@media screen and (max-width: 640px){
.header2 .menuph{width:40px; height:40px; top: 20px;}
.header2 .menuph .point {  margin-top: 10px;}
}

.header2 .menuph .navbtn{position: absolute;top: 10px;right: 0; display: inline-block; width: 21px;height: 1px; -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: #fff;}
.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before{position: absolute;right: 0; display: inline-block; width: 28px;height: 1px; 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: #fff;}
.header2 .menuph .navbtn::after{top: -11px;}
.header2 .menuph .navbtn::before{top: 10px;}
.header2 .menuph .point.active .navbtn{background: transparent;}
.header2 .menuph .point.active .navbtn::after{top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.header2 .menuph .point.active .navbtn::before{top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.header2 .phsou{position: absolute;top: 20px;right: 80px;}
.header2 .phsou img{width: 40px;  cursor: pointer;}


/*手机下拉*/

.phxia{position: relative;}
.xialaph{font-family: '微软雅黑';  position: absolute;z-index: 1049;top: 0;left: 0;  display: none;  width: 100%;padding-bottom: 61px;  background-color: #fff;background-color: #fff;}
.xialaph.active{top: 106px;}

@media screen and (min-width: 768px){
	.xialaph .container{width: 100%;padding: 0 20px;}
}

@media screen and (min-width: 992px){
	.xialaph .container{width: 100%;padding: 0 40px;}
}

.xialaph .ul2,
.xialaph .ul3{display: none;}
.xialaph h4 a{font-size: 16px;font-weight: bold;line-height: 59px;  text-transform: uppercase;  color: #999;}
.xialaph h4{position: relative;  border-bottom: 1px solid #ddd;}
.xialaph h4::after{position: absolute;bottom: 0;left: 0;  width: 100%;height: 1px;  content: '';  opacity: .1;background-color: #e5e5e5;}
.xialaph h5 a{font-family: '微软雅黑';font-size: 14px;line-height: 40px;  text-transform: uppercase;  color: #999;}
.xialaph h5{position: relative;  padding-left: 30px;}
.xialaph h5::after{position: absolute;right: 0;bottom: 0;left: 0;  height: 1px;  content: '';  opacity: .05;background-color: #fff;}
.xialaph h4 img{float: right;  width: 13px;margin-top: 23px;  cursor: pointer;}
.xialaph h5 img{float: right;  width: 13px;margin-top: 26px;  cursor: pointer;}
.xialaph h4.active,
.xialaph h5.active{border-bottom: 0;}
.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{padding-top: 7px;padding-bottom: 8px;  background-color: #f0f0f0;}
.xialaph .ul3{position: relative;  margin-top: 0;padding-top: 10px;padding-bottom: 10px;padding-left: 30px;  border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.xialaph .ul3 li a{font-size: 12px;line-height: 30px;  display: block;  text-transform: uppercase;  color: #999;}
.xialaph .ul3 li{padding-top: 5px;}
.xialaph .ul3 li:first-child{padding-top: 0;}

.phonemeng{position: absolute;z-index: 1048;top: 0;left: 0;  display: none;  width: 100%;height: 100%;  opacity: .6;background-color: #000;}
.phonemeng.active{display: block;}
.index .banner{position: relative;}
.index .slick_banner .item{display: none;}
.index .slick_banner .item:first-child{display: block;}
.index .slick_banner .slick-slide{display: block;}
.index .slick_banner .slick-dots{bottom: 30px;}
.index .slick_banner .slick-dots li{width: 70px;height: 5px;margin: 0 10px; background: #fff;}
.index .slick_banner .slick-dots li.slick-active{-webkit-transform: scale(1.2);-ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);  background: #ffc32b;}
.index .slick_banner .item img{width: 100%;}








@media screen and (max-width: 1750px){
	.header1 .header1c .topnav .li1 .lia{font-size: 16px;}
}
@media screen and (max-width: 1650px){
	.header1 .header1c .topnav .li1 .lia{padding-right: 20px;padding-left: 20px;}
}
@media screen and (max-width: 1540px){
	.header1 .header1c .topnav .li1 .downul .ul3.act{width:calc(100% - 660px);width: -webkit-calc(100% - 660px);}
	.header1 .header1c .topnav .li1 .downul .xiala{width: 100%;}
	.header1 .header1c .topnav .li1 .lia{font-size: 16px;}
}

@media screen and (max-width: 1460px){
	.header1 .header1c{padding-left: 60px;}
	.header1 .header1c .topnav .li1 .lia{font-size: 16px; padding-right: 18px;padding-left: 18px;}
	.header1 .header1c .topnav .li1 .downul .ul4{width:calc(100% - 892px);width: -webkit-calc(100% - 892px);}

}


@media screen and (max-width: 1359px){
	.header1 .header1c .topnav .li1 .lia{font-size: 15px;}
}

@media screen and (max-width: 1230px){
	.header1 .header1c .topnav .li1 .lia{padding-right: 10px;padding-left: 10px;}
}
@media screen and (max-width: 1200px){
.header1 .header1c .topnav{ width:77%;}
}

@media screen and (max-width: 1024px){
.header1 .header1c .topnav{ width:80%;}
}
.ban2{display:none}
}
@media screen and (max-width: 991px){
	.ban1{display:none}
	.ban2{display:block}
	.index .slick_banner .slick-dots {bottom: 30px;}
	body{padding-top: 80px;}
}


@media screen and (max-width: 767px){
	.index .slick_banner .slick-dots,.index .slick_tui .slick-dots,.index .slick_adg .slick-dots{bottom: 15px;}
	.index .slick_banner .slick-dots li,.index .slick_tui .slick-dots li,.index .slick_adg .slick-dots li{width: 40px;height: 4px;margin: 0 6px;}
 
}
@media screen and (max-width: 600px){
.index .banner{margin-top:3rem}
}



/*fwxm*/

.in_fwxm{height:auto; overflow:hidden; margin-top:50px;}
.fwxm{text-align:center; padding:4rem 1rem 3rem 1rem; width:32.33%;}
.fwxm img{ width:35%; height:auto; overflow:hidden}
.fwxm p{margin-top:3rem; font-size:18px; line-height:30px; height:4rem}
.in_fu_zl{float:left; background:url(../images/index_xm_bg1.jpg) no-repeat center #f2f2f2; border-radius:10px}
.in_fu_wx{margin-left:1.5%; float:left; background:url(../images/index_xm_bg2.jpg) no-repeat center #f2f2f2; border-radius:10px}
.in_fu_lw{float:right; background:url(../images/index_xm_bg3.jpg) no-repeat center #f2f2f2; border-radius:10px}


@media (max-width:991px){
	.fwxm img{ width:40%;}
}

@media (max-width:768px){
	.fwxm img{ width:55%;}
}

@media (max-width:520px){
	.fwxm{width:100%; margin-bottom:2rem}
	.fwxm img{ width:40%;}
	.in_fu_wx{margin-left:0;}
	
}








/*产品展示*/
.in_title{ padding-bottom:15px; text-align:center}
.in_title a{font-size:40px; font-weight:bold; color:#fff}
.in_bt{color:#ffc32b}
.in_title a font{color:#fff; margin-top:0px; font-weight:normal; padding-top:10px; display:block; font-size:16px; opacity:0.8}

.in_pro_lm{text-align:center; margin:0 auto; margin-top:15px}
.in_pro_lm ul{text-align:center; margin:0 auto; display:inline-block}
.in_pro_lm ul li{width:110px; float:left; text-align:center; margin:0 2px}
.in_pro_lm ul li a{width:110px; line-height:36px; display:block; text-align:center; color:#fff; font-size:18px; border:1px solid #fff; border-radius:5px;}
.in_pro_lm ul li a:hover{background-color:#ffc32b; border:1px solid #ffc32b; color:#222}

.in_pro_bg{background:url(../images/index_pro_bg.jpg) no-repeat center #2b3f5b; padding:5rem 0 4rem 0 ; margin-top:40px}

/* display none until init*/
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/

/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top:20px;text-align: center;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:38px; height:74px;/*IE7 life-saver*/ text-indent:40px; margin-top:-16%; z-index:9; position:relative; overflow:hidden;-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;}

/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;}
.owl-theme .owl-controls .owl-page span{display: block;width: 16px;height: 16px;margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background:url(../images/i_bg3.png) no-repeat;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{background:url(../images/i_bg4.png) no-repeat;}
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
.owl-item.loading{min-height: 150px;background: url(../images/ajaxloader.gif) no-repeat center center}
#owl-demo{ padding-bottom:3%;}
#owl-demo .item{margin: 0.5px;position:relative;height:350px;/* margin-top:50px;*/}
#owl-demo .item img{/*display: block;*/height: 100%;width: 100%;transition: all 0.3s;}
#owl-demo .item .bg-list-img{ position:absolute; bottom:49px;-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; width:100%;}
#owl-demo .item .bg-list-tit{ height:56px; overflow:hidden; bottom:0; position:absolute; text-align:center; width:100%;}
#owl-demo .item .bg-list-tit h4{ margin:0 auto; display:inline-block; border-bottom:2px solid #e2e2e2; font-weight:normal; font-size:18px; line-height:54px; padding-left:10px; padding-right:10px;}
#owl-demo .item .bg-list-more{ width:100%; position:absolute; bottom:0; background:url(../images/i_por_pic1.png) center 38px no-repeat #3c3a38; height:56px; line-height:46px; font-size:14px; color:#fff; text-align:center;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-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;}
#owl-demo .item .i_pro_bg{position:absolute; width:100%; bottom:56px; /*height:100%;*/height:89%;-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;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0; left:0;}
#owl-demo .item .bg-list-yew{ position:absolute; width:100%; bottom:0px; height:30%; background-color:#0068b7; text-align:center; color:#fff;}
#owl-demo .item .bg-list-yew h5{  border-bottom:2px solid #fff; font-weight:normal; font-size:18px; line-height:54px; padding-left:10px; padding-right:10px; display:inline-block; margin-top:9%;}
#owl-demo .item .bg-list-hs{ max-height:316px; height:70%; position:absolute; bottom:30%; background:url(../images/i_por_pic2.png) center top no-repeat; background-size:100% 100%; width:100%;}
#owl-demo .item .bg-list-hs p{ width:80%; margin:0 auto; margin-top:10%; color:#fefefe; font-size:14px; height:50%; overflow:hidden; line-height:22px; max-height:198px;}


/*首页产品*/
#owl-demo2{ /*background-color:#f9f9f9;*/ margin-top:3rem; text-align:center; padding-bottom:2%;}
#owl-demo2.owl-theme .owl-controls .owl-buttons{ position:absolute; top:25%; width:100%; left:0; height:0;}
#owl-demo2.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:59px; height:90px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-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; margin-top:0;}


#owl-demo2.owl-theme .owl-controls .owl-page{ display:inline-block;}

#owl-demo2 .item{margin: 0px; padding-bottom:20px;}
#owl-demo2 .item img{display: block;height: 100%;width: 96%; border:3px solid #fff; margin:0 auto;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-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; }
#owl-demo2 .item dd{ width:100%; margin:0 auto; max-width:424px;margin-bottom:10px;}
#owl-demo2 .item dd .imgs{ position:relative; width:100%; overflow:hidden;}

#owl-demo2 .item dd h3{font-weight:normal; font-weight:normal; color:#222; width:96%; border:3px solid #fff; margin:2px auto; background-color:#fff; font-size:18px; line-height:26px; overflow:hidden; padding:20px 0}
#owl-demo2 .item dd:hover img{-webkit-transform:scale(1, 1); -moz-transform:scale(1, 1); -o-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1);}
#owl-demo2 .item dd:hover h3{background-color:#ffc32b;  border:3px solid #ffc32b;}


@media screen and (max-width: 1600px) {
#owl-demo .item{ height:350px;}
#owl-demo .item .i_pro_bg{ height:88%;}
/*#owl-demo .item:hover .bg-list-img{ height:90%;}*/
.owl-theme .owl-controls .owl-buttons div{ margin-top:-18%;}
}
@media screen and (max-width: 1280px) {
#owl-demo .item{ height:360px;}
.owl-theme .owl-controls .owl-buttons div{ margin-top:-20%;}
}

@media screen and (max-width:979px) {
/*案例*/
.owl-theme .owl-controls .owl-buttons div{ margin-top:-24%;}
#owl-demo .item{ height:330px;}
#owl-demo .item .i_pro_bg{ height:82%;}
/*#owl-demo .item:hover .bg-list-img{ height:83%;}*/
#owl-demo .item .bg-list-hs p{ height:110px;}

}

@media screen and (max-width:789px) {
/*案例*/
.owl-theme .owl-controls .owl-buttons div{ margin-top:-27%;}
#owl-demo .item{ height:300px;}
#owl-demo .item .i_pro_bg{ height:82%;}
/*#owl-demo .item:hover .bg-list-img{ height:83%;}*/
}

@media screen and (max-width: 780px) {
.owl-theme .owl-controls .owl-buttons div{ margin-top:-33%;}
/*关于我们*/
.i_about .imgs{ width:94%; margin-left:3%;}
.i_about .i_about_r{ width:94%; padding-top:2%; padding-bottom:1%; margin-right:3%;}
.in_honor_bg{padding:40px 0 30px 0;}
}
@media screen and (max-width: 640px) {
.i_pro_t{ font-size:30px;}
/*首页产品*/
#owl-demo2.owl-theme .owl-controls .owl-buttons{ display:none;}
/*案例*/
#owl-demo.owl-theme .owl-controls .owl-buttons{ display:none;}
#owl-demo .item{ height:300px;}



}
@media screen and (max-width: 480px) {
/*案例*/
.owl-theme .owl-controls .owl-buttons div{ margin-top:-70%;}
#owl-demo .item{ height:250px;}
#owl-demo .item .bg-list-hs p{ height:88px;}
}

@media screen and (max-width:320px) {
/*案例*/
.owl-theme .owl-controls .owl-buttons div{ margin-top:-88%;}
#owl-demo .item{ height:200px;}

}





/*gswh*/

.in_gswh{height:auto; overflow:hidden; margin-top:5rem}
.in_gswh dl{float:left; width:23.95%;}
.in_gswh dl a{background-color:#f2f2f2; display:block; height:auto; overflow:hidden}
.wh1{margin-right:1.4%}
.wh2{margin-right:1.4%}
.wh3{margin-right:1.4%}
.in_gswh dl a dt{text-align:center; padding:2rem 1.5rem ; font-size:18px; height:6rem; font-weight:bold; color:#222}
.in_gswh dl a dd p{padding:1rem 1.5rem 3rem 1.5rem; line-height:28px; font-size:13px; color:#434343; height:12rem}
.in_gswh dl a dd img{width:100%; height:auto; overflow:hidden}
.in_gswh dl a:hover{background-color:#ffc32b}

@media screen and (max-width:991px) {
	.in_gswh dl{float:left; width:49%;}
	.wh1{margin-right:2%}
	.wh2{margin-right:0%}
	.wh3{margin-right:2%}
}
@media screen and (max-width:580px) {
	.in_gswh dl a dt{padding:2rem 1rem ; font-size:16px;}
	
}

@media screen and (max-width:480px) {
	.in_gswh dl{width:100%;}
	.wh1{margin-right:0%}
	.wh2{margin-right:0%}
	.wh3{margin-right:0%}
	.in_gswh dl a dd p{ height:10rem}
	.in_gswh dl a dt{theight:4rem;}
}






/*about*/
.in_about_bg{ margin-top:4rem; background-color:#f2f2f2; height:auto; overflow:hidden}
.in_about{width:100%;  height:auto; overflow:hidden;}
.in_about_r{width:40%; float:left}
.in_about_r iframe{width:100%; height:409px; overflow:hidden; display:block}

.in_about_l{width:56%; float:right; padding-top:7rem}
.in_about_l h3{ padding-bottom:15px}
.in_about_l h3 a{font-size:40px; font-weight:bold; color:#000}
.in_bt1{color:#0a407b}
.in_about_l h3 a font{color:#787878; margin-top:0px; font-weight:normal; padding-top:30px; font-size:16px}
.in_about_l p{margin-top:40px;}




@media (max-width: 1280px)  {
	.in_about_l{ padding-top:6rem}
.in_about_l p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.in_about_l h3 a font{display:block; padding-top:15px; line-height:26px}
.in_about_l p{margin-top:25px;}

}

@media (max-width: 1024px) {
.in_about_r iframe{height:350px; }
.in_about_l{ padding-top:5rem}
.in_about_l p{margin-top:25px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}



}
@media (max-width: 900px) {
	.in_about_b_l p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.in_about_l{ padding-top:4rem}

}

@media (max-width: 768px) {
	.in_about_bg{ margin-top:30px;}
	.in_about{/*margin-top:20px*/}
	.in_about_l{width:100%; padding-top:4rem}
	.in_about_r{width:100%; margin-top:30px}
	.in_about_r iframe{width:100% }
	.in_about_l span{margin-top:60px;}
	.in_about_l p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;}
	.in_about_l h3{padding-bottom:15px; text-align:center}

}



/*cases*/
.in_case_bg{height:auto; overflow:hidden; margin-top:4rem}
.in_case_title{ padding-bottom:15px; text-align:center}
.in_case_title a{font-size:40px; font-weight:bold; color:#000}
.in_case_title a font{color:#787878; margin-top:0px; font-weight:normal; padding-top:20px; display:block; font-size:16px; line-height:26px}
.in_case{height:auto; overflow:hidden; margin-top:3rem}
.in_case ul li{width:24%; margin:0.5%; float:left}
.in_case ul li a img{width:100%; height:auto; overflow:hidden}
.in_case ul li a p{display:none}
.in_case ul li a:hover p{width:100%; background:rgba(255,195,43,0.8); display:block; color:#222; font-weight:bold; padding:10px 0; text-align:center; font-size:18px; margin-top:-50px; line-height:30px; z-index:9; position:relative;}

@media (max-width: 768px) {
	.in_case{margin-top:1rem}
.in_case ul li{width:48%; margin:1%;}	
.in_case ul li a p{display:block; width:100%; background-color:#f2f2f2; color:#222; font-weight:bold; padding:10px 0; text-align:center; font-size:16px; line-height:30px; z-index:9; margin-top:2px; position:relative;}
.in_case ul li a:hover p{ margin-top:0px;}

}







/*news*/

.in_news_bg{width:100%;  height:auto; overflow:hidden; margin-top:3rem; padding:4rem 0; background-color:#f2f2f2}
.in_news{width:101%; height:auto; overflow:hidden; margin-left:-0.5%; margin-top:2rem}
.in_news_list{width:48%; margin:1%; float:left; background-color:#fff}
.in_news_img{width:40%; float:left}
.in_news_img a img{width:100%; height:auto; overflow:hidden}
.in_news_nr{width:60%; float:right; padding:5% 3% 0 3%}
.in_news_nr a{font-size:16px; font-weight:bold; color:#222; display:block}
.in_news_nr span{color:#787878; margin-top:5px; display:block; font-family:Arial, Helvetica, sans-serif}
.in_news_nr p{margin-top:2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#626262}

@media screen and (max-width:1200px) {	
	.in_news_nr{width:60%; float:right; padding:3% 3% 0 3%}
	.in_news_nr p{margin-top:1rem;}	
}

@media screen and (max-width:768px) {
	.in_news{width:100%;}
	.in_news_list{width:100%; margin:2% 0}
	.in_news_nr p{margin-top:2rem;}
	}
	
@media screen and (max-width:480px) {
	.in_news_img{width:100%; float:none}
	.in_news_nr{width:100%; float:none;}
	
	.in_news_list p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; padding-bottom:2rem}
	}
	
	
	




footer{ height:auto; overflow:hidden; background-color:#182b45; padding:4rem 0}

.footer_t{height:auto; overflow:hidden}
.footer_t_l{width:36%; float:left; /*margin-top:2rem*/ display:block}
.footer_t_l h2 a img{/*width:100%; height:auto; overflow:hidden*/ display:block}
.footer_t_l h3{ margin-top:2rem; color:#fff; font-size:13px; font-weight:normal}
.footer_t_l h3 a{color:#fff; font-size:13px; line-height:26px; margin:0 0.7rem; font-weight:normal}

.footer_t_m{width:35%; float:left; color:#bac0c8; line-height:30px; margin-top:1rem; display:block}
.footer_t_m span{float:left; color:#fff}

.footer_t_r{width:25%; float:right}
.footer_t_r img{margin-right:1rem; width:90%; margin:0 auto; height:auto; overflow:hidden; display:block}
.footer_t_r p{margin-top:1rem; color:#bac0c8; width:100%; text-align:center; display:block}

.footer_b{margin-top:4rem; border-top:1px solid #5e6b7d; padding-top:2rem; text-align:l; color:#fff; }
.footer_b a{color:#bac0c8}


@media (max-width: 1024px) {
	.footer_t_l{width:30%;}
	.footer_t_l h2 a img{width:100%; height:auto; overflow:hidden}
	.footer_t_l h3{ margin-top:1rem;}
	.footer_t_m{width:30%; margin-left:3.5%}
	.footer_t_r{width:33%; margin-top:1rem}
	.footer_t_r p{}
	
}
@media (max-width: 767px) {
	.footer_t_l{width:100%; padding-bottom:2rem}
	.footer_t_l h2 a img{width:48%}
	.footer_t_m{width:58%; margin-left:0; padding:3rem 0; border-top:1px solid #5e6b7d}
	.footer_t_r{width:42%; padding-left:2%; border-top:1px solid #5e6b7d; padding-top:3rem;}
}
@media (max-width: 640px) {
	.footer_t_m{width:60%}
	.footer_t_r{width:40%; text-align:center}
	.footer_t_r img{float:none; margin-right:1rem; width:100%; height:auto; overflow:hidden}
	.footer_t_r p{margin-top:0.5rem;}
}


@media (max-width: 480px) {
	.footer_t_m{width:100%}
	.footer_t_r{width:100%;}
	.footer_t_r img{width:80%;}
}
	
	
#mzx {display:none}

@media (max-width: 1024px) {

#mzx {display: block;width: 40px; height: 40px; bottom: 30px; cursor: pointer; text-indent: -999em; background:url(../images/m_tel.gif) no-repeat; background-size: 40px 40px; position: fixed; right: 15px; border-radius: 3px; z-index:999;
 -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;}

}

