body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#000; font-size:1rem; font-family:"Conv_PraxisEF-Light_0",Microsoft JhengHei UI,"微软雅黑";  margin:auto;letter-spacing:0.5px;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h2{ font-size:2.625rem;}
h3{ font-size:1.275rem;}

h6{ font-size:1rem;}
.center{ text-align:center;}
.fl{ float:left;}.fr{ float:right;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
.nodispaly{ display:none}
.oh{height:auto; overflow:hidden;}
.clearfix{zoom:1;}
.clearfix:after,
.clearfix:before {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#000; text-decoration:none; transition: all 0.3s;}
a:hover {color:#1b3373; text-decoration:none; }
.wd{  margin:auto; padding:0 10%; height:auto; overflow:hidden;}
.width{ margin:auto;padding:0 2%;}
::-webkit-scrollbar-track{background:#FFF;}
::-webkit-scrollbar{ width: 10px;}
::-webkit-scrollbar-thumb{background:#222;}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@font-face {
	font-family: 'Conv_PraxisEF-Light_0';
	src: url('../font/PraxisEF-Light_0.eot');
	src: local('☺'), url('') format('woff'), url('../font/PraxisEF-Light_0.ttf') format('truetype'), url('../font/PraxisEF-Light_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_PraxiEFBol';
	src: url('../font/PraxiEFBol.eot');
	src: local('☺'), url('') format('woff'), url('../font/PraxiEFBol.ttf') format('truetype'), url('../font/PraxiEFBol.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
header{ width: 100%; height:90px; z-index: 100;transition: all 0.4s;  position:absolute;}
header:hover{ background:rgba(65,13,173,0.6);}
header .top{ height:auto; margin:auto;position:relative; padding:0px 10% ;}
header .top h1{ width:30%; float:left;}
header .top h1 img{max-width:100%;vertical-align: middle; margin-top:27px;}
.nav{float:right;height:auto; display: inline-block;}
.nav ul{}
.nav ul li{float:left; position:relative; line-height:90px;text-align: center;  position:relative;padding:0 30px; text-transform:uppercase; }
.nav ul li a{ font-size:18px;position:relative;margin:0 0px; display:block;  color:#fff;}
.nav ul li.currelt a{ color:#00578c;}
.nav ul li a:after {content:'';bottom:30px;position:absolute;display:block;width:0;height:1px;background:#fff;transition:all .4s;}
.nav ul li.currelt a:after,.nav ul li a:hover:after {width:100%;}

.nav li ul{position: absolute;top:90px;z-index: 100;background: rgba(255,255,255,1);width: 100%;visibility: hidden;opacity: 0;transition: all 0.3s; width:230px;}
.nav li:hover ul{visibility: visible;opacity: 1;}
.nav li ul li{font-size: 16px;box-sizing: border-box; line-height:1.3; padding:15px; width:230px; text-transform:lowercase; text-align:left; }
.nav li ul li a{border-top: 0 none;padding:0;}
.nav li:hover ul li a{font-family: 'Conv_PraxisEF-Light_0';font-weight: normal;border-top: 0 none;}

.demo-buttons{width: 60px;text-align: center;line-height:90px;position: absolute;right: 0px;top: 0px;display: none; color:#fff;}
.demo-buttons i{display: block;}
.icon-24px{ font-size:1.95rem;}
.banner_pc{position:relative;}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative;} 
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:50px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:70px; height:4px; display: block; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background:#FFF;}
.flex-control-paging li a:hover {}
.flex-control-paging li a.flex-active { background: #f60; cursor: default; }


.diyip{ padding:4% 0; height:auto; overflow:hidden;}
.diyip .left{ width:30%; float:left; height:auto; overflow:hidden;}
.diyip .left h2,.dierp h2{ margin-top:30px; font-size:2rem;font-weight:400;}
.diyip .left p{ color:#6a6d73; line-height:2.5;}
.diyip .left h3{ font-size:2.35rem; font-weight:400;}
.diyip .right{ width:65%; float:right; height:auto; overflow:hidden;}
.diyip .right ul{ margin-right:-1%;}
.diyip .right ul li{ width:18%; float:left; margin-right:1%; height:auto; overflow:hidden; margin-bottom:1%;}
.diyip .right ul li .pic{ border:1px #eee solid;}
.diyip .right ul li .pic img{ max-width:100%;}
.dierp{ padding: 0 0 4% 0; height:auto; overflow:hidden;}
.dierp ul{ margin-right:-1%; position:relative; margin-top:30px;}
.dierp ul li{ width:15%; float:left; height:auto; overflow:hidden; margin-right:1%; border:1px #eee solid;}
.dierp ul li .pic{ position:relative; width:100%;}
.dierp ul li .pic img{ max-width:100%;  margin:auto; clear:both; display:block;}
.dierp ul li p{ text-align: center; padding:0 30px 0 30px; height:60px; color:#999;}



.in_one{ background: #f7f7f7 url(../image/bg2.jpg) no-repeat top center; height: auto; overflow:hidden;position: relative; padding:4% 0 ;}
.in_one h3,.in_there h3{ text-align:center; font-size:2.75rem; font-weight:400;}
.in_one .tile,.in_there .tile{ text-align:center; color:#999; line-height:1.7;}
.in_one .box_one{ width:100%; height: auto; overflow:hidden; padding:4% 0; position:relative;}
.in_one .box_one ul{}
.in_one .box_one ul li{ width:25%; float:left; height:auto; overflow:hidden; padding:10px 0; cursor: pointer;  }
.in_one .box_one ul li .box{ width:140px; height:140px;  overflow:hidden; background:#fff; border-radius:100%; margin:auto;}
.in_one .box_one ul li .box .pic{ width:60px; margin:auto; padding-top:28px;}
.in_one .box_one ul li .box .pic img{ max-width:100%;}
.in_one .box_one ul li .box p{ text-align:center; line-height:2;}
.in_one .box_one ul li .box:hover{box-shadow: 0px 0px 24px 0px rgba(220, 227, 234, 0.86);}
.in_one .box_one ul li .hidden{ display:none; line-height:1.5; padding:10px; position:absolute; margin-top:-110px; background:#fff; border-radius:7px; width:360px;transition: box-shadow 0.3s;}
.in_one .box_one ul li .hidden h3{ text-align:center; padding:15px 0 7px 0; font-size:1.25rem;}
.in_one .box_one ul li .hidden p{ font-size:0.85rem; color:#999;}
.in_one .box_one ul li:hover .hidden{ display:block;box-shadow: 0px 0px 24px 0px rgba(220, 227, 234, 0.86);transition: box-shadow 0.3s;}



.in_there{ height:auto; overflow:hidden; padding:4% 0; position:relative;}
.in_there .more{ width:12%; margin:4% auto 0 auto;background: linear-gradient(to right, #5c16bc, #5c16bc); color:#fff; text-align:center; border-radius:50px; padding:8px 0; font-size:1.25rem; clear:both;}
.in_there .more a{ color:#fff;}
.in_there .more:hover{background: linear-gradient(to right, #f60, #ffd200);transition:all 0.3s;}
.index-advantages {
  --default: #666666;
  --hover: var(--main-color);
  --pad: 44px;
  padding-bottom: 0px;
  overflow: hidden;
  color: var(--text-color);
}
.index-advantages .list {
  margin-bottom: 85px;
  padding-left: var(--pad);
  padding-right: var(--pad);
}
.index-advantages .list .list-li {
  display: flex;
  width: 25%;
  text-align: center;
  float: left;
}
.index-advantages .list .list-li .pad {
  position: relative;
  width: 100%;
  padding: 3.2em 1.5em 2.2em;
  box-shadow: 0px 0px 24px 0px rgba(220, 227, 234, 0);
  font-size: 20px;
  line-height: 1.5em;
  color: var(--default);
  transition: box-shadow 0.3s;
}
.index-advantages .list .list-li .pad .icon {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 2.5em;
  max-width: 70%;
}
.index-advantages .list .list-li .pad .icon img {
  display: block;
  margin: 0 auto;
  transform: rotateY(0deg) scale(1);
  transition: transform 0.3s;
}
.index-advantages .list .list-li .pad::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 4px;
  background: #036dcc;
  transition: left 0.3s, width 0.3s;
}
.index-advantages .list .list-li .pad:hover {
  box-shadow: 0px 0px 24px 0px rgba(220, 227, 234, 0.86);
  color: #036dcc;
}
.index-advantages .list .list-li .pad:hover::after {
  left: 0;
  width: 100%;
}
.index-advantages .list .list-li .pad:hover .icon img {
  transform: rotateY(180deg) scale(0.9);
}
@media (max-width: 1500px) {
  .index-advantages {
    --pad: 34px;
  }
  .index-advantages .wrap-full {
    width: 100%;
  }
  .index-advantages .list {
    margin-bottom: 55px;
  }
  .index-advantages .list .list-li .pad {
    padding: 3em 1.2em 2em;
    font-size: 18px;
  }
  .index-advantages .list .list-li .pad .icon {
    margin-bottom: 2.1em;
  }
}
@media (max-width: 1200px) {
  .index-advantages {
    --pad: 0;
    padding-bottom: 0.5rem;
  }
  .index-advantages .wrap-full {
    width: 100%;
  }
  .index-advantages .list {
    margin-bottom: 0.5rem;
  }
  .index-advantages .list .list-li .pad {
    padding: 1em 1em 1.5em;
    font-size: 0.26rem;
  }
  .index-advantages .list .list-li .pad .icon {
    margin-bottom: 1.2em;
  }
}
@media (max-width: 992px) {
  .index-advantages .list .list-li {
    width:50%; margin-bottom:5%;
  }
  .index-advantages .list .list-li .pad {
    padding: 0.5em 1em 1.5em;
  }
  .index-advantages .list .list-li .pad .icon {
    margin-bottom: 0.8em;
  }
}


.in_two{background:#5c16bc; padding:5% 0 0% 0;background-attachment: fixed;}
.in_two h1{ font-size: 2.75rem;font-weight: 400; text-align:center; text-transform:uppercase; color:#fff;}
.in_two h2{ text-align:center; font-size:16px; color:#fff; line-height:1.8; font-weight:100;}

.owl-demo4 {margin: 0 auto;text-align: center;margin-top:5%;margin-bottom: 8%;}
.owl-carousel {display: none;position: relative;width: 100%;-ms-touch-action: pan-y;-webkit-touch-action: pan-y;-moz-touch-action: pan-y;-o-touch-action: pan-y;touch-action: pan-y;}
.owl-carousel .owl-wrapper-outer {overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-carousel .owl-wrapper {display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-carousel .owl-item {float: left;}
.owl-demo4 .item {margin: 0 4%; height:auto; overflow:hidden;position:relative;}
.owl-demo4 .item dd {overflow: hidden;margin-bottom:6%;transition: all 0.3s; border-radius:20px;position:relative;}
.owl-demo4 .item .imgs {position: relative;overflow: hidden;padding-top:100%;}
.owl-demo4 .item .imgs img {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s ease-out 0s;-o-transition: all 0.6s ease-out 0s;transition: all 0.6s ease-out 0s;}
.owl-demo4 .item dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.owl-demo4 .item dd{ overflow:hidden; margin-bottom:4%; transition:all 0.3s;}
.owl-demo4 .item dd:hover{ box-shadow: 0px 4px 8px 0 rgba(151, 151, 151, 0.1);}

.owl-demo4 .item .bgs{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.75);display: flex; align-items: center; justify-content: left;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);border-radius:20px}
.owl-demo4 .item:hover .bgs{opacity:1.0;filter:Alpha(opacity=100);}
.owl-demo4 .item .cons{ overflow:hidden; width:90%; margin:0 auto; }
.owl-demo4 .item .cons .h4{ font-weight:normal; overflow:hidden; color:#fff;line-height:40px; height:40px;white-space:nowrap;text-overflow:ellipsis; font-size:24px; font-weight:bold;}
.owl-demo4 .item .cons .p{ overflow:hidden; line-height:1.7; color:#fff; text-align:left;}


.owl-theme .owl-controls {text-align: center;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.owl-demo4.owl-theme .owl-controls .owl-pagination {}
.owl-demo4.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline; margin-top:42px;}
.owl-demo4.owl-theme .owl-controls .owl-page span{display: block;width: 30px;height: 3px;margin: 10px 8px;-webkit-border-radius: 5px;-moz-border-radius:  5px;border-radius:  5px;background:#5488af;}
.about_five_div .owl-demo4.owl-theme .owl-controls .owl-page span{ background:#fff;margin: 10px 4px;}
.owl-demo4.owl-theme .owl-controls .owl-page.active span{background:#b400ff; }
.owl-demo4.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0; height:0; display:none;}
.owl-demo4.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:50px; height:50px; text-indent:100px; line-height:40px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-50px;}
.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(404.png) center center no-repeat; background-size:100%; float:left; margin-left:-90px;}
.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background-image:url(404.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(404.png) center center no-repeat; background-size:100%; float:right; margin-right:-90px;}
.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-image:url(404.png);opacity:0.8;filter:Alpha(opacity=80);}
.owl-demo4.owl-theme .owl-controls .owl-page{ display:inline-block;}

.in_three{ background:url(../image/bg2.jpg) no-repeat center top; padding:7% 0;}
.in_three h1{ font-size:50px;font-family:Impact,'Conv_PraxiEFBol'; color:#fff; text-transform:uppercase; font-weight:300;}
.in_three p{ display:block; color:#fff; font-size:20px; padding:1% 0; line-height:1.5;}
.in_three .more{ width:150px; padding:13px 0; text-align:center; color:#fff; background:#3364e0; border-radius:50px; margin-top:20px;}
.in_three .more a{ font-size:22px; color:#fff;}
.in_three .more:hover{ background:#f60;}

.footer{background: linear-gradient(to bottom, #5c16bc, #3f0ca7); padding:5% 0;}
.footer .box{}
.footer .box h3{ text-align:center; color:#fff; font-size:2.85rem; font-weight:400;}
.footer .box .more{ width:15%; margin:2% auto 0 auto;background: linear-gradient(to right, #5c16bc, #5c16bc); color:#fff; text-align:center; border-radius:50px; padding:8px 0; font-size:1.25rem; clear:both; transition:all 0.3s;}
.footer .box .more a{ color:#fff;}
.footer .box .more:hover{background: linear-gradient(to right, #f60, #ffd200);transition:all 0.3s;}
.footer .con{ height:auto; overflow:hidden; padding:5% 0;}
.footer .con .left{ width:70%; float:left; height:auto; overflow:hidden;}
.footer .con .left .borx{ width:50%; float:left; height:auto; overflow:hidden;}
.footer .con .left .borx .pic{ margin-bottom:12px;}
.footer .con .left .borx .tit{ color:#b4a1e0; line-height:1.7;}
.footer .con .left .borx .tel{ font-size:2.3rem; font-family:Impact; color:#fff; margin-bottom:12px;}
.footer .con .left .borx .add{ color:#fff; line-height:1.7;}
.footer .con .right{ width:22%; float:right; height:auto; overflow:hidden; padding-top:51px;}
.footer .con .right .pic{ width:111px; height:auto; overflow:hidden; margin-left:8%; float:left;}
.footer .con .right .pic img{ max-width:100%;}
.footer .con .right .pic p{ text-align:center; font-size:0.85rem; color:#688ca7; padding:10px 0;}
.footer .copy{ padding:3% 0 0 0; border-top:1px #5a24d3 solid; color:#fff; line-height:1.8; text-align:center;}
.f_PingFang-Bold {font-family: "Conv_PraxiEFBol";}.f_PingFang-Medium{ font-family:Verdana, Geneva, sans-serif;}
.f60 {font-size:45px;}.f24{ font-size:18px;}

#AutoBanner {position: relative;overflow: hidden;}
#AutoBanner img {border: 0;vertical-align: top;max-width: 100%;}
#AutoBanner .pc{ display: block; }
#AutoBanner .phone{ display: none; }
#AutoBanner .cont{ position: absolute; display: block; top:70%; left: 0; width: 98%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
#AutoBanner .title{  line-height: 1.7; margin-bottom: 3px; color:#fff; }
#AutoBanner .ltitle{  line-height: 1.7; color:#fff; }
@keyframes scaleAnim{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
.t-center {text-align: center;}
.ulBox {display: flex;justify-content: center;width: 100%;flex-wrap: wrap;}

.feilei{ width:100%; background:#fff; padding:4%  0;}
.feilei .box{ position:relative; height:auto; overflow:hidden; }
.feilei .box .title{ text-align:center;}
.feilei .box p{ text-align:center; line-height:1.6;padding:15px 0 45px 0;}
.feilei ul{}
.feilei ul li{ width:23%; float:left; height:auto; overflow:hidden; border-right:0px #f2f2f2 solid;}
.feilei ul li:nth-child(4){ border-right:0;}
.feilei ul li .pic{ width:118px; margin:auto; position:relative;}
.feilei ul li .pic img { display:block; margin:auto; clear:both; max-width:100%; transition:all 0.3s;}
.feilei ul li p{ text-align:center; font-size:1.275rem; line-height:1.7;}
.feilei ul li:hover .pic img{ max-width:100%; transform:scale(1.1); }
.feilei ul li a.on p { color:#5c16bc;}



.postions {line-height:65px;overflow: hidden;color: #999999; background:#fbfbfb; border-bottom:1px #f4f4f4 solid;}
.postions .postions_r { float:left;}
.postions .postions_r img {vertical-align: baseline;margin-right: 8px;height: 12px;}
.postions a {color: #999999;}.postions .postions_r a:hover{color:#5c16bc;}
.postions .postions_b {float: right; position:relative;}
.postions .postions_b a.isel {color: #5c16bc;}
.postions .postions_b a {float: left;margin-left:60px;text-align: center;overflow: hidden;font-size: 16px;color: #333333;position: relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.postions .postions_b a.isel:after {left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:after {content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: 0;height: 2px;opacity: 0;background-color: #5c16bc;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}
.postions .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:hover{color:#5c16bc;}
.ny_about{ background:#fff; padding:4% 0; }
.ny_about h2{ font-weight:400;}

.ny_about h3{ display:block; margin-top:25px;}
.ny_about p{ line-height:1.8; text-align:justify; display:block; margin-top:30px; color:#444;}
.ny_about p img{ margin:15px auto; clear:both; display:block; max-width:100%;}
.ny_culture{ width:100%;  background: url(404.png) no-repeat center top; padding:4% 0;}
.nydyip{ width:100%; height:auto; overflow:hidden; background:#fafafa; padding:4% 0;}
.nspr{ overflow:hidden; margin:auto;}
.nspr h2{ text-align:center; font-size:32px; height:56px; font-weight:300;}
.nspr ul{margin-right:-3%; margin-top:3%;}
.nspr ul li{ width:30.333%; height: auto; float:left; overflow:hidden; margin-right:3%; background:#fff; padding-bottom:2%;}
.nspr ul li .pic{ width:100%; overflow:hidden;}
.nspr ul li .pic img{ width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.nspr ul li:hover .pic img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.nspr ul li h3{ text-align:center; line-height:60px;  color:#000;}

.ctrulbox{ padding:5% 0 0 0; height:auto; overflow:hidden; background:#f2f2f2;}
.ctrulbox h2,.team h2,.houban h2{ text-align:center;  font-weight:400;}
.ctrulbox p{ text-align:center; line-height:1.5; padding: 30px; color:#999;}
.ctrulbox ul li:hover {box-shadow: 0px 6px 20px 2px rgba(0, 66, 233, 0.09);}
.ctrulbox ul li:hover .pic img {transform: rotateY(-180deg);}
.ctrulbox .pic{ margin:2% 0 0 0;}
.ctrulbox .pic ul{}
.ctrulbox .pic ul li{ width:16.6666%; float:left; height:auto; overflow:hidden;}
.ctrulbox .pic ul li img{ max-width:100%; margin:auto; display:block; clear: both;}

.nspr ul li p{ line-height:1.5; padding:0 5% 5%; text-align:center; color:#999; height:50px;}

.pages{text-align:center;font-size:14px;margin:50px auto 30px auto; width:100%;}
.pages .pagination{border-radius:0px;}
.pages a{display:inline-block;width:35px;height:35px;text-align:center;line-height:35px;font-size:14px;color:#888;border:1px solid #d2d2d2;margin-left:10px;}
.pages a:hover,.pages a.on{border:1px solid #bd3029;background:#bd3029;color:#fff;}

.ny_main{ padding:4% 0; overflow: hidden; height:auto; background:#f5f5f5; }
.slide_join{width:100%; height:auto; overflow:hidden;}
.join{ height:auto; overflow:hidden; margin-bottom:20px;}
.slide_join h3{float:left;width:96%; height:100px; padding:0 2%; font-weight:normal; cursor:pointer; border-bottom:1px #efefef solid;padding-left: 40px; background:#fff ;}
.slide_join h3.on{ font-size:1.65rem;}
.slide_join h3 span{float:left; width:80%; font-size:1.65rem;height:100px; color:#000; line-height:100px; overflow: hidden; text-overflow:ellipsis;background: url(../image/job_bg1.png) left top 38px no-repeat;background-size: 22px 24px; text-indent:35px;}
.slide_join h3.on span{}
.slide_join h3 em{float:right; width:30px;height:100px; margin:8px 0 0 0; background:url(../image/join_img9.png) right 29px no-repeat;}
.slide_join h3.on em{background:url(../image/join_img10.png) left top 38px no-repeat;;height:100px;}
.slide_join ul{float:left; width:100%; background-color:#fff; }
.slide_join ul .join_show{float:left; width:92%; color:#787876;  line-height:1.9; padding:5%;}
.slide_join ul .join_show span{ color:#5c16bc;}

.contactboxs{ padding:4% 0; height:auto; overflow:hidden; background:#F5F5F5;}

.ontact{ margin:0 0 4% 0; height:auto; overflow:hidden;}
.ontact ul{ margin-right:-3%;}
.ontact ul li{ width:22%; margin-right:3%; float:left; height:auto; overflow:hidden; padding:4% 0 0 0; background:#fff;}
.ontact ul li .pic{ width:141px; margin:auto; position:relative;}
.ontact ul li .pic img{ max-width:100%; margin:auto; display:block; clear:both;}
.ontact ul li h3{ font-size:1.168rem; line-height:1.3; color:#888; text-align:center; font-weight:200; padding:15px 0 0 0;}
.ontact ul li p{ line-height:1.6; padding:5px 20px 20px 20px; text-align:center; font-size:1.068rem; height:100px;}

.contactbox{ height:auto; overflow:hidden; background:#fff;}
.contactbox .leftbox{ width:45%; float:left; padding:5%;}
.contactbox .leftbox h2{font-size: 32px;font-weight: bold;line-height: 1.4em;color: #333333;}
.contactbox .leftbox .tiii{ padding:20px 0; border-bottom: 1px solid #eee;}
.contactbox .leftbox .arrive-li {border-bottom: 1px solid #eee;padding-top:35px;padding-bottom: 35px;color: #666666;}
.contactbox .leftbox .arrive-li .arrive-title {margin-top: 8px;font-size: 18px;line-height: 1.4em;}
.contactbox .leftbox .arrive-li .arrive-title img {margin-right: 12px;border: 0;max-width: 100%;vertical-align: top;object-fit: fill;}
.contactbox .leftbox .arrive-li .arrive-title .title {font-weight: bold;color: #333333;}
.contactbox .leftbox .arrive-li .arrive-cont {margin-top: 4px;margin-bottom: 4px;font-size: 16px;line-height: 2em;}


.contactbox .rightbox{ float:left; width:35%; height:auto; overflow:hidden; padding:5% ;}
.contactbox .rightbox h3{ font-weight:400; font-size:1.65rem; margin-bottom:50px;}
.contactbox .rightbox ul{}
.contactbox .rightbox li{ width:100%; margin-bottom: 30px;}
.contactbox .rightbox li p{padding-bottom: 10px;}
.contactbox .rightbox li p span{color: #cde18f;}
.contactbox .rightbox li .input_txt{ width:100%; height:56px;border: none; border-bottom:1px solid #eee; outline:medium; color:#999;}
.contactbox .rightbox .textarea{  margin:0;}
.contactbox .rightbox .textarea textarea{ width:100%; height:100px; border: none; border-bottom:1px solid #eee; outline:medium;  color:#999;}
.contactbox .rightbox .textarea p{padding-bottom: 10px;}
.contactbox .rightbox .textarea p span{color: #cde18f;}
.contactbox .rightbox .rightbox .more{margin-top:30px;text-align: center;}
.contactbox .rightbox .input_btn{ width:160px; height:50px;  border:0 none; color:#FFF; background: linear-gradient(to right, #5c16bc, #5c16bc);cursor: pointer;outline: medium;font-size: 16px;}


.danyei{ padding:5% 8%;}
.danyei ul{ margin-right:-3%;}
.danyei ul li{ width:41%; float:left; overflow:hidden; height:auto;box-shadow: 1px 1px 10px 2px #dddddd; padding:3%; text-align:justify; margin-top:10px; margin-right:3%; margin-bottom:3%; min-height:217px; background:#fff;transition:all 0.3s;}
.danyei ul li h2{ margin-bottom:10px; font-size:24px;}
.danyei ul li p{ line-height:1.6;}
.danyei ul li span{ color:#f60;}
.danyei ul li:hover{ background:#1b3373; color:#fff;}
.danyeity{padding:5% 8%;}
.danyeity h2{ margin-bottom:10px; font-size:24px;}
.danyeity p{ line-height:1.6;}.danyeity p img{ display:block; max-width:100%; margin:0 auto 50px auto; clear:both;}
.danyeity span{ color:#f60;}
.danyeity ul{ margin-right:-2%;}
.danyeity ul li{ width:31.333%; float:left; margin-right:2%; margin-bottom:2%;}
.danyeity ul li .pic{ width:100%; overflow:hidden;}
.danyeity ul li .pic img{ width:100%;transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); transition:transform 2s;-moz-transition:transform 2s;-ms-transition:transform 2s;-o-transition:transform 2s;-webkit-transition:transform 2s;}
.danyeity ul li:hover .pic img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.danyeity ul li h3{ text-align:center; line-height:1.5; font-size:16px; padding:12px 0 0 0; }

.contact{ padding:5% 0;}
.contact h2{ text-align:center; margin-bottom:5%;}.contact h2 span{ color:#f60;}
.contact .left{width:48%; float:left;}
.contact .h4{ font-weight:normal; overflow:hidden; line-height:1.2; color:#222222;}
.contact .contact_ul{ overflow:hidden; border-top:1px solid #e5e5e5; margin-top:4%;border-bottom:1px solid #e5e5e5; padding-bottom:10px;}
.contact .contact_ul li{ display:block; overflow:hidden; padding-top:18px; padding-bottom:10px; background-repeat:no-repeat; background-position:left top 20px; background-size:auto 40px; color:#666666; font-size:16px; padding-left:60px; line-height:24px;}
.contact .contact_ul li.bgs1{ background-image:url(404.png);}
.contact .contact_ul li.bgs2{ background-image:url(404.png);}
.contact .contact_ul li.bgs3{ background-image:url(404.png);}
.contact .contact_ul li label{ display:block; overflow:hidden; color:#333333; font-size:18px;}
.contact .contact_ul li a{ color:#666666;}
.contact .contact_ul li a:hover{ color:#000;}
.contact .contact_fx{ margin-top:4%;}

.contact .right{width:45%; float:right;}
.feedback_div{  overflow:hidden;}

.feedback_div .divs{ border:1px solid #eeeeee; overflow:hidden; position:relative; margin-bottom:10px; background:#f8f8f8;}

.feedback_div .inputs2{ width:100%;  background:none; height:48px; line-height:48px; font-size:14px; color:#666; border:0; outline:none;  text-indent:27px; font-family:Arial;}

.feedback_div .inputs2::-webkit-input-placeholder{color:#999;}

.feedback_div .inputs2::-moz-placeholder{   color:#999;}

.feedback_div .inputs2:-moz-placeholder{     color:#999;}

.feedback_div .inputs2:-ms-input-placeholder{  color:#999;}

.feedback_div .divs:after{ content:"*"; position:absolute; left:15px; top:14px; color:#fe1212; font-size:14px;}

.feedback_div .divs.one{ margin-top:24px;}



.feedback_div select::-ms-expand { display: none; } 

.feedback_div .textarea{ padding:2.6%; padding-left:27px; width:100%;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;  background:none; font-size:14px; font-family:Arial;border:none; outline:none; color:#666; height:120px;  }

.feedback_div .textarea::-webkit-input-placeholder{color:#999;}

.feedback_div .textarea::-moz-placeholder{   color:#999;}

.feedback_div .textarea:-moz-placeholder{     color:#999;}

.feedback_div .textarea:-ms-input-placeholder{  color:#999;}



.feedback_div .bnts2{  border: none; width:30%; max-width:108px;font-size: 14px; height: 38px; background: #12aee7; font-family:Arial; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none;  margin-top:7px;  text-transform:uppercase;transition:all 0.3s;}

.feedback_div .bnts2:hover{opacity:0.8;filter:Alpha(opacity=80);}

.Fixedside{ position:fixed; right:25px; top:50%; z-index:99; }
.Fixedside .ul{ text-align:center; background:#1d2185; }
.Fixedside .ul li{ width:72px; position:relative; }
.Fixedside .ul li .a{ background:#1d2185; display:block; padding:7px 0; }
.Fixedside .ul .inquiry .a{ padding-top:15px; }
.Fixedside .ul li .word{ font-size:12px; color:#fff; display:block; margin-top:2px; }
.Fixedside .ul li .icon{ display:block; height:30px; background:no-repeat center; }
.Fixedside .ul .zx .icon{ background-image:url(404.png); }
.Fixedside .ul .phone .icon{ background-image:url(404.png); }
.Fixedside .ul .code .icon{ background-image:url(404.png); }
.Fixedside .ul .mail .icon{ background-image:url(404.png); }
.Fixedside .ul .inquiry .icon{ background-image:url(404.png); }
.Fixedside .ul .em{ display:block; line-height:22px; min-width:22px; font-style:normal; color:#fff; background:#f00; font-size:12px; padding:0 3px; border-radius:50%; position:absolute; right:10px; top:6px; transform:scale(.8333); }
.Fixedside .ul .num{ margin-right:-15px; position:absolute; right:100%; top:0; line-height:70px; background:#fff; color:#333; font-size:18px; word-break:keep-all; white-space:nowrap; min-width:140px; font-weight:bold; font-style:italic; transition:margin .3s,opacity .3s; opacity:0; transform:scale(0); padding:0 15px; }
.Fixedside .ul .img{ margin-right:-15px; position:absolute; right:100%; bottom:0; padding:8px; width:100px; background:#fff; transition:margin .3s,opacity .3s; opacity:0; transform:scale(0); }
.Fixedside .ul .img img{ display:block; width:100%; }
.Fixedside .Returntop{ display:block; background:#ef5a22 url(404.png) no-repeat center; height:50px; }
.Fixedside .Returntop:hover{ background-color:#07ca49; }
.Fixedside .ul li:hover .num{ opacity:1; transform: scale(1); margin-right:0; }
.Fixedside .ul li:hover .img{ opacity:1; transform: scale(1); margin-right:0; }
.Fixedside .ul li:hover .a{ background-color:#0a0e6f; }
@media only screen and (max-width: 1200px){.Fixedside{ display:none; }}

.products{ padding:4% 0 1% 0; height:auto; overflow:hidden; background:#f9f8f7;}
.products ul{ margin-right:-3%; padding-top:1%; }
.products ul li{ width:22%; float:left; height:auto; overflow:hidden; background:#fff; margin-right:3%;transition:all 0.3s; margin-bottom:50px; border-radius:8px; }
.products ul li .pic{ overflow: hidden; position:relative;}
.products ul li .pic img{ max-width:100%; transition:all 1s; margin:auto; display:block; clear:both;}
.products ul li h3{  padding:20px 15px; line-height:1.6; font-size:1.15rem; font-weight:300; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.products ul li:hover{cursor:pointer;transform:translate(0,-10px); -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.05); box-shadow: 0 5px 25px rgba(0,0,0,0.05);}
.products ul li p{ padding:20px  15px; color:#999; height:50px; line-height:1.5; border-top:1px #ddd solid; font-size:0.85rem;}
.products .img{ margin-bottom:4%;}
.products .img h2 { text-align:center; line-height:2; font-weight:500; margin-bottom:25px; font-size:2.58rem;} 
.products .img img{ max-width:100%; display:block; margin:5% auto 0 auto; clear:both;}
.products .img p{ line-height:1.8;}
.apply{ height:auto; overflow:hidden; margin-top:20px;}
.apply ul{ margin-right:-2%;overflow:hidden; zoom:1}
.apply ul li{ width:18%; float:left; background:#fff; box-shadow: 1px 1px 10px 2px #dddddd; margin:10px 2% 1.5% 0; overflow:hidden;_display:inline;}
.apply ul li .pic{ text-align:center;   overflow:hidden;}
.apply ul li .pic img{ max-width:100%; transition:all 0.3s;filter: grayscale(100%); }
.apply ul li:hover .pic img{ max-width:100%; transform:scale(1.2); }
.apply ul li p{height:55px; font-size:15px;  padding:0 8%; }
.apply ul li .pic .b-wrapper {position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: .5s all; text-align: center !important; background:rgba(0,0,0, 0.4);}
.apply ul li .pic .b-wrapper h5 {font-size:20px;font-weight: normal;color: #fff;text-align: center !important;text-transform: capitalize;padding:10% 8% 20px 8%;}
.apply ul li .pic .b-wrapper p {font-size: 15px;color: #fff;font-weight: 400;line-height: 1.8em;text-align: justify;}
.apply ul li .pic a:hover .b-wrapper{bottom: 0%; }
.apply ul li .pic a { display: block;overflow: hidden;position: relative;}
.apply ul li .pic .pic a:hover .b-wrapper i.fa-search-plus {color: #fff;display: inline-block;font-size: 60px;padding-top:50px;}


.box_ser{ width:70%; height:auto; overflow:hidden; margin:5% auto;}
.box_ser .top,.appbox .top{ width:100%; height:auto; overflow:hidden; margin-bottom:5%;}
.box_ser .top ul,.appbox .top ul{}
.box_ser .top ul li,.appbox .top ul li{ width:15%; border-radius:50px; border:1px #eee solid; text-align:center;  float:left; margin-right:3%;}
.box_ser .top ul li a,.appbox .top ul li a{ padding:15px 0;display:block;}
.box_ser .top ul li:hover,.appbox .top ul li:hover{ background:#00578c;}
.box_ser .top ul li:hover a,.appbox .top ul li:hover a{ color:#fff; display:block;}
.box_ser .top ul li a.isel,.appbox .top ul li a.isel {color: #fff;background:#00578c;border:1px #00578c solid;display:block; padding:15px 0;border-radius:50px; }
.box_ser .top ul li a.isel:after,.appbox .top ul li a.isel:after {left: 0%;right: 0%;opacity: 1;}
.box_ser .two{ height:auto; overflow:hidden;}
.box_ser .two .box img{ max-width:100%; margin:0 auto 20px auto; display:block;}
.box_ser .two .box{ height:auto; overflow:hidden; }
.box_ser .two .box p{ line-height:2;}
.box_ser .two .box strong{ color:#00578c;}

.appbox{background:#fff; padding:5% 0; height:auto; overflow:hidden;}
.appbox .two{ line-height:2; }

.team{background: url(../image/bg1.jpg) no-repeat center / cover; height:auto; overflow:hidden; padding:4% 0;}
.team .box{ height:auto; overflow:hidden; margin-top:5%;}
.team .box .left{ width:40%; float:left;}.team .box .left img{ max-width:100%;}
.team .box .right{ width:50%; float:right; height:auto; overflow:hidden;}

.txtScroll-top{ width:100%;  overflow:hidden; position:relative;  border:0px solid #ccc;   }
.txtScroll-top .hd{ overflow:hidden;  height:30px;  padding:0 10px;  }
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("404.png") no-repeat;}
.txtScroll-top .hd .next{ background:url("404.png") no-repeat;  }
.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../image/icoCircle.gif") 0 -9px no-repeat; }
.txtScroll-top .hd ul li.on{ background-position:0 0; }
.txtScroll-top .bd{ padding:30px 15px 15px 15px;  }
.txtScroll-top .infoList li{ height:auto; overflow:hidden; margin-bottom:4%;}
.txtScroll-top .infoList li h3{ font-size:50px;
    font-weight: bold;
    color: #333333; font-family:Arial, Helvetica, sans-serif;}
.txtScroll-top .infoList li p{ line-height:2; margin-top:10px; color:#666;}

.houban{ padding:4% 0; height:auto; overflow:hidden;}

.sy_jjfa{position:relative; height:auto; overflow:hidden; padding-bottom:7px;}
.sy_jjfa .item{width:94%; margin:0 3%;  position:relative; background:#fff; height:auto; overflow:hidden;}
.sy_jjfa .item h3{font-size: 1.12rem; text-align: center; padding:3% 6%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sy_jjfa .item p{ padding:0 6% 6%; line-height:1.7; font-size:15px; text-align:center;}

.sy_jjfa .item .morw{ width:100px; background:#ddd; color:#999; text-align:center; line-height:35px; margin:6% auto;}
.sy_jjfa .item:hover .morw{ background:#ff5500; color:#fff; transition:all 0.5s;}
.sy_jjfa .item:hover  p{ color:#ff5500;}
.sy_jjfa .item .sy_jjfa_img{width:99%; height:auto; margin-bottom:20px; overflow:hidden; position:relative; border:1px #eee solid;}
.sy_jjfa .item .sy_jjfa_img img{width:100%;  transition:all 0.3s; }
.sy_jjfa .item .sy_jjfa_img:hover img{ transform:scale(1.2);}
.sy_jjfa .item .sy_jjfa_wb_bj{width:100%; height:auto; display:table; position:absolute; top:0; left:0;}
.sy_jjfa .item .sy_jjfa_wb_bj .sy_jjfa_wb{height:100%; display:table-cell; vertical-align:middle; text-align:center; color:#fff; padding:0 34px;}
.sy_jjfa .item .sy_jjfa_wb_bj .sy_jjfa_wb .sy_jjfa_wb_t{font-size:18px;}
.sy_jjfa .item .sy_jjfa_wb_bj .sy_jjfa_wb .sy_jjfa_wb_b{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:10px;}

.sy_jjfa .owl-wrapper:after{content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.sy_jjfa{display:none; width: 100%;-ms-touch-action:pan-y; padding-top:3%;}
.sy_jjfa .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.sy_jjfa .owl-wrapper-outer{overflow: hidden;width: 100%;}
.sy_jjfa .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.sy_jjfa .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.grabbing{cursor:url(404.png) 8 8, move;}

.sy_jjfa .owl-wrapper,
.sy_jjfa .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.sy_jjfa .owl-controls{width:100%; z-index:11;}
.sy_jjfa .owl-controls .owl-buttons div{width:54px; height:54px; font-size:12px; text-indent:-9999px; border:1px #ccc solid; border-radius:200px; position:absolute; bottom:0; transition:0.5s;}
.sy_jjfa .owl-controls .owl-buttons .owl-prev{background:url(404.png) center no-repeat; left:1.5%;}
.sy_jjfa .owl-controls .owl-buttons .owl-prev:hover{border:1px #63b72f solid; background:#63b72f url(404.png) center no-repeat;}
.sy_jjfa .owl-controls .owl-buttons .owl-next{background:url(404.png) center no-repeat; overflow:hidden; right:1.5%;}
.sy_jjfa .owl-controls .owl-buttons .owl-next:hover{border:1px #63b72f solid; background:#63b72f url(404.png) center no-repeat;}
.sy_jjfa .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);opacity: 1;text-decoration: none;}
.sy_jjfa .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;}
.sy_jjfa .owl-controls .owl-page span{display: block;width:30px; height:5px; border:0px #fff solid; margin:0 9px; border-radius:100px; background:#c1c1c1; transition:all 0.5s;}
.sy_jjfa .owl-controls .owl-page.active span,
.sy_jjfa .owl-controls.clickable .owl-page:hover span{ border:0px #ff8400 solid; background:#f60;}
.sy_jjfa .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.sy_jjfa .loading{min-height: 150px;background: url(404.png) no-repeat center center}
.sy_jjfa .owl-pagination{width:100%; height:14px; text-align:center; margin-top:3%;}
.owl-buttons{display: none;}

.band{ padding:5% 0; height:auto; overflow:hidden;}
.band h3,.boxs h3{ font-size:1.68rem; font-weight:600;}
.band .box{ height:auto; overflow:hidden; margin-top:2%; } 
.band .box ul{}
.band .box ul li{ width:48%; float:left; height:auto; overflow:hidden; background:#036;}
.band .box ul li:nth-child(2){ float:right;}
.band .box ul li img{ max-width:100%;}
.band .more{ width:15%; margin:4% auto 0 auto;background: linear-gradient(to right, #5c16bc, #5c16bc); color:#fff; text-align:center; border-radius:50px; padding:8px 0; font-size:1.25rem; clear:.both; transition:all 0.3s;}
.band .more a{ color:#fff;}
.band .more:hover{background: linear-gradient(to right, #f60, #ffd200);transition:all 0.3s;}

.band .boxs{ height:auto; overflow:hidden; margin-top:4%; border-top:1px #eee solid; padding-top:4%;} 
.band .boxs img{ max-width:100%; display:block; margin:auto; clear:both;margin-top:2%;}
.brands{ padding:4% 0; height:auto; overflow:hidden;}
.brands ul{margin-right:-3%;}
.brands ul li{ width:30.33%; float:left; height:auto; overflow:hidden; margin-right:3%; margin-bottom:2%;}
.brands ul li .pic{ position:relative; overflow:hidden;}
.brands ul li .pic img{ max-width:100%; display:block; margin:auto; clear:both; transition:all 0.3s;}
.brands ul li p{ padding:10px 0; line-height:1.5;}
.brands ul li:hover .pic img{ max-width:100%; transform:scale(1.1); }

.pinbox{ height:auto; overflow:hidden; padding:20px 0 30px 0; position:relative; text-align:center;}
.pinbox a{text-align:center; height:45px; line-height:45px; padding:0 15px;}
.pinbox a.one  { color:#5c16bc;}




.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 100px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;text-indent: 100%;white-space: nowrap;background:#fb9700 url(../image/top.png) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;transition: all 0.3s; }
.cd-top.cd-is-visible {
  
  visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {
  
  opacity: 1;
}
.no-touch .cd-top:hover {background-color: #ffd200;opacity: 1;
}
@media only screen and (min-width: 768px) {
.cd-top {right: 20px;bottom: 20px;}
}
@media only screen and (min-width: 1024px) {
.cd-top {height: 50px;width: 50px;right: 30px;bottom: 30px;}
}