* {font-family: Arial, Verdana, "微软雅黑";  font-size: 14px;}
html,body,h1,h2,h3,h4,h5,h6,div,form,ul,li,a,em,input,dd,dt,dl,p,figure,textarea,button{
	margin: 0;  padding: 0;  border: 0;  list-style: none;  text-decoration: none;  font-weight: normal;}
em {font-style: normal;}
dd,dt,dl,em,button {display: block;}
a,img{border:none;display:inline-block;width:100%\9;}
img{max-width: 100%;}
.container{    max-width: 1700px;min-width: 1200px;width: auto;}
.margin-15{margin:0 -15px;}
.margin-10{margin:0 -10px;}
.margin-4{margin:0 -4px;}
.margin-8{margin:0 -8px;}
.margin-footer{margin: 0 -115px 0 -30px;}
.center {margin: 0 auto;  width: 1100px;}
.clear{}
.clear:after{content: "";visibility: visible;clear: both;height: 0;display: block;}
.red{color:#a20404;}
/*header*/



.header-pc{width: 100%;padding: 0;border-bottom:4px solid #ef8222}



.search-box{position: relative;height:22px;display: inline-block;z-index: 6855;padding-right: 0;}

.header-top{z-index: 666;width: 100%;position: fixed;
	background:rgb(29, 30, 32,0);}
.header-top.fixed{position: fixed;background: #1f2a58;}
.header-top.fixed .header-list-li ul li{margin-top:14px;}
.header-top.fixed .logo{margin-left: 15px;margin-top: 0;width: 240px;height: 80px;}
.header-top.fixed .logo a{width: 330px;}
.header-top .logo{padding: 8px 0;display: inline-block;vertical-align:middle;text-align: center;margin-left:40px;/*margin-top: 20px;*/}
.header-top .logo img{}
.header-top .container{padding: 0;font-size: 0;}

.header-enbox{display:inline-block;position: relative;z-index: 1000;vertical-align: middle;float: none;}
.header-enbox a{text-decoration: none;color: #333;}
.header-enbox span{margin-right: 5px;display: inline-block;}
.header-enbox i{margin-right: 10px;}

.header-bottom{display:inline-block;position: relative;vertical-align: middle;float: left;text-align: left;padding: 0 4px;}
.header-bottom .logo{transition:all .3s;transition:all .3s;width: 225px;height: 100px;}
.header-bottom .logo a{overflow: hidden;width: 300px;height: 100%;transition:all .3s;transition:all .3s;}
.header-bottom .logo a img{height: 100%;width: auto;max-width: inherit;}

.header-nav{display:inline-block;position: relative;z-index: 1000;vertical-align: middle;float: right;;}
.header-nav .container .row{font-size: 0}


.index-header-nav{display:inline-block;position: relative;z-index: 1000;vertical-align: bottom;width: 100%;}
.index-header-input{width: 100%;display: inline-block;vertical-align: middle;}
.index-header-input .btn{}
.index-header-input .btn i{color: #fff}
.index-header-input .input-group{}
.index-header-input .input-group button.btn{background:#5f5e5e;border-color: #5f5e5e;outline:none;}
.index-header-input .input-group input{transition:none;box-shadow:none;outline:none;border-color: #5f5e5e;}

.header-nav-main{background: none;border:none;margin:0 -15px;min-height: auto;position: relative;}
.header-nav-top{text-align: center;}
.nav-kongjian{background: transparent;border:none!important;overflow: hidden;}
.nav-kongjian:focus{background: transparent!important;}

.header-list-li{padding: 0}
.header-list-li ul{margin: 0;text-align: right;font-size: 0;}
.header-list-li ul li{display: inline-block;width: auto;float:none;vertical-align: top;margin-top: 30px;transition:all .3s;transition:all .3s;}
.header-list-li ul li a.act-a:after{display: block;width: 30%;height: 2px;background: #fff;content: "";
margin-top: 7px;background: transparent;transition:all .3s;transition:all .3s;
/*transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);*/}
.header-list-li ul li a.act-a:hover:after{background: #4587ff;width: 100%;}
.header-list-li ul li a.act-a{display:block;padding-left: 10px;padding-right:20px;font-size:14px;
	color:#ccc!important;text-transform: uppercase;position: relative;
	font-family: "AVGARDD", "Microsoft YaHei";
    font-size: 18px;font-weight: 400;
    text-transform: uppercase;z-index: 33;padding:20px 30px;
text-decoration: none;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;border-bottom: 2px solid transparent;
-o-transition:all .3s;border-bottom:2px solid transparent;position: relative;}
.header-list-li ul li a{transition:all .3s;transition:all .3s;top: 0;}
.header-list-li ul li a.act-a:hover,.header-list-li ul li a.active
,.header-list-li ul li.active:hover>a{color: #4587ff!important;background: transparent!important;}
/*.header-list-li ul li.we{float: right;background: #fbbe3f;color: #000}
.header-list-li ul li.we a{color: #000}
.header-list-li ul li.we:hover a{background:#000;color: #fbbe3f}*/
.header-list-li ul li.active>a{background-color: transparent!important;}
.header-list-li ul li.dropdownl i{position: absolute;top:25px;right: 0;color: #ccc;transition:all .3s;-webkit-transition:all .3s;}
.header-list-li ul li.dropdownl:hover i{color: #4587ff;}
.a-dropdown{display: none;}
.list-dropdown,.list-dropdown *{opacity:0;visibility:hidden;transition:all .3s;-webkit-transition:all .3s;}
.list-dropdown{overflow: hidden;opacity:0;display: block;visibility:hidden;transition:all .3s;-webkit-transition:all .3s;
	border-radius: 0;padding:0;border:none;left: 50%;background: transparent!important;top: 120%;
box-shadow: none;font-size: 0;z-index:1;transform:translatex(-50%);-webkit-transform:translatex(-50%);
background: rgba(45,45,45,0.95)}
.list-dropdown .box{font-size: 0;display: inline-block;background: rgba(0,0,0,.8);position: relative;}
.list-dropdown ul,.header-list-li ul li:hover{}
.list-dropdown ul{text-align: left;font-size: 0;display:inline-block;width: 200px;
vertical-align: top;position: relative;padding:0;}
.list-dropdown ul li{display:block;text-align: left;vertical-align: top;width: 100%;
color: #aaa;border-bottom: 1px solid rgba(255,255,255,.03);margin-top: 0;}
.list-dropdown ul li a{color: #fff;display: block;text-align: center;padding:10px ;}
.list-dropdown ul li a:hover{color: #4587ff;background: #404040;text-decoration: none;}
.list-dropdown ul li.first{color: #007bfc;display: block;font-size: 16px;}

.header-list-li ul li:hover a.act-a:after{background: #4587ff;width: 100%;}
.header-list-li ul li:hover .list-dropdown,.header-list-li ul li:hover .list-dropdown *,.header-list-li ul li a:hover + .list-dropdown{opacity: 1;visibility:visible;}
.header-list-li ul li:hover .list-dropdown{top: 100%;}
.header-list-li ul li.noac{position: relative;}
.header-list-li ul li.noac:hover:after{content: "";display: block;width: 50%;height: 3px;background: #007bfc;position: absolute;left: 50%;margin-left: -25%;bottom: 0;}

/*.header-list-li ul li.active:after{content: "";display: block;position: absolute;top:18px;right:2px;color:#fff;width: 10px;height:12px;
background: url(../image/nav-icon.png) no-repeat;}*/
/*index*/
.banner{overflow: hidden;position: relative;}
.banner-bxslider{}
.banner-bxslider li{font-size: 0;}
.banner-bxslider li figure{display: block;font-size: 0}
.banner-bxslider li img{width: 100%;}
.banner-bxslider .bx-pager-item{}
.banner-bxslider .bx-pager-item a.active{background: #82bd41}
.banner .bx-wrapper .bx-next{right:0}
.banner .bx-wrapper .bx-prev{left: 0}
.banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 0px;text-align:center;padding:10px;}
.bx-wrapper .bx-pager .bx-pager-item{vertical-align: top;}
.banner .bx-wrapper .bx-pager .bx-pager-item a, .bx-wrapper .bx-controls-auto .bx-controls-auto-item a{width:10px;height: 10px;background: #b4b9ba;font-size: 0;vertical-align: middle;border-radius: 50%;
	background: #fff;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{background: #ccc;}
.banner .bx-wrapper .bx-controls-direction a{display: none;z-index: 1;}

.banner .bx-wrapper .bx-controls-direction a.bx-next{background: url(../image/banner-right.png) no-repeat 100% 100%;left: 50%;margin-left: 560px;
transition:all .3s;-webkit-transition:all .3s;}
.banner .bx-wrapper .bx-controls-direction a.bx-next:hover{margin-left: 570px;}
.banner .bx-wrapper .bx-controls-direction a.bx-prev:hover{margin-left: -590px;}
.banner .bx-wrapper .bx-controls-direction a.bx-prev{background: url(../image/banner-left.png) no-repeat 100% 100%;left: 50%;margin-left: -580px;
transition:all .3s;-webkit-transition:all .3s;}
.bx-wrapper .bx-controls-direction a{width: 40px;height: 80px;top:50%;margin-top: -40px;display: none;}
.bx-wrapper .bx-controls-direction a.bx-next{background:url(../image/right-btn.png) no-repeat 100% 100%;right: 0}
.bx-wrapper .bx-controls-direction a.bx-prev{background:url(../image/left-btn.png) no-repeat 100% 100%;left: 0}
.bx-wrapper .bx-viewport{background: transparent;}
.banner-index-ling .bx-wrapper .bx-controls-direction a.bx-next{background:url(../image/index-box2-r.jpg) no-repeat 100% 100%;right: 50%;width: 80px;height: 50px;margin-right: -90px;top: 100%;margin-top:40px;}
.banner-index-ling .bx-wrapper .bx-controls-direction a.bx-prev{background:url(../image/index-box2-l.jpg) no-repeat 100% 100%;left: 50%;width: 80px;height: 50px;margin-left: -90px;top: 100%;margin-top:40px;}

.case-box2-banner .bx-wrapper .bx-controls-direction a.bx-next{}
.case-box2-banner .bx-wrapper .bx-controls-direction a.bx-prev{}
.case-box2-banner .bx-wrapper .bx-pager .bx-pager-item a,.case-box2-banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item a{width: 40px;height: 4px;background: #000;}
.case-box2-banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background: #2f7cd3}
.case-box2-banner .bx-default-pager{bottom: 0}

.programme-box3-banner .bx-wrapper .bx-controls-direction a.bx-next{}
.programme-box3-banner .bx-wrapper .bx-controls-direction a.bx-prev{}
.programme-box3-banner .bx-wrapper .bx-pager .bx-pager-item a,.case-box2-banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item a{width: 40px;height: 4px;background: #000;display: none;}
.programme-box3-banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background: #2f7cd3}
.programme-box3-banner .bx-default-pager{bottom: 0}

.banner-about .bx-wrapper .bx-controls-direction a{display: none;}
.banner-about .bx-wrapper .bx-pager{bottom: 20px;}
.banner-about .bx-wrapper .bx-pager.bx-default-pager a{background: #fff;width: 15px;height: 15px;border-radius: 50%;}
.banner-about .bx-wrapper .bx-pager.bx-default-pager a.active{background: #3172b9}
@font-face{
    font-family:'Open-Sans';
    src: url('https://www.bluenosecn.com/ttf/Open-Sans-2.ttf') format('opentype');
}
@font-face{
	font-family: GOTHAM-BLACK;
	src: url('https://www.bluenosecn.com/ttf/Gotham-Black.ttf') format('opentype');
}
@font-face{
    font-family: SourceSansPro;
    src: url('https://www.bluenosecn.com/ttf/SourceSansPro-Black.ttf') format('opentype');
}
@font-face{
    font-family: AVGARDD;
    src: url('https://www.bluenosecn.com/ttf/AVGARDD.ttf') format('opentype');
}
.banner-video{}
.banner-video-a:hover{text-decoration: none;}
.banner-video-a{width: 100%;position: absolute;width: 100%;top:0;left:0;
    height: 100%;text-decoration: none;font-size: 0;text-align: center;}
.banner-video-a:after{display: inline-block;content: "";vertical-align: middle;height: 100%;}
.banner-video-a div{display: inline-block;text-align: center;
    text-align: center;
    vertical-align: middle;
    color: transparent;}
.banner-video-a div *{color: #fff;}
.banner-video-a div .subtitle{color: rgba(255,255,255,.6);}
.banner-video-a div .title{text-transform:Uppercase;font-family: GOTHAM-BLACK;}
.banner-video-a .title{font-size: 60px;}
.banner-video-a .subtitle{}


.index-figure{}
.index-figure a{display: block;}
.index-figure img{width: 100%;}

.index-box1{background: #fff;}

.index-box1 .title{text-align: center;margin-top: 150px;margin-bottom: 30px;}
.index-box1 .title h3{
    color: #222;
    margin:15px 0;
    font-size: 35px;
    font-family: 'GOTHAM-BLACK','Microsoft YaHei';
    text-transform: uppercase;
    font-weight: 600;
    }
.index-box1 .title p{color: #999;}


.index-box1 ul.list{text-align: center;}
.index-box1 ul.list li{display: inline-block;margin:15px;}
.index-box1 ul.list li a{ text-align: center; padding:10px 20px;text-decoration: none;transition:all .3s;-webkit-transition:all .3s;background: #eee;}
.index-box1 ul.list li a:hover{background:#4587ff;color: #FFF;}

.index-box1-list{margin-top: 40px;}
.index-box1-list ul{font-size: 0;}
.index-box1-list ul li{display: inline-block;vertical-align: top;float: none;margin-bottom: 30px;}
.index-box1-list ul li a{text-decoration: none;transition:all .3s;-webkit-transition:all .3s;}
.index-box1-list ul li a figure{overflow: hidden;}
.index-box1-list ul li a figure img{transition:all .3s;-webkit-transition:all .3s;
transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);}
.index-box1-list ul li a .text{position: relative;background: #eee;padding:20px;}
.index-box1-list ul li a .text:after{content: "";display: block;width: 38px;height: 38px;text-align: center;color: #fff;
border:1px solid #ccc;border-radius: 90px;line-height: 38px;
background: url(../image/icon.png)no-repeat -87px -131px;overflow: hidden;
position: absolute;position: absolute;
    border-color:rgba(255, 255, 255, .8);
    right: 5%;transition:all .3s;-webkit-transition:all .3s;
    top: 20px;}
.index-box1-list ul li a .text h4{margin-bottom: 15px;color: #333;}
.index-box1-list ul li a .text p{color: #ccc;}
.index-box1-list ul li a:hover .text:after{top: -19px;border-color: #4587ff;
background: url(../image/icon.png)no-repeat -87px -155px;background-color: #4587ff;}
.index-box1-list ul li a:hover figure img{
	transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
}
.index-box1-list ul li a:hover{box-shadow: 0px 7px 17px #E5E5E5;}

.index-box1-morea{margin: 40px auto 50px;text-align: center;}
.more-a{}
.more-a *{transition:all .3s;-webkit-transition:all .3s;}
.more-a a i{color: transparent;width: 0;overflow: hidden;left: -10px;}
.more-a a:hover i{color: #fff;width: 14px;left: 0px;}
.more-a a:hover{
	color: #fff;
	box-shadow: 0px 7px 15px #E5E5E5;
	background-color: #4587ff;
	/* border: 1px #4587ff solid; */
}
.more-a a{
    background:rgb(238 238 238);
    /* border: 1px transparent solid; */
    width: 150px;
    height: 37px;
    display: inline-block;
    line-height: 37px;
    font-size: 15px;
    color: #AAA;
    border-radius: 2px;
    transition: all ease-out .3s;
    /* background-color: #fff; */
    font-family: "SourceSansPro";
    text-align: center;
    text-decoration: none;
    }




.index-boxinput{border-bottom: 1px solid #ccc;}
.index-boxinput .container{font-size: 0;}
.index-boxinput .text{float: none;vertical-align: middle;display: inline-block;}
.index-boxinput .text ul{}
.index-boxinput .text ul li{display: inline-block;}
.index-boxinput .text ul li a:hover{color: #ff7e00;}
.index-boxinput .text ul li span,
.index-boxinput .text ul li a{color: #515050;padding:20px 6px;text-decoration: none;vertical-align: middle;
display: inline-block;}
.index-boxinput .index-boxinput-input{float: none;vertical-align: middle;display: inline-block;padding:10px 0;}


.header-input-group{float: none;vertical-align: middle;display: inline-block;padding-left: 0;}
.header-input-group .input-group{border:1px solid #888;border-radius: 90px;}
.header-input-group button{background: transparent;border-radius:90px 0 0 90px!important;border-color: transparent;}
.header-input-group button:hover{background: #666;border-color: #666;}
.header-input-group button:focus,
.header-input-group button:active:focus{background: #666;border-color: #666;outline: none;}
.header-input-group button i{color: #888;font-weight: 0;}
.header-input-group input,
.header-input-group input:hover:focus,
.header-input-group input:focus,
.header-input-group input:active{border:none;border-radius: 60px;box-shadow: none;}

#ckplayer_a1{}

.layui-layer-title{
    color: #FFF;
    overflow: hidden;
    background-color: #333;
    font-family: "Microsoft YaHei";}

.index-box3{padding-top: 150px;background: #F7F7F7;overflow: hidden;padding-bottom: 150px;}
.index-box3 .container1400{padding:0;}
.index-box3-left{padding:0;}
.index-box3-left figure{position: relative;font-size: 0;}
.index-box3-left figure img{width: 100%;}
.index-box3-left figure video{margin:0;}

.index-box3-right{padding:30px;padding-left: 40px;padding-top: 0;}
.index-box3-right h2{font-size: 35px;font-weight: 600;margin-bottom: 15px;color: #333;font-family: GOTHAM-BLACK;}
.index-box3-right h4{color: #999;font-size: 14px;font-family:'Open-Sans';}
.index-box3-right p{font-size: 16px;line-height: 24px;color: #999;display: block;margin-top: 30px;font-family:'Open-Sans';}
.index-box3-right .btn-a{text-decoration: none;background: #8fc31f;color: #fff;border-radius: 5px;padding:8px 30px;
margin-top: 30px;}
.index-box3-right .btn-a:hover{background: #628f00;}
.index-box3-bottom-icon{float: right;text-align: right;margin-top: 30px;margin-bottom: 30px;}

.index-box3-list{margin-top: 30px;}
.index-box3-morea{margin-top: 30px;}
.index-box3-morea a{background: #eee;}




.index-box4{margin-bottom: 0;padding: 40px 0;background: #f7f7f7;}
.index-box4 .title{text-align: center;padding: 50px 0;}
.index-box4 .title h2{color:#232323;font-family: "GOTHAM-BLACK";font-size: 35px;font-weight: 600;}
.index-box4 .list{display:block;}
.index-box4 .list ul{font-size: 0;}
.index-box4 .list ul li{display: inline-block;margin-bottom: 30px;}
.index-box4 .list ul li a{display: block;padding:15px;padding-right: 0;overflow: hidden;background: #ffffff;
position: relative;}
.index-box4 .list ul li a .figure{padding:0;overflow: hidden;}
.index-box4 .list ul li a .figure img{
	transform:scale(1) rotate(0deg);/*缩放 参数=1不变，<1 变小 >1 变大 负数 颠倒*/
-ms-transform:scale(1) rotate(0deg);/*兼容IE9浏览器*/
-webkit-transform:scale(1) rotate(0deg);/*兼容谷歌浏览器*/
-o-transform:scale(1) rotate(0deg);/*兼容opera浏览器*/
-moz-transform:scale(1) rotate(0deg);/*兼容火狐浏览器*/
transition:all .5s;-webkit-transition:all .5s;
}
.index-box4 .list ul li a:hover .figure img{
	transform:scale(1.4) rotate(-10deg);/*缩放 参数=1不变，<1 变小 >1 变大 负数 颠倒*/
	-ms-transform:scale(1.4) rotate(-10deg);/*兼容IE9浏览器*/
	-webkit-transform:scale(1.4) rotate(-10deg);/*兼容谷歌浏览器*/
	-o-transform:scale(1.4) rotate(-10deg);/*兼容opera浏览器*/
	-moz-transform:scale(1.4) rotate(-10deg);/*兼容火狐浏览器*/
}
.index-box4 .list ul li a .text{padding:10px;}
.index-box4 .list ul li a:hover .text h3{color: #7b7b7b;font-family: SourceSansPro;}
.index-box4 .list ul li a .text h3{font-size: 15px;color: #ccc;
font-size: 18px;
    color: #eee;
    line-height: 23px;
    margin-bottom: 5px;
    transition: all .5s;
    font-family: "SourceSansPro";
    height: 46px;}
.index-box4 .list ul li a .text p{color: #B5B5B5;position: relative;z-index: 66;
height: 44px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;font-family: "Open Sans", "Microsoft YaHei";
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;}
.index-box4 .list ul li a time{
position: absolute;
    z-index: 0;
    right: -15px;
    bottom: -20px;
    font-size: 55px;
    color: #383838;font-weight: 600;
    transition: all .4s;font-family: "GOTHAM-BLACK","Microsoft YaHei";
    }
.index-box4 .list ul li a:hover time{
	color: #3c3c3c;
}
.index-title{text-align: center;}
.index-title h2{font-size: 26px;text-transform: uppercase;}
.index-title .box{display: block;margin:5px auto;}
.index-title .box span{display: inline-block;width: 60px;height: 2px;background: #ccc;}
.index-title .box b{display: inline-block;margin:0 8px;width: 20px;height: 2px;background: #8fc31f;}


.index-aboutbtn{border:1px solid #0078be;text-align: center;padding: 5px 30px;color: #0078be;
margin-top: 30px;margin-bottom: 10px;}
.index-aboutbtn:hover{text-decoration: none;box-shadow: 0px 0px 5px inset;}


.index-bannermin{margin-bottom: 30px;}
.index-bannermin img{width: 100%;}
.bg-figure{}
.bg-figure img{width: 100%;}

.main{overflow: hidden;}
.page-banenr{position: relative;top: 0;/*height: 105px;*/background: #222;  }
.page-banenr img{width: 100%;}

.blur-border{display: inline-block;width: 40px;height: 4px;background: #0e49bb;margin:10px 0;}




/*business*/
.business-box1{margin-bottom: 40px;}
.business-box1 .title{text-align: center;font-size: 18px;font-weight: 600;margin:30px 0;}
.business-b{line-height: 32px;}
.business-box2{background: #f5f5f5;padding: 20px 0;margin: 30px 0;}
.business-box2 ul{}
.business-box2 ul li{margin: 10px 0}
.business-box2 ul li a{display: block;border:1px solid #ccc;text-align: center;}
.business-box2 ul li a:hover{border-color: #215891;}
.business-box2 ul li a figure{}
.business-box2 ul li a figure img{}
.business-b{letter-spacing:0.5px}

/*company*/
.company-box1{}
.company-box1 .title{text-align: center;padding: 20px ;text-transform: uppercase;font-size: 18px;
font-weight: 600;margin-top: 15px;}
.company-box1 .list{background: #eee;;}
.company-box1 .list ul{}
.company-box1 .list ul li{margin-top: 15px;}
.company-box1 .list ul li a{display: block;text-decoration: none;color: #333;}
.company-box1 .list ul li a figure{overflow: hidden;}
.company-box1 .list ul li a figure img{transition:all .3s;-webkit-transition:all .3s;}
.company-box1 .list ul li a h3{color: #333;font-size: 14px;padding: 10px 15px;}
.company-box1 .list ul li a:hover figure img{
	transform:scale(1.2);/*缩放 参数=1不变，<1 变小 >1 变大 负数 颠倒*/
  -ms-transform:scale(1.2);/*兼容IE9浏览器*/
-webkit-transform:scale(1.2);/*兼容谷歌浏览器*/
-o-transform:scale(1.2);/*兼容opera浏览器*/
-moz-transform:scale(1.2);
}

.preach-table{float: none;}
.preach-table table{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
.preach-table table .ash th{background:transparent;border-top: 1px solid #ccc;}
.preach-table table th{background: #79aacb;color: #000;padding:7px 10px;text-align: center;}
.preach-table table tr{text-align: center;border-bottom: 1px solid #ccc;}
.preach-table table tr td,.preach-table table th{border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;padding:5px 10px!important;height: 50px;}
/*.preach-table table tr:nth-child(2n+1){background: #f6f7f7}*/
.preach-table table tr.active{background:#2daba1}
.preach-table table tr.active{color:#fff;}
.preach-table table tr:nth-child(2n+1){background: #eee}


.company-box2{}
.company-box2 .left{padding: 0}
.company-box2 .right{padding: 0}
.company-box2 .buttom{float: none;margin: 20px auto;padding: 0;}

/*case*/
.case-box1{margin-top: 30px;}
.case-box1 .title{}
.case-box1 .title h3{text-align: center;font-size: 26px;margin-bottom: 30px;}
.case-box1 .text{line-height: 30px;}
.case-box1-list{overflow: hidden;margin-bottom: 40px;}
.case-box1-list ul{font-size: 0;}
.case-box1-list ul li{display: inline-block;float: none;vertical-align: middle;margin-bottom: 30px;}
.case-box1-list ul li figure{}
.case-box1-list ul li figure img{}
.case-box1-list ul li h3{margin:15px 0;font-size: 18px;line-height: 30px;}
.case-box1-list ul li p{display: block;color: #999;}

.quality-box3{margin-top: 50px;}
.quality-box3-top{background: #ccecd8;}
.quality-box3-top ul{padding:30px;}
.quality-box3-top ul li{text-align: center;
display: table-cell;width: 1%;}
.quality-box3-top ul li span{background: #fff;background: #fff;color: #69ca00;padding: 10px 40px;
display: block;width: 90%;}

/*quality*/
.quality-box1{overflow: hidden;margin-bottom: 50px;}
.quality-box1 .title{text-align: center;padding:30px 0;}
.quality-box1 .title span{display: inline;color: #92d050;font-size: inherit}
.quality-box1-list{}
.quality-box1-list .figure{border:1px solid #ccc;}
.quality-box1-list .figure img{}
.quality-box1-list .text{text-align: center;position: relative;}
.quality-box1-list .text .box{font-size: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.quality-box1-list .text .box:after{display: inline-block;width: 0;height: 100%;vertical-align: middle;content: "";}
.quality-box1-list .text .box h4{float: none;display: inline-block;
	vertical-align: middle;text-align: left;font-size: 20px;color: #fff;line-height: 30px;}

.quality-title{text-align: center;margin-bottom: 30px;}
.quality-title h3{font-size: 30px;color: #333;margin-bottom: 10px;text-transform: uppercase;}
.quality-title h4{display: block;text-align: center;}
.quality-title span{width: 120px;background: #ccc;display: inline-block;height: 2px;}
.quality-title b{display: inline-block;height: 2px;width:10px;background: #8fc31f;margin:0 8px;}

.quality-box2{}
.quality-box2-list{background: #eee;}
.quality-box2-list ul{font-size: 0;}
.quality-box2-list ul li{width: 20%;float: none;display: inline-block;}
.quality-box2-list ul li .top{height: 360px;}
.quality-box2-list ul li .top img{}
.quality-box2-list ul li .bot{height: 360px;}
.quality-box2-list ul li .bot .box{height: 100%;font-size: 0;}
.quality-box2-list ul li .bot .box:after{display: inline-block;content: "";vertical-align: middle;width: 0;height: 100%;}
.quality-box2-list ul li .bot .box h3{font-size: 16px;display: inline-block;text-align: left;padding:15px;vertical-align: middle;line-height: 24px;}

.quality-box4{padding: 30px 0;background: #eee;}
.quality-box4 .about-box4-list{margin:40px;}

.product-detialed-box2list{margin:50px 0;}
.product-detialed-box2list ul{}
.product-detialed-box2list ul li{font-size: 0;background: #eee;}
.product-detialed-box2list ul li .figure{display: inline-block;float: none;vertical-align: middle;padding:0;}
.product-detialed-box2list ul li .figure img{}
.product-detialed-box2list ul li .text{display: inline-block;float: none;vertical-align: middle;font-size: 0;}
.product-detialed-box2list ul li .text:after{display: inline-block;content: "";width: 0;height: 100%;vertical-align: middle;}
.product-detialed-box2list ul li .text .box{display: inline-block;vertical-align: middle;}
.product-detialed-box2list ul li .text .box h3{text-transform: uppercase;margin:15px 0;margin-bottom: 30px;
color: #000;}
.product-detialed-box2list ul li .text .box p{font-size: 16px;line-height: 24px;}
.product-detialed-box2list ul li.flex-box{display:-webkit-flex;	display:flex;}
.product-detialed-box2list ul li.flex-box .figure{-webkit-order:1;order:1;}
.product-detialed-box2list ul li.flex-box .text{-webkit-order:-1;order:-1;}


/*about*/


.mini-page .header-top{background: #1f2a58;}
.mini-page .header-bottom .logo a{width: 330px;}
.mini-page .header-bottom .logo img{width: 330px;height: 64px;}
 
.about-box1{padding: 50px 0 0;background: #333;}
.about-left{border-right: 1px solid #666;padding:0;}
.about-left .title{text-align: right;margin-bottom:20px;padding:15px;padding-right: 30px;}
.about-left .title h3{font-size: 30px;font-weight: 600;color: #fff;}
.about-left .title p{font-size: 16px;color: #999;}
.about-left .list{}
.about-left .list ul{}
.about-left .list ul li.active a{background:#393939;color:#4587ff;font-weight: 600;}
.about-left .list ul li:hover:after,.about-left .list ul li.active:after{
	height: 20px;
}
.about-left .list ul li:after{
	content: "";
    position: absolute;
    width: 3px;
    height: 0;
    top: 12px;
    right: -2px;
    transition: all .4s;
    background: #4587ff;
    border-radius: 5px;
}
.about-left .list ul li{
	line-height: 40px;
    font-size: 15px;
    position: relative;
}
.about-left .list ul li a{
	display: block;
    color: #ccc;
    padding-right: 30px;
    transition: all .4s;
    text-align: right;
    font-family: "Open Sans", "Microsoft YaHei";
    text-transform: uppercase;
}

.about-left .list ul li a:hover{
	color: #4587ff;text-decoration: none;
}
.about-left .list li a::after{
	color: #4587ff;text-decoration: none;
}

.about-right{padding: 0 80px;}
.about-right-li1{min-height: 600px;}
.about-right-li1 *{color: #DDD; font-size: 16px; line-height: 30px;}
.about-right-title{text-align: center;font-size: 28px;font-weight: 600;margin-bottom: 30px;}

.about-right-li2{}
.about-right-li2 ul{font-size: 0;}
.about-right-li2 ul li{display: inline-block;width: 20%;padding:10px 5px;vertical-align: top;}
.about-right-li2 ul li a{display: block;width: 100%;border-radius: 15px;overflow: hidden;position: relative;
}
.about-right-li2 ul li a figure{display: block;}
.about-right-li2 ul li a figure img{}
.about-right-li2 ul li a .text{position: absolute;bottom: -30px;left: 0;width: 100%;text-align: center;
transition:all .3s;-webkit-transition:all .3s;}
.about-right-li2 ul li a:hover .text{bottom: 20px;}
.about-right-li2 ul li a .text h3{font-weight: 600;font-size: 16px;color: #fff;margin-bottom: 10px;
transition:all .3s;-webkit-transition:all .3s;}
.about-right-li2 ul li a .text h5{font-size: 14px;color: #ccc;opacity: 0;
transition:all .3s;-webkit-transition:all .3s;}
.about-right-li2 ul li a .text p{font-size: 14px;color: #ccc;opacity: 0;
transition:all .3s;-webkit-transition:all .3s;}
.about-right-li2 ul li a:hover .text p,.about-right-li2 ul li a:hover .text h5{opacity: 1;}
.contact-color{color: #0071ba!important;}

.about-right-li3{}
.about-right-li3 ul{font-size: 0;}
.about-right-li3 ul li{display: inline-block;float: none;vertical-align: top;margin-bottom: 15px;}
.about-right-li3 ul li figure{}
.about-right-li3 ul li figure img{width: 100%;}
.about-right-li3 ul li h3{font-size: 15px;color: #bbb;text-align: center;padding: 10px 0;font-weight: 600;}




.contact-about-history{padding:30px 0;overflow: hidden;position: relative;width: 100%;}
.contact-about-history ul{font-size: 0;position: absolute;top: 0;left: 0;}
.contact-about-history ul li{display:inline-block;vertical-align: top;}
.contact-about-history ul li a{display: block;text-decoration: none;overflow: hidden;}
.contact-about-history ul li a:hover,.contact-about-history ul li.active a{color: #0f79be;}
.contact-about-history ul li a:hover span,.contact-about-history ul li.active span{color: #0f79be;}
.contact-about-history ul li a:hover p,.contact-about-history ul li.active p{color: #0f79be;}
.contact-about-history ul li a span{font-size: 40px;color: #898989;}
.contact-about-history ul li a p{color: #898989;font-size: 18px;}

.contact-about-time{width: 80%;margin:0 auto;text-align: center;margin-top: 50px;}
.contact-about-time span{display: inline-block;color: #333;font-size: 20px;margin:10px 25px;vertical-align: middle;}
.contact-about-time .about-timebox{display: inline-block;width: 60%;position: relative;vertical-align: middle;}
.contact-about-time .about-timebox .hua{position: absolute;width: 95px;height: 65px;text-align: center;
bottom: -8px;margin-left: -47.5px;
-moz-user-select:none;-webkit-user-select:none;user-select:none; }
.contact-about-time .about-timebox .hua h3{color: #0071ba}
.contact-about-time .about-timebox .hua i{display: inline-block;width: 20px;height: 20px;background: #0071ba;
position: absolute;bottom: 0;left: 50%;margin-left: -10px;}
.contact-about-time .about-timebox .tiao{width: 100%;height: 4px;background: #efefef;display: block;}

.contact-about-list{}
.contact-about-list p{font-size: 20px;}
/*product*/

.product-right-li1{}
.product-right-li1 .list{}
.product-right-li1 .list ul{font-size: 0;}
.product-right-li1 .list ul li{display: inline-block;vertical-align: top;vertical-align: top;margin-bottom: 20px;}
.product-right-li1 .list ul li a{display: block;text-decoration: none;color: #eee;overflow: hidden;box-shadow: 0px 0 0  transparent;
transition:all .3s;-webkit-transition:all .3s;}
.product-right-li1 .list ul li a:hover{box-shadow: 0px 7px 17px #130f0f;}
.product-right-li1 .list ul li a figure{overflow: hidden;}
.product-right-li1 .list ul li a figure img{
	transform:scale(1);/*缩放 参数=1不变，<1 变小 >1 变大 负数 颠倒*/
-ms-transform:scale(1);/*兼容IE9浏览器*/
-webkit-transform:scale(1);/*兼容谷歌浏览器*/
-o-transform:scale(1);/*兼容opera浏览器*/
-moz-transform:scale(1);/*兼容火狐浏览器*/
transition:all .3s;-webkit-transition:all .3s;
}
.product-right-li1 .list ul li a:hover figure img{
	transform:scale(1.2);/*缩放 参数=1不变，<1 变小 >1 变大 负数 颠倒*/
-ms-transform:scale(1.2);/*兼容IE9浏览器*/
-webkit-transform:scale(1.2);/*兼容谷歌浏览器*/
-o-transform:scale(1.2);/*兼容opera浏览器*/
-moz-transform:scale(1.2);/*兼容火狐浏览器*/
}
.product-right-li1 .list ul li a:hover .text h3{color: #4587ff}
.product-right-li1 .list ul li a .text{padding:15px;border-bottom: 1px solid #333;}
.product-right-li1 .list ul li a .text h3{font-size: 16px;padding: 8px 5px;color: #fff;transition:all .3s;-webkit-transition:all .3s;}
.product-right-li1 .list ul li a .text p{
	font-family: "Open Sans", "Microsoft YaHei";
    font-size: 13px;
    color: #888;
    line-height: 20px;
    height: 40px;
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}


.product-news{border-top:1px dotted #ccc;margin-top: 20px;}
.product-news-list{}
.product-news .index-box1-title{margin:20px 0;}
.product-news-list ul{}
.product-news-list ul li{padding: 7px;}
.product-news-list ul li a{color: #333;border:1px solid #ccc;padding: 15px;}
.product-news-list ul li a:hover span{}
.product-news-list ul li a:hover h4{}
.product-news-list ul li a:hover h2{}
.product-news-list ul li a:hover p{color: #ff7e00;}

.product-bottom-service{}
.product-bottom-service-list{}
.product-bottom-service-list ul{}
.product-bottom-service-list ul li{}

.product-bottom-service-list{}
.product-bottom-service-list ul{}
.product-bottom-service-list ul li{border:1px solid #ccc;float: left;background: #f7f7f7;margin-bottom: 25px;}
.product-bottom-service-list ul li .figure{padding: 0;}
.product-bottom-service-list ul li .figure img{}
.product-bottom-service-list ul li .text{}
.product-bottom-service-list ul li .text .title{margin-top: -15px;}
.product-bottom-service-list ul li .text b{background: #024791;color: #fff;padding:5px 55px;font-size: 14px;display: inline-block;
position: relative;box-shadow: 0 5px 5px #ccc;margin-bottom: 40px;}
.product-bottom-service-list ul li .text p{text-align: center;padding: 15px;line-height: 24px;}



/*news*/
.main-banner{}
.main-banner img{width: 100%;}

.news-box1{}
.news-box1 .list{margin-top: 30px;}
.news-box1 .list ul{}
.news-box1 .list ul li{margin-bottom: 20px;}
.news-box1 .list ul li a{text-decoration: none;color: #333;padding-bottom: 20px;
display: block;overflow: hidden;font-size: 0;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #555;}
.news-box1 .list ul li a figure{text-align: center;overflow: hidden;padding:0;vertical-align: middle;float: none;display: inline-block;}
.news-box1 .list ul li a figure img{transition:all .3s;-webkit-transition:all .3s;}
.news-box1 .list ul li a .text{padding:5px 20px;vertical-align: middle;float: none;display: inline-block;}
.news-box1 .list ul li a .text h3{font-size: 20px;font-weight: 600;margin:10px 0;color: #fff;}
.news-box1 .list ul li a .text p{display: block;margin:5px 0;
text-overflow: -o-ellipsis-lastline;color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;}
.news-box1 .list ul li a .text span{color: #616161;margin:10px 0;display: block;}
.news-box1 .list ul li a:hover figure img{
		transform:scale(1.1);/*缩放 参数=1不变，<1 变小 >1 变大 负数 颠倒*/
  -ms-transform:scale(1.1);/*兼容IE9浏览器*/
-webkit-transform:scale(1.1);/*兼容谷歌浏览器*/
-o-transform:scale(1.1);/*兼容opera浏览器*/
-moz-transform:scale(1.1);
}

.news-box1 .list ul li a .time{text-align: right;vertical-align: top;float: none;display: inline-block;}
.news-box1 .list ul li a .time b{color: #555;font-weight: 600;font-size: 32px;display: block;}
.news-box1 .list ul li a .time span{color: #555;font-size: 22px;}


.news-pageup-dow{text-align: center;margin-bottom: 120px;margin-top: 30px;}
.news-pageup-dow .l{width: 45%;}
.news-pageup-dow .r{width: 45%;float: right;}
.news-pageup-dow .l a{text-align: left;
float: left;color: #505051;width: 100%;
    background: url(../image/ico-paging_prev.png) no-repeat 20px center;
    padding: 15px;
    font-size: 15px;
    text-align: left;
    padding-left: 55px;
    line-height: 20px;
    transition: all ease-out .6s;
    border: 1px solid #505051;
    border-radius: 5px;}
.news-pageup-dow .r a{text-align: right;display: block;width: 100%;
float: right;
    text-align: right;
    background: url(../image/ico-paging_next.png) no-repeat 96% center;
    padding:15px;border-radius: 5px;padding-right: 55px;}
.news-pageup-dow a{color: #505051;border:1px solid #505051;transition:all .3s;-webkit-transition:all .3s;}
.news-pageup-dow a{text-decoration: none;}
.news-pageup-dow a:hover{color: #4587ff;border-color: #4587ff;}

.news-box2{}
.news-box2 .title{margin:30px 0;text-align: left;}
.news-box2 .title h1{margin-bottom: 10px;text-align: left;color: #fff;font-size: 22px;font-weight: 600;}
.news-box2 .title span{color: #999;}
.news-box2 .title span a{color:inherit;text-decoration: none;}
.news-box2 .title span i{margin-right:10px;}
.news-box2 .text{text-align: left;font-size: 16px;
    line-height: 32px;
    color: #aaa;
    word-wrap: break-word;
    min-height: 450px;
    text-align: justify;
    padding: 25px 0;}
.news-box2 .text *{color: rgb(0, 176, 240);}

.news-box2-right{}
.news-box2-right .box{margin-top: 40px;}
.news-box2-right .box .title{}
.news-box2-right .box .title h3{font-size: 18px;color:#999;font-weight: 600;}
.news-box2-right .box .title span{width: 40px;height: 2px;background: #666;display: block;margin-top: 20px;}
.news-box2-right .box .list{}
.news-box2-right .box .list li{margin-top: 15px;}
.news-box2-right .box .list li a:hover h4{color: #4587ff;}
.news-box2-right .box .list li a{text-decoration: none;font-size: 0;color: #999;}
.news-box2-right .box .list li a h4{font-size: 15px;width: 70%;vertical-align: middle;display: inline-block;
white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.news-box2-right .box .list li a span{display: inline-block;width: 20%;vertical-align: middle;display: inline-block;float: right;}

.contact-box1-title{text-align: center;margin:30px 0;}
.contact-box1-title h1{font-size: 30px;margin-bottom: 10px;font-weight: 600;color: #ccc;font-family: 'GOTHAM-BLACK','Microsoft YaHei';}


.contact-box1-list{overflow: hidden;}
.contact-box1-list .time{padding:0 100px;background: #2b2b2b;overflow: hidden;padding-right: 0;margin-bottom: 40px;border-radius: 5px;}
.contact-box1-list .time .box ul{}
.contact-box1-list .time .box{padding:50px 0;}
.contact-box1-list .time .box ul li{}
.contact-box1-list .time .box h3{font-family: "AVGARDD", "Microsoft YaHei";}
.contact-box1-list .time .box ul li h3 i{}
.contact-box1-list .time .box ul li p{}
.contact-box1-list .map{text-align: right;}

/*service*/
.service-box1-title{padding:25px 0;position: relative;width: 100%;display: block;
margin-top:-70px;background: #999;background: rgba(0,0,0,.3);text-align: right;}
/*.service-box1-title .container{padding:0;}*/
.service-box1-title h3{display: inline-block;color: #fff;font-size: 16px;vertical-align: bottom;}
.service-box1-title h3 a{display: inline-block;color: inherit;font-size: inherit;margin:0 10px;}

.service-box1{}
.service-box1 .list-box{}
.service-box1-list {}}
.service-box1-list ul{}
.service-box1-list ul li{padding: 5px;text-align: center;}
.service-box1-list ul li .box{border:1px solid #ccc;padding: 30px;}
.service-box1-list ul li .box figure{display: block;text-align: center;}
.service-box1-list ul li .box figure img{display: inline-block;}
.service-box1-list ul li .box h3{display: block;margin:30px 0;color: #333;font-size: 20px;}
.service-box1-list ul li .box p{color: #474747;line-height: 24px;display: block;margin-bottom: 30px;}

.page-boxye{}
.page-boxye a{display: block;color: #666;margin:10px 0;}

/*case*/
.page-up-lower{margin:60px 0;overflow: hidden;}
.page-up-lower a{color: #999;}

/*about*/


/*contact*/

.contact-box1{overflow: hidden;}
.contact-box1 .title{text-align: center;}
.contact-box1 .title h1{font-size: 30px;font-style: italic;text-transform: uppercase;color: #215891;font-weight: 600;}
.contact-box1 .title h3{display: block;margin-top: 20px;color: #333;text-transform: uppercase;margin:50px 0;
font-size: 18px;}

.hui{color: #9e9e9e}

.message{}




/*services-main*/
.services-main{background: #222;}
.services-box1{}
.services-box1 .title{}
.services-box1 .title h1{text-align: center;display: block;color: #eee;}
.services-box1 .title span{display: block;width: 60px;height: 1px;background: #999;margin-top: 15px;margin:15px auto;}
.services-box1-text{}
.services-box1-text *{color: #999;}

/*detailed*/
.project-main{background: #222}
.project-main .container{padding:0;}


.project-main .title-de{background: #fff;color: #333;padding: 20px 30px;text-align: center;width: 100%;
display: block;font-size: 18px;}

.product-detailed{padding: 5px;}
.pr-de-top{float: left;position: relative;padding:0;margin-top: 20px;}
.pr-de-main{width: 100%;height: 320px;position: relative;overflow: hidden;border:4px solid #333;}
.pr-de-main div{width: 100%;height: 100%;text-align: center;border:1px solid #ccc}
.pr-de-main img{width: 100%;max-height:100%;display: inline-block;vertical-align: middle;}
.pr-de-main i{width:180px;height:180px;background:url(../image/magnifier.png);position: absolute;left: 0;top: 0;cursor: pointer;display: none;z-index: 888}
/*.pr-de-main b{position: absolute;top: 0;left: 0;z-index: 9999}*/

.pr-de-show{position: absolute;left:100%;top: 0;width: 400px;height: 400px;border:1px solid #eee;overflow: hidden;display: none;background:#fff;z-index: 9999}
.pr-de-show div{width:800px;height:800px;position: absolute;line-height: 800px;}
.pr-de-show div img{width:100%;display: inline-block;vertical-align: middle;}

.bg-none{background: none;}
.pr-de-cimain{width: 100%;margin:0 auto;padding: 20px 0;display: block;position: relative;}
.pr-de-cimain ul li{cursor: pointer;text-align: center;text-align: center;display: inline-block;padding:0;margin-right: 5px;margin-bottom: 5px;width: 110px;}
.pr-de-cimain ul li img{vertical-align: middle;display: inline-block;max-height:140px;border:1px solid #ccc;}
.pr-de-cimain ul li:hover img{border-color:#a08a6b;}
.pr-de-cimain .swiper-container{width: 300px;}
.pr-de-cimain .swiper-slide{max-height: 50px;border:1px solid #ccc;padding:1px 2px;vertical-align: top;display: inline-block;}
.pr-de-cimain .swiper-slide img{max-height: 100%;}
.yellow{color: #ffa800}

.pr-de-model{min-height:410px;float: right;margin-top: 20px;padding: 50px;padding-top: 0;}
.pr-de-model header{width: 100%;margin-bottom: 10px;}
.pr-de-model header h2{font-size:20px;color: #222;display: block;border-bottom: 1px solid #ccc;padding-bottom: 15px;margin-bottom: 15px;}
.pr-de-model header h3{font-size: 16px;}
.pr-de-model header span{font-size: 18px;margin:15px 0;color: #999}
.pr-de-model {color: #666;line-height: 26px;}
.pr-de-model .btn-box {margin-top: 20px;}
.pr-de-model .btn-box a.btn{background: #0096ff;color: #fff;padding: 15px 50px;
background: linear-gradient(to right,#02a6ea,#02448e);
    -moz-linear-gradient(left,#02a6ea,#02448e);
    -o-linear-gradient(left,#02a6ea,#02448e);border:none;}
.pr-de-model .btn-box a.btn:hover{background: #ffa800;
background: linear-gradient(to right,#ff9d3d,#ffa800);
    -moz-linear-gradient(left,#ff9d3d,#ffa800);
    -o-linear-gradient(left,#ff9d3d,#ffa800);}
.pr-de-model .tel-det-box .btn-box{font-size: 0;}
.pr-de-model .tel-det-box .telbox{float: none;vertical-align: middle;display: inline-block;}
.pr-de-model .tel-det-box .btnl{float: none;vertical-align: middle;display: inline-block;}
.pr-de-model .tel-det-box .telbox p{font-size: 20px;color: #ff7e00;}
.pr-de-model .tel-det-box .telbox span{color: #333}

.pr-de-bottom{width: 100%;margin-top:40px;border-top:2px solid #eee;border-bottom:2px solid #eee;overflow:hidden}
.pr-de-bottom header{width: 100%;height: 40px;line-height: 40px;font-size:34px;color: #333;margin-top: 30px;}
.pr-de-bottom .pr-de-bottom-li{border-left:2px solid #eee}
.pr-de-bottom .border-right{border-right: 2px solid #eee;border-left:none;margin-right:-2px;}
.pr-de-bottom-content{margin-top: 20px;color: #666}

.pr-de-cimain .swiper-button-next:after,.pr-de-cimain .swiper-container-rtl .swiper-button-prev:after,
.pr-de-cimain .swiper-button-prev:after,.pr-de-cimain .swiper-container-rtl .swiper-button-prev:after
{content: "";}
.pr-de-cimain .swiper-button-next i,.pr-de-cimain .swiper-button-prev i{color: #666}
.pr-de-cimain .swiper-button-next,.pr-de-cimain .swiper-button-prev{background: #484848;vertical-align: top;}


.pr-de-cimain .bx-wrapper .bx-controls-direction a{width:30px;height:26px;margin-top: -15px;display: block;}
.pr-de-cimain .bx-wrapper .bx-controls-direction a.bx-next{background:url(../image/product-det-btl.png) no-repeat;background-size:100%;right: -45px;}
.pr-de-cimain .bx-wrapper .bx-controls-direction a.bx-next:after{content: "\f104";}
.pr-de-cimain .bx-wrapper .bx-controls-direction a.bx-prev{background:url(../image/product-det-btr.png) no-repeat;background-size:100%;left: -45px;}

.product-title{padding:15px 0;font-size: 30px;color: #000;font-size: 16px;padding-top: 0;}

.product-title .btn-a{background: #1f8528;color: #fff;padding:8px 30px;margin-top: 30px;text-decoration: none;font-size: 18px;}
.product-title .btn-a:hover{background: #086c11}


.fixed-text{background: rgba(0,0,0,.3);width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: none;
      z-index: 99999;overflow-x: hidden;cursor: pointer;}
.fixed-text .container{height: 100%;}
.fixed-text .box{position: relative;cursor: default;margin-top: 0px;padding:50px 0;position: relative;width: 340px;height: 340px;
position: absolute;top: 50%;left: 50%;margin-top: -170px;margin-left: -170px;background: #fff;border-radius: 5px;padding: 15px;}
.fixed-text .box i{position: absolute;width: 20px;height: 20px;cursor: pointer;background: #fff;
      text-align: center;line-height: 20px;color: #000;border-radius: 50%;font-style: normal;
right: 10px;top: 10px}
.fixed-input-box{}
.fixed-input-box input,.fixed-input-box textarea,
.fixed-input-box input::-webkit-input-placeholder,.fixed-input-box textarea::-webkit-input-placeholder{margin-bottom: 15px;color: #0096ff;border-color: #0096ff}
.fixed-input-box h3{margin-bottom: 15px;text-align: center;}
.fixed-input-box  button{}
.fixed-input-box  button:hover{background: #0065ab;color: #fff;}
.fixed-text2 .box{width: 200px;height: 200px;margin-top: -100px;margin-left: -100px;}
.fixed-text2 .box figure{text-align: center;}

.product-right-lide1{float: none;display: inline-block;vertical-align: top;padding: 15px;padding-left: 30px;}
.product-right-lide1 h1{color: #EEE;margin-bottom: 15px;font-size: 26px;font-weight: 600;}
.product-right-lide1 h3{font-size: 18px;}
.product-right-lide1 * {color: #ccc;/*margin-bottom: 51px;*/}
.product-detailed-view .tex img {margin-bottom: 15px;}


.product-detailed-view{margin-top: 30px; padding-bottom: 30px;}
.product-detailed-view .title{display: block;background: #3e3e3e;border-left: 2px solid #636363;margin-bottom: 20px;}
.product-detailed-view .text{color: #ccc;}
.product-detailed-view .text *{color: #ccc;}
.product-detailed-view .title h3{font-size: 20px;font-weight: 600;color: #ccc;padding:10px 15px;}


.product-detailed-btnbox{margin-top: 30px;font-size: 0;}
.product-detailed-btnbox .text{float: none;vertical-align: middle;display: inline-block;}
.product-detailed-btnbox .text span{color: #333;font-size: 18px;}
.product-detailed-btnbox .text p{color: #005189;font-size: 18px;}
.product-detailed-btnbox .btn-box{float: none;vertical-align: middle;display: inline-block;text-align: right;}
.product-detailed-btnbox .btn-box a{background: #005189;color: #fff;text-align: center;padding: 16px 16px;
text-transform: uppercase;text-decoration: none;}
.product-detailed-btnbox .btn-box a:hover{background: #003c65;}

.overflow{overflow: hidden;}

.color-l{color: #1c8328;font-size: 30px;font-style: normal;vertical-align: middle;}


/*news-detailed*/
.hei-border{width: 100%;height: 3px;background: #111}
.news-detailed-box{}
.news-header{padding:40px 0;}
.news-header h1{margin-bottom: 20px;}
.posts{padding-top:40px;padding-bottom: 20px;border-bottom:2px solid #666;}
.posts ul{font-size: 0;}
.posts ul li{display: inline-block;vertical-align: top;float: none;}
.posts ul li a{display: block;border:1px solid #ccc;}
.posts ul li a figure{}
.posts ul li a figure img{width: 100%;}
.posts ul li a h3{color: #0e49bb;padding:10px;margin:10px 0;font-size: 16px}


.index-minbanner-list{width: 100%;}
.index-minbanner-list li{}
.index-minbanner-list li a{display: block;margin:0 auto;padding-right: 13px;}
.index-minbanner-list li a figure{}
.index-minbanner-list li a figure img{width: 100%;}

.main{width: 100%;margin-top: 20px;overflow: hidden;}
.main-l{width: 25%;margin-bottom: 40px;float: left;background: #eee}
.main-l-list{display: block;}
.main-l-list ul{display: block;width: 100%;}
.main-l-list ul li{display: block;position: relative;font-size: 0;overflow: hidden;}
.main-l-list ul li a{padding: 20px 15px;display: block;text-decoration: none;color: #00275e;background: #d5e0f2;text-transform: uppercase;}
.main-l-list ul li a:hover{background: #f7fcfe;color: #00275e}
.main-l-list ul li:before{content:"";display: block;border:5px solid transparent;border-left-color:#555;width: 0;height: 0;
position: absolute;left:-100%;top:25px;transition:all .2s;}
.main-l-list ul li:hover:before{left:5px;}

.main-r{width: 75%;float: left;margin-bottom: 40px;padding:0 15px;}

.main-r-list{display: block;width: 100%;margin-top: 24px;overflow: hidden;}
.main-r-list ul{font-size:0;}
.main-r-list ul li{display: inline-block;margin-bottom: 10px;}
.main-r-list ul li a{display: block;width: 96%;height: 100%;margin:0 auto;text-decoration: none;overflow: hidden;}
.main-r-list ul li a figure{display: block;width: 100%;text-align: center;display: block;font-size: 0;
	border:1px solid #999;position: relative;}
.main-r-list ul li a figure .more{position: absolute;width: 100%;height:100%;transition:all .3s;font-size: 0;
	background: rgba(0,0,0,.3);left: 0;top: -100%;}
.main-r-list ul li a:hover figure .more{top: 0;}
.main-r-list ul li a figure .more:after{content: "";display: inline-block;vertical-align: middle;width: 0;height: 100%;}
.main-r-list ul li a figure .more span{display: inline-block;width: 100%;text-align: center;color: #fff;vertical-align: middle;}
.main-r-list ul li a figure img{max-width: 100%;}
.main-r-list ul li a h3{text-align: center;height:60px;font-size:16px;overflow: hidden;color: #585858;margin-top: 15px;}
.main-r-list ul li a b:hover{background: #00a2e3}
.main-r-list ul li a:hover figure{border-color:#00a2e3;}
.main-r-list ul li a:hover h3{color:#00a2e3;}

.main-page{text-align: center;}
.main-page li a{margin:5px;}

/*.left-contact{margin-top: 20px;	}
.left-contact .title{background: #000;color:#fff;padding:20px;text-align: center;}
.left-contact h3{font-size:16px;padding:5px 0;}*/
.nav-page{width: 100%;overflow: hidden;text-align: center;}
.nav-page ul li{}
.nav-page ul li a{margin:0 5px;
	color:#a9a9a9;padding:5px 12px;background: #eee;border-radius: 8px!important;overflow: hidden;}

.nav-page ul li.active a,.nav-page ul li.active a:hover,.nav-page ul li.active a:focus{background: #4587ff;color:#ccc;border-color:#4587ff;
outline: 0 0 5px #000;}
.nav-page ul li a:hover{background: #4587ff;color: #fff;border-color: #4587ff}
/*product-detailed*/
.border-b{border-bottom: 1px solid #ccc;padding-bottom: 10px;overflow: hidden;}

.product-detailed{}
/*solutions-detailed*/
.solutions-detailed{}
.solutions-detailed .solutions-box1{}
.solutions-detailed .solutions-box1 h2{font-size: 30px;color: #007bfc;font-size: 50px;margin: 40px 0}

.solutions-box2{}
.solutions-box2 ul{}
.solutions-box2 ul li{margin-bottom: 15px;}
.solutions-box2 ul li a{display: block;font-size: 0;}
.solutions-box2 ul li a figure{padding: 0;display: inline-block;vertical-align: middle;float: none;}
.solutions-box2 ul li a figure img{}
.solutions-box2 ul li a .text{padding-left: 15px;display: inline-block;display: inline-block;vertical-align: middle;float: none;}
.solutions-box2 ul li a .text p{color: #9e9e9e;font-size: 15px;}
.solutions-box2 ul li a .text h3{color: #333;margin-bottom: 15px;}
.solutions-box2 .title{font-size: 22px;margin: 30px 0;margin-bottom: 15px;}

.solutions-box3{margin-top: 40px;}
.solutions-box3 .title{font-size: 16px;margin-bottom: 10px;}
.solutions-box3 figure{display: block;}
.solutions-box3 .btn{font-size: 16px;color: #fff;background: #007bfc;text-align: center;border-radius: 30px;margin:50px auto;display: inline-block;}


.solutions-box4{background: #f1f1f1;padding:30px 0;}
.solutions-box4 .title{text-align: center;margin:50px 0;}
.solutions-box4-list{display: block;width: 100%;margin-bottom: 30px;} 
.solutions-box4-list ul{} 
.solutions-box4-list ul li{} 
.solutions-box4-list ul li a{display: block;text-decoration: none;color: #333;text-align: center;} 
.solutions-box4-list ul li a figure{} 
.solutions-box4-list ul li a figure img{} 
.solutions-box4-list ul li a .box{transition:all .3s;-webkit-transition:all .3s;margin-top: 15px;}
.solutions-box4-list ul li a h3{color: #333;font-size: 16px;font-weight: 600;padding:10px 0;} 
.solutions-box4-list ul li a p{} 
.solutions-box4-list ul li a:hover{}
.solutions-box4-list ul li a:hover .box{top: -10px;}
.solutions-box4-list ul li a:hover h3{color: #007bfc}
.solutions-box4-list ul li a:hover p{color: #666}
.solutions-box4-list .bx-wrapper .bx-pager{display: none;}
.solutions-box4-list .bx-wrapper .bx-controls-direction a{display: block!important;width: 42px;height: 88px;margin-top: -64px;
transition:all .3s;-webkit-transition:all .3s;}
.solutions-box4-list .bx-wrapper .bx-controls-direction a.bx-prev{background: url(../image/index-box2-box-list-l.png);left: -50px;}
.solutions-box4-list .bx-wrapper .bx-controls-direction a.bx-prev:hover{left: -55px;}
.solutions-box4-list .bx-wrapper .bx-controls-direction a.bx-next{background: url(../image/index-box2-box-list-r.png);right: -50px;}
.solutions-box4-list .bx-wrapper .bx-controls-direction a.bx-next:hover{right: -55px;}

/*support*/
.btnlv{background: #007bfc;border-radius: 60px;text-align: center;display: inline-block;color: #fff;padding:8px 30px;}
.btnlv:focus,.btnlv:hover{color: #fff;}

.support-box1{}
.support-box1 .list-nav{}
.support-box1 .list-nav ul{}
.support-box1 .list-nav ul li{width: 20%;}
.support-box1 .list-nav ul li a{}

.support-box1-li4{}
.support-box1-li4 .panel{box-shadow: 0 0 5px #ccc;border-radius: 15px;margin-bottom: 20px;}
.support-box1-li4 .panel-heading{padding:30px 15px;min-height: 90px;}
.support-box1-li4 .panel-title a{text-decoration: none;display: block;font-size: 0}
.support-box1-li4 .panel-title a i .off{display: none;}
.support-box1-li4 .panel-title a span{display: inline-block;vertical-align: middle;float: none;font-size: 18px;}
.support-box1-li4 .panel-title a i{vertical-align: middle;float: none;display: inline-block;}
.support-box1-li4 .panel-body{border:none!important;}

.support-box1-li5{}
.support-box1-li5 ul{font-size: 0;}
.support-box1-li5 ul li{float: none;vertical-align: top;display: inline-block;margin-bottom: 30px;}
.support-box1-li5 ul li a{display: block;width: 100%;text-decoration: none;color: #333}
.support-box1-li5 ul li a figure{display: block;}
.support-box1-li5 ul li a figure img{}
.support-box1-li5 ul li a h3{color: #333;font-size: 20px;margin: 10px 0}
.support-box1-li5 ul li a p{color: #9e9e9e}


.table-news,.table-news th{text-align: center;}
.connect-news{color: #9e9e9e;line-height: 26px;}

.news-btn{text-align: right;margin:15px 0;width: 100%;}
.news-btn div{display: inline-block;}
.news-product{margin-top: 30px;}
.news-product-list{}
.news-pede-left{}
.news-pede-left i{display: inline-block;padding:0;}
.news-pede-left ul{display: inline-block;margin-top: 50px;}
.news-pede-left ul li{margin-bottom: 38px;}
.news-pede-left ul li a{color: #666;font-size: 16px;}

.news-pede-right{}
.news-pede-right ul{}
.news-pede-right ul li{margin-bottom: 18px;}
.news-pede-right ul li a{color: #333;padding:8px;}
.news-pede-right ul li a figure{padding: 0 5px;}
.news-pede-right ul li a figure img{width: 100%;}
.news-pede-right ul li a .text{}
.news-pede-right ul li a .text h3{overflow: hidden;color: #d21921;margin-bottom: 15px;font-size: 17px;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp:1;
            -webkit-box-orient: vertical;}
.news-pede-right ul li a .text p{overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient: vertical;}
.news-pede-right ul li a:hover{background: #eee;}


.contact-xinb1{}
.contact-xinb1-box{top: -240px;position: relative;box-shadow: 0 0 10px #ccc}
.contact-xinb1-box .text{padding:90px;overflow: hidden;font-size: 0}
.contact-xinb1-box .text .text-left{vertical-align:bottom;float: none;display: inline-block;}
.contact-xinb1-box .text .text-left h2{margin-bottom: 20px;}
.contact-xinb1-box .text .text-left .xqicon{}
.contact-xinb1-box .text .text-left .xqicon li{font-size: 0;margin:15px 0;min-height: 50px;}
.contact-xinb1-box .text .text-left .xqicon li i{width: 15%;display: inline-block;float: none;vertical-align: middle;}
.contact-xinb1-box .text .text-left .xqicon li i img{}
.contact-xinb1-box .text .text-left .xqicon li h3{font-size: 14px;color: #9e9e9e;width: 84%;display: inline-block;line-height: 20px;vertical-align: middle;}
.contact-xinb1-box .text .text-right{vertical-align:bottom;float: none;display: inline-block;}
.contact-xinb1-box .text .text-right ul{font-size: 0}
.contact-xinb1-box .text .text-right ul li{display: inline-block;float: none;vertical-align: top;}
.contact-xinb1-box .text .text-right ul li figure{display: block;text-align: center;}
.contact-xinb1-box .text .text-right ul li figure img{}
.contact-xinb1-box .text .text-right ul li h3{font-size: 14px;text-align: center;display: block;}


.contact-xinbox2{background: #fff;}
.contact-xinbox2 .title{font-size: 30px;padding:40px 15px;text-align: center;margin-bottom: 50px;}
.contact-xinbox2 .context{padding:60px;}
.contact-xinbox2 .contact1{line-height: 30px;}
.lan{color: #007bfc}



/*support*/
.support-box{}
.support-box .title{text-align: center;padding:30px;font-size: 40px;}
.support-box .list{overflow: hidden;}
.support-box .list ul{}
.support-box .list ul li{padding: 5px;}
.support-box .list ul li a{display: block;background: #c4c4c5;color: #fff;text-decoration: none;overflow: hidden;}
.support-box .list ul li a:hover,.support-box .list ul li.active a{background: #338dc8}
.support-box .list ul li a figure{display: block;width: 140px;height: 140px;text-align: center;padding:30px 0;
margin:16px auto;font-size: 60px;}
.support-box .list ul li a figure img{}
.support-box .list ul li a h4{font-size: 26px;text-align: center;margin:20px 0;display: block;}

.support-box-content{margin-bottom: 30px;}
.support-box-content ul{}
.support-box-content ul li{overflow: hidden;}
.support-box-content ul li a:hover{color: #338dc8}
.support-box-content ul li a{color: #818181;display: block;padding: 10px 0;font-size: 20px;text-decoration: none;}
.support-box-content ul li a i{float: right;}
.support-box-content ul li.first{display: block;font-size: 30px;color: #0071ba;margin-bottom: 30px;border-bottom: 1px solid #999;margin-top: 30px;
padding-bottom: 20px;}

.index-box3-4{margin:30px 0;margin-top: 80px;}
.index-box3-4 .title{
    font-size: 35px;text-align: center;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;margin-top: 30px;margin-bottom: 60px;
    font-family: GOTHAM-BLACK;
}
.index-box3-4 .container{font-size: 0;}
.index-box3-4 ul{display:-webkit-flex;font-size: 0;
    display:flex;}
.index-box3-4 ul li{display: inline-block;float: none;vertical-align: top;flex:1;padding:0;position: relative;z-index: 1;
transition:all .3s;-webkit-transition:all .3s;box-shadow: 0 0 0px 0px #eee;}
.index-box3-4 ul li.li1{}
.index-box3-4 ul li.li2{background: #fcfcfc;}
.index-box3-4 ul li .box{border:1px solid #f3f3f3;padding:50px 35px;margin-top:-1px;margin-left: -1px;height: 100%;cursor: pointer;}
.index-box3-4 ul li:hover{z-index: 10;
    box-shadow: 0 0 20px 7px #eee;}
.index-box3-4 ul li .box figure{margin-bottom: 20px;}
.index-box3-4 ul li:hover .box figure i{color: #4587ff;} 
.index-box3-4 ul li .box figure i{font-size: 60px;transition:all .3s;-webkit-transition:all .3s;}
.index-box3-4 ul li .box h3{font-size: 22px;margin-bottom: 20px;}
.index-box3-4 ul li .box p{font-size: 16px;color: #738190;font-family: 'Microsoft JhengHei';}



/*footer*/
.footer{background: #141414;padding:40px 0;position: relative;overflow: hidden;text-align: center;}
.footer .container{font-size: 0;}
.footer-list1{text-align: left;float: none;vertical-align: top;display: inline-block;}
.footer-list1 h2{font-size: 35px;font-weight: 600;color: #fff;margin-bottom: 10px;font-family: 'GOTHAM-BLACK','Microsoft YaHei';}
.footer-list1 p{color: #888;}

.footer-list{text-align: left;float: none;vertical-align: top;display: inline-block;}
.footer-list h3{color: #fff;margin-bottom: 30px;font-family: "AVGARDD", "Microsoft YaHei";}
.footer-list ul{}
.footer-list ul li{overflow: hidden;margin-bottom: 10px;}
.footer-list ul li h4{float: left;color: #c1c1c1;font-family: "Open Sans", "Microsoft YaHei";font-size: 14px;}
.footer-list ul li h4 i{color: #c1c1c1;display: inline-block;margin-right: 10px;}
.footer-list ul li p{display: inline-block;float: left;color: #c1c1c1;max-width: 70%;font-family: "Open Sans", "Microsoft YaHei";font-size: 14px;}

.footer-bottom{background: #222;}
.footer-bottom h3{
    margin: 0 auto;color: #8e8e8e;
    height: 80px;
    line-height: 80px;
    padding: 0;
    text-align: center;
    font-family: "Open Sans", "Microsoft YaHei";
    font-size: 13px;
}

.fixed-top{position: fixed;line-height: 40px;cursor: pointer;z-index: 66;
	bottom: 40px;right: 40px;background:rgba(0,0,0,.3);width: 40px;height: 40px;text-align: center;display: block;}
.fixed-top i{color: #fff;}

@media (max-width: 990px){
	/*header*/
	.header-top-list{float:none!important;float: left;}
	.search-box{height: 40px;padding: 0;margin-top: 10px;overflow: hidden;}
}
@media only screen and (max-width: 1400px){
.container{width: 100%;max-width:100%;min-width:100%;}
.containerbox{width:1200px;margin:0 auto;font-size: 0;}
.margin-15{margin:0 -15px;}
.margin-10{margin:0 -10px;}
.margin-4{margin:0 -4px;}
.margin-8{margin:0 -8px;}
.header-list-li ul li a.act-a{padding-left: 6px;}

} 
@media only screen and (max-width: 1200px){
.container{width: 100%;}
.margin-15{margin:0 -15px;}
.margin-10{margin:0 -10px;}
.margin-4{margin:0 -4px;}
.margin-8{margin:0 -8px;}
} 


@media only screen and (max-width: 768px){
	.contact-box2 figure{width: 48%;margin:8px 0;}
.contact-box2 .text{width: 48%;margin:8px 0;}

.header-top{background:#161718;}
.header-bottom .logo ,.header-bottom .logo a{width: 100%!important;margin:0;}

.banner-video-a div .title{font-size: 20px;}
.banner-video-a div .subtitle{font-size: 14px;}
.index-box1 .title{margin-top: 30px;}
.index-box1-list ul li a{overflow: hidden;border-radius: 5px;}
.index-box1-list ul li a .text:after{
	    top: -19px;
    border-color: #4587ff;
    background: url(../image/icon.png)no-repeat -87px -155px;
    background-color: #4587ff;
}

.header-top.fixed{position: relative;}
.header-list-li ul li.dropdownl i{display: none;}

.page-banenr{display: none;}
.about-left{border:none;padding-bottom: 30px;border-bottom: 1px solid #444;margin-bottom: 30px;}
.about-left .title{text-align: center;}
.about-left .list ul li a{padding-left: 5px;text-align: left;}
.about-box1{padding-top: 10px;}
.about-right{padding:0 0;}


.about-right-li2 ul li{width: 100%;}
.about-right-li2 ul li a .text{bottom: 30px;}
.about-right-li2 ul li a .text h5{opacity: 1}
.about-right-li2 ul li a .text p{opacity: 1}



.index-box3-right{padding:15px  0;}
.index-box3-morea{text-align: center;}
.index-box3-left{margin-bottom: 15px;}
.index-box4 .title{padding:15px 0;}

.footer-list1{margin-bottom: 30px;}
.footer-list ul li{margin-bottom: 15px;}
.footer-list ul li p{max-width: 100%;margin-top: 5px;}

.main-title{font-size: 16px;text-align: center;font-weight: 600}

.pr-de-model{padding: 0}
.pr-de-main div#showdepor{height: auto;}
.product-bottom-list .table{width: 100%;}
.main-r-header{width: 100%;border-bottom: 2px solid #ccc;padding-bottom: 20px;font-size:24px;color:#777;padding:15px 0;
overflow: hidden;}
.main-r-header i{float: left;margin-right: 10px;margin-top: 3px}
.main-r-header h3{display: inline-block;float: left;}
.main-r-header a{float: right;}
.main-r-header a img{max-width: 140px;}
.header-bottom{text-align: center;margin-top: 20px;text-align: center;margin-bottom: 15px;width: 100%;}

.news-pede-left ul{text-align: center;margin-top: 0}
.news-pede-left i{display: none;}
.news-pede-left ul li{display: inline-block;margin:15px;border:1px solid #ccc;padding:8px;border-radius: 3px;}
.news-pede-right{padding: 0	}
.news-pede-right ul li a figure{margin-bottom: 10px;}


.main-l,.main-r{width: 100%;padding:0;}
.whole-main-left-a{width: 70%!important;display: inline-block!important;	}
.main-content{padding:0 15px;}
.main-content .header{margin: 15px 0}
.whole-main-left-b{width: 30%;display: inline-block!important;text-align: center;}
.main-l{min-height: auto}
.main-r-list ul li{padding:0;}
.product-banner-btn #product_del{left: 0px;margin-top: -80px;}
.product-banner-btn #product_der{right: 0px;margin-top: -80px;}
.product-show-right .contact-a{display: block;text-align: center;width: 100%;}

.index-header-input{width: 100%;margin:15px 0;}
.header-top{position: relative;padding:0;}
.header-nav{padding:0;width: 100%;}
.header-nav .logo{width: 100%;text-align: center;padding: 10px 0;border-bottom:1px solid #ccc;}
.header-nav-top{background: #161718}


.header-list-li ul li.we{float: none;margin:0 auto;text-align: center}
.navbar-default .navbar-brand{color: #fff}

.header-box1 .a{text-align: center;width:100%;}
.header-box1 .text{text-align: center;width: 100%;border:none;margin-top: 20px;}
.index-banner-img{width: 180%;position: relative;margin-left: -40%;}

.index-about-box{display: block;}
.banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{padding:5px;}

.index-header-nav{width: 100%;padding:0;}
.bx-wrapper .bx-controls-direction a{display: none;}
.service{padding:0 15px;}

.contact-text{padding-left: 15px;}
.index-header h2{font-size: 26px;text-align: center;display: block;width: 100%;float: none;margin-bottom: 15px;}
.index-header a{display: block;width: 100px;height: 45px;background: #ccc;border-radius: 5px;line-height: 45px;color: #fff;
text-align: center;float: none;margin:0 auto;font-size: 18px;}


.download-main .list-box0 ul li{width: 100%;}

.contact-right{margin-top: 50px;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}


/*.bx-wrapper .bx-prev{left: 0!important}
.bx-wrapper .bx-next{right: 0!important}*/

.index-search{width: 100%;}
.down-searche{display: block;position: relative;top: 0;left: 0;width: 80%;margin-left: 10%;box-shadow: none;}
.down-searche p{display: none;}
.index-search .btn-div{display: none;}

.header-list-li ul{width: 100%;margin: 0;height: auto;}
.header-list-li .box{box-shadow: none;width: 100%;border:none;}
.header-list-li .box:after{border-bottom-color: #fff;left: 20px;}
.header-list-li{background: #131415}
.header-list-li ul li .list-dropdown{margin:0;padding: 0}
.header-list-li ul{padding: 0 15px;background: transparent;}
.header-list-li ul li{display: block;text-align: left;position: relative;margin:0;}
.header-list-li ul li:hover .list-dropdown, .header-list-li ul li a:hover + .list-dropdown{display: block!important}
.list-dropdown{width: 100%;position: relative;padding: 15px;min-width: auto}
.header-list-li ul li.active::after{content: "";display: block;width: 0!important;height: 0!important;
border:5px solid transparent;border-top-color:#fff; position: absolute;top: 20px;right: 20px;}
.header-list-li ul li a{padding:14px 30px}
.header-list-li ul li a.act-a{color: #fff!important;text-align: left;padding:14px 6px!important;display: inline-block;width: auto;margin-bottom: 0!important;
background: transparent!important;font-weight: normal;}
.header-list-li ul li{width: auto;height: auto;}
.header-list-li ul li a.act-a:hover, .header-list-li ul li.active:hover>a{color: #fff!important;top: 0;}
.header-list-li ul li.active{overflow: hidden;}
.header-list-li ul li.active .a-dropdown{display: inline-block;float: right;}
.header-list-li ul li .list-dropdown{width: 100%;display: none;}
.header-list-li ul li:hover .list-dropdown,.header-list-li ul li a:hover+.list-dropdown{display: block;}
.header-list-li ul li.open .list-dropdown{display: block!important;}
.header-list-li ul li.open .a-dropdown{background: #fff}
.header-list-li ul li.open a{background-color:transparent;}

.list-dropdown ul li.divider{display: block;}
.list-dropdown ul:after{display: none;}
.list-dropdown ul li.first{background: #fff;}
.list-dropdown ul{padding:0;background: #141515;}
.list-dropdown ul li{padding:5px 25px;}

.programme-box3-banner-text{display: block;position: relative;}
.programme-box3-banner-text .container{background: #111;padding:20px;}
.programme-det-box1 .list li{width: 50%;margin-bottom: 30px;}
.programme-det-box3 .text{position:relative;width: 100%;transform:translateY(0);-webkit-transform:translateY(0);}
.apartment-box5-div .nav-box{position: relative;text-align: center;}
.apartment-box5-div .nav-box li{float: none;display: inline-block;}
.apartment-box5-div .nav-box li a{padding: 0}

.app-main{background-size:auto 100%;padding:15px;}
.app-box-l{padding:0;}
.app-box-l h4{text-align: center;}
.app-box-l h3{text-align: center;}
.app-box-l .dropdown{text-align: center;}
.app-box-l .dropdown-menu{left: 50%;margin-left: -100px}
.app-box-r{margin-top: 30px;}
.app-main .erweima{margin-top: 20px;text-align: center;}
.network-box1 .list li a:after{display: none;}
.network-main{width: 100%;}
.network-list{width: 100%;}

.process-main .list ul li a:after{display: none;}

.contact-main .input-box ul li .input-li{width: 100%;}
.contact-main .input-box ul li span{width: 100%;margin-bottom: 15px;text-align: left;}
.about-figure div.r{padding: 0;width: 100%}
.about-figure div.l{padding: 0;width: 100%;}



.index-box3-4 ul li{display: inline-block;}
.index-box3-4 ul{display: block;}


.text-list-box8 .text{display: block;}
.index-box8-right .text-list-box8 a{display: block;overflow: hidden;}
.text-list-box8 .time{padding: 0 15px;}
.text-list-box8 .time span{display: inline-block;}
.text-list-box8 .time h6{display: inline-block;}

.major-page3-main ul li a figure{padding: 15px;}

.header-top .logo{padding:0 15px;}
.header-nav-main{margin:0;}
.index-box7-right .list li a .xulie{display: none;}

.news-right{padding:0;}
.news-box1-list ul li{padding:5px;border:1px solid #ccc;}


.banner .bx-wrapper .bx-pager .bx-pager-item a, .bx-wrapper .bx-controls-auto .bx-controls-auto-item a{width: 12px;height: 12px;}

.lawyer-detailed-box1 .text{padding: 25px;}
.lawyer-detailed-box1 .text p{}

.floating_ck{display: none;}


.contact-box1 ul{font-size: 0;}
.contact-box1 ul li{margin-top: 20px;}
.contact-box1 ul li i{display: block;width: 40%;float: none;vertical-align:middle;display: inline-block;}
.contact-box1 ul li span{width: 80%;float: none;vertical-align:middle;display: inline-block;}
.header-language .dropdown{float: right;position: relative;z-index: 2002;}
.header-list-li ul li a.act-a:after{display: none;}
.header-nav{position: static;}
.header-nav .header-language{position: absolute;top: 0;right: 0;display: inline-block;width: auto;padding:0;}

.contact-about-history{height: auto!important;}
.contact-about-history ul{position: relative;.contact-about-history}
.contact-about-history ul li{display: inline-block;vertical-align: top;width: 50%;margin-bottom: 30px;}
.contact-about-history ul li a span{font-size: 18px;}
.contact-about-history ul li a p{font-size: 14px;}
.contact-about-time{display: none;}


.product-detai-content h1{font-size: 28px;}
.product-detai-content p{font-size: 16px;}

.support-box .list ul li a figure{width: 60px;height: 60px;font-size: 30px;padding:0;}
.support-box-content ul li a{font-size: 16px;}
.support-box .list ul li a figure img{width: 100%;}
.support-box .list ul li a h4{font-size: 18px;}




.feedback{border-radius: 0!important;right: auto;width: 100%;
left: 0;bottom: 0;}
.feedback .text{width: 50%;height: 40px;line-height: 100px;background: rgba(0,123,252,.6);border-radius: 0px;
line-height: 60px;border-radius: 30px!important;display: block;margin:0 auto;}
.feedback .text .text-box{}
.feedback .text h3{font-size: 14px;}
.feedback .text span{width: 5px;height: 5px;}
.feedback-box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.feedback-box .x-off{}
.feedback-box .box{}
.feedback-box .box form{}
.feedback-box .box .list{}
.feedback-box .box .list li{}
.feedback-box .box .list li  input{}
.feedback-box .box .list li  textarea{}
.feedback-box .box .list li .btn{}
.product-dt{position: fixed;left: 0;top: 0;z-index: 6666;background: #333;background: rgba(0,0,0,.8);
	padding:20px;height: 100%;width: 70%;left: -70%;transition:all .3s;-webkit-transition:all .3s;}
.leftproduct{display: block;background: #999;background: rgba(0,0,0,.8);color:#fff;width: 30%;
	position: absolute;right: -94px;top: 0;font-size: 14px;}
.leftproduct .icon-bar{background: #fff;}
.leftsidebar_box{border:none;}
.leftsidebar_box dt{padding:0;color: #fff;}
.leftsidebar_box dt img{right: 10px;}
.solutions-detailed .solutions-box1 h2{font-size: 22px;}
.material-de-model{padding:0;}
.material-de-model header h2{font-size: 20px;}
.material-de-model header h4{font-size: 16px;}
.header-fixed .list ul{text-align: right;}
.header-fixed .list ul li{margin-right: 0;margin-left: 20px;margin-bottom: 10px;}
.product-tab .nav li{width: 50%;margin: 0;padding:0;}
.product-tab .nav li a{padding:10px 0;font-size: 14px;font-weight: 600}
.product-tab .nav li.active:after{display: none;}
.product-detailed-res .table-list li .first h3{padding: 30px 0;color: #fff;}
.product-detailed-res .table-list li .first{background: #bdbdbd}
.contact-xinb1-box .text{padding:0;margin-bottom: 30px;}
.contact-xinb1-box{top: 0;margin-top: 30px;}
.contact-xinb1-box .text .text-left h2{font-size: 20px;margin-top: 30px;}
.contact-xinb1-box .text .text-right{margin-bottom: 30px;}
.contact-xinbox2 .context{padding:5px;}


.index-news-text .box1{text-align: left;border:none;border-left:1px solid #ccc;margin-bottom: 10px;}
.index-news-text{padding:15px;}
.index-news-text .box2{padding:0;}
.page-up-lower .l,.page-up-lower .r{text-align: center!important;margin:15px 0;}

.service-box1-title{margin-top: 0;padding:15px;}

.table-list ul li{margin:5px 0;border-bottom: 1px solid #eee;padding-bottom: 5px;}
.table-list ul{box-shadow: none!important;}



.containerbox{width:auto;margin:0 auto;font-size: 0;}
.margin-15{margin:auto;}
.margin-10{margin:auto;}
.margin-4{margin:auto;}
.margin-8{margin:auto;}
.product-page-main-list ul{font-size: 0;display: block;}
.product-page-main-list ul li{display: inline-block;;width:45%;margin:5px;}
.product-page-main-list ul li a{padding:5px 15px;}
.pr-de-main{height: auto;}
.pr-de-cimain ul li img{height: auto;}
.service-box1-title{padding: 15px 0}


.product-detialed-box2list ul li.flex-box .text-left{text-align: right;}
.product-detialed-box2list ul li.flex-box{display: block;margin:15px 0;}
.product-detialed-box2list ul li{border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.contact-box1 .title{font-size: 18px;text-transform: inherit;line-height: 20px;}


.index-box3{padding:0;background: none}
.index-box3-header{text-align: center;margin:10px;}
.index-box3-header span{display: inline-block;}
.index-box3-logo{margin:0 auto;float: none;}


.pr-de-cimain ul li{width: 31%;}
.rd-certificate .list ul li{background: transparent;}
.news-box1 .list ul li a .text h3{margin-top: 20px;}

.news-pageup-dow .r{text-align: left;margin-top: 25px;}
.news-pageup-dow{overflow: hidden;margin:30px 0;}


.about-box2-fu .text h3{font-size: 18px;margin:15px 0;text-align: center;}


.header-top{}
.header-top .container1400{padding:0;}
.header-leng, .header-leng{padding:10px 0;text-align: right;}
.header-leng, .header-leng a{padding:4px 5px;}

.about-content-box .left .box .text{font-size: 22px;}
.pr-de-cimain .swiper-container{width: 80%;overflow: hidden;}
.pr-de-cimain .swiper-slide{height: auto;}
.quality-box2-list ul li{width: 100%;font-size: 0;}
.quality-box2-list ul li .box{}
.quality-box2-list ul li .bot{height: auto;width: 50%;display: inline-block;vertical-align: middle;}
.quality-box2-list ul li .top{height: auto;width: 50%;display: inline-block;vertical-align: middle;}
.quality-box2-list ul li .bot .box h3{
	font-size: 15px;
    display: inline-block;
    text-align: left;
    padding: 8px;
    vertical-align: middle;
    line-height: 13px;
}

.quality-box3-top ul li{width: 50%;margin-bottom: 15px;display: inline-block;}
.quality-box3-top ul{font-size: 0;}
.quality-box4 .about-box4-list{margin:0;}


.news-pageup-dow .l{width: 100%;}
.news-pageup-dow .r{width: 100%;}
.contact-box1-list .time{padding-left: 0;}
.contact-box1-list .time .box{padding: 8px;}

.header-bottom .logo a img{/*height: auto;width: 10%;*/}
.fixed-top{right: 0;bottom: 0;border-radius:90px 10px 0 10px;overflow: hidden;display: none;}


}