html,body{height:100%; width: 100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
body{ margin:0px; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; max-height:100%; border:none; border:0;  vertical-align:top;}
a{ color:#444444; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#095ea5; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #979898;}
::-moz-placeholder {color: #979898;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #979898;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #979898;}
.container{ max-width:1298px; min-width:300px; margin:0px auto;position: relative;}
.container2{ max-width:1200px; min-width:300px; margin:0px auto;}
@media ( max-width:1280px){
.container{ margin:0px 10px;}
}
@media ( max-width:1200px){
.container2{ margin:0px 10px;}
}

.relative{ position:relative;}

/*font*/
.f_red{ color:#f54336;}
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}

::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #095ea5;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}


/*pages*/
.Pages{ zoom:1; text-align:center; overflow:hidden; color:#666666; line-height:28px;clear:both; padding-top:35px;}
.Pages span{ padding:0px 3px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; color:#666666;}
.Pages .p_count{ border:1px solid #e0e0e0; padding:0px 17px; font-size:12px;}
.Pages .p_jump b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:12px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative; top:0px; font-size:12px; width:40px; height:30px; cursor:pointer; border:none; border:1px solid #e0e0e0; color:#666666;}
.Pages .input{ width:48px; height:28px; border:1px solid #e0e0e0; background:#fff;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_first,.Pages .p_page .a_end,.Pages .p_page .a_prev,.Pages .p_page .a_next{ background:#e8e8e8; padding:0px 8px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover{ color:#000;}
.Pages .p_page .num a{ display:inline-block; text-align:center; margin:0px 4px; border:1px solid #e0e0e0; vertical-align:middle; width:28px;}
.Pages .p_page .num a:hover{ background:#095ea5; border:1px solid #095ea5; color:#fff;}
.Pages .p_page .num a.a_cur{ background:#095ea5; border:1px solid #095ea5; color:#fff;}

.showMorehandle{ position:relative; text-align:center; clear:both; border-top:1px solid #e6e6e6; padding-top:26px;}
.showMorehandle span{ background:#fafafa; cursor:pointer; width:86px; left:50%; margin-left:-43px; top:-25px; position:absolute;}
.showMorehandle i{ border-radius:50%; width:46px; height:46px; display:block; margin:0px auto; text-align:center; box-shadow:0px 0px 15px #ddd; background: #095ea5 url(../image/pagearr.gif) center center no-repeat;}
.showMorehandle a{ color:#095ea5;}

@media ( max-width:768px){
.Pages a{ line-height:25px;}
.Pages .p_jump{ display:block; margin-top:10px;}
}
/*pages end*/


/*Top*/
.Header{ height:100px; background:#fff; position: relative; box-shadow:0px 3px 8px #e9e8e8;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header.on{ top:-100px;}
.Header .Logo{ padding-top:28px; float:left;}
.MainNav{float:right;}
.MainNav .nav{ float:left; padding-right:28px;}
.MainNav .nav li{float:left; padding-left:70px;}
.MainNav .nav li span a{line-height:100px;color:#666666; display:block; font-size:16px;}
.MainNav .nav li span a:hover{ color:#d9300a;}
.MainNav .nav li.onnav span a,.MainNav .nav li span .sele{color: #095ea5;}
.MainNav .navbtn{ display:none; cursor:pointer; line-height:8px; text-align:center; padding:38px 20px 0px; height:62px; width:30px; float:left;}
.MainNav .navbtn span{ display:inline-block; border-radius:4px; background:#666666; width:23px; height:3px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav .navbtn.on { background:none;}
.MainNav .navbtn.on span{height: 1px;}
.MainNav .navbtn.on .a3 { display:none;}
.MainNav .navbtn.on .a1 { width:32px;
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;background:#666666 !important;}
.MainNav .navbtn.on .a2 { width:32px;
	-webkit-transform: translate(0, -6px) rotate(-45deg) !important;
	-moz-transform: translate(0, -6px) rotate(-45deg) !important;
	-ms-transform: translate(0, -6px) rotate(-45deg) !important;
	-o-transform: translate(0, -6px) rotate(-45deg) !important;
	transform: translate(0, -6px) rotate(-45deg) !important;background:#666666 !important;}
.Header.fixednav{ height:45px;}
.Header.fixednav .Logo{ padding-top:5px;}
.Header.fixednav .MainNav .nav li span a{line-height:45px;}
.Header.fixednav .MainNav .navbtn{ padding-top:8px; height:37px;}
.Header.fixednav .PullNav{top:45px;}
.Header.fixednav .MainNav .navbtn.on { padding-top:13px; height:32px;}

.SubNav{ display:none; position:absolute; left:0px; top:100px; border-top: 1px solid #eee; width:100%; z-index: 99; box-shadow:0px 2px 8px #ccc; background: #fff;}
.SubNav .navs{ width:100%; text-align: center;}
.SubNav .navs dd{ line-height:69px; font-size:18px; display: inline-block; margin: 0px 30px;}
.SubNav .navs dd .icon{display: inline-block; vertical-align: middle; margin-right: 8px;}
.SubNav .navs dd a{font-size: 14px; color: #999999;}
.MainNav .nav li#nav69 span a{padding-right: 18px; background-repeat: no-repeat; background-position: center right; background-image: url(../image/down2.png);}
.MainNav .nav li#nav69 .SubNav .navs{text-align: right;}
.Header.homenav .MainNav .nav li#nav69 span a{background-image: url(../image/down2.png);}
.maincss .Header .nav li#nav69 span a{background-image: url(../image/down1.png);}

/*全局导航 s*/
.PullNav{ background:rgba(52,52,52,0.9); width:100%; z-index:800; position:absolute; top:100px; left:0px; padding:3% 0; display:none;}
.PullNav .closebtn{ cursor:pointer; line-height:8px; text-align:center; padding:10px 10px 0px; height:30px; width:30px; float:right;}
.PullNav .closebtn span{ display:inline-block; border-radius:4px; background:#666666; width:32px; height:3px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.PullNav .a1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.PullNav .a2 {
	-webkit-transform: translate(0, -6px) rotate(-45deg) !important;
	-moz-transform: translate(0, -6px) rotate(-45deg) !important;
	-ms-transform: translate(0, -6px) rotate(-45deg) !important;
	-o-transform: translate(0, -6px) rotate(-45deg) !important;
	transform: translate(0, -6px) rotate(-45deg) !important;}
.PullNav dl{ width:14.6666%; float:left; padding-left:2%;}
.PullNav dl .tit{ line-height:48px; font-size:18px; position:relative;color:#fff;}
.PullNav dl .tit i{ display:none; background:url(../image/jia.png) center center no-repeat; width:17px; height:18px; right:10px; top:21px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; position:absolute;}
.PullNav dl .tit a{ position:absolute; left:0px; top:0px; width:100%; height:100%;color:#fff; display:none; z-index:2;}
.PullNav dl li{ line-height:45px;}
.PullNav dl li a{ color:#c6c6c6;}.PullNav dl li a:hover{ color:#fff;}
.PullNav a.closebtn{z-index:200; border-radius:50%; position:absolute; left:50%; bottom:5%; border:1px solid #dadada; width:40px; height:31px; padding:9px 0 0 0; display:none; margin-left:-20px;}
.PullNav a.closebtn span{background:#dadada;}

.PullNav.PullNav1 .closebtn{ bottom:12%;}
.PullNav .Logo{ padding:10px 0px 0px 10px; float:left;}
.PullNav .Logo img{ width:80%;}


.Header.fixednav .PullNav.on{top:0px;}

@media ( max-width:1216px){
.MainNav .nav li{ padding-left:60px;}
}
@media ( max-width:1180px){
.MainNav .nav li{ padding-left:50px;}
}
@media ( max-width:1060px){
.MainNav .nav li{ padding-left:40px;}
}

@media ( max-width:998px){
.Header{ height:45px;}
.Header .Logo{ padding-top:10px;}
.Header .Logo img{ width:80%;}
.Header.fixednav{ margin-top:-45px;}
.Header.fixednav .PullNav1{ display:none !important;}
.MainNav .nav { display:none;}
.MainNav .navbtn{padding:6px 10px 0px; height:39px; display:block;}
.MainNav .navbtn.on{ padding-top:12px;height:33px;}
.PullNav{ top:0px; padding:0; position:fixed; width:100%; background:#fff; right:0px; left:auto; height:100%; overflow-y:auto;}
.PullNav .container{ padding-top:10px; min-width:100px; margin: 0px 30px;}
.PullNav dl{ width:auto; float:none; padding-left:0px;}
.PullNav dl .tit{ line-height:50px; padding-top:5px; border-bottom:1px solid #e5e5e6; font-weight:normal; color:#333;}
.PullNav dl .tit a{ display:block;}
.PullNav dl .tit i{ display:block;}
.PullNav dl.cur .tit i{background:url(../image/jian.png) center center no-repeat;}
.PullNav dl li{ border-bottom:1px solid #f0f0f3;}
.PullNav dl ul{ display:none; margin-top:10px;}
.PullNav dl li a{ color:#666; padding-left:35px; display:block; font-size:16px;}.PullNav dl li a:hover{ color:#333;}
.PullNav1{ top:45px;}
.PullNav2{ padding-top:0px;}

.Header.on{ top:-45px;}
.Header.on .PullNav{ top:0px;}
.PullNav a.closebtn{ display:block;}
}
.bodyover{ height:0px; overflow:hidden;}
/*Top*/


/*Bottom*/
.Footerbg{background: #f7f7f7;}
.Footer{padding: 2.5% 0; border-bottom: 1px solid #e6e6e6;}
.Sitepath{width: 69%; float: left;}
.Sitepath dl{width: 16.6666%; float: left;}
.Sitepath dl .tit{font-size: 16px; color: #333333; line-height: 28px; margin-bottom: 16px; font-weight: normal;}
.Sitepath dl ul li a{display: block; font-size: 14px; line-height: 26px; color: #888888;}
.Bcontact{width: 305px; float: right; text-align: right;margin-top:100px;}
.Bcontact .call{line-height: 28px; margin-top: -46px; color: #999999;}
.Bcontact .call .num{display: inline-block; font-size: 22px; color: #010101; font-family: Arial; padding: 0px 10px; vertical-align: middle;}
.Bcontact .call a{display: inline-block; width: 88px; text-align: center; background: #808080; color: #fff; border-radius: 20px;}
.Bcontact .shop{display: inline-block; width: 200px; line-height: 50px; margin-top: 20px; border-radius: 5px; text-align: center; background: #808080; color: #fff; font-size: 16px;}
.Bcontact .shop img{display: inline-block; margin-right: 12px; vertical-align: middle;}

.footnews{width: 300px;height: 34px;overflow: hidden;background: url(http://www.peinn.cn/cn/img/nn01.png) no-repeat left center;background-size: 20px auto;position: absolute;right: 10px}
.footnew li{heigh:34px; overflow:hidden;}
.footnews img{ display:inline-block;vertical-align:middle;margin-right:5px; width:25px;}

.BMenu{display: none; text-align: center; padding: 20px 0px 15px;}
.BMenu .title{color: #040000; font-size: 14px; margin-bottom: 15px;}
.BMenu li{display: inline-block; width: 32.5%;}
.BMenu li .icon{display: inline-block; width: 40px;}
.BMenu li .name{display: block; font-size: 14px; color: #040000; margin-top: 10px;}

.Bottom{padding: 15px 0px; color: #808080; line-height: 28px;}
.Bottom a{color: #808080;}
.Bottom .col-r a{padding: 0px 5px;}

.link{position: relative; padding-left: 80px; font-size: 14px; line-height: 24px;}
.link .name{position: absolute; left: 0px; top: 0px;}
.link li a{padding: 0px 15px;}
.link .list2{display: none;}

.fastnav{background:#1f1f1f; display:none;}
.fastnav li{ width:25%; padding:12px 0px; text-align:center; float:left;}
.fastnav li img{ width:25px;}


@media ( max-width:1200px){
	.Bottom .col-l,.Bottom .col-r{width: 100%; float: none; text-align: center;}
}

@media ( max-width:998px){
	.Footer{display: none;}
}

@media ( max-width:768px){
.fastnav{display:block; margin-bottom: 15px;}
.Bottom{padding-top: 0;}
}
.cd-top {overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; height:0px; width:35px; position:fixed; right:0px; bottom:2px;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1; background:url(../image/top.gif) center center no-repeat; height:35px; cursor:pointer;}

@media ( max-width:480px){
.fastnav{display: none;}
.link .list1{display: none;}
.link .list2{display: block;}
.link{padding: 0px; text-align: center;}
.link .name{position: static;}
.link .list2,.link .name{display: inline-block; vertical-align: middle;}

.Footer{display: block;}
.Bcontact{padding: 10px 0px; width: 100%; float: none; text-align: center; display: none;}
.Bcontact .call a{display: block; margin: 0 auto;}
.Bcontact .shop{width: 155px; line-height: 45px; margin-top: 10px;}
.BMenu{display: block;}
.Sitepath{padding: 20px 20px 0px; width: auto; float: none;}
.Sitepath dl{width: 100%; float: none;}
.Sitepath dl .tit{line-height:50px; padding-top:5px; position: relative; border-bottom:1px solid #e5e5e6; color:#333; margin-bottom: 0; font-size: 14px;}
.Sitepath dl .tit a{ position:absolute; left:0px; top:0px; width:100%; height:100%;color:#fff; display:none; z-index:2; display: block;}
.Sitepath dl .tit i{ display:block; background-image:url(../image/jia.png); background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; width:12px; height:12px; right:10px; top:21px; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; position:absolute;}
.Sitepath dl.cur .tit i{background-image:url(../image/jian.png);}
.Sitepath dl ul{ display:none; margin-top:10px;}
.Sitepath dl ul li a{ color:#666; display:block; font-size:14px; line-height: 40px;}
.Sitepath dl ul li a:hover{ color:#333;}
}

/*Bottom*/


/*首页*/
.maincss{ padding-top:0px;}
.maincss .Header{ background:#222; box-shadow:0px 0px 0px #e9e8e8;}
.maincss .MainNav .nav li span a{color:#fff;}
.maincss .MainNav .nav li span a:hover{color:#095ea5;}
.maincss .MainNav .navbtn span{ background:#fff;}
.maincss::-webkit-scrollbar{width: 0px;}

.maincss .fixednav{ top:-45px;}

.Header.homenav .MainNav .nav li span a{color:#333;} 
.Header.homenav .MainNav .nav li span a:hover{color:#095ea5;}
.Header.homenav{ background:#fff;}
.bodyover .Header{background:#fff;}


#homeban { margin:0px auto; background:url(../image/loading.gif) center center no-repeat; overflow: hidden; clear: both;}
#homeban .swiper-slide {position: relative;}
#homeban .swiper-slide img{display: block; width: 100%;}
#homeban .swiper-slide video{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background:#000; z-index:999;}
#homeban .swiper-slide .txt{ width:50%; position:absolute; left:10%; top:35%; z-index:10;transform:translateX(-200px);opacity:0;transition:all .4s; color:#fff; width:350px;}
#homeban .swiper-slide .txt .t1{ font-size:54px; font-family:"黑体"; padding-top:50px;}
#homeban .swiper-slide .txt .t2{ font-size:18px; padding:34px 0px 25px;}
#homeban .swiper-slide .txt .btn a{ display:block; width:118px; line-height:32px; text-align:center; color:#095ea5; border:1px solid #095ea5;}
#homeban .swiper-slide .txt .btn a:hover{ background:#095ea5; color:#fff;}
#homeban .swiper-slide .img2{ display:none;}
#homeban .swiper-pagination{ height:15px; text-align:center;width:100%; left:0px; height:20px; line-height:20px; bottom:5%; z-index:889;}
#homeban .swiper-pagination .swiper-pagination-bullet{ background:#fff; opacity: 1; position: relative; display:inline-block; margin:0 0.3%; width:36px; height:1px; overflow: hidden; border-radius:0px;}
#homeban .swiper-pagination .swiper-pagination-bullet-active{ background:#fff; width: 72px;}
#homeban .swiper-pagination:hover .swiper-pagination-bullet{height: 4px;}
#homeban .swiper-button-next,#homeban .swiper-button-prev{ display:none;}
#homeban .swiper-pagination-bullet i{
	background:#095ea5;
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	left: 0px;
	transform:scaleX(0);
	transform-origin:left;
	z-index:3;
	transition-timing-function:linear;
	}

#homeban .swiper-pagination-bullet-active i{
	animation:middle 5s;
	}
	
@keyframes middle{
  0% {transform:scaleX(0);}/*1091*/
  100% {transform:scaleX(1);} /*0913*/
}	

.sec-2 { position:relative; }
.sec-2 .s1{opacity:0;transition:opacity 1s 0.2s;/*left:0;*/ }
.sec-2 .s2{opacity:0;transition:opacity 1s 0.4s;/*left:25%;*/}
.sec-2 .s3{opacity:0;transition:opacity 1s 0.6s;/*left:50%;*/ }
.sec-2 .s4{opacity:0;transition:opacity 1s 0.8s;/*left:75%;*/ }
.sec-2.anm .s1{opacity:1;}
.sec-2.anm .s2{opacity:1;}
.sec-2.anm .s3{opacity:1;}
.sec-2.anm .s4{opacity:1;}

.HomeTit{text-align: center;}
.HomeTit span{display: block; line-height: 47px; font-size: 36px; color: #333;}
.HomeTit p{display: block; line-height: 20px; color: #999999; font-family: Arial; text-transform: uppercase; font-size: 12px;}
.HomeProduct{padding: 3% 0 0;}
.HomeProduct .list{margin-top: 2.5%; position: relative;}
.HomeProduct .list .pic img{display: block; width: 100%;}
.HomeProduct .list li{position: absolute; width: 25%; height: 100%; top: 0px; background-image: url(../image/line.png); background-repeat: repeat-y; background-position: left top;}
.HomeProduct .list li.s1{left: 0; background-image: none;}
.HomeProduct .list li.s2{left: 25%;}
.HomeProduct .list li.s3{left: 50%;}
.HomeProduct .list li.s4{left: 75%;}
.HomeProduct .list li .name{position: absolute; width: 94%; left: 3px; bottom: 5%; text-align: center; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeProduct .list li .name span{display: block; font-size: 20px; line-height: 30px; color: #fff;}
.HomeProduct .list li .name p{font-size: 12px; color: rgba(255,255,255,0.6); font-family: Arial; line-height: 20px; text-transform: uppercase;}
.HomeProduct .list li .name .icon{width: 30px; height: 30px; position: relative; display: inline-block; margin-top: 20px;}
.HomeProduct .list li .name .icon img{position: absolute; left: 0px; top: 0px; width: 100%;}
.HomeProduct .list li .name .icon .i1{transition: 400ms;}
.HomeProduct .list li .name .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.HomeProduct .list li:hover .name .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.HomeProduct .list li:hover .name .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.HomeProduct .list li:hover{background-color: rgba(0,0,0,0.5); background-image: url(../image/line2.png);}
.HomeProduct .list li:hover .name{bottom: 20%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

.HomeSer{ padding:5% 0%; clear:both; position:relative; z-index:100; overflow: hidden;}
.HomeSer li{ cursor:pointer; width:21%; padding:0 2%; text-align:center; float:left; line-height:18px; color:#999999; position: relative;}
.HomeSer li .icon{ width:88px; height:88px; border:1px solid #e6e6e6; border-radius:50%; margin:0px auto 6px; position:relative; z-index:100;}
.HomeSer li .icon img{ position:absolute; left:50%; top:50%; width:42px; height:38px; margin:-19px 0px 0px -21px;}
.HomeSer li .icon .i1{transition: 400ms;}
.HomeSer li .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.HomeSer li:hover .icon{border: 1px solid #095ea5;}
.HomeSer li:hover .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.HomeSer li:hover .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.HomeSer li dt{ line-height:42px; font-size:16px; color:#333333;}
.HomeSer li dd{ font-size:12px;}
.HomeSer li:hover dt{ color:#095ea5;}
.HomeSer li.li1{transform:translateY(-100px);-webkit-transform:translateY(-100px);opacity:0;transition:all 0.5s;}
.HomeSer li.li2{transform:translateY(-100px);-webkit-transform:translateY(-100px);opacity:0;transition:all 0.5s 0.1s;}
.HomeSer li.li3{transform:translateY(-100px);-webkit-transform:translateY(-100px);opacity:0;transition:all 0.5s 0.2s;}
.HomeSer li.li4{transform:translateY(-100px);-webkit-transform:translateY(-100px);opacity:0;transition:all 0.5s 0.3s;}
.HomeSer li.li1:hover{transition:all 0.2s;}
.HomeSer li.li2:hover{transition:all 0.2s 0s;}
.HomeSer li.li3:hover{transition:all 0.2s 0s;}
.HomeSer li.li4:hover{transition:all 0.2s 0s;}

.sec-3.anm .HomeSer li{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

@media ( min-width:1920px){
#homeban .swiper-slide .img1{ width:100%;}
}

@media ( max-width:998px){
#homeban .swiper-slide .img1{ display:none;}
#homeban .swiper-slide .img2{ display:block;}

.HomeTit span{font-size: 25px;}

.HomeSer li dt{ padding-bottom:20px;}
.HomeSer li dd{ display:none;}
.lastvideo{ display:none;}
.HomeSer li:hover{ margin-top:0px;}
}

@media ( max-width:768px){
#homeban .swiper-slide .txt{ width:70%; position:absolute; top:33%;}
#homeban .swiper-slide .txt .t1{ font-size:24px;}
#homeban .swiper-slide .txt .t2{ font-size:14px;}

.HomeTit span{font-size: 20px; line-height: 30px;}
.HomeProduct .list li .name span{font-size: 16px;}

.HomeSer li{ cursor:pointer; width:48%; padding:0 1% 0px;}
.HomeSer li .icon{ width:50px; height:50px;}
.HomeSer li dt{ line-height:28px; font-size:14px;}
.HomeSer li dd{ font-size:11px;}
}

@media ( max-width:640px){
	.HomeProduct .list li{width: 100%; height: 25%; display: inline-block; line-height: 65px; background-repeat: repeat-x;}
	.HomeProduct .list li a{display: block; padding: 0px 20px;}
	.HomeProduct .list li .name{position: static; text-align: left;}
	.HomeProduct .list li .name span{line-height: inherit;}
	.HomeProduct .list li .name p{display: none;}
	.HomeProduct .list li .name .icon{position: absolute; top: 50%; right: 20px; margin-top: -15px;}
	.HomeProduct .list li.s2{left: 0px; top: 25%;}
	.HomeProduct .list li.s3{left: 0px; top: 50%;}
	.HomeProduct .list li.s4{left: 0px; top: 75%;}
	
}

@media ( max-width:480px){
	.HomeTit span{font-size: 18px;}
	.HomeProduct .list li{line-height: 37px;;}
	.HomeProduct .list li .name span{font-size: 14px;}
	.HomeProduct .list li .name p{line-height: 16px;}
	.HomeProduct .list li .name .icon{margin-top: -10px; width: 20px;}

	.HomeSer{display: none;}
}


/*栏目页公用样式 s*/
.BanSub{ height:570px; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.BanSub .img{ position:absolute; width:80%; text-align:center; left:10%; top:25%;}
.BanSub video{position: absolute; width: 100%; top: 0px; left: 0px; height: 100%; z-index: 5;}

.SubPage{ padding:0px 0px 40px;height:auto !important; height:280px; min-height:280px; background:#fff; margin-bottom:45px;}
.SubMenu{ height:56px; background:#fff; line-height:54px;transition:all 0.1s linear; -webkit-transition:all 0.1s linear; box-shadow:0px 0px 3px #ccc;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.SubMenu .place{ float:right; color:#999999;}
.SubMenu .place a{color:#999999;}.SubMenu .place a:hover,.SubMenu .place span{color:#095ea5;}
.SubMenu .menu{ float:left;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.SubMenu .menu li{ float:left; margin-right:22px; min-width:80px; text-align:center;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.SubMenu .menu li a{ display:block; color:#999999;}
.SubMenu .menu li em{ display:block; background:#095ea5; height:2px; margin:0px auto; width:0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.SubMenu .menu li a:hover,.SubMenu .menu li.onli a{ color:#095ea5;}
.SubMenu .menu li a:hover em,.SubMenu .menu li.onli a em{ width:80px;}
.SubMenu .menu.pro li a:hover em,.SubMenu .menu li.pro.onli a em{ width:100px;}
.SubMenu .menu.pro li{ min-width:100px; font-size:16px;}
.SubMenu .menu.pro i{ display:inline-block; width:36px; height:30px; vertical-align:middle; background:url(../image/proicon.png) no-repeat; margin-right:10px;}
.SubMenu .menu.pro li a{ padding:0px;}
.SubMenu .menu.pro i.icon1{ background-position:0px top;}
.SubMenu .menu.pro li:hover i.icon1,.SubMenu .menu.pro li.onli i.icon1{ background-position:-36px top;}
.SubMenu .menu.pro i.icon2{ background-position:0px -30px;}
.SubMenu .menu.pro li:hover i.icon2,.SubMenu .menu.pro li.onli i.icon2{ background-position:-36px -30px;}
.SubMenu .menu.pro i.icon3{ background-position:0px -60px;}
.SubMenu .menu.pro li:hover i.icon3,.SubMenu .menu.pro li.onli i.icon3{ background-position:-36px -60px;}
.SubMenu .menu.pro i.icon4{ background-position:0px -90px;}
.SubMenu .menu.pro li:hover i.icon4,.SubMenu .menu.pro li.onli i.icon4{ background-position:-36px -90px;}

.SubMenu2{ padding-bottom:25px; display:none;}
.SubMenu2 li{text-align:center;}
.SubMenu2 li a{ line-height:45px; display:block; color:#999999;}
.SubMenu2 li em{ display:block; background:#095ea5; height:2px; margin:0px auto; width:0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.SubMenu2 li a:hover,.SubMenu2 li.onli a{ color:#095ea5;}
.SubMenu2 li a:hover em,.SubMenu2 li.onli a em{ width:0px;}

.subtit{ text-align:center; padding:3.2% 0; position:relative;}
.subtit h2{ font-size:34px; line-height:64px; color:#333333; font-weight:normal;}
.subtit p{ font-family:Arial, Helvetica, sans-serif; color:#bfbfbf; text-transform:uppercase;}
.subtit i{display: block; width: 50px; height: 2px; background: #000; margin: 20px auto 0px;}
.subtit .ins{font-size: 18px; color: #999999;}
.subtit a.clickbtn{ width:100%; position:absolute; left:0px; top:0px; height:85%; display:none; background:url(../image/zoom_jia.png) center bottom no-repeat;}


@media ( max-width:998px){
.SubMenu{ display:none; height:auto;}	
.SubMenu .place{ display:none;}
.SubMenu .menu{ float:none;}
.SubMenu .menu li{ float:none; margin-right:0px; min-width:auto;}

.subtit a.clickbtn{ display:block;}
.BanSub{ height:450px;}
/* .subtit{ padding:20px 0px;} */
.subtit h2{ font-size:20px; line-height:40px;}
}

@media ( max-width:768px){
.subtit a.clickbtn{height: 50%;}
}

@media ( max-width:640px){
.BanSub{ height:250px;}
.BanSub .img{ top:15%;}
}
@media ( max-width:480px){
.BanSub{ height:150px;}
}

/*产品*/
.ProList{ padding-top:3.5%; margin-left:-5.3333%;}
.ProList ul{ padding-bottom:30px}
.ProList li{ width:28%; float:left; text-align:center; margin:0 0 3% 5.3333%;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; height:470px; background:#fff;}
.ProList li .box{ padding:10%; position:relative;}
.ProList li .box .img {transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}
.ProList li .box .img a{ display:block; background-repeat:no-repeat; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; background-size:cover; padding-top:100%;}
.ProList li .box .info{ color:#999999; font-size:16px; line-height: 28px;}
.ProList li .box .info .tit{ font-size:22px; color:#333; padding:4% 0 2%;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}
.ProList li .box a{ display:block;}
.ProList li .bq{ position:absolute; left:50%; margin-left: -35px; top:0px; color:#fff; width:70px; line-height:22px; height:22px; text-align:center; font-size:14px;}
.ProList li .bq .green{display: block; background: #83c44e;}
.ProList li .bq .red{display: block; background: #e53935;}
.ProList li:hover .tit a,.ProList li:hover .box .info{ color:#095ea5;}
.ProList li:hover{ box-shadow:0px 0px 20px #ddd;}
.ProList li:hover .img{ margin-top:10px;}

@media ( max-width:998px){
.ProList li{ height:auto;}
.ProList li .sjbtn{ display:none;}.ProList li:hover .sjbtn{ display:none;}
.ProList li:hover .img{ margin-top:0px;}
}
@media ( max-width:768px){
.ProList li .box .info{font-size:14px;}
.ProList li .box .info .tit{ font-size:16px;}
.ProList{margin-left:-3%;}
.ProList li{ width:47%; margin-left:3%;}
}
@media ( max-width:480px){
.ProList{margin-left:0%;}
.ProList li{ width:auto; float:none; margin-left:0%;}
}


/*产品详情*/
.popbox{ display:none; position:fixed; z-index:998; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.68);}
.popcontent{ padding:3% 3%; position:fixed; z-index:999; width:72%; height:72%; background:#fff; border-radius:9px; top:7%; left:10%;}
.popcontent .close{ position:absolute; background:url(../image/close.png); width:34px; height:34px; right:2%; top:2.5%;}
.popcontent .title{ font-size:32px; color:#000000; margin-bottom:30px;}
.popcontent .content{ height:95%; position:relative; overflow-y:auto; font-size:16px; color:#888888; padding-right:1%;}
.popcontent .content video{ background:#000;}
.popcontent .content .imgleft{ width:43%; float:left;}
.popcontent .content .imgleft img{ width:100%;}
.popcontent .content .info{ width:52%; float:right; padding-top:3%;}


@media ( max-width:998px){
.popcontent{ padding:4% 3%; position:fixed; z-index:999; width:90%; height:90%;top:2%; left:2%;}
.popcontent .title{ font-size:18px;}
.popcontent .content{ height:90%; font-size:14px;}
.popcontent .content .imgleft{ width:auto;}
.popcontent .content .info{ width:auto; float:none;}
}


/*产品专题*/
.ztmain .SubMenu{ position:fixed; left:0px; z-index:996; width:100%; top:0px;}
.ztmain .SubMenu.fiexd{ top:0px;}
.ztmain .Header{top:-100px;}

.ztsection0 .txt{ text-align:center; padding-top:26%;transform:translateY(-100px);-webkit-transform:translateY(-100px);opacity:0;transition:all 1s;}
.ztsection0.active .txt{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.ztsec-ani .imgs{}
.ztsec-ani .weizi{ text-align:center; font-size:18px; width:480px; z-index:10;}
.ztsec-ani .weizi .tit{ line-height:95px; color:#c9995f; font-size:44px;transform:translateY(100px);-webkit-transform:translateY(100px);opacity:1;transition:all 1s 0.3s;}
.ztsec-ani .weizi .p1{ border:1px solid #e6e6e6;border-left:5px solid #e6e6e6;border-right:5px solid #e6e6e6; line-height:53px; font-size:32px;transform:translateY(100px);-webkit-transform:translateY(100px);opacity:1;transition:all 1s 0.5s; color:#111111;}
.ztsec-ani .weizi .p2{ width:88%; margin:0px auto; line-height:30px; padding-top:13px;transform:translateY(100px);-webkit-transform:translateY(100px);opacity:1;transition:all 1s 0.7s; color:#666666;}
.ztsec2.ztsec-ani .weizi dd,.ztsec4.ztsec-ani .weizi dd{ line-height:53px; font-size:32px;transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;transition:all 1s 0.5s;}

.ztsec-ani .weizi2{ text-align:center; font-size:18px; width:480px; z-index:10; border:1px solid #e6e6e6;border-left:5px solid #e6e6e6;border-right:5px solid #e6e6e6; padding-bottom:20px;transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transition:all 1s 0.1s;}
.ztsec-ani .weizi2 .tit{ line-height:95px; color:#c9995f; font-size:44px;transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;transition:all 1s 0.3s;}
.ztsec-ani .weizi2 .p1{ line-height:53px; font-size:32px;transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;transition:all 1s 0.5s; color:#111111;}
.ztsec-ani .weizi2 .p2{ width:88%; margin:0px auto; line-height:30px; padding-top:13px;transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;transition:all 1s 0.7s; color:#666666;}


.ztsec-ani.active .imgs,.ztsec-ani.active .imgs2{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.ztsec-ani.active .weizi .tit{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.ztsec-ani.active .weizi .p1{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.ztsec-ani.active .weizi .p2{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.ztsec2.ztsec-ani.active .weizi dd,.ztsec4.ztsec-ani.active .weizi dd{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

.ztsec-ani.active .weizi2 {transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);}
.ztsec-ani.active .weizi2 .tit{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.ztsec-ani.active .weizi2 .p1{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.ztsec-ani.active .weizi2 .p2{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

.ztsec-ani .imgs{ left:0%; position:absolute; bottom:0%; width:100%;}
.ztsec-ani .imgs2{ left:0%; position:absolute; bottom:0%; width:100%;}

.ztsec1 .imgs,.ztsec1 .imgs2{ left:4%; position:absolute; bottom:0%; width:40%;transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0;transition:all 1s 0.4s;}
.ztsec1 .imgs2{ left:auto; right:0;transform:translateX(100px);-webkit-transform:translateX(100px);}

.ztsec1 .weizi{ position:absolute; right:10%; top:35%;}
.ztsec1 .weizi .p1{ color:#fff;}
.ztsec1 .weizi .p2{ color:#eaeaea;}

.ztsec1 .weizi2{ position:absolute; left:10%; top:35%;}
.ztsec1 .weizi2 .p1{ color:#fff;}
.ztsec1 .weizi2 .p2{ color:#eaeaea;}

.ztsec2 .imgs,.ztsec2 .imgs2{ left:27%; bottom:0%; width:46%;transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0;transition:all 1s 0.4s;}
.ztsec2 .imgs2{ left:auto; right:0;}

.ztsec2 .weizi,.ztsec4 .weizi{ position:absolute; left:50%; top:10%; width:960px; margin-left:-480px;}
.ztsec2 .weizi2{ position:absolute; left:6%; top:35%; width:560px;}
.ztsec2 .weizi .tit,.ztsec4 .weizi .tit,.ztsec6 .weizi .tit{font-size:36px; color:#222222;}
.ztsec2 .weizi dl,.ztsec4 .weizi dl{margin-top:3%;}
.ztsec2 .weizi dl dd,.ztsec4 .weizi dl dd{width:48%;}
.ztsec2 .weizi dl dd .icon,.ztsec4 .weizi dl dd .icon{width:28.888%; float:left;}
.ztsec2 .weizi dl dd .txt,.ztsec4 .weizi dl dd .txt{width:68%; float:right; text-align:left;}
.ztsec2 .weizi dl dd .txt .name,.ztsec4 .weizi dl dd .txt .name{display:block; font-size:18px; line-height:28px; color:#c9995f; margin:18px 0px;}
.ztsec2 .weizi dl dd .txt .info,.ztsec4 .weizi dl dd .txt .info{font-size:14px; line-height:24px; color:#666666;}

.ztsec3 .weizi{ position:absolute; left:50%; top:16%; width:405px; margin-left:-200px;}
.ztsec3 .weizi2{ position:absolute; left:50%; top:25%; width:405px; margin-left:-200px;}
.ztsec3 .weizi .tit{font-size:36px; color:#fff;}
.ztsec3 .weizi .p1,.ztsec3 .weizi .p2{font-size:18px; line-height:28px; border:none; color:#bcbcbc;}

.ztsec3 .imgs,.ztsec3 .imgs2{ left:16%; bottom:0%; width:auto;transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;transition:all 1s 0.4s; width:66%;}
.ztsec3 .imgs2{ left:auto; right:16%;}

/*.ztsec4 .weizi{ position:absolute; left:6%; top:35%; width:562px;}*/
.ztsec4 .weizi .p1{ border:1px solid #cccccc;border-left:5px solid #cccccc;border-right:5px solid #cccccc;}

.ztsec4 .weizi2{ position:absolute; right:6%; top:35%; width:562px; border:1px solid #cccccc;border-left:5px solid #cccccc;border-right:5px solid #cccccc;}

.ztsec4 .imgs,.ztsec4 .imgs2{ left:auto; right:20%; bottom:0%;transform:translateX(100px);-webkit-transform:translateX(100px);opacity:0;transition:all 1s 0.4s; width:60%;}
.ztsec4 .imgs2{ left:0%; right:auto;}

.ztsec5 .imgs,.ztsec5 .imgs2{ left:4%; position:absolute; bottom:5%; width:60%;transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0;transition:all 1s 0.4s;}
.ztsec5 .imgs2{ left:auto; right:4%;}

.ztsec5 .weizi{ position:absolute; right:10%; top:35%; width:389px;}
.ztsec5 .weizi .p1{ color:#fff;}
.ztsec5 .weizi .p2{ color:#bababa;}

.ztsec5 .weizi2{ position:absolute; left:10%; top:35%; width:389px;}
.ztsec5 .weizi2 .p1{ color:#fff;}
.ztsec5 .weizi2 .p2{ color:#bababa;}

.ztsec6 .imgs,.ztsec6 .imgs2{ left:32%; bottom:1%; width:auto;transition:all 1s 0.4s; width:36%; text-align:center;}
.ztsec6 .imgs2{ left:auto; right:32%; bottom:auto; top:14%;}

.ztsec6 .weizi{ position:absolute; left:50%; top:15%; width:530px; margin-left:-265px;}

.ztsec6 .weizi2{ position:absolute; left:50%; top:58%; width:530px; margin-left:-265px;}

.ztsec7 .imgs{ left:0%; top:15%; width:40%;}
.ztsec7 .imgs img{ width:100%;}
.ztsec7 .weizi{ position:absolute; right:10%; top:18%; width:50%;}

.ztsec7 .weizi2{ position:absolute; right:10%; top:18%; width:50%;}

.ztsec7 .tabcs{ text-align:left;}
.ztsec7 .tabcs .tithead{ line-height:50px; padding-left:3%; background:#faf8f1; font-size:18px; font-weight:bold;}
.ztsec7 .tabcs dd{ width:47%; font-size:15px; float:left; padding:12px 0px 12px 3%; color:#888888;}
.ztsec7 .tabcs .tip{ padding:2% 0 0 3%; color:#888888; font-size:14px;}
.ztsec7 .tabcs dl:nth-child(even){ background:#faf8f1;}


@media ( max-width:998px){
.ztmain .Header{top:0px;}
}
@media ( max-width:768px){
.ztsec-ani .weizi .tit,.ztsec-ani .weizi2 .tit{ line-height:50px; font-size:21px;}
.ztsec-ani .weizi .p1,.ztsec-ani .weizi2 .p1{ font-size:16px; line-height:28px; display:inline-block; padding:0 15px;}
.ztsec-ani .weizi .p2,.ztsec-ani .weizi2 .p2{ font-size:14px; line-height:22px;}
.ztsec1 .weizi,.ztsec1 .weizi2{ top:14%; right:0; width:auto; left:0px; padding:0px 10px;}
.ztsec1 .imgs,.ztsec1 .imgs2{ left:7%; width:86%;}
.ztsec2 .weizi,.ztsec2 .weizi2{ top:14%; right:0; width:auto; left:0px; padding:0px 10px; margin-left:0;}
.ztsec2 .imgs,.ztsec2 .imgs2{ left:0%; bottom:8%; width:100%;}
.ztsec3 .weizi,.ztsec3 .weizi2{ top:14%; right:0; width:auto; left:0px; padding:0px 10px; margin:0px;}
.ztsec3 .imgs,.ztsec3 .imgs2{ left:0%; bottom:8%; width:100%;}
.ztsec4 .weizi,.ztsec4 .weizi2{ top:14%; right:0; width:auto; left:0px; padding:0px 10px; margin:0px;}
.ztsec4 .imgs,.ztsec4 .imgs2{ left:0%; bottom:8%; width:100%;}
.ztsec5 .weizi,.ztsec5 .weizi2{ top:14%; right:0; width:auto; left:0px; padding:0px 10px; margin:0px;}
.ztsec5 .imgs,.ztsec5 .imgs2{ left:0%; bottom:8%; width:100%;}
.ztsec6 .weizi,.ztsec6 .weizi2{ top:14%; right:0; width:auto; left:0px; padding:0px 10px; margin:0px;}
.ztsec6 .weizi2{ bottom:auto; top:15%;}
.ztsec6 .imgs,.ztsec6 .imgs2{ left:0%; bottom:8%; width:100%;}
.ztsec6 .imgs2{ top:auto;}
.ztsec7 .weizi{ top:12%; right:0; width:auto;left:0px; padding:0px 10px; margin:0px;}
.ztsec7 .imgs{ left:30%; width:40%; top:auto; bottom:0%;}
.ztsec7 .tabcs .tithead{ line-height:35px; font-size:16px; color:#9c7648;}
.ztsec7 .tabcs dd{ font-size:12px; padding-top:2px; padding-bottom:2px; color:#c9995f;}
.ztsec7 .tabcs .tip{ display:none;}
}

@media ( max-width:480px){
.ztsec7 .imgs{ left:25%; width:50%;}
}



/*新闻*/
.Searchbox{ width:290px; height:42px; background:#fff; border:1px solid #dadada; position:absolute; right:0px; top:65px;}
.Searchbox select{ width:100%; height:42px; color:#666666; text-indent:1em; background:url(../image/dtarr.gif) right center no-repeat;}
.Searchbox select{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-appearance: none;-moz-appearance: none;appearance: none; cursor:pointer;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;}
.Searchbox select::-ms-expand { display: none; }/*Ie clear arr*/

.NewsList ul{ padding-bottom:35px;}
.NewsList li{ background:#fff; margin-bottom:2.5%; padding:4%;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.NewsList li .img{ width:37%; float:left;}
.NewsList li .img a{ display:block; background-repeat:no-repeat; background-position:center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; background-size:cover; padding-top:55%;}
.NewsList li .info{ width:59%; float:right; color:#888888;}
.NewsList li .info .date{ color:#999999; font-size:12px; padding:4% 0 2%;}
.NewsList li .info .tit{ font-size:22px; padding-bottom:1.5%;}
.NewsList li .info .tit a{ color:#333333;}.NewsList li .info .tit a:hover{ color:#d9300a;}
.NewsList li .info p{max-height: 48px; overflow: hidden;}
.NewsList li .info .more{ padding-top:3%;}
.NewsList li .info .more a{ display:block; width:94px; line-height:28px; text-align:center; border:1px solid #dadada; border-radius:15px; color:#888888;}
.NewsList li:hover .info .more a{ color:#fff; background:#095ea5; border:1px solid #095ea5;}
.NewsList li:hover{ box-shadow:0px 0px 20px #ddd;}

.Titleinfo{ color:#666666; padding:30px 0px 20px 0px; margin-bottom:20px;text-align:center; border-bottom:1px dashed #b8b8b8;}
.Titleinfo .tit{ font-size:20px; color:#333333; padding-bottom:10px;}
.Titleinfo .date i{ margin:0px 12px; display:inline-block;}
.Shares{ padding-bottom:20px;}
.Shares a{ vertical-align:top;}
.Shares .share{ float:right;}
.PrevNextBox { border-top:1px solid #dadada; padding:22px 0px 20px; position:relative; color:#888888;}
.PrevNextBox dl{ padding-left:66px; height:25px; position:relative; margin-bottom:7px;}
.PrevNextBox dl b{ position:absolute; left:0px; top:0px; color:#000000; font-weight:normal;}
.PrevNextBox dl a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}
.PrevNextBox a.none{ cursor:default; color:#888888;}
.PrevNextBox a.none:hover{ color:#888888;}
.PrevNextBox a.back{ text-align:center; border-radius:18px; position:absolute; width:135px; line-height:35px; top:22px; right:0px; background:#095ea5; color:#fff;}
.PrevNextBox a:hover.back{ background:#1987cd;}

@media ( max-width:998px){
.Searchbox{top: 36px;}
.NewsList li .info .tit{font-size: 18px;}
}

@media ( max-width:768px){
.Searchbox{ position:static; margin:39px auto 0; width:auto;}
.NewsList li .img{ width:auto; float:none;}
.NewsList li .info{ width:auto; float:none;}
.NewsList li .info .tit{ font-size:16px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; }
.NewsList li .info .more a{ margin:0px auto;}
.NewsList li .info p{ height:72px; overflow:hidden;}
.PrevNextBox a.back{ position:static; display:block; float:right; width:100px; line-height:28px; font-size:12px;}

}


/*关于*/
.SinglePage{ word-wrap:break-word; line-height:30px; padding-bottom:5%; position: relative; top:0px;}

.shoptxt{text-align:center; color:#5f5f5f; font-size:16px; text-align:center; color:#666; line-height: 26px;}
.shoptxt span{ display:block;}

.ShopList .scroll{ position:relative; margin:3% 0 5.5%;}
.ShopList .scroll .item{ margin:0 7%;}
.ShopList .owl-carousel .owl-controls .owl-nav .owl-prev{ left:-50px; top:50%; margin-top:-20px;}
.ShopList .owl-carousel .owl-controls .owl-nav .owl-next{right:-50px; top:50%; margin-top:-20px;}

.TecList{}
.TecList .scroll{ position:relative;}
.TecList .scroll .item{padding: 8px 0px;}
.TecList .scroll .item .box{margin: 0px 25px; border:1px solid #ebebeb; border-radius:10px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.TecList .scroll .item p{ height:148px; display:table-cell; vertical-align:middle; width:2%; text-align:center; font-size:18px;}
.TecList .scroll .item:hover .box{ color:#095ea5; box-shadow:0px 0px 8px #ccc; border:1px solid #095ea5;}

.Partner .scroll{ position:relative; margin-bottom:5.5%; padding:0px 25px;}
.Partner .scroll .item{ margin:0 2%;}
.Partner .scroll .item div{ border:1px solid #f2f2f2; margin-bottom:10px;}
.Partner .scroll .item div:hover{box-shadow: 0px 0px 10px #ccc;}
.Partner .owl-carousel .owl-controls .owl-nav .owl-prev{ left:-50px;}
.Partner .owl-carousel .owl-controls .owl-nav .owl-next{right:-50px;}


@media ( max-width:1200px){
.ShopList .owl-carousel .owl-controls .owl-nav .owl-prev{ left:0px;}
.ShopList .owl-carousel .owl-controls .owl-nav .owl-next{ right:0px;}
.Partner .owl-carousel .owl-controls .owl-nav .owl-prev{ left:0px;}
.Partner .owl-carousel .owl-controls .owl-nav .owl-next{right:0px;}
}

@media ( max-width:768px){
.Partner .scroll{padding:0px 0px;}
.TecList .scroll .item p{height: 80px;}
}
@media ( max-width:480px){
a.playbtn{width:40px; height:40px;}
.ShopList .scroll .item{ margin:0 0%;}
.TecList .scroll{ margin-left:0; margin-right:0;}
.TecList .scroll .item{ padding:0px;}
.TecList .scroll .item .box{ width:auto;}
.TecList .scroll .item:hover .box{ border:1px solid #ebebeb;}
}


/*服务*/
.SerList{ padding:0% 2% 4%;}
.SerList li{ cursor:pointer; width:12.6666666%; padding:10px 2% 0px; text-align:center; float:left; line-height:18px; color:#999999;}
.SerList li .icon{ width:89px; height:89px; border: 1px solid #e7e7e7; border-radius: 50%; margin:0px auto 17px; position:relative;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.SerList li .icon img{ position:absolute; left:50%; top:50%; width:45px; height:45px; margin:-23px 0px 0px -23px;}
.SerList li .icon .i1{transition: 400ms;}
.SerList li .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.SerList li:hover .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.SerList li:hover .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.SerList li:hover .icon{border: 1px solid #095ea5;}
.SerList li dt{ line-height:42px; font-size:18px; color:#666;}
.SerList li a dd{ color:#999999;}
.SerList li:hover dt{ color:#095ea5;}

/* .SerList li:hover .icon{ margin-top:-10px;} */
.SerHot{ padding:2.5% 9% 0;transform:translateY(80px);-webkit-transform:translateY(80px);opacity:0;transition:all 1s 0.7s;}
.SerHot ul{ margin-left:-3.3333%;}
.SerHot li{ width:30%; float:left; margin-left:3.3333%; cursor:pointer;}
.SerHot li .tit{ text-align:center; font-size:18px;}
.SerHot li .img{ margin-bottom:4%; position:relative;}
.SerHot li .img img{ display:block; width:100%;}
.SerHot li .info{filter:alpha(opacity=0);-moz-opacity: 0;opacity:0; position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.7); color:#fff;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.SerHot li .info dl{ padding:10% 7% 10%;}
.SerHot li .info dl dt{ line-height:45px; padding-bottom:10px; font-size:48px; font-family:"Times New Roman", Times, serif;}
.SerHot li .info dl dd{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity:0.8;}
.SerHot li:hover { color:#333333;}
.SerHot li:hover .info{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.anm.shfw .SerHot{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

@media ( max-width:768px){
.SerList li{ width:50%; padding:0 0 20px;}
.SerList li dt{font-size:16px;}
.SerList li:hover .icon{ margin-top:0px;}
.SerHot{ padding-left:10px; padding-right:10px;}
.SerHot li .info{ position:static;filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
}

@media ( max-width:480px){
.SerHot ul{ margin-left:0;}
.SerHot li{ width:auto; float:none; margin-left:0; padding-bottom:15px;}
.SerList li dd{font-size: 12px;}
}


/*加盟专区*/
.anm.hyqj .Jm_hyqj {transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.anm.dmzs .JmShop{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

.Jmprocess{padding-bottom:4.5%;}
.Jmprocess .subtit h2{color:#585353;}
.Jmprocess .subtit p{color:#939393;}
.Jmprocess .owl-dots{filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;}
.owl-controls .owl-nav .owl-prev,.owl-controls .owl-nav .owl-next{width: 29px; height: 29px; line-height: 999px; overflow: hidden; position: absolute; border: none; top: 50%; margin-top: -14px; background-color: #fff; background-repeat: no-repeat; border-radius: 50%;}
.owl-controls .owl-nav .owl-prev{left: 0px; background-image: url(../image/left.png);}
.owl-controls .owl-nav .owl-prev:hover{background-image: url(../image/lefton.png);}
.owl-controls .owl-nav .owl-next{right: 0px; background-image: url(../image/right.png);}
.owl-controls .owl-nav .owl-next:hover{background-image: url(../image/righton.png);}
.Jmprocess .scroll{ background:url(../image/dateline.png) center center repeat-x; height:325px; position:relative; padding:0px 59px; overflow: hidden;}
/* .Jmprocess .jmcarousel1 .owl-item{ width:214px !important;} */
.Jmprocess .scroll .item{ width:204px; padding: 0px 0px 48px; color:#808080; cursor:pointer; text-align:center; position:relative;}
.Jmprocess .scroll .item .box{height:120px; border: 1px solid #ebebeb; border-radius: 5px;}
.Jmprocess .scroll .item .arr{ background:url(../image/jmarr.png); width:15px; height:48px; left:50%; bottom:0px; position:absolute; margin-left:-7px;}
.Jmprocess .scroll .item h2{ padding-top:14px; line-height:53px; font-size:26px; font-family: Arial; color:#808080; font-weight:normal;}
.Jmprocess .scroll .item p{ line-height:28px; font-size:16px;}
.Jmprocess .scroll .item:hover .box{ color:#095ea5; box-shadow: 0px 0px 15px #ccc;}
.Jmprocess .scroll .item:hover h2{ color:#095ea5;}
.Jmprocess .scroll .item.next{margin-top:155px; padding: 48px 0px 0px;}
.Jmprocess .scroll .item.next .arr{ top:0px;
	-webkit-transform: rotate(-180deg) !important;
	-moz-transform: rotate(-180deg) !important;
	-ms-transform: rotate(-180deg) !important;
	-o-transform: rotate(-180deg) !important;
	transform: rotate(-180deg) !important;}
.jmcarousel2{ display:none;}

.Jmform{ margin:0px auto;}
.Jmform dl{ position:relative; float: left; width: 22%; margin-right: 4%; border-bottom: 1px solid #e6e6e6;}
.Jmform dl:nth-child(4n){margin-right: 0;}
.Jmform dl dd input::placeholder{color: #4c4c4c;}
.Jmform dl .getcode{position: absolute; right: 0px; top: 50%; margin-top: -11px; width: 78px; height: 22px; border: 1px solid #e6e6e6; font-size: 14px; color: #aaa;}
.Jmform .inputtxt{height:42px; line-height:42px; color: #333; font-size: 16px;}
.Jmform .select{ background:#fff; width:102px; height:44px; border:1px solid #dcdcdc; text-indent:0.5em; color:#b2b2b2;}
.Jmform .sendbtn{ font-size:16px; cursor:pointer; width:159px; height:40px; background: #095ea5; color:#fff; margin:5% 0 15px;}


@media ( max-width:1200px){
.Jmprocess .scroll{ padding:0px 10px;}
.owl-carousel .owl-controls .owl-nav .owl-prev{left:0px; width:30px; height:30px;}
.owl-carousel .owl-controls .owl-nav .owl-next{right:0px; width:30px; height:30px;}
}

@media ( max-width:768px){

.Jmform dl{width: 48%; margin-right: 0; margin-bottom: 10px;}
.Jmform dl:nth-child(2n){float: right;}
}
@media ( max-width:480px){
.Jmform dl,.Jmform dl:nth-child(2n){width: 100%; float: none;}
.Jmform .inputtxt{ width:98%;}
.Jmprocess .scroll{height: 244px;}
.Jmprocess .scroll .item{width: 100%;}
.Jmprocess .scroll .item.next .arr{top: -41px;}
.Jmprocess .scroll .item.next{padding-top: 5px;}
.Jmprocess .scroll .item .box{height: 80px;}
.Jmprocess .scroll .item h2{line-height: 26px; font-size: 20px;}
.Jmform .select{ width:32%;}


}


.jmfw .SerList li{ width:16%;}


/*联系我们*/
.SerList.ContactUs{ padding:10px 5% 4%;}
.SerList.ContactUs li{width:17%; padding:0 4%;}
.SerList.ContactUs li .icon{width: 104px; height: 104px; border: none; background-image: url(../image/cbg.png); background-size: 100% 100%;}
.SerList.ContactUs li:hover .icon{background-image: url(../image/cbgon.png);}
.SerList.ContactUs li i{display: block; width: 12px; height: 1px; background: #c9c9c9; margin: 10% auto 13%;}
.SerList.ContactUs li dd{font-family: Arial; font-size: 16px; color: #666;}

.graybox{ background:#fafafa; padding-bottom:5%;}

.Msgform{ width:840px; margin:0px auto;}
.Msgform dl{ position:relative; margin-bottom:29px;}
.Msgform dl.w45{ width:45%;}
.Msgform dl.w45 select {
        font-size: 16px;
        color: #666666;
        background: #fff;
        height: 42px;
        line-height: 42px;
        border: 1px solid #dcdcdc;
        width: 99.5%;
        text-indent: 1em;
    }
.Msgform .inputtxt{height:42px; line-height:42px; border-bottom:1px solid #dcdcdc; width:100%; color: #333;}
.Msgform .sel{ font-size:16px; color:#666666; background:#fff; height:44px; line-height:42px; width:100%;}
.Msgform label{ line-height:20px; top:11px; font-size:16px; position:absolute; left:0px;right: 0px;color:#808080;}
.Msgform .textarea{height:70px; border-bottom:1px solid #dcdcdc;}
.Msgform .textarea textarea{ width:100%; height:42px;}
.Msgform .sendbtn{ font-size:18px; border:1px solid #e6e6e6; cursor:pointer; width:158px; height:38px; color:#808080;}
.Msgform .sendbtn:hover{ color:#fff; background:#095ea5;}
.wramtip{ color:#999999;}


@media ( max-width:768px){
.Msgform{ width:auto; margin:0 10px;}
.Msgform dl{margin-bottom:15px;}
.Msgform label{ font-size:14px;}
.Msgform .inputtxt{ width:98.5%;}
.Msgform .sel{ font-size:14px;}
.jmfw .SerList li{ width:50%;}
.SerList.ContactUs{}
.SerList.ContactUs li{ width:50%; padding:0 0 20px;}
.SerList.ContactUs li i{margin: 15px auto 20px;}
}

@media ( max-width:480px){
.Msgform dl.w45{width: 100%;}
.SerList.ContactUs li i{margin: 10px auto 15px;}
.SerList.ContactUs li dd{font-size: 14px;}
}


/*商学院*/
.Marketing{ padding:0 0 13%; position:relative;}
.Marketing .item{ width:20%; float:left; height:290px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Marketing .item .box{ position:relative; height:290px;}
.Marketing .item .tit{ text-align:center; padding-top:36px; line-height:62px; color:#333333; font-size:18px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Marketing .item .tit i{ display:block; margin:0px auto; width:20px; height:36px; border-top:2px solid #898a8b;}
.Marketing .item .icon img{ display:block; width:93px; height:93px; margin:0px auto;}
.Marketing .item .txt{ display:none; overflow-y:auto; width:365px; height:; padding-right:5px;}
.Marketing .item.i1{ background:#d2d3d3;}
.Marketing .item.i2{ background:#e0e2e4;}
.Marketing .item.i3{ background:#f0f0f0;}
.Marketing .item.cur{ width:60%; background:none;}
.Marketing .item.cur .tit{ position:absolute; left:5%; top:0px; text-align:left; padding-top:10px;}
.Marketing .item.cur .tit i{ margin:0px;}
.Marketing .item.cur .icon{ width:26%; position:absolute; right:14%; top:19%;}
.Marketing .item.cur .icon img{ width:100%; height:100%;}
.Marketing .item.cur .txt{ margin:14% 0 0 5%; color:#9d9d9d; display:block;}
.Marketing .item .txt .mr25{ display:inline-block; margin-right:25px;}
.Marketing .btn{ position:absolute; left:0px; bottom:7.5%; text-align:center;}
.Marketing .btn a{ display:inline-block; width:140px; line-height:50px; text-align:center; color:#095ea5; font-size:16px; border:1px solid #095ea5; margin:0px 1.5%;}
.Marketing .item.i1 .btn{ left:30%;}
.Marketing .item.i2 .btn{ left:44%;}
.Marketing .item.i3 .btn{ left:58%;}
.Marketing .item.cur .btn a{background:#095ea5; color:#fff;}

@media ( max-width:1440px) and ( min-width:320px) {
.Marketing .item .txt{height:120px;}
}

@media ( max-width:1024px){
.Marketing .btn a{ width:110px; line-height:40px;}
}
@media ( max-width:768px){
.Marketing .item{ width:auto; float:none; height:190px;}
.Marketing .item .tit{ position:absolute; left:10px; top:0px; text-align:left; padding-top:10px; line-height:35px;}
.Marketing .item .tit i{ margin:0px;}
.Marketing .item .icon{ position:absolute; width:65px;right:10px; top:21%;}
.Marketing .item .icon img{ width:100%; height:100%;}
.Marketing .item .txt{ margin:52px 82px 0px 10px; width:auto; color:#9d9d9d; display:block;}
.Marketing .item .btn{ display:none;}
.Marketing .item.cur{ width:auto; background:none;}
.Marketing .item.cur .tit{ position:absolute; left:10px; top:0px; text-align:left; padding-top:10px; line-height:35px;}
.Marketing .item.cur .icon{ position:absolute; width:65px;right:10px; top:21%;}
.Marketing .item.cur .txt{ margin:52px 82px 0px 10px;}
.Marketing .item.cur.i1 { background:#d2d3d3;}
.Marketing .item.i2{ background:#fff;}

}


.Leader{ background:#1d1c1a; position:relative;}
.Leader .img{ width:50%; float:left;}
.Leader .info{ position:relative; z-index:1; width:43%; padding-right:3%; float:right;}
.Leader .info .tithead{ padding:15% 0px 5%; font-size:16px;}
.Leader .info .tithead h2{ font-size:26px; color:#fff; line-height:56px;}
.Leader .info .tithead i{ height:19px; display:block; width:30px; border-bottom:2px solid #a8a8a8;}
.Leader .info .txt p{ text-indent:2em; color:#999999;}
.Leader .logobg{ position:absolute; width:19%; bottom:0px; right:6%; z-index:0;}
.Leader .owl-dots{ position:absolute; width:100%; text-align:center; bottom:15px;}
.Leader .owl-dot{display:inline-block; margin:0 1%; width:40px; height:4px; background:#61615f;}
.Leader .owl-dot.active{ background:#095ea5;}

@media ( max-width:768px){
.Leader .img{ margin:0px auto; width:70%; float:none;}
.Leader .info{ width:auto; padding:0 0 45px 0; float:none; line-height:20px;}
.Leader .info .tithead{ padding:15px 0px 10px;}
.Leader .info .txt{ height:120px; overflow-y:auto;}
.Leader .owl-dots{ bottom:10px;}
}


.Modelbox{ position:relative; padding-bottom:4%;}
.Modelbox .logo{ position:absolute; width:50%; left:25%; top:31%;}
.Modelbox .subtit{ margin-bottom:3%;}
.Modelbox .item{ text-align:right; cursor:pointer; width:42%; float:left; height:350px; position:relative; margin-bottom:20px;}
.Modelbox .item .tit{ line-height:60px; font-size:20px; color:#333333; padding:8px 16px 0px 0px;}
.Modelbox .item .stit{ color:#666666; font-size:16px; margin-bottom:4px;}
.Modelbox .item .p{ color:#999999;}
.Modelbox .item .scroll{ padding:0px 16px 0px 16px; height:;}
.Modelbox .item .num{ position:absolute; font-size:80px; color:#095ea5; line-height:57px; left:5%; top:-15%; font-weight:bold; font-family:Arial, Helvetica, sans-serif; display:none;}
.Modelbox .item:hover{ box-shadow:0px 0px 8px #ccc; background:#fff;}
.Modelbox .item:hover .num{ display:block;}
.Modelbox .item:hover .tit{ color:#095ea5;}
.Modelbox .item.i2,.Modelbox .item.i4{ float:right; text-align:left;}
.Modelbox .item.i2 .num,.Modelbox .item.i4 .num{ left:auto; right:5%;}
.Modelbox .item.i2 .tit,.Modelbox .item.i4 .tit{ padding-left:16px;}
.Modelbox .item.i3{ clear:both;}

@media ( max-width:1660px) and ( min-width:769px) {
.Modelbox .item{height:212px; width:32%;}
.Modelbox .item .scroll{height:125px; overflow-y:auto;}
}

@media ( max-width:768px){
.Modelbox .item{ text-align:left;width:auto; float:none; height:auto; padding-bottom:10px; box-shadow:0px 0px 8px #ccc; background:#fff;}
.Modelbox .item .scroll{height:170px; overflow-y:auto;}
.Modelbox .item.i2,.Modelbox .item.i4{ float:none;}
.Modelbox .item.i1 .tit,.Modelbox .item.i3 .tit{ padding-left:16px;}
.Modelbox .item.i1 .num,.Modelbox .item.i2 .num,.Modelbox .item.i3 .num,.Modelbox .item.i4 .num{ left:auto; right:5%; display:block; font-size:45px; top:0px;}
}

.Schoolbox{ background:#1d1c1a; padding-bottom:4%;}
.Schoolbox .subtit{ color:#939393;}
.Schoolbox .subtit h2{ color:#fff;}
.Schoolbox .nav{ text-align:center; margin:3% 0 3%;}
.Schoolbox .nav a{ display:inline-block; padding:9px 15px; border:2px solid #4c3f2d; font-size:16px; color:#fff; margin:0 0.7% 10px;}
.Schoolbox .nav a.cur{ background:#095ea5; border:2px solid #095ea5;}
.Schoolbox .slide{ display:none;}
.Schoolbox .slide .img{ width:30%; float:left; text-align:center;}
.Schoolbox .slide .info{ width:67%; float:right; color:#ccc;}
.Schoolbox .slide .info .tit{ font-size:16px; padding:15px 0px; color:#fff;}
.Schoolbox .slide .info .stit{ font-weight:normal; font-size:16px; padding:20px 0px 12px; color:#fff;}

@media ( max-width:768px){
.Schoolbox .slide .img{ width:auto; float:none;}
.Schoolbox .slide .img img{ width:100px;}
.Schoolbox .slide .info{ width:auto; float:none; line-height:20px; height:150px; overflow-y:auto; margin-top:10px;}
.Schoolbox .nav a{ font-size:13px; padding:4px 4px;}
}


.graybox2{ background: #ededed url(../image/graybg.gif) 0px bottom repeat-x; margin-bottom:4.5%;}
.Teacherbox{ height:541px; margin-top:2%; position:relative; overflow:hidden;}
/*左侧大图和内容*/
.Teacherbox #ifocus_tx{ width:80%; float:left; position:relative;}
.Teacherbox #ifocus_tx li{ width:100%; height:541px;}
.Teacherbox #ifocus_tx li .img{ width:42%; position:absolute; bottom:0px;}
.Teacherbox #ifocus_tx li .info{ width:55%; float:right; color:#888888;}
.Teacherbox #ifocus_tx li .info .tithead{ border-bottom:1px solid #dfe0e2; padding-top:10%;}
.Teacherbox #ifocus_tx li .info .tithead h2{ font-weight:normal; padding:10px 0px; font-size:36px; color:#095ea5;}
.Teacherbox #ifocus_tx li .info .tithead h2 i{ text-transform:uppercase; font-size:16px; margin-left:14px; font-family:"Courier New", Courier, monospace;}
.Teacherbox #ifocus_tx li .info .tithead p{ color:#999999; font-size:20px;}
.Teacherbox #ifocus_tx li .info .tithead .line{ width:30px; height:27px; display:block; border-bottom:4px solid #095ea5; margin-bottom:-1px;}
.Teacherbox #ifocus_tx li .info .stit{ color:#333333; font-size:16px; padding:5% 0 1%;}
.Teacherbox #ifocus_tx li .info .scrollbar{ height:300px; overflow-y:auto; margin-top:2%;}
.Teacherbox #ifocus_tx li.current{ z-index:99;}

/*右侧小图*/
.Teacherbox #tFocusBtn{ width: 168px; height: 418px; float: right; position: relative; padding-top:97px;}
.Teacherbox .tFocus-prevBtn{ width: 168px; height: 20px; display: block; background:url(../image/szarr01.png) center center no-repeat; cursor: pointer; position: absolute; left: 0px; top: 47px;}
.Teacherbox .tFocus-prevBtn:hover{background:url(../image/szarr1.png) center center no-repeat;}
.Teacherbox .tFocus-nextBtn{ background:url(../image/szarr02.png) center center no-repeat; position: absolute; left: 0px; bottom: 0px; height: 20px; width: 168px; cursor: pointer;}
.Teacherbox .tFocus-nextBtn:hover{ background:url(../image/szarr2.png) center center no-repeat;}
.Teacherbox #ifocus_btn{ width: 168px; height: 387px; position: absolute; overflow: hidden; top: 97px; right: 0px;}
.Teacherbox #ifocus_btn ul{width:168px;height:10000px;position:absolute;left:0;top:0;}
.Teacherbox #ifocus_btn li { height:101px; cursor:pointer;}
.Teacherbox #ifocus_btn li .img{ border-radius:50%; width:78px; height:78px; overflow:hidden; float:left;}
.Teacherbox #ifocus_btn li .img img{ width:100%;}
.Teacherbox #ifocus_btn li .info{ width:76px; float:right; color:#888888;}
.Teacherbox #ifocus_btn li .info h2{ line-height:32px; padding-top:9px; font-size:18px; color:#404040; font-weight:normal;}
.Teacherbox #ifocus_btn .current .img{ width:72px; height:72px; border:4px solid #095ea5; border-radius:50%;}
.Teacherbox #ifocus_btn .current .info h2{ color:#095ea5;}
.Teacherbox_sj{ display:none; padding:0px 10px 50px 10px;}
.Teacherbox_sj .item .tithead{ border-bottom:1px solid #dfe0e2; margin-bottom:15px;}
.Teacherbox_sj .item .tithead h2{ font-weight:normal; font-size:24px; color:#095ea5;}
.Teacherbox_sj .item .tithead h2 i{ text-transform:uppercase; font-size:16px; margin-left:14px; font-family:"Courier New", Courier, monospace;}
.Teacherbox_sj .item .tithead p{ color:#999999; font-size:14px;}
.Teacherbox_sj .item .tithead .line{ width:30px; height:12px; display:block; border-bottom:4px solid #095ea5; margin-bottom:-1px;}
.Teacherbox_sj .item .img img{ width:100px; margin:0px auto;}
.Teacherbox_sj .item .info{ color:#888888;}
.Teacherbox_sj .item .info .stit{ color:#333333; font-size:16px; padding:5% 0 1%;}
.Teacherbox_sj .item .info .scrollbar{ height:180px; overflow-y:auto; margin-top:2%;}
.Teacherbox_sj .owl-dots{ position:absolute; width:100%; text-align:center; bottom:-28px;}
.Teacherbox_sj .owl-dot{display:inline-block; margin:0 1%; width:10px; height:10px; background:#61615f; border-radius:50%;}
.Teacherbox_sj .owl-dot.active{ background:#095ea5;}

@media ( max-width:768px){
 .Teacherbox{ display:none;}
 .Teacherbox_sj{ display:block;}
}


.edunav{ width:25%; float:left; background:#fff; box-shadow:0px 0px 12px #ccc; margin-bottom:5%;}
.edunav dl{ border-bottom:1px solid #eeeeee;}
.edunav dl dt a{ display:block; padding-left:18%; line-height:90px; font-size:18px;}
.edunav dl dt a i{ width:36px; height:34px; display:inline-block; margin-right:8%; vertical-align:middle; background:url(../image/eduicon.png) 0px top no-repeat;}
.edunav dl.e1 i{ background-position:0px top;}
.edunav dl.e2 i{ background-position:0px -34px;}
.edunav dl.e3 i{ background-position:0px -68px;}
.edunav dl dd{margin:15px; height:auto !important; height:265px; min-height:265px;}
.edunav dl dd li a{ text-align:center; display:block; border-bottom:1px solid #eeeeee; line-height:69px; font-size:18px; color:#888888;}
.edunav dl dd li:last-child a{ border-bottom:0px;}
.edunav dl.cur dt a{ background:#333333; color:#fff;}
.edunav dl.cur.e1 i{ background-position:-36px top;}
.edunav dl.cur.e2 i{ background-position:-36px -34px;}
.edunav dl.cur.e3 i{ background-position:-36px -68px;}
.edunav dl.cur dd a:hover,.edunav dl.cur dd a.cur{ text-decoration:underline; color:#095ea5;}

.eduimg{ display:none; width:73%; float:right; margin-bottom:5%;}
.eduimg ul{ margin-left:-12px;}
.eduimg li{ width:50%; float:left;}
.eduimg li .box{ margin:0px 0px 12px 12px; position:relative;}
.eduimg li .tit{ position:absolute; width:100%; left:0px; bottom:0px; background:url(../image/shoptitbg.png) 0px bottom repeat-x; padding:15px 0px; text-align:center; z-index:2; color:#fff;}
.eduimg li .tit span{ display:block; font-size:16px;}
.eduimg li a{ color:#fff; display:block;}
.eduimg.e2 img{ width:100%;}

.videos{ width:50%; margin-bottom:20px; text-align:center;margin: 0 auto;}
.videos video{ display:block; width:100%;}
.videos .tit{ padding:18px 0 10px; font-size:16px;}

@media ( max-width:768px){
.edunav{ width:auto; float:none;}
.edunav dl dt a{ line-height:45px; font-size:16px;}
.edunav dl dd{height:auto; min-height:auto;margin:0px;}
.edunav dl dd li a{line-height:35px; font-size:14px;}
.eduimg{ width:auto; float:none;}
.eduimg li .tit{ font-size:12px; line-height:18px; padding:8px 0px;}
.eduimg li .tit span{ font-size:14px;}
.videos{ width:100%;}
}


/*个人中心*/
.memberbg{ background:#fafafa; padding-top:30px;}
.Membertit{ border-bottom:1px solid #f1f1f1; height:70px; line-height:70px; padding:0 5%; position:relative;}
.Membertit img{ display:inline-block; vertical-align:middle; margin-right:9px;}
.Membertit h2{ float:left; color:#095ea5; font-size:18px;}
.Membertit a.more{ position:absolute; right:30px; top:21px; width:65px; line-height:25px; text-align:center; background:#e5e9ed; border-radius:12px; color:#999999; font-size:14px;}
.Membertit a:hover.more{ background:#d6d6d6;}

.Membertit .mailopen { position:relative;}
.Membertit .mailopen i{ position:absolute; border-radius:50%; width:18px; line-height:18px; font-size:12px; text-align:center; color:#fff; background:#d9300a; right:-4px; top:-5px;}

.Membertit li{ float:left; margin-right:38px; color:#999999; font-size:18px; cursor:pointer;}
.Membertit li i{ width:26px; height:26px; display:inline-block; vertical-align:middle; margin-right:10px; background:url(../image/icon3.png) no-repeat;}
.Membertit li i.icon1{ background-position:0px top;}
.Membertit li.on i.icon1{ background-position:-26px top;}
.Membertit li i.icon2{ background-position:0px -26px;}
.Membertit li.on i.icon2{ background-position:-26px -26px;}
.Membertit li i.icon3{ background-position:0px -52px;}
.Membertit li.on i.icon3{ background-position:-26px -52px;}
.Membertit li.on{ color:#095ea5; font-weight:bold; border-bottom:2px solid #095ea5;}
.Membertit li a{ color:#999999;}.Membertit li.on a{ color:#095ea5;}

.MemberInfo{ background:#fff; box-shadow:0px 0px 10px #e4e4e4; border-radius:4px; width:45%; float:left; margin-bottom:30px; height:290px;}
.MemberInfo .box{ margin:25px 30px 0 30px; padding-left:178px; position:relative; color:#888888;}
.MemberInfo .box .head{ position:absolute; left:0px; top:8px; margin:0px auto; text-align:center;}
.MemberInfo .box .head .img{background:url(../image/headbg.png); background-size:cover; width:140px; height:125px; padding-top:15px; margin-bottom:5px;}
.MemberInfo .box .head img{ border-radius:50%; display:block; width:110px; height:110px; margin:0px auto;}
.MemberInfo .box .head a{ color:#666;}.MemberInfo .box .head a:hover{ color:#222;}
.MemberInfo .box dd{ margin-bottom:15px; clear:both;}
.MemberInfo .box dd.w5{ width:50%; float:left; clear:none;}

.MemberNotice{ background:#fff; box-shadow:0px 0px 10px #e4e4e4; border-radius:4px; width:52.5%; float:right; margin-bottom:30px; height:290px;}
.MemberNotice .slide{ padding:15px 30px 0 30px;}

.MemberCol{ background:#fff; box-shadow:0px 0px 10px #e4e4e4; border-radius:4px; margin-bottom:30px; height:auto !important; height:533px; min-height:533px; clear:both; padding-bottom:30px;}
.MemberCol .slide{ padding:15px 30px 0 30px;}

.MemberTab li{ float:left; padding-top:10px; text-align:center;}
.MemberTab .thead{ font-size:16px; color:#333333; display:table; width:100%; margin-bottom:10px;}
.MemberTab .item{font-size:13px; color:#888888;}
.MemberTab .item li{ padding:9px 0;}
.MemberTab a.look{ color:#095ea5; text-align:center; border:1px solid #095ea5; border-radius:1px; width:63px; line-height:28px; display:inline-block;}
.MemberTab a:hover.look{ background:#095ea5; color:#fff;}
.MemberTab a{ color:#888888;}.MemberTab a:hover{ color:#095ea5;}
.MemberTab .date{ width:25%; text-align:left;}
.MemberTab .tit{ width:55%; text-align:left;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.MemberTab .operate{ float:right; width:20%;}

.MemberTab .class{ width:12%;}
.MemberTab .name{ width:27%; text-align:left;}
.MemberTab .con{ width:20%;}
.MemberTab .date2{ width:13%;}
.MemberTab .zt{ width:15%;}
.MemberTab .operate2{ width:13%;}
.MemberTab .operate2 i{ display:none;}
.MemberTab .operate2 a{ display:inline-block; border:1px solid #095ea5; margin:0 5px; width:63px; line-height:28px; color:#095ea5; border-radius:1px;}
.MemberTab .operate2 a:hover{ background:#095ea5; color:#fff;}

.displaytable{ display:table; width:100%;}
.displaytable .row{display: table-row;}
.displaytable li{ display:table-cell; float:none;}
.displaytable.item .row:nth-child(odd){ background:#faf8f1;}

.MemberFile{ margin:25px 0 0 -1.5%;}
.MemberFile li{ width:23.5%; margin-left:1.5%; float:left; display:inline; font-size:20px;}
.MemberFile li .box{ border:1px solid #e2e2e2; border-radius:10px; text-align:center;}
.MemberFile li a{ display:block; padding:20% 2%; color:#666666;}
.MemberFile li p{ margin-top:15%;}
.MemberFile li:hover .box{ border:1px solid #fff; box-shadow:0px 0px 18px #bbb;}
.MemberFile li:hover a{ padding-top:18%; padding-bottom:22%;}


.MemnerMsgform{ margin-top:25px;}
.MemnerMsgform dl{ position:relative; margin-bottom:29px;}
.MemnerMsgform .item{ margin-left:-3%;}
.MemnerMsgform .item dl{ width:30.33333%; float:left; margin-left:3%;}
.MemnerMsgform dl select {
        font-size: 16px;
        color: #666666;
        background: #fff;
        height: 44px;
        line-height: 42px;
        border: 1px solid #dcdcdc;
        width: 99.5%;
        text-indent: 1em;
    }
.MemnerMsgform .inputtxt{ background:#fff; height:42px; line-height:42px; border:1px solid #dcdcdc; width:99.5%; text-indent:1em;}
.MemnerMsgform .sel{ font-size:16px; color:#666666; background:#fff; height:44px; line-height:42px; border:1px solid #dcdcdc; width:99.5%; text-indent:1em;}
.MemnerMsgform label{ line-height:20px; top:11px; font-size:16px; position:absolute; left:18px;}
.MemnerMsgform .textarea{  height:158px; border:1px solid #dcdcdc; background:#fff;}
.MemnerMsgform .textarea textarea{ width:100%; height:158px;}
.MemnerMsgform .sendbtn{ font-size:18px; border:1px solid #095ea5; cursor:pointer; width:176px; height:44px; color:#095ea5;}
.MemnerMsgform .sendbtn:hover{ color:#fff; background:#095ea5;}

@media ( max-width:1200px){
.MemberInfo .box{ margin:25px 10px 0 10px; padding-left:120px;}
.MemberInfo .box .head .img{width:100px; height:90px; padding-top:10px; margin:0px auto;}
.MemberInfo .box .head img{width:80px; height:80px;}
}
@media ( max-width:998px){
.MemberCol{ height:100px; min-height:100px;}
.MemberInfo .box dd.w5{ width:auto; float:none;}
.MemberInfo .box dd{ margin-bottom:2px; font-size:13px;}
.MemberCol .slide{ padding:15px 10px 0 10px;}
.MemberNotice .slide{ padding:15px 10px 0 10px;}
.MemberTab .item ul{ display:block; border-bottom:1px solid #f1f1f1;}

.MemberTab .class,.MemberTab .con,.MemberTab .date2,.MemberTab .zt{ display:none;}
.MemberTab .name{ width:70%; float:left; text-align:left;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.MemberTab .operate2{ width:30%; float:right;}
.MemberTab .operate2 a{width:40px; line-height:22px; margin:0 2px;}
}
@media ( max-width:767px){
.MemberInfo{ width:auto; float:none; height:auto; padding-bottom:20px;}
.MemberNotice{ width:auto; float:none; height:auto; padding-bottom:20px;}
.Membertit{height:45px; line-height:45px; padding:0px 15px;}
.Membertit h2{font-size:15px;}
.Membertit a.more{ right:15px; top:9px;}
.Membertit li{ font-size:15px; margin-right:10px;}
.MemberTab .item{font-size:12px;}
.MemberFile li{ font-size:16px; width:48.5%; margin-bottom:1.5%;}
.MemberFile li:hover a{ padding-top:20%; padding-bottom:20%;}

.MemnerMsgform dl{margin-bottom:12px;}
.MemnerMsgform dl select {font-size: 14px;height: 30px;line-height: 30px;}
.MemnerMsgform label{top:5px; font-size:14px;}
.MemnerMsgform .inputtxt{height:28px; line-height:28px;}
.MemnerMsgform .sendbtn{ font-size:16px;width:140px; height:34px;}

}
@media ( max-width:480px){
.Membertit li i{ display:none;}
.Membertit a.more{ width:40px; font-size:12px; line-height:22px;}
.MemberInfo .box{padding-left:0px;}
.MemberInfo .box .head{ position:static; margin:0px auto;}

.MemberTab a.look{ width:40px; line-height:22px;}
.MemberTab li{padding-top:0px;}
.MemberTab .thead{ font-size:14px;}
.MemnerMsgform .item{ margin-left:-0%;}
.MemnerMsgform .item dl{ width:auto; float:none; margin-left:0%;}
}


/*站内信*/
.poptithead{ position:relative; border-bottom:1px solid #ededed; line-height:51px; padding:0px 19px; font-size:18px; color:#333333;}
.poptithead a.close{ position:absolute; right:17px; top:17px; background:url(../image/close1.png); width:16px; height:16px;}
.letterpop{ width:580px; position:absolute; height:478px; left:50%; margin-left:-290px; top:10%; border-radius:11px; background:#fff;}
.letterbox { position:relative; padding-bottom:55px;}
.letterbox .box{ height:369px; overflow-y:auto;}
.letterbox .item{ border-bottom:1px solid #ededed; line-height:24px; position:relative; background:url(../image/letterbg.gif); padding:11px 11px 11px 77px;}
.letterbox .item .head{ position:absolute; left:16px; top:11px; border:1px solid #d7d7d7; padding:2px; border-radius:50%;}
.letterbox .item .head img{width:42px; height:42px; display:block; border-radius:50%;}
.letterbox .item .name{ position:relative; color:#777777;}
.letterbox .item .name .date{ margin-left:12px; font-size:12px; color:#999999;}
.letterbox .item .zt{ position:absolute; right:0px; top:0px; font-size:12px; color:#095ea5;}
.letterbox .item .zt i{ background:url(../image/zt.png); width:9px; height:6px; display:inline-block; margin-left:10px; vertical-align:middle; margin-top:-4px;}
.letterbox .item .zt.over{ color:#999999;}
.letterbox .item .zt.over i{ background:url(../image/zton.png);}
.letterbox .item .tit{ color:#999999;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.letterbox .showMorehandle{ position:absolute; left:0px; bottom:0px; width:100%; border-top:1px solid #ededed; padding-top:0px; line-height:50px; background:#f9f9f9; color:#777777; cursor:pointer; border-radius:0px 0px 11px 11px;}

.lettertit{ text-align:center;}
.lettertit h3{ line-height:35px; font-size:18px; font-weight:normal; color:#777777;}
.lettertit .date{ line-height:21px; font-size:12px; color:#999999;}
.letterinfo{ padding:10px 36px; color:#999999; text-align:left; height:293px; overflow-y:auto;}
.Nexthandle{ left:0px; bottom:40px; width:100%; border-top:1px solid #ededed; text-align:center; padding-top:0px; line-height:50px; background:#f9f9f9; color:#777777; cursor:pointer; border-radius:0px 0px 11px 11px;}
.Nexthandle a{ display:block;}


/*供应商登录*/
.loginbox{ height:700px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.loginbox .txt{ text-align:center; padding:8% 0 6%;}
.loginbox .form{ text-align:center; padding-bottom:5.5%;}
.loginbox .form dl{ padding:0 1%; display:inline-block; *display:inline;zoom:1; vertical-align:middle;}
.loginbox .form dl.item{ width:28%;}
.loginbox .form dl .inputbox{ border-radius:8px; background:#fff; height:50px; overflow:hidden; position:relative; padding-left:76px;}
.loginbox .form dl .inputbox .icon{ position:absolute; left:20px; top:10px; padding-top:5px; width:37px; height:25px; border-right:1px solid #e5e5e5;}
.loginbox .form dl .inputbox input{ width:100%; height:50px; line-height:50px; border:0px;}
.loginbox .form dl.btn{ width:12%;}
.loginbox .form dl .sendbtn{ background:#095ea5; width:100%; color:#fff; border-radius:8px; height:50px; cursor:pointer;}
.loginbox .ewmpic{ text-align:center;transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;transition:all 1s 0.8s;}
.loginbox .ewmpic li{ display:inline-block; *display:inline;zoom:1; font-size:16px; color:#fff; padding:0 1%;}
.loginbox .ewmpic li img{ border:11px solid #fff; display:block; width:122px; height:122px; margin:0px auto 14px;}

.loginout{ text-align:right; clear:both;}
.loginout a{ display:inline-block; border:1px solid #095ea5; width:45px; text-align:center; color:#095ea5; line-height:25px;}

@media ( max-width:640px){
.letterpop{ width:90%;left:5%; margin-left:0px;}
	
.loginbox{ height:auto; padding-bottom:15px;}
.loginbox .form dl{ display:block; margin:0 3% 10px;}
.loginbox .form dl.item{ width:auto;}
.loginbox .form dl.btn{ width:auto;}
.loginbox .ewmpic li img{width:110px; height:110px;}
}

#cnzz_stat_icon_1274314006{ display:inline-block; vertical-align:middle; line-height:15px;}

/* 19-05-14 */
.TecList .owl-controls .owl-nav .owl-prev,.TecList .owl-controls .owl-nav .owl-next{width: 29px; height: 29px; border: none; top: 50%; margin-top: -14px; background-color: #fff; background-repeat: no-repeat;}
.TecList .owl-controls .owl-nav .owl-prev{left: -15px; background-image: url(../image/left.png);}
.TecList .owl-controls .owl-nav .owl-next{right: -15px; background-image: url(../image/right.png);}
.TecList .owl-controls .owl-nav .owl-prev:hover{background-image: url(../image/lefton.png);}
.TecList .owl-controls .owl-nav .owl-next:hover{background-image: url(../image/righton.png);}

.SkillBox{margin: 3% 0 0; padding-bottom: 2%; position: relative; background-color: #000;}
.SkillBox .ins{font-size: 18px; color: #fff; text-align: center; padding: 0 0 2%;}
.SkillBox .container{position: relative; z-index: 5;}
.SkillBox .subtit h2{color: #fff;}
.SkillBox .subtit p{color: rgba(255,255,255,0.5);}
.SkillBox .bd ul{position: absolute; width: 100%; height: 100%; z-index: 1; left: 0px; top: 0px; background-size: cover;}
.SkillBox .hd li{position: relative; padding: 0px 0px 25px 45px;}
.SkillBox .hd li .icon{width: 38px; position: absolute; left: 0px; top: 0px;}
.SkillBox .hd li .con .name{display: block; font-size: 20px; color: #fff; line-height: 38px;}
.SkillBox .hd li .con .info{font-size: 15px; color: rgba(255,255,255,0.5)}

.CultureBox{padding-bottom: 5%;}
.CultureBox li{width: 32%; float: left; margin-right: 2%; position: relative;}
.CultureBox li:nth-child(3n){margin-right: 0;;}
.CultureBox li img{display: block; width: 100%;}
.CultureBox li .mask{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.CultureBox li .txt{position: absolute; left: 0px; top: 50%; width: 100%; height: 72px; margin-top: -36px; text-align: center;}
.CultureBox li .txt .name{display: block; font-size: 24px; line-height: 40px; color: #fff;}
.CultureBox li .txt p{font-size: 16px; line-height: 32px; color: rgba(255,255,255,0.8);}
.CultureBox li:hover .Scale-img img{opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}

.HistoryBox{position: relative; background: #fafafa; padding-bottom: 3%;}
.HistoryBox .arrow{position: absolute; top: -23px; z-index: 9; background-image: url(../image/hisbg.png); box-shadow: 0px 0px 10px #ccc; border-radius: 50%; background-repeat: no-repeat; background-size: cover; width: 48px; height: 48px; left: 50%; margin-left: -24px;}
.Hishd{position: relative; background: url(../image/line3.png) repeat-x left center; height: 115px;}
.Hishd .item a{display: block; text-align: center; font-family: Arial; font-size: 14px; color: #666666; line-height: 65px; background: url(../image/dot1.png) no-repeat center bottom;}
.Hishd .item.on a{background: url(../image/dot2.png) no-repeat center bottom; font-size: 40px; line-height: 32px; padding-bottom: 40px; color: #095ea5;}
.Hishd .owl-controls .owl-nav .owl-prev,.Hishd .owl-controls .owl-nav .owl-next{width: 29px; height: 29px; border: none; top: 50%; margin-top: 6px; background-color: #fff; background-repeat: no-repeat;}
.Hishd .owl-controls .owl-nav .owl-prev{left: 0px; background-image: url(../image/left.png);}
.Hishd .owl-controls .owl-nav .owl-next{right: 0px; background-image: url(../image/right.png);}
.Hishd .owl-controls .owl-nav .owl-prev:hover{background-image: url(../image/lefton.png);}
.Hishd .owl-controls .owl-nav .owl-next:hover{background-image: url(../image/righton.png);}

.Hisbd{padding: 30px 46px 0px;}
.Hisbd .txt{width: 50%; float: left;}
.Hisbd .txt .Title{font-size: 25px; line-height: 80px; color: #4c4c4c;}
.Hisbd .txt .Title .date{font-size: 45px; color: #095ea5; font-family: Arial; padding-right: 25px;}
.Hisbd .txt .info{margin-top: 3%; font-size: 15px; line-height: 30px; color: #666666;}
.Hisbd .pic{width: 45%; float: right; border-radius: 30px 0px 30px 0px; overflow: hidden;}
.Hisbd .pic img{display: block; width: 100%;}

@media ( max-width:1200px){
.TecList .owl-controls .owl-nav .owl-prev{left: 0px;}
.TecList .owl-controls .owl-nav .owl-next{right: 0px;}
}

@media ( max-width:998px){
	.SkillBox .hd li .con .name{font-size: 16px;}
	.SkillBox .hd li .con .info{font-size: 14px;}
	.Hishd .item.on a{font-size: 18px;}
	.Hisbd .txt .Title .date{font-size: 30px; padding-right: 10px;}
	.Hisbd .txt .Title{font-size: 20px;}
	.CultureBox li .txt .name{font-size: 20px;}
}

@media ( max-width:768px){
	.SkillBox .ins{font-size: 16px;}
	.HistoryBox{padding-top: 30px;}
	.Hisbd{padding: 0px 15px;}
	.Hisbd .txt .Title{line-height: 40px;}
	.Hisbd .txt,.Hisbd .pic{width: 100%; float: none;}
	.Hisbd .pic{text-align: center; margin-top: 3%;}
	.Hisbd .pic img{display: inline-block; width: auto; max-width: 100%;}
}

@media ( max-width:640px){
	.CultureBox{padding-bottom: 50px;}
	.CultureBox li .txt .name{font-size: 16px;}
	.CultureBox li .txt p{font-size: 14px;}
	.Hisbd .txt .Title{font-size: 16px; line-height: 30px;}
	.Hisbd .txt .Title .date{font-size: 25px;}
}

@media ( max-width:480px){
	.CultureBox li{width: 100%; float: none; margin: 0px 0px 10px 0px;}
}

/* 视频中心 */
.MenuList{text-align: center; margin-bottom: 4%;}
.MenuList a{display: inline-block; width: 138px; line-height: 38px; border: 1px solid #ebebeb; border-radius: 20px; margin: 0px 10px; font-size: 16px; color: #808080;}
.MenuList a.on,.MenuList a:hover{border: 1px solid #095ea5; background: #095ea5; color: #fff;}

.VideoList ul{padding-bottom: 4%;}
.VideoList li{width: 32%; margin: 0 2% 3% 0; float: left;}
.VideoList li:nth-child(3n){margin-right: 0;}
.VideoList li .Scale-img{position: relative;}
.VideoList li .Scale-img img{display: block; width: 100%; height: 277px;}
.VideoList li .mask{position: absolute; display: none; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.68); z-index: 3;}
.VideoList li .play{position: absolute; display: none; width: 65px; height: 65px; left: 50%; top: 50%; margin: -32px 0px 0px -32px; z-index: 5; background-size: 100% 100%; background-image: url(../image/play.png); background-repeat: no-repeat;}
.VideoList li  .name{display: block; text-align: center; border: 1px solid #ebebeb; border-top: none; background: #fff; line-height: 78px; height: 78px; overflow: hidden; font-size: 18px; color: #4c4c4c;}
.VideoList li:hover{box-shadow: 0px 0px 10px #ccc;}
.VideoList li:hover .mask,.VideoList li:hover .play{display: block;}
.VideoList li:hover .name{color: #095ea5;}

@media ( max-width:998px){
	.VideoList li .name {font-size: 16px; line-height: 50px; height: 50px;}
	.VideoList li .Scale-img img{height: 209px;}
}

@media ( max-width:768px){
	.VideoList li .name{font-size: 14px;}
	.VideoList li .play{width: 40px; height: 40px; margin: -20px 0px 0px -20px;}
	.VideoList li .Scale-img img{height: 160px;}
}

@media ( max-width:640px){
	.MenuList a{width: 100px; line-height: 32px; font-size: 14px;}
	.VideoList ul{padding-bottom: 40px;}
	.VideoList li .Scale-img img{height: 132px;}
}

@media ( max-width:480px){
	.MenuList a{width: 70px; margin: 0px 5px;}
	.VideoList li{width: 48%; margin-right: 0;}
	.VideoList li:nth-child(2n){float: right;}
	.VideoList li .Scale-img img{height: 114px;}
}

/* 招商 */
.whitetxt.subtit h2{color: #fff;}
.hyqj{padding-bottom: 4%;}
.hyqj .info{font-size: 15px; color: #666666; text-align: center; padding: 0px 50px;}

.AdvantageBox ul{padding: 2% 0 4%;}
.AdvantageBox ul li{width: 18%; margin: 0 3.5% 3%; float: left;}
.AdvantageBox ul li .box{border: 1px solid #e6e6e6; border-radius: 5px; text-align: center; padding: 15px 0px 32px;}
.AdvantageBox ul li .box .icon{width: 68px; height: 68px; position: relative; margin: 0 auto;}
.AdvantageBox ul li .box .icon img{position: absolute; left: 0px; top: 0px; width: 100%;}
.AdvantageBox ul li .icon .i1{transition: 400ms;}
.AdvantageBox ul li .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.AdvantageBox ul li:hover .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.AdvantageBox ul li:hover .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.AdvantageBox ul li .box .name{display: block; font-size: 18px; line-height: 47px; color: #4d4d4d;}
.AdvantageBox ul li .box i{display: block; width: 40px; height: 1px; background: rgba(255,255,255,0.6); margin: 0 auto;}
.AdvantageBox ul li:hover .box{border: 1px solid #095ea5;}
.AdvantageBox ul li:hover .box .name{color: #095ea5;}

.Jmprocess .owl-controls .owl-nav .owl-prev,.Jmprocess .owl-controls .owl-nav .owl-next{width: 29px; height: 29px; border: none; top: 50%; margin-top: -14px; background-color: #fff; background-repeat: no-repeat;}
.Jmprocess .owl-controls .owl-nav .owl-prev{left: -58px; background-image: url(../image/left.png);}
.Jmprocess .owl-controls .owl-nav .owl-next{right: -58px; background-image: url(../image/right.png);}
.Jmprocess .owl-controls .owl-nav .owl-prev:hover{background-image: url(../image/lefton.png);}
.Jmprocess .owl-controls .owl-nav .owl-next:hover{background-image: url(../image/righton.png);}

.ShopList .owl-controls .owl-nav .owl-prev,.ShopList .owl-controls .owl-nav .owl-next{width: 29px; height: 29px; border: none; top: 50%; margin-top: -14px; background-color: #fff; background-repeat: no-repeat;}
.ShopList .owl-controls .owl-nav .owl-prev{left: -65px; background-image: url(../image/left.png);}
.ShopList .owl-controls .owl-nav .owl-next{right: -65px; background-image: url(../image/right.png);}
.ShopList .owl-controls .owl-nav .owl-prev:hover{background-image: url(../image/lefton.png);}
.ShopList .owl-controls .owl-nav .owl-next:hover{background-image: url(../image/righton.png);}

.JoinCon{background-image: url(../image/joinbg.jpg); background-position: center center; background-repeat: no-repeat; padding-bottom: 8%;}
.JoinCon .con{text-align: center; font-size: 18px; line-height: 30px; color: #fff; font-family: "宋体";}
.JoinCon .con .warm{font-size: 24px; margin-bottom: 5%;}

.ShopEnd{overflow: hidden; margin-bottom: 4%;}
.ShopEnd .owl-carousel{padding-bottom: 72px;}
.ShopEnd .scroll .item{margin: 0px 10px;}
.ShopEnd .scroll .item img{display: block; width: 100%;}
.ShopEnd .scroll .item .name{display: block; font-size: 18px; color: #4c4c4c; text-align: center; border: 1px solid #ebebeb; border-top: none; line-height: 78px;}
.ShopEnd .owl-controls {position: absolute; bottom: 0px; width: 100%; height: 29px; left: 0px; text-align: center; z-index: 1;}
.ShopEnd .owl-controls .owl-nav .owl-prev,.ShopEnd .owl-controls .owl-nav .owl-next{width: 29px; height: 29px; border: none; display: inline-block; margin: 0px 64px; position: static; background-color: #fff; background-repeat: no-repeat;}
.ShopEnd .owl-controls .owl-nav .owl-prev{background-image: url(../image/left.png);}
.ShopEnd .owl-controls .owl-nav .owl-next{background-image: url(../image/right.png);}
.ShopEnd .owl-controls .owl-nav .owl-prev:hover{background-image: url(../image/lefton.png);}
.ShopEnd .owl-controls .owl-nav .owl-next:hover{background-image: url(../image/righton.png);}
.ShopEnd .owl-dots{ position:absolute; width:128px; text-align:center; bottom:5px; left: 50%; margin-left: -64px; z-index: 3;}
.ShopEnd .owl-dot{display:inline-block; margin:0 6px; width:6px; height:6px; border: 2px solid #999999; border-radius: 50%;}
.ShopEnd .owl-dot.active{border: 2px solid #095ea5; background: #095ea5;}

@media ( max-width:1024px){
	.hyqj .info{padding: 0;}
	.JoinCon{background-size: auto 100%;}
	.AdvantageBox ul li{margin: 0 3% 3% 0; width: 22.75%;}
	.AdvantageBox ul li:nth-child(4n){margin-right: 0;}
	.AdvantageBox ul li .box{padding: 15px 0px;}
	.AdvantageBox ul li .box .name{font-size: 16px;}
	.JoinCon .con .warm{font-size: 18px;}
	.Jmprocess .owl-controls .owl-nav .owl-prev{left: 0px;}
    .Jmprocess .owl-controls .owl-nav .owl-next{right: 0px;}
}

@media ( max-width:768px){
	.AdvantageBox ul li .box .name{font-size: 13px;}
	.JoinCon .con{font-size: 16px;}
}

@media ( max-width:640px){
	.AdvantageBox ul li .box .icon{width: 40px; height: 40px;}
}

@media ( max-width:480px){
	.AdvantageBox ul li{width: 48%; margin-right: 0;}
	.AdvantageBox ul li:nth-child(2n){float: right;}
}