/*字体*/
@charset "utf-8";
@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
/*初始化开始*/
*{margin:0;padding:0;}
body{background:#fff; background-size:cover; font:12px/22px "Microsoft YaHei","SimSun"; font-size:100%;}
body,ul,ol,li,p,a,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;box-sizing: border-box;}
li,img,input,em,select{ list-style:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;color: #333;}
a:hover{text-decoration: none;color: #333}
select::-ms-expand { display: none; }
.img_none{display:none;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}
.clear::after {
    content: '.';
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;}
body {
    font-size: 14px;
    font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
    border: 0;
}
/*header开始*/
.container-fluid{
    max-width: 1000px;
}
.dex span{
    display: inline-block;
    padding: 0 5px;
}
.dex span:hover .a{
    color:red;
}
.header-top{
    border-bottom: 1px solid #999;
}
.logo{
    padding: 0;
    line-height: 90px;
    width:60%;
}
.header-mes{
}
.header-phone{
    width: 20%;
}
.num p{
    color: red;
    /*font-size:29px;*/
	font-size:24px;
    margin-left: 5px;
}
.num span {
    display: inline-block;
    color: #999;
    margin-left: 10px;
    margin-top: 14px;
}
.phone{
    line-height: 70px;  }

.search{
    width: 20%;
}
.search input{
    border:1px solid #24a9e2 ;
}
.search span{
    background: #24a9e2;
    color: white;
    border: none;
    border:1px solid #24a9e2 ;
}
.search{
    margin-top: 20px;
}
.glyphicon {
    top: 0;
}

.header2 .navbox {
    position: relative;
    background: #24a9e2;
    height: 50px;
}

.header2 .navbox nav {
    width: 1000px;
    margin: 0 auto;
}

.header2 .navbox  nav ul {
    width: 100%;
}

.header2 .navbox nav li {
    position: relative;
    width: 14.2%;
    transition: all 0.3s;
}

.header2 .navbox  nav li a {
    margin: 0 auto;
    display: block;
    color: #fff;
    line-height: 50px;
    font-size: 16px;
    background: url(../images/line_10.jpg) no-repeat left;
}

.header2 .navbox  nav li:hover {
    background: #0b85b9;
}
.hover{
    background: #0b85b9 !important;
}
.header2 .navbox  nav li:hover a {
    color: #fff;
    text-decoration: none
}

.header2 .navbox nav li:hover ul {
    display: block;
    z-index: 8;
}

.header2 .navbox  nav li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    width: 100%;
    background: #24a9e2;
}

.header2 .navbox nav li ul li {
    width: 100%;
    background: none;
}

.header2 .navbox nav li ul li a {
    line-height: 40px;
    background: none;
}

.header2 .navbox nav li ul li:hover {
    background: #0b85b9
}
.container-fluid {
    max-width: 1000px;
!important;
}

/*banner开始*/
.bannerbox1 {
    width: 100%;
}

#banner {
    height: 500px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}

#banner .main_image {
    height: 500px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}

#banner .main_image ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 9999px;
    overflow: hidden;
}

.main_image ul li {
    float: none;
    display: block;
    position: absolute;
    top: 0px;
    width: 1263px;
}

#banner .main_image li span {
    display: block;
    width: 100%;
    height: 500px;
    transition: all 0.3s;
}

#banner .main_image li .img_1 {
    background: url(../images/banner_1.jpg) 50% 50%;
    background-size: cover;
}

#banner .main_image li .img_2 {
    background: url(../images/banner_2.jpg) 50% 50%;
    background-size: cover;
}

#banner .main_image li .img_3 {
    background: url(../images/banner_3.jpg) 50% 50%;
    background-size: cover;
}

#banner #btn_prev, #btn_next {
    z-index: 11111;
    position: absolute;
    display: block;
    width: 29px !important;
    height: 29px !important;
    top: 50%;
    margin-top: -30px;
    display: none;
    transition: all 0.5s
}

#banner #btn_prev {
    background: url(../images/main_btn_arrow_lr.png) no-repeat left bottom;
    left: 20px;
}

#banner #btn_next {
    background: url(../images/main_btn_arrow_lr.png) no-repeat left top;
    right: 20px
}
#banner #btn_next:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right top;}
#banner #btn_prev:hover{background:url(../images/main_btn_arrow_lr.png) no-repeat right bottom;}
/*成功案例开始*/
.case{
    padding: 40px 0;
}
.case-title{
    max-width: 1000px;
    margin: 0px auto;
    text-align: center;
}
.case-title h3{
    color: #000;
    font-size: 20px;
    font-weight: bold;
}
.case-title .line{
    position: relative;
    width: 100%;
    height: 1px;
    background: #c5c5c5;
    margin: 10px 0;
}
.case-title .line span{
    position: absolute;
    display: block;
    height: 3px;
    background: #24a9e2;
    width: 60px;
    top: -1px;
    left: calc(50% - 30px);
}
.case .links li{
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}
.case .links li a{
    display: inline-block;
    width: 125px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: url("../images/link.png") no-repeat;
    margin: 5px 0px 5px 14px;
}
.case .links li a.active{
    background:url("../images/link_a.jpg") no-repeat;
}


.case-content{
    max-width: 1000px;
    margin: 20px auto;
}
.box_list{
    background: #e5e5e5;
    padding: 2%;
    margin-bottom: 20px;
}
.box_list img{
    display: block;
    margin: 0 auto;
    width: 100%;
}
.box_list p{
    font-size: 16px;
    line-height: 40px;
    color: #333;
    text-align: center;
}
.case-content a:hover .box_list{
    background: #24a9e2;
}
.case-content a:hover .box_list p{
    color: white;
}

.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.pro_main { width:100%; margin:2% auto;}
.pro_main .slideTxtBox { width:100%;}
.pro_main .slideTxtBox .hd { width:100%; overflow:hidden;text-align:center;}
.pro_main .slideTxtBox .hd ul { display:block; margin:0 auto; }
.pro_main .slideTxtBox .hd ul li {
    cursor: pointer;
    display: inline-block;
    width: 125px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: url("../images/link.png") no-repeat;
    margin: 5px 0px 5px 14px;}
.pro_main .slideTxtBox .hd ul li:hover {background:url("../images/link_a.jpg") no-repeat;}
.pro_main .slideTxtBox .hd ul li.on  {background:url("../images/link_a.jpg") no-repeat;}
.pro_main .slideTxtBox .hd ul li a:hover {background:#f9790f; color:#fff;}
.pro_main .slideTxtBox .hd ul li a.on  {background:#f9790f; color:#fff;}
.pro_main .slideTxtBox .bd { width:100%; margin-top:2%;}
.pro_main .slideTxtBox .bd ul {  display:block;}
.pro_main .slideTxtBox .bd ul li { width:100%; position:relative; margin:0 auto;}
.pro_main .slideTxtBox .bd ul li .swiper-container { }
.pro_main .slideTxtBox .bd ul li .swiper-slide {border:1px solid #ccc; padding:5px;background:#e5e5e5;}
.pro_main .slideTxtBox .bd ul li .swiper-slide:hover{background:#24a9e2}
.pro_main .slideTxtBox .bd ul li .swiper-slide a .pic { width:100%; position:relative; overflow:hidden; }
.pro_main .slideTxtBox .bd ul li .swiper-slide a .pic .cp_img {  padding-top:73.75%;}
.pro_main .slideTxtBox .bd ul li .swiper-slide a .pic img {transition:all 0.5s; }
.pro_main .slideTxtBox .bd ul li .swiper-slide a .pic .hover {width:100%;height:100%; position:absolute; left:0%; top:-100%;  background:rgba(2,2,2,0.6);  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
-webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center;}
.pro_main .slideTxtBox .bd ul li .swiper-slide a .pic .hover img { display:block; max-width:100%;  }
.pro_main .slideTxtBox .bd ul li .swiper-slide .zi {width:100%; height:40px; line-height:40px; text-align:center; font-family:'微软雅黑'; font-size:16px; color:#222;  }
/*.pro_main .slideTxtBox .bd ul li .swiper-slide a .pic:hover .hover { top:0;}*/
.pro_main .slideTxtBox .bd ul li .swiper-slide:hover .zi {background:#24a9e2; color:#fff; }
.pro_main .slideTxtBox .bd ul li .swiper-slide:hover img {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);}
.swiper-button-prev1{ width:35px; height:66px; background:url(../images/prev.png) no-repeat center center; left:-56px;}
.swiper-button-next1{ width:35px; height:66px; background:url(../images/next.png) no-repeat center center; right:-56px;}
.swiper-button-prev1:hover{
    background:url(../images/prev_a.jpg) no-repeat center;
}
.swiper-button-next1:hover{
    background:url(../images/next_a.png) no-repeat center;
}
.swiper-button-prev2{ width:35px; height:66px; background:url(../images/prev.png) no-repeat center center; left:-56px;}
.swiper-button-next2{ width:35px; height:66px; background:url(../images/next.png) no-repeat center center; right:-56px;}
.swiper-button-prev2:hover{
    background:url(../images/prev_a.jpg) no-repeat center;
}
.swiper-button-next2:hover{
    background:url(../images/next_a.png) no-repeat center;
}

.swiper-button-prev3{ width:35px; height:66px; background:url(../images/prev.png) no-repeat center center; left:-56px;}
.swiper-button-next3{ width:35px; height:66px; background:url(../images/next.png) no-repeat center center; right:-56px;}
.swiper-button-prev3:hover{
    background:url(../images/prev_a.jpg) no-repeat center;
}
.swiper-button-next3:hover{
    background:url(../images/next_a.png) no-repeat center;
}
.swiper-button-prev4{ width:35px; height:66px; background:url(../images/prev.png) no-repeat center center; left:-56px;}
.swiper-button-next4{ width:35px; height:66px; background:url(../images/next.png) no-repeat center center; right:-56px;}
.swiper-button-prev4:hover{
    background:url(../images/prev_a.jpg) no-repeat center;
}
.swiper-button-next4:hover{
    background:url(../images/next_a.png) no-repeat center;
}
.swiper-button-prev5{ width:35px; height:66px; background:url(../images/prev.png) no-repeat center center; left:-56px;}
.swiper-button-next5{ width:35px; height:66px; background:url(../images/next.png) no-repeat center center; right:-56px;}
.swiper-button-prev5:hover{
    background:url(../images/prev_a.jpg) no-repeat center;
}
.swiper-button-next5:hover{
    background:url(../images/next_a.png) no-repeat center;
}
.swiper-button-prev6{ width:35px; height:66px; background:url(../images/prev.png) no-repeat center center; left:-56px;}
.swiper-button-next6{ width:35px; height:66px; background:url(../images/next.png) no-repeat center center; right:-56px;}
.swiper-button-prev6:hover{
    background:url(../images/prev_a.jpg) no-repeat center;
}
.swiper-button-next6:hover{
    background:url(../images/next_a.png) no-repeat center;
}
.swiper-button-prev7{ width:35px; height:66px; background:url(../images/prev.png) no-repeat center center; left:-56px;}
.swiper-button-next7{ width:35px; height:66px; background:url(../images/next.png) no-repeat center center; right:-56px;}
.swiper-button-prev7:hover{
    background:url(../images/prev_a.jpg) no-repeat center;
}
.swiper-button-next7:hover{
    background:url(../images/next_a.png) no-repeat center;
}
.swiper-button-prev8{ width:35px; height:66px; background:url(../images/prev.png) no-repeat center center; left:-56px;}
.swiper-button-next8{ width:35px; height:66px; background:url(../images/next.png) no-repeat center center; right:-56px;}
.swiper-button-prev8:hover{
    background:url(../images/prev_a.jpg) no-repeat center;
}
.swiper-button-next8:hover{
    background:url(../images/next_a.png) no-repeat center;
}
.swiper-button-prev9{ width:35px; height:66px; background:url(../images/prev.png) no-repeat center center; left:-56px;}
.swiper-button-next9{ width:35px; height:66px; background:url(../images/next.png) no-repeat center center; right:-56px;}
.swiper-button-prev9:hover{
    background:url(../images/prev_a.jpg) no-repeat center;
}
.swiper-button-next9:hover{
    background:url(../images/next_a.png) no-repeat center;
}
.more{
    display: block;
    margin:30px auto 20px auto;
    padding: 2px 20px;
    border:1px solid #9d9d9d;
}
.more:hover{
    background: #24a9e2;
}
.more:hover a{
  color: white;
}
.more a{
    color: #666;
    font-size: 14px;
}

.about_mes{
    margin-top: 40px;
    position: relative;
}
.about_mes p{
    line-height: 1.5;
    z-index: 999;
    margin-top: 20px;
    margin-left: 60px;
}
.ab-img{
    margin-top: 20px;
    z-index: 999;
}
.about{
    width: 100%;
    background: url("../images/bj1_02.jpg") top center no-repeat;
    background-size:100% 100%;
    padding-top: 20px;
    padding-bottom: 80px;
}
.bj2{
    position: absolute;
    top:-10px;
    left: -20px;
}
.pro-mes{width: 100% ;position: relative}
.pro-mes .swiper-container12 .swiper-slide {border:1px solid #ccc; padding:5px;background:#e5e5e5;}
.pro-mes .swiper-container12 .swiper-slide:hover{background:#24a9e2}
.pro-mes .swiper-container12 .swiper-slide a .pic { width:100%; position:relative; overflow:hidden; }
.pro-mes .swiper-container12 .swiper-slide a .pic .cp_img {  padding-top:73.75%;}
.pro-mes .swiper-container12 .swiper-slide a .pic img {transition:all 0.5s; }
.pro-mes .swiper-container12 .swiper-slide a .pic .hover {width:100%;height:100%; position:absolute; left:0%; top:-100%;  background:rgba(2,2,2,0.6);
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center;}
.pro-mes .swiper-container12 .swiper-slide a .pic .hover img { display:block; max-width:100%;  }
.pro-mes .swiper-container12 .swiper-slide .zi {width:100%; height:40px; line-height:40px; text-align:center; font-family:'微软雅黑'; font-size:16px; color:#222;  }
/*.pro_main .slideTxtBox .bd ul li .swiper-slide a .pic:hover .hover { top:0;}*/
.pro-mes .swiper-container12 .swiper-slide:hover .zi {background:#24a9e2; color:#fff; }
.pro-mes .swiper-container12 .swiper-slide:hover img {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);}

.swiper-button-prev12{ width:35px; height:66px; background:url(../images/prev.png) no-repeat center center; left:-56px;}
.swiper-button-next12{ width:35px; height:66px; background:url(../images/next.png) no-repeat center center; right:-56px;}
.swiper-button-prev12:hover{
    background:url(../images/prev_a.jpg) no-repeat center;
}
.swiper-button-next12:hover{
    background:url(../images/next_a.png) no-repeat center;
}

.product{
    margin-top:20px ;
}
.pro-mes{
    margin-top: 20px;
}

.con-num span{
    display: inline-block;
}
.con-left h3{
font-size: 18px;
}
.rig-mes{
    text-align: center;
}
    .rig-mes img {
    width:140px;
    height:140px;
    }
.contact{
    width: 100%;
    background: url("../images/bj5_09.jpg") top center no-repeat;
    background-size:100% 100%;
    padding-top: 20px;
    padding-bottom: 30px;
    color: white;
    margin-top: 30px;
}
.contact .case-title h3 {
    color: white;
}
.contact_mes{
    margin-top: 10px;
}
.con-right h3{
    font-size: 18px;
}

.con-right  label{ padding-top:0 !important; text-align:left !important; color:#fff; height:35px; line-height:35px; font-weight:normal;}
.con-right input{ background:#f4f4f4; border:dashed 1px #aaa;}
.con-right textarea{ max-width:100%; background:#f4f4f4; border:dashed 1px #aaa;}
.con-right button{ width:100%; height:30px; color:#fff; background:#817f7f; border:none; transition:all 0.3s;}
.con-right button:hover{ background:#0c72c6;}

.footer{
    background:#0c72c6;;
    color: white;
    text-align: center;
    line-height: 2;
    font-size: 10px;
}
/*手机底部*/
.hot{width:100%; height:58px; background:#0c72c6; position:fixed; bottom:0; left:0; z-index:99; z-index: 999}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; }
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; }
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }
footer ul li a{ padding: 0 10px; height: 12px; font-size: 12px; line-height: 12px; }

/*关于我们*/
.neiye{background:#fff;min-height: 400px;margin-top: 40px;}
/*内页左侧下拉导航*/
.neiye-nav{margin-bottom:10px;}
.neiye-nav-title{height:50px;background:#24a9e2;color:#fff;font-size:18px;border-top-left-radius:5px;
    border-top-right-radius:5px;text-align: center;
}
/*.neiye-nav-title span{margin:0px 18px 0px 26px;line-height:42px;}*/
/*.neiye-nav-title h5{line-height:50px;font-size:18px;}*/
.neiye-nav-title h5{line-height:50px;font-size:18px;}

.neiye-nav-con{height:42px;background:url("../images/link.png")top center no-repeat;background-size:100% 100%;margin-top:5px;cursor: pointer;}
.neiye-nav-con h5{color:#fff;line-height:42px;text-align: center}
.navContent2{display:none;}
/*.navContent2 li a{background:#f2f2f2;display:block;text-align:center;line-height:42px;margin-top:2px;color:#333;}*/
/*.navContent2 li a:hover{color:red;}*/

.navContent2 li{background: #ffffff;width: 100%;border-bottom: 1px dashed #666666}
.navContent2 li a{display:inline-block;text-align:left;line-height:32px;;color:#333;font-size: 12px;width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;    font-family: Arial, Helvetica, sans-serif, "宋体";
}
.navContent2 li a:nth-child(1){margin-left: 15%;width: 35%}
/*.navContent2 li a:nth-child(2){width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}*/
.navContent2 li a:hover{color:red;}

.navContent2 .active{background-color:#f2f2f2;border-left:3px solid #a65e00;}
.neiye .dizhi{background:#e6e6e6;padding:10px;line-height:25px;}
.about-us{border-bottom: 4px double #ccc;line-height: 42px;}
.neiye-left-title h3{font-size: 20px;line-height: 42px;font-weight: bold;}
.neiye-right-title{color:#666;font-size: 14px}
.neiye-nav-con.active{background:url("../images/link_a.jpg")top center no-repeat;background-size:100% 100%;;color: white;}
.neiye-nav-con2 .active{color:#ffffff; background:url("../images/link_a.jpg")top center no-repeat;background-size:100% 100%;}
.neiye-nav-con2:hover{
    background:url("../images/link_a.jpg")top center no-repeat;background-size:100% 100%;
}
.neiye-nav-con a{
    text-decoration: none;
}

/*移动端横向下拉导航*/
.subNavBox{margin:10px 10px 0px 10px;}
.subNav{background:url("../images/link_a.jpg")top center no-repeat;background-size:100% 100%;text-align:center;cursor:pointer;font-size:24px;color:#fff;}
.subNav h5{font-size:18px;line-height:36px;display:inline;margin-left:42px;}
.subNav span{line-height:35px;margin-right:20px;font-size: 18px;}
.navContent{display:none;}
.navContent li a{background:url("../images/link.png")top center no-repeat;background-size:100% 100%;;display:block;text-align:center;font-size:16px;line-height:35px;color:white;margin-top:3px;}
.navContent li a:hover{background:url("../images/link_a.jpg")top center no-repeat;background-size:100% 100%}
.navContent .active{background:url("../images/link_a.jpg")top center no-repeat;background-size:100% 100%;}

/**/
.picture4 .picture4-list .picture4-img-top{padding-top:73.7%;}
.img-position-absolute{position: absolute;top: 0;bottom: 0; left: 0;right: 0; max-width: 100%; max-height: 100%;display: block;margin:auto;padding: auto;}

.picture4-list a{
    display: block;
    border: 1px solid #ccc;
    background: #e5e5e5;
    padding: 4px;
}
.picture4-list a:hover{
    background: #24a9e2;

}
.picture4-list a:hover .pic-mes{
    color: white;
}
.case-pic{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.pic-mes{
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #222;
}

.case_p{
    display: none;
}

#product .case_p li{
    margin-bottom: 30px;
}

.neiye-nav-con.active
{background:url("../images/link_a.jpg")top center no-repeat;background-size:100% 100%;}

.MsoNormal{
    display: none;
}
.block{
    display: block;
}

.gsjj p{
    width: 100%;
    margin-bottom: 20px;
}
.prod-show p{
    text-align: center;
}
.prod-show img{
    margin-bottom: 20px;
}
.prod-show{
    width: 300px;
    margin: 0 auto;
}
@media (max-width: 1199px) {
    /*h-2*/
    .header2 nav {
        width: 100%;
    }

    .header2 nav li .xlbox ul {
        width: 100%;
    }

    .header2 .logo img {
        width: 400px;
        height: auto;
        margin-top: 5px;
    }

}

@media (max-width: 991px) {

    .header2 .icon-menu {
        margin: 10px 15px 0 0;
        font-size: 26px;
        color: #4b4b4b;
        cursor: pointer;
    }

    .header2 .sjdnav {
        width: 150px;
        height: auto;
        position: absolute;
        right: 10px;
        top: 70px;
        z-index: 5;
    }

    .header2 .sjdnav ul {
        padding: 0;
        margin: 0;
    }

    .header2 .sjdnav li {
        height: 30px;
        display: block;
        padding: 0;
        background: rgba(0, 0, 0, .75);
        text-align: center;
        margin-bottom: 5px;
    }

    .header2 .sjdnav li a {
        display: block;
        color: #bababa;
        line-height: 30px;
    }

    .header2 .sjdnav li:hover a {
        background: none;
        text-decoration: none
    }

    .header2 .sjdnavhide {
        height: 0;
        overflow: hidden;
    }

    .header2 .logo img {
        width: 320px;
        height: auto;
    }

    #banner {
        height: 316px;
    }

    #banner .main_image {
        height: 316px;
    }

    #banner .main_image li span {
        height: 316px
    }

    .about_mes p {
        line-height: 1.5;
        z-index: 3;
        margin-left: 0;
        margin-top: 0px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .about {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .about_mes {
        margin-top: 20px;
    }

    .ab-img {
        margin-top: 0px;
        z-index: 3;
    }
}

@media (max-width: 767px) {

    /*h-2*/
    .header2 .sjdnav {
        left: 0;
        top: 60px;
        width: 100%;
        position: fixed;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }

    .header2 .sjdnav li {
        margin-bottom: 0;
        padding-left: 3%;
        height: 40px;
        background: rgba(0, 0, 0, 0.78);
        border-top: solid 1px rgba(255, 255, 255, 0.85);
    }

    .header2 .sjdnav li a {
        color: #fff;
        line-height: 40px;
    }

    .header2 .sjdnav li:hover a {
        color: #fff;
        background: none;
        text-decoration: none
    }

    .header2 .icon-menu {
        font-size: 20px;

    }

    .header2 .logo img {
        width: 280px;

    }
    #banner {
        height: 216px;
    }

    #banner .main_image {
        height: 216px;
    }

    #banner .main_image li span {
        height: 216px
    }
    .case-title{
        margin: 25px auto;
    }
    .ab-img{
        margin-top: 20px;
        z-index: 999;
        width: 80%;
        margin-left: 40px;
    }
    .picture4 li {
        padding-right: 10px;
        padding-left: 10px;
    }
.bannerbox1{
    margin-top: 60px;
}
    .header2 .topbar {
        height: 60px;
        position: fixed;
        top: 0;
        left: 0;
        background: white;
        width: 100%;
        z-index: 11;}

}

@media (max-width: 414px) {
    .header2 .logo img {
        width: 240px;
        margin-top: 15px;
    }
    .header2 .logo{
        line-height: 0px;
    }
    .header2 .sjdnav {
        top: 60px;
    }
    #banner {
        height: 130px;
    }

    #banner .main_image {
        height: 130px;
    }

    #banner .main_image li span {
        height: 130px
    }
    .ab-img{
        margin-top: 20px;
        z-index: 9;
        width: 100%;
        margin-left: 0px;
    }

}
@media (max-width: 340px) {
    /*h-2*/
    .header2 .logo{
        line-height: 0px;
    }
    .header2 .logo img {
        width: 200px;
        margin-top: 15px;
    }
    #banner {
        height: 100px;
    }

    #banner .main_image {
        height: 100px;
    }

    #banner .main_image li span {
        height: 100px
    }


    }

  /*QQ*/
.dock {
	position: fixed;
	right: 0px;
	width: 50px;
	-moz-opacity: 0.7;
	opacity: 0.7;
	z-index: 200;
}

.dock.close {
	z-index: 50;
}

.dock ul.icons {
	position: absolute;
	list-style: none;
	right: 0px;
	padding: 0px;
	width: 50px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock.close ul.icons {
	right: -70px;
}

.dock ul.icons li i {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: url(../images/icons.png) no-repeat;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	z-index: 210;
}

.dock ul.icons li.active i {
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.dock ul.icons li.up i {
	background-position: -63px -150px;
}

.dock ul.icons li.tel i {
	background-position: -62px -108px;
}

.dock ul.icons li.im i {
	background-position: -63px -20px;
}

.dock ul.icons li.wechat i {
	background-position: -59px -66px;
}

.dock ul.icons li.down i {
	background-position: -63px -190px;
}

.dock ul.icons li p {
	display: block;
	position: absolute;
	top: 50px;
	right: -260px;
	padding: 15px 20px;
	height: 120px;
	color: White;
	line-height: 30px;
	border: 1px solid #333;
	border-right: none;
	background: #111;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease-in-out .1s;
	-moz-transition: all .4s ease-in-out .1s;
	-ms-transition: all .4s ease-in-out .1s;
	-o-transition: all .4s ease-in-out .1s;
	transition: all .4s ease-in-out .1s;
	overflow: hidden;
	z-index: 201;
}

.dock ul.icons li.active p {
	right: 50px;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.dock ul.icons li.tel p {
    width: 230px;
    height:110px;
    line-height:35px
}

.dock ul.icons li.im p {
	width: 185px;
    height:130px;
    line-height:30px
}

.dock ul.icons li.im p a {
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 35px;
	line-height: 32px;
	color: #00dfb9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00dfb9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.dock ul.icons li.im p a:hover {
	color: White;
	background: #0f8773;
	border: 1px solid #0f8773;
}

.dock ul.icons li.wechat p {
	width: 180px;
    height:180px;
    line-height:30px
}

.dock ul.icons li.wechat p img {
	
	border: 2px solid #000;
}

.dock a.switch {
	position: absolute;
	display: block;
	top: 270px;
	right: 11px;
	width: 26px;
	height: 26px;
	background: url(../images/icons.png) no-repeat 0px -640px;
	cursor: pointer;
	-webkit-transition-delay: .15s;
	-moz-transition-delay: .15s;
	-ms-transition-delay: .15s;
	-o-transition-delay: .15s;
	transition-delay: .15s;
}

.dock a.switch.off {
	background-position: -32px -640px;
}

.fengxiang{ width:100%; margin:0 auto;}
.fengxiang ul li{ width:46%; padding:4px 3px; float:left; margin:4px 0px 4px 10px; background:#c5c5c4; border: solid 1px #afafae;}

.fengxiang ul li a.bshare-sinaminiblog{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-qzone{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-renren{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-qqmb { float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-neteasemb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-sohuminiblog{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-tianya{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-baiduhi{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-itieba{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-kaixin001{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-facebook{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-msn{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-fanfou{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-feixin{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-twitter{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-peoplemb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-douban{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}
.fengxiang ul li a.bshare-xinhuamb{ float: left; width:50px; padding:0px; margin:0px; text-align:left;}

/*分页css scott style pagination*/
div.scott
{
    padding:3px;margin:3px;text-align:center;

}
div.scott a
{
    border:#221616 1px solid;padding:2px 5px;color:#221616;margin:0 2px 0 0;text-decoration:none;

}
div.scott a:hover
{
    border:#221616 1px solid;color:white;background-color:#221616;

}
div.scott a:active
{
    border:#221616 1px solid;color:#611985;background-color:#221616;

}
div.scott span.current
{
    border:#221616 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#221616;

}
div.scott span.disabled
{
    border:#dfdfdf 1px solid;padding:2px 5px;color:#221616;margin:0 2px 0 0;

}