.sj{ display:none;}

/*焦点图*/
.focus{position:relative;width:100%;height:380px;background-color:#000;margin:40px auto 0 auto;}  
#c_public_htmlCode-1521171932274 h2{ font-size:1.8rem; margin:0 0 3% 0; color:#000000}
#c_public_htmlCode-1521171932274 p{ font-size:1.5rem; margin-bottom:5%;}

.focus img{width:100%;height: auto} 
.focus .shadow .title{width:260px;height:65px;padding-left:30px;padding-top:20px;}
.focus .shadow .title a{text-decoration:none;color:#fff;font-size:14px;font-weight:bolder;overflow:hidden;}
.focus .btn{position:absolute;bottom:34px;left:510px;overflow:hidden;zoom:1;} 
.focus .btn a{position:relative;display:inline;width:13px;height:13px;border-radius:7px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#D9D9D9;}  
.focus .btn a:hover,.focus .btn a.current{cursor:pointer;background:#fc114a;}  
.focus .fPic{position:absolute;left:0px;top:0px;}  
.focus .D1fBt{overflow:hidden;zoom:1;height:16px;z-index:10;}  
.focus .shadow{width:100%;position:absolute;bottom:0;left:0px;z-index:10;height:80px;line-height:80px;background:rgba(0,0,0,0.6);  
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;display:block;text-align:left;}  
.focus .shadow a{text-decoration:none;color:#fff;font-size:20px;overflow:hidden;margin-left:10px;font-family:"\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{position:relative;width:100%;float:left;display:none;background:#000  }  
.focus .fcon img{display:block;}  
.focus .fbg{bottom:5px;right:36%;position:absolute;height:21px;text-align:center;z-index:200;}  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:18px}    
.focus .D1fBt a{position:relative;display:inline;width:15px;height:15px;border-radius:7px;margin:0 7px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#737373;}    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#00589e;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none;font-style:normal;}    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background:url(../images/focus_btn.png) no-repeat;}
.focus .prev{top:50%;margin-top:-37px;left:0;background-position:0 -74px;cursor:pointer;}  
.focus .next{top:50%;margin-top:-37px;right:0;background-position:-40px -74px;cursor:pointer;}  
.focus .prev:hover{background-position:0 0;}  
.focus .next:hover{background-position:-40px 0;}  



#waptop {height: 0}
#waptop #waptopbg {width: auto}
.nav-toggle {width: 100%;position: fixed;height: 72px;z-index: 90;top: 0;left: 0;background-color: #fff}
.nav-toggle:before {width: 100%;height: 72px;background-color: #fff;content: "";position: fixed;top: 0;left: 0;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);
	-webkit-transition-duration: .3s;transition-duration: .3s;opacity: 0}
.nav-open .nav-toggle:before {width: 100%;height: 100%;background-color: #000;opacity: 1;-webkit-transition-duration: .3s;transition-duration: .3s}
.nav {position: fixed;top: 48px;left: 0;width: 100%;height: 100%;-webkit-transition-duration: .2s;transition-duration: .2s;opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);
	z-index: -1}
.nav-open .nav {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);z-index: 91;-webkit-transition-duration: .2s;transition-duration: .2s}
.nav ul {padding: 0 48px}
.nav ul li {list-style: none;width: 100%;opacity: 0;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px)}
.nav-open .nav ul li {opacity: 1;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease;transition: opacity 400ms ease, -webkit-transform 400ms ease;-o-transition: transform 400ms ease, opacity 400ms ease;
	transition: transform 400ms ease, opacity 400ms ease;transition: transform 400ms ease, opacity 400ms ease, -webkit-transform 400ms ease}
.nav-open .nav ul li:nth-child(1) {transition-delay: .1s;-webkit-transition-delay: .1s}
.nav-open .nav ul li:nth-child(2) {transition-delay: .15s;-webkit-transition-delay: .15s}
.nav-open .nav ul li:nth-child(3) {transition-delay: .2s;-webkit-transition-delay: .2s}
.nav-open .nav ul li:nth-child(4) {transition-delay: .25s;-webkit-transition-delay: .25s}
.nav-open .nav ul li:nth-child(5) {transition-delay: .3s;-webkit-transition-delay: .3s}
.nav-open .nav ul li:nth-child(6) {transition-delay: .35s;-webkit-transition-delay: .35s}
.nav-open .nav ul li:nth-child(7) {transition-delay: .4s;-webkit-transition-delay: .4s}
.nav-open .nav ul li:nth-child(8) {transition-delay: .45s;-webkit-transition-delay: .45s}
.nav-open .nav ul li:nth-child(9) {transition-delay: .5s;-webkit-transition-delay: .5s}
.nav-open .nav ul li:nth-child(10) {transition-delay: .55s;-webkit-transition-delay: .55s}
.nav-open .nav ul li:nth-child(11) {transition-delay: .6s;-webkit-transition-delay: .6s}
.nav-open .nav ul li:nth-child(12) {transition-delay: .65s;-webkit-transition-delay: .65s}
.nav-open .nav ul li:nth-child(13) {transition-delay: .7s;-webkit-transition-delay: .7s}
.nav-open .nav ul li:nth-child(14) {transition-delay: .75s;-webkit-transition-delay: .75s}
.nav-open .nav ul li:nth-child(15) {transition-delay: .8s;-webkit-transition-delay: .8s}
.nav ul li a {display: block;padding: 0;text-align: left;line-height: 45px;height: 45px;color: #fff;text-decoration: none;font-size: 16px;border-bottom: 1px solid #222}
.nav ul li a.cur {color: #999}
.nav ul:hover li a {opacity: .5}
.nav ul:hover li:hover a {opacity: 1}
#nav-icon {height: 48px;width: 58px;display: block;z-index: 91;position: absolute;top: 0;left: 0}
.nav-icon:before, .nav-icon:after {width: 25px;height: 3px;background-color: #ff0000;content: "";position: absolute;left: 0;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-icon:before {top: -7px}
.nav-icon:after {top: 7px}
.nav-icon {width: 25px;height: 3px;background-color: #ff0000;position: fixed;top: 35px;left: 15px;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-open .nav-icon {width: 0}
.nav-open .nav-icon:before {-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg)}
.nav-open .nav-icon:after {-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg)}
#logo {display: block;position: fixed;color: #fff;width: 40%;text-align: center;top: 23px;left: 27%;margin: 0 0 0 0;z-index: 91;content: "";height: 35px;overflow: hidden}
#logo a {height: auto;overflow: hidden;display: block}
#logo img {width: 100%;height: auto}
#qq {position: fixed;top: 0;right: 0;color: #fff;-webkit-transition-duration: .5s;transition-duration: .5s;z-index: 91;content: ""}
.nav-open #qq {right: -100px}
.actions {display: inline-block;
*zoom:1;
*display:inline;vertical-align: middle;position: absolute;right: 0;top: 0;height: 48px;width: 100px}
.actions a {display: block;float: right;padding: 20px 10px 10px;text-align: center}
.icon-qq {
	display: inline-block;
*zoom:1;
*display:inline;width: 22px;height: 26px;vertical-align: middle;background: url(../images/icon-qq.png) no-repeat center center;background-size: 80%
}
.icon-im {display: inline-block;*zoom:1;*display:inline;width: 26px;height: 26px;vertical-align: middle;background: url(..images/icon-im.png) no-repeat center center;background-size: 90%}
.icon-call {display: inline-block;*zoom:1;*display:inline;width: 25px;height: 26px;vertical-align: middle;background: url(../images/icon-call.png) no-repeat center center;background-size: 80%}



.login-box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 20;display: none;}
.login-bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: #000;filter:alpha(opacity=30); opacity: 0.3;}
.login-main{width: 960px;height: 438px;position: absolute;left: 50%;margin-left: -480px;z-index: 2;background: #f2f2f2;margin-top:20px;}
.login-main .close{width: 40px;height: 40px;position: absolute;right: -55px;top: -55px;cursor: pointer;background: url(../images/ico_07.png) no-repeat;}

video{ width:100%; height:auto}


.ship{ position: relative;
	cursor: pointer;
	width: 100%;
	height: 220px;
	overflow: hidden;
}
.ship img{ width: 100%; height:auto}

.ship span{ width: 56px; height: 55px; background: url(../images/video-icon.png) no-repeat center; background-size: auto; background-size: cover; position: absolute;top: 50%; left: 50%;margin-top: -28px; margin-left: -28px; display: block;animation: 3s linear 0s normal none infinite rotate; -webkit-animation: 3s linear 0s normal none infinite rotate;}

.ship em{width: 15px;height: 25px; background: url(../images/video-ico01.png) no-repeat center;background-size: auto; background-size: cover; position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -7px; display: block;}

@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}



.epcase_nav{ width:100%;float: left; margin-bottom:30px;}
.epcase_nav li{ float:left; width:32%; margin-right:2%; border:2px solid #fff; position:relative;}
.epcase_nav li a{ display:block; }
.epcase_nav li .img{ float:left; width:100%; overflow:hidden;}
.epcase_nav li .img img{ display:block;}

.epcase_nav li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }  


.epcase_nav li .eq_text{ position:absolute; background-color:rgba(0,0,0,0.5); bottom:0; height:29px; line-height:29px; width:100%; text-align:center; color:#fff; display: block}
.epcase_nav li:hover .eq_text{ display:block;}

.epcase_nav li:nth-child(3n){ margin-right:0}


.top-right{float: left; margin-top:36px;}
.top-right .stock{display: block;color: #989696;line-height: 13px;font-size: 13px;border-right: 1px solid #989696;padding-right:12px;margin-top: 38px; float: left;}
.top-right .stock:hover{color: #02328d;}
.toggle{float: left;height: 13px;padding: 38px 20px 0 0;}
.toggle a{display: block;color: #989696;line-height: 13px;font-size: 13px;padding-left: 12px; float: left;}
.toggle a:hover,.toggle a.language{color: #02328d;}
.share-to{float: left;display: block;width: 36px;height: 36px;background: url("../images/share.png") center no-repeat;margin-top: 26px;display: none;}
.header-search{position: relative;width: 59px;height: 59px;float: left;}
.header-search .on-roll{position: absolute;right: -1560px;top: -6px;width: 59px;height: 59px;background: url("../images/search1.png") center 12px no-repeat;transition-duration:300ms;}
.header-search .on-roll:hover{background: url("../images/search1.png") center 12px no-repeat;}
.on-close{position: absolute;right: -1565px;top: -12px;width: 59px;height: 59px;background: url("../images/close.png") center 16px no-repeat;display: none;}
.open-search{position: absolute;right: -1500px;top: 60px; z-index:99;width: 0;height: 59px;background: #ECECF4;padding:0 0 0 0 ;overflow: hidden;}
.open-search .in-search{height: 59px;line-height: 59px;height: 59px;font-size: 20px;background: transparent;border:0 none;display: block;width: 250px;float: left;margin:0 0 0 24px;}
.open-search .submit-search{float: right;width: 59px;height: 59px;background: url("../images/search.png") center 16px no-repeat;border: 0 none;}

.line{position: relative;width: 59px;height: 15px;float: left; border-left:2px solid #fff; top:-20px; left:-25px;}



.about{ width:100%; height:auto; padding:0}
.about .aleft{ width:100%; height: auto; float:left; padding:0 0 0; margin-bottom:0; }
.about .aleft .atext{ float:left; width:100%; height: 720px; padding:0 5%; background:url(../images/1995.png) no-repeat 13px 95%; background-size: 95%;}
.about .aleft .atext p{ font-size:1rem; line-height:32px;}
.about .aleft .atext .amor{ width:80%; float:left; margin-top:6%;}
.about .aleft .atext .amor a{ background:#00589e; padding:3% 10%; color:#FFFFFF; font-size:1rem;}
.about .aleft .atext .amor a:hover{ background:#ff0000 }
.about h3{ font-size:1rem; font-weight:normal; color:#232323; margin-top:12%;}
.about h2{ font-size:1.2rem; font-weight:800px; color:#00589e; margin-bottom:6%; margin-top:3%;}
.about .aright{ width:100%; height: auto; float:right; padding-top:0}
.about .aright img{ width:100%; height:auto}

.indexAbout{ width:100%; height:314px; float:left; margin-left:0; background:#f5f5f5}
.indexAbout p{ color:#000}
.indexAbout-hd { text-align: center; padding: 30px 0;}
.indexAbout-hd li { padding: 15px 0 30px; cursor: pointer; border-right-width: 0; float:left; margin:0 30px}
.indexAbout-hd li:last-child { border-right-width: 1px; }
.indexAbout-hd .num { font-family: "Montserrat"; color: #00589e; font-size: 1.5rem; letter-spacing: -1px; font-weight: 600;}
.indexAbout-hd li:nth-child(2) .num:after{content:"+";}
.indexAbout-hd .desc { font-size: 1rem; padding-top: 10px; color:#000; text-align:center;}

.indexAbout-bd { overflow: hidden; }
.indexAbout-bd li { overflow: hidden; }
.indexAbout-bd .has{cursor:pointer;}
.indexAbout-bd .has:after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../images/knowledgeIcon01.png) center no-repeat; -o-background-size: 90px; background-size: 90px; }
.indexAbout-bd img { width: 100%; max-width: none; position: relative; left: 50%; /*height: 200px;*/ -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }


.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none!important}
.affix{position:fixed}
@-ms-viewport{width:device-width}
.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}
.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}
@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}
@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}
@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}
@media (min-width:1200px){.visible-lg-inline{display:inline!important}}
@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}
@media (max-width:767px){.hidden-xs{display:none!important}}






.lk0:hover .bgg{opacity: .6!important;filter: alpha(opacity=90); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90));}
.lk0:hover .bgg {background: #002978!important;}
.bgg{ position:absolute; left:0;right:0;top:0; bottom:0;opacity:.6; filter:alpha(opacity=60); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(60)); transition:all .4s cubic-bezier(.4,0,.2,1)}
.mask .bgg.other-bg{ opacity:.82;filter:alpha(opacity=82);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(82))}
.lk0{}
.lk a:hover{}
.lk{ width:101%; height: auto; float:left; margin-bottom:30px;}
.lk1{ width:50%; height:auto; float:left;}
.lk2{ width:50%; height:auto; float:left;}
.lk3{width:50%;height:auto;float:left;}
.lk4{width:50%;height:auto;float:left;}
.lk1 img{ width:100%; height: auto;}
.lk2 img{ width:100%;height:auto;}
.lk3 img{width:100%;height:auto;}
.lk4 img{width:100%;height:auto;}
.mask{width:25.3%;text-align:center;position: absolute; top: 0; bottom: 0; margin:0 auto; max-height: calc(100% - 351px);}
.mask{ text-align: center;padding-bottom: 15%; padding-left: 8%;padding-right: 8%; padding-top: 85%; font-family:"微软雅黑"; margin:0 auto;}
.mask .content {position: absolute; left: 0%; right: 0;top: 17%;bottom: 0;transition: all .4s cubic-bezier(.4,0,.2,1); width: auto !important;}
.mask .lkbt{ color: #fff;font-size: 1.1rem;font-family:"微软雅黑";}
.mask .lkx{width:50px;height:2px; background:#fff; margin:30px auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.lk .lk0:hover .lkx{ margin:40px auto; background: rgba(255,255,255); transform: rotate(90deg);-ms-transform: rotate(90deg); -moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);}
.mask .lkgy{padding-bottom: 10px;color: #fff; font-size: 14px; line-height:28px; font-family:"微软雅黑";width:100%;height: 155px;margin:auto;}
.mask .lkan{}
.mask .gdmore{line-height:48px; text-transform:uppercase;margin:20px auto; width:165px; display:block; border:1px solid #fff; height:48px;color:#fff;font-size:14px; transition:all 500ms; text-align:center; border-radius: 30px;}
.mask .gdmore:hover{ width: auto;display:block; background:#f00;border:1px solid #f00;color:#fff;}

.probg{ width:98%; height:auto; margin-top:20%; margin-left:2%}
.probg h2{ font-size:1.3rem}
.probg p{ font-size:1rem; margin-top:10px; line-height:26px; overflow: hidden;}

.casebg{ width:100%; height:auto; margin-top:5.1%; background:#00589e;}
.casebg .case {padding: 60px 10% 0; background:#00589e; width:100%;}
.casebg .case h2 p{ height:20px;}
.casebg .case p{ font-size:1rem; margin-top:10px; color:#FFFFFF; line-height:26px; overflow: hidden; height: 127px;}

.casebg .col-md-6 {padding: 0;}
.case h2 { color: #fff;font: 400 1.4rem/36px "Microsoft Yahei";}
.case .content {color: #878787;font: 400 14px/24px "Microsoft Yahei"; padding-top: 30px;overflow: hidden; width:100%;}
.case .content p{ font-size:1rem;}
.case a.mor { display: inline-block; width: 130px; border:1px solid #FFFFFF; border-radius:3px; color: #fff; font: 400 1rem/37px "Microsoft Yahei"; text-align:center; margin-top: 20px;}
.case a.mor:hover { background:#00589e;}



@media (max-width: 991px) {
    .casebg .case { padding: 60px 15px 0;}
}

.swiper-container2 {margin-top: 30px; display:none}

.bannery { width: 100%; margin: 0 auto; position: absolute; height: 100%; left: 0;top: 0;}
.bannery ul.bc {position: relative;padding: 0px; margin: 0px; z-index: 5; width: 100%;height: 100%;}
.bannery ul.bc li { position: absolute; display: none; width: 100%; height: 100%; background-size: cover;}
.bannery ul.bc li a {display: block;  width: 100%;height: 100%;}

.small {  position: relative; height:300px; overflow:hidden}
.small li { display: none;position: absolute; display: none; width: 100%; height: 100%;}
.small li img { max-width: 100%; height: auto;}
.small li::after{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.small li.small_hover::after{display: none;}
.small-ban {padding: 35px 0; width: 100%; position: relative; margin-top: 30px;height: 330px;}
.small-ban .num {position: absolute; right: 0;top: 0;z-index: 100; width: 100%;}
.small-ban .num li { width: 25px;height: 25px; display: inline-block; margin-right: 8px;background: url(../images/num.png) no-repeat 0 50%;line-height: 25px;position: relative;}
.small-ban .num li { _display: inline; _zoom: 1; *display: inline;}
.small-ban .num li a:before{ content:'0';}
.small-ban .num li.num_hover {}
.small-ban .num li.num_hover a { color: #946d4d;}
.small-ban .num li.num_hover:before {position: absolute; width: 2px;height: 45px;background: #946d4d;top: 25px;left: 50%; margin-left: -1px; content: "";}

.small-ban .num li a {float: left; display: inline; text-align: center;color: #c5c5c5;text-decoration: none; cursor: pointer; width: 25px; height: 25px; line-height: 25px; font-size: 16px;}
.small-pre {position: absolute;left: 0; bottom: 0;}

.pre { width: 32px;height: 50px;cursor: pointer;}
.next {  width: 32px; height: 50px;cursor: pointer;}

@media (max-width: 1599px) {
    .case .content,
    .case a.more {display: none !important; }
}

@media (max-width: 1199px) {
    .small-ban { height: 230px}
}

@media (max-width: 991px) {
	.pc{ display:none}
	.sj{ display:block;}
    .case .content,
    .case a.more { display: block !important; }
}

.swiper-wrapper img {max-width: 100%;height: auto;}





*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

p{margin:0 0 10px}
.col-md-6{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-md-6{width:100% ;float:left}




section { display: block; width:92%; margin: auto;position: relative;}
.more{width: 113px;height: 35px;line-height: 37px;border: solid 1px rgba(0,0,0,0.5);text-align: center;color: #000;font-size: 12px;opacity: 0.3;margin-top: 20px;
background: url("../images/jt.png") 90% center no-repeat;background-size:20%;text-indent: -20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

.viewmore {clear: both;padding:30px 0 10px 0;}
.viewmore a {display: block;width: 150px;height: 40px;line-height:42px;margin: auto;text-align: center;color: #999;font-size: 14px;text-transform: uppercase;
background: url("../images/right3.svg") 90% center no-repeat #fff;background-size:15%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.viewmore a:hover {background: url("../images/right1.svg") 90% center no-repeat #000;background-size:15%;color:#fff;}


.par{ width:100%; height:auto; background:#FFFFFF;}
.par h2{ font-size:1.4rem; color:#000000; padding-top:15%; margin-left:5%}
.par p{ font-size:1rem;margin-left:5%}
.par ul{ margin-top:2%;}
.par li{ float:left; width:32.2%; border:1px solid #D1D1D1;}
.par img{ width:100%; height:auto;}
.par li:nth-child(3n){margin-right: 0}


 /* news */
.gh-news {width: 100%;overflow: hidden;padding:15% 0 2%; background:url(../images/news.jpg) no-repeat center}
.gh-news *{overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.gh-news .title {}
.gh-news .title h2{font-size:1.2rem;font-weight: normal;}
.gh-news .title h3{font-size:1rem;}
.gh-news .left {width:100%;float: left;padding-top: 20px;} 
.gh-news .left .newstop{}
.gh-news .left .newstop .pic{}
.gh-news .left .newstop .pic img{width:100%;height:150px;}
.gh-news .left .newstop .text {background: #f7f7f7;padding: 5%;}
.gh-news .left .newstop .text h5{ font-size: 12px;color: #999;}
.gh-news .left .newstop .text h3{ font-size: 1rem;color: #000;padding: 10px 0;}
.gh-news .left .newstop .text h4{ font-size: 14px;color: #999; display:none}
.gh-news .left .newstop .text h6{ font-size: 14px;}
.gh-news .left .newstop  a:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.gh-news .left .newstop  a:hover .text {background: #000}
.gh-news .left .newstop  a:hover .text *{color: #fff}
.gh-news .left .newstop  a:hover  h6.more{ background: url("../images/right2.svg") 90% center no-repeat #fff;background-size:20%;color:#000;opacity: 1.0;}

.gh-news .right {width:100%;float: right;padding-top: 20px;} 
.gh-news .right .news5 {width:100%;position: relative;border-top:1px solid #eaeaea;}
.gh-news .right .news5 li{}
.gh-news .right .news5 li a{border-bottom:1px solid #eaeaea;padding:2px 0;}
.gh-news .right .news5 li a .text{float: left;width:100%;}
.gh-news .right .news5 li a .text h3{font-size: 1rem;color: #000;padding: 10px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.gh-news .right .news5 li a .text h3 span{ float:right;}

.gh-news .right .news5 li a .text h4{font-size: 14px;color: #999; display:none}
.gh-news .right .news5 li a .date{float: right;width:10%;border-left: 1px solid #999;padding:5px 1%;opacity: 0.3;text-align: center;position: relative;}
.gh-news .right .news5 li a .date h2{font-size: 38px;color: #333; font-weight: bold;}
.gh-news .right .news5 li a .date h5{font-size: 12px;color: #999;}
.gh-news .right .news5 li a .date i {width:100%;height:100%;position: absolute;right:-100px;top: 0;z-index: 1;background: url("../images/jt.png") center no-repeat #f1f1f1;background-size:30%;}
.gh-news .right .news5 li a:hover {background: #f1f1f1;}
.gh-news .right .news5 li a:hover .text {width:71%;padding-left:3%;}
.gh-news .right .news5 li a:hover .date h2 {color: #000; }
.gh-news .right .news5 li a:hover .text h4 {color: #000;}
.gh-news .right .news5 li a:hover .date i {right: 0;}
.gh-news .right .news5 .viewmore {float: left;clear: both;padding:10px 0 0px 0;}
.gh-news .right .news5 .viewmore a {border: 1px solid #eaeaea;}
.gh-news .right .news5 .viewmore a:hover{ background:#00589e}

.demo-banner .bantop { position: relative; opacity: 1; right: 0; animation: myfirst 1.2s;-moz-animation: myfirst 1.2s; -webkit-animation: myfirst 1.2s; -o-animation: myfirst 1.2s;}
.demo-banner .banbottom { padding-top: 70px; position: relative; opacity: 1; right: 0; animation: mysec 1.5s; -moz-animation: mysec 1.5s; -webkit-animation: mysec 1.5s; -o-animation: mysec 1.5s;}
.demo-banner .banbottom a { display: inline-block;vertical-align: top; width: 98px;color: #fff; font: 400 16px/30px "Microsoft Yahei"; text-align: center;}
.demo-banner .banbottom .more {  border: 1px solid #fff;}
.demo-banner .banbottom .more2 { border: 1px solid #946d4d; background: #946d4d;}


.partner{ width:100%; padding-top:8%; color:#FFFFFF}
.partner h2{ text-align:center; font-size:36px; margin-bottom:0;}
.partner p{ text-align:center; font-size:24px;}
.partner h4{ text-align:center; font-size:20px; margin-top:30px; font-weight:normal; margin-bottom:80px;}
.partner .pnei{ width:1221px; margin:0 auto;}
.partner .img{ text-align:center; width:384px; height:auto; float:left;}
.partner .img img{width:100%; height:auto}
.partner .img1{ text-align:center; width:551px; height:auto; position: relative; left:-50px; float:left;}
.partner .img1 img{width:100%; height:auto}
.partner .img2{ text-align:center; width:385px; height:auto; float:left; margin-left:-100px;}
.partner .img2 img{width:100%; height:auto}

.partner .img {
	animation-name: fadeInLeft;
	animation-duration: 1.5s;
	animation-delay: 0s;
	animation-fill-mode: both;
}

.partner .img1 {
	animation-name: fadeInDown;
	animation-duration: 2.5s;
	animation-delay: 0s;
	animation-fill-mode: both;
}

.partner .img2 {
	animation-name: fadeInRight;
	animation-duration: 1.5s;
	animation-delay: 0s;
	animation-fill-mode: both;
}

footer{ width:100%; padding-top:14%; color:#FFFFFF; background: url(../images/footer.jpg) no-repeat center; margin-top:12%; padding-bottom:17%}
footer h2{ text-align:left; font-size:1.6rem; margin-bottom:0; padding:0 4%; margin-bottom:4%;}
footer p{ text-align:left; font-size:1.3rem; padding:0 4%}
footer h4{ text-align:center; font-size:20px; margin-top:30px; font-weight:normal; margin-bottom:40px;}

.contact_list{ width:100%; margin:0 auto; height: auto; padding:0 4%}
.contact_list h2{font-weight: normal;font-size: 1.5rem;line-height: 26px;color: #fff;font-family:"microsoft yahei"; padding:0; margin:8% 0}
.contact_list p{ line-height:32px; margin-top:4%; font-size:1rem; text-align:left;padding:0}

footer h2 {
	animation-name: fadeInUp;
	animation-duration: 1.5s;
	animation-delay: 1.2s;
	animation-fill-mode: both;
}

footer p {
	animation-name: fadeInUp;
	animation-duration: 2.5s;
	animation-delay: 1.2s;
	animation-fill-mode: both;
}
footer h4 {
	animation-name: fadeInUp;
	animation-duration: 3s;
	animation-delay: 1.2s;
	animation-fill-mode: both;
}

.contact_list li {
	animation-name: fadeInUp;
	animation-duration: 2.5s;
	animation-delay: 1.2s;
	animation-fill-mode: both;
}



footer .wx{ text-align:center; margin:8% auto 0; width:200px; height:200px; padding:20px; background:url(../images/wx_bg.png) no-repeat;}
footer .wx img{ width:100%; height:auto}
footer .wx p{ text-align:center; font-size:14px; line-height:40px;}

footer .bottom{ text-align:center; margin-top:3%;  font-size:16px;}
footer .bottom a{ color:#FFFFFF;}


/*phonefooter*/
#footer_phone{ background: #015185; position: fixed; bottom: 0; width: 100%; left: 0; height: 40px; line-height: 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index: 10000;}
#footer_phone a { width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #fff; float: left; display: block;
    /*text-align: center;*/ background-repeat: no-repeat; background-position: 13% center; padding-left: 12%;font-size: 12px;color: #fff;}
#footer_phone a:first-of-type {background-image: url("../images/fot_sy.png");padding-left: 15%;background-position-x: 27%;}
#footer_phone a:nth-of-type(2) { background-image: url("../images/fot_ly.png");}
#footer_phone a:last-of-type { border-right: 0;background-image: url("../images/fot_zx.png");background-position-x: 36%;padding-left: 17%;}


/* 首页banner样式 */

.x-banner .owl-carousel {position: relative;}
.x-banner .owl-carousel .banner-item a { display: block;}
.x-banner .owl-carousel .owl-nav .owl-prev {left: 0;}
.x-banner .owl-carousel .owl-nav .owl-next { right: 0;}

.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next { outline: none; position: absolute; top: 50%;z-index: 9999; height: 65px; width: 50px;margin-top: -32.5px; border-radius: 0; -webkit-transition: all .5s ease;transition: all .5s ease;}
.x-banner .owl-carousel .owl-nav button.owl-prev:hover,
.x-banner .owl-carousel .owl-nav button.owl-next:hover { background: #ab001a;}
.x-banner .owl-carousel .owl-nav .icon-font { display: block; width: 100%; height: 100%;}
.x-banner .owl-carousel .owl-nav .icon-left-arrow:after { background-position: -34px -180px;}
.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {  background-position: -26px -480px;}



.x-banner .owl-carousel .owl-dots { position: absolute; z-index: 999;left: 0; width: 100%;text-align: center; font-size: 0;bottom: 10%;}
.x-banner .owl-carousel .owl-dots button.owl-dot {display: inline-block;vertical-align: middle;font-size: 14px; margin: 0 .5em; outline: none;background: #fff;border-radius: 50%;width: 1em;
    height: 1em;opacity: .2;}
.x-banner .owl-carousel .owl-dots button.owl-dot:hover {opacity: .5;}
.x-banner .owl-carousel .owl-dots button.owl-dot.active { opacity: 1;}


#nbanner { position:relative; z-index:-1; width:100%; margin-top:48px;}
#nbanner img{ width:100%; height:auto; }



.ex_news {clear: both;overflow: hidden;width: 94%; float:left; margin:3% 3% 0}
.ex_news ul {overflow: hidden;}
.ex_news ul li {clear: both;padding: 3% 0;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;position: relative;height: auto;margin-bottom: 0;cursor: pointer;}
.ex_news ul li:last-child {margin-bottom: 0px;}
.ex_news ul li .ex_news_img {float: left;width: 25%;height: auto;background-image: url(logo.png);background-repeat: no-repeat;background-position: center;overflow: hidden;top: 0;left: 0;}
.ex_news ul li .img_box {width: 100%;height: 100px;background-repeat: no-repeat;background-position: center;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-size: cover;}
.ex_news ul li .ex_news_info {float: left;width: 72%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute;top: 20px;left: 120px;}
.ex_news ul li .ex_news_info a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 1.2rem;display: block;width: 100%;padding-bottom: 15px;color: 666;}
.ex_news ul li .ex_news_info p {height: 50px;line-height: 25px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;color: #999;font-size: 1rem; display:none}
.ex_news ul li .ex_news_date {float: right;text-align: right;width: 150px;height: auto;overflow: hidden;position: absolute;top: 55px;right: 44%;}
.ex_news ul li .ex_news_date item {display: block;width: 14px;height: 14px;background: url(../images/r_arrow.png) no-repeat center;position: absolute;bottom: -50px;right: 5px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ex_news ul li .ex_news_date font {font-size: 1.2rem;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display: block;}
.ex_news ul li:hover a {color: #333;}
.ex_news ul li:hover .ex_news_info {padding-left: 20px;}
.ex_news ul li:hover .ex_news_date font {color: #333;}
.ex_news ul li:hover .ex_news_date item {bottom: 60px}
.ex_news ul li:hover .img_box {transform: scale(1.1, 1.1);}

nav.pagelist { clear: both; text-align: center; margin-bottom:15%; font-size: 1.4rem; padding: 38px 0px 35px 0px; width:100%; height:40px;}
nav.pagelist a { border: #9aafe5 1px solid; margin-right: 5px; padding: 3px 7px; color: #2e6ab1; font-size:14px;}
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }
nav.pagelist a.selectedd{ color: #f00}

.n_body {overflow:hidden; margin-bottom:10px; float:left; width:100%; margin-top:30px;}
#news_info { min-height:468px; height:auto !important; height:468px; overflow:visible;}
#news_info a { color:#3C3C3C; }
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:16px; font-weight:bold; margin:0px; text-align:center; line-height:28px; }
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; padding-bottom:8px;}
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:14px; padding:18px 12px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:14px; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }
#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}
.prevnext { clear: both; padding: 16px 17px 5px 17px; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC; margin-bottom:5%}
.prevnext .previous { font-size: 1rem; width: 100%; float: left; text-align: left; margin-bottom:3%;}
.prevnext .next { font-size: 1rem; width: 100%; float: left; text-align: left; }



.xq_crumbs{background:url(../images/position.png) no-repeat left 18px;background-size:auto 12px;line-height:20px; margin-bottom:2%;border-bottom: 1px solid #E0E0E0; font-size:0.8rem; width:98.5%;padding:15px 0 15px 20px; margin-top:0px;}
.xq_nav{font-size:0; margin-top: 0px; width: 100%; display: table;background:#eeeeee }
.xq_nav a{display:inline-block;height:49px;line-height:49px;padding:0 5%;text-align:center;position:relative;font-size:0.8rem;background:#eeeeee;border-right: 1px solid #FFF;}
.xq_nav a:hover{background:#f16601;color:#FFF;}
.xq_nav a.on{background:#f16601;color:#FFF;}
.xq_nav a.on .san{position:absolute;left:50%;margin-left:-10px;bottom:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #f16601;display:block;}


.nav2{font-size:0;    margin-top: 25px;    width: 100%;    display: table;background:#eeeeee}
.nav2 li{line-height:55x;height:55px;text-align:center;float:left;position:relative;z-index:999;}
.nav2 li a{display:inline-block;height:55px;line-height:55px;padding:0 48px;text-align:center;position:relative;font-size:14px;background:#eeeeee;border-right: 1px solid #FFF; }
.nav2 li a:hover{background:#f16601;color:#FFF;}
.nav2 li a.hover{background:#f16601;color:#FFF;}
.nav2 a.hover .san{position:absolute;left:50%;margin-left:-10px;bottom:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #f16601;display:block;}

.nav2 li:nth-child(4n){margin-right: 0}

.nav2 .sec{height:0;background:#fff;color:#000;overflow:hidden;z-index:9999;position:absolute;top:55px;left:0px;}
.nav2 .sec a{background:#fff;color:#000;height:42px;line-height:42px;padding:0 55px;font-size: 14px;}
.nav2 .sec a:hover{background:#015185;text-decoration:none;}

table{ width:100%;}

.abtext{ width:90%; float:left; margin:0 5% 8%}
.abtext .sub_title{height:70px;line-height:70px;position:relative;margin:0 0 25px 0;font-size:1.5rem;font-weight:bold;color:#323f48;text-align:center;}
.abtext .sub_title:after{content:'';width:53px;height:3px;background:#f16601;position:absolute;left:50%;margin-left:-26px;bottom:-3px;}
.abtext p{ line-height:30px; font-size:0.8rem;}
.abtext p img{ width:100%; height: auto}

.f_bottom{ width:100%; height:52px; clear:both; background:#000; line-height:52px; padding:0 10%; text-align:center;color:#FFFFFF}
.f_bottom a{ color:#FFFFFF}

.cab{ width:100%; margin:0 auto; margin-bottom:80px;}
.cab h2{ text-align:center; margin-top:7%; font-size:1.3rem; font-weight:normal; margin-bottom:5%;}
.cab p{ line-height:26px;}

.cab .cleft{ width:100%; float:left;}
.cab .cright{ width:100%; float:right; }


.recom_list li:nth-child(2n){margin-right: 0}
.recom_list{width: 94%; margin:40px 3% 0; float:left;}
.recom_list li{float: left;border: 1px solid #eee;text-align: center;padding: 0;width:49%;margin-right: 2%;position: relative; margin-bottom:3%;}
.recom_list li .bg{ position: absolute;z-index: 99999;top: 60px;}
.recom_list li div{width: 100%;height: auto;overflow: hidden;}
.recom_list li div img{ width:100%; height:auto;}
.recom_list li:hover img{transform: scale(1.03,1.03);}
.recom_list li h3{font-weight: normal;color: #999;line-height:23px; background:#FFFFFF; font-size:0.8rem; padding:0; margin:0 0 0 0;}
.recom_list li i{display: block;width: 0;height: 1px;background: #ffac13;left: 0;bottom: 0;position: absolute;z-index: 1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.recom_list li:nth-of-type(4n-3) i{background: #ffac13;}
.recom_list li:nth-of-type(4n-2) i{background: #83c44e;}
.recom_list li:nth-of-type(4n-1) i{background: #2196f3;}
.recom_list li:nth-of-type(4n) i{background: #e53935;}
.recom_list li:hover i{width: 100%;}
.recom_list li em{display: block;background: #004682;text-align: center;height: 20px;line-height: 20px;color: #fff;position: absolute;left: 0;top: 0;width: 50px;z-index: 1;}


.recom li:nth-child(2n){margin-right: 0}
.recom{width: 94%; margin:40px 3% 0; float:left;}
.recom li{float: left;border: 1px solid #eee;text-align: center;padding: 0;width:49%;margin-right: 2%;position: relative; margin-bottom:3%;}
.recom li .bg{ position: absolute;z-index: 99999;top: 60px;}
.recom li div{width: 100%;height: auto;overflow: hidden;}
.recom li div img{ width:100%; height:auto;}
.recom li:hover img{transform: scale(1.03,1.03);}
.recom li h3{font-weight: normal;color: #999;line-height:50px; background:#FFFFFF; font-size:16px; padding:0; margin:0 0 0 0;}
.recom li i{display: block;width: 0;height: 1px;background: #ffac13;left: 0;bottom: 0;position: absolute;z-index: 1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.recom li:nth-of-type(4n-3) i{background: #ffac13;}
.recom li:nth-of-type(4n-2) i{background: #83c44e;}
.recom li:nth-of-type(4n-1) i{background: #2196f3;}
.recom li:nth-of-type(4n) i{background: #e53935;}
.recom li:hover i{width: 100%;}
.recom li em{display: block;background: #004682;text-align: center;height: 20px;line-height: 20px;color: #fff;position: absolute;left: 0;top: 0;width: 50px;z-index: 1;}

.my-map { margin: 0 auto 5%; width: 100%; height:320px; }
		.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
		.my-map .icon-cir { height: 31px; width: 28px; }
		.my-map .icon-cir-red { background-position: -11px -5px; }
		.amap-container{height: 100%;}


.procontent{ margin-bottom:35px; overflow:hidden; float:left; width:94%; margin:2% 3%;}
.post-title{ margin-bottom:20px; padding-bottom:5px; font-size:24px; line-height:36px; text-align:left;}
.product-meta-box{ overflow:hidden; float:left; width:100%; margin-top:5%}
.metaList{ float:left; width:95%; margin-left:5%}
.metaList li{ padding:7px 0 8px 0; width:100%; border-bottom:1px dashed #ccc; overflow:hidden; line-height:32px; font-size:16px;}
.metaList li strong{ float:left; padding-right:8px; width:130px; text-align:right; font-weight:normal; display:block;}
.metaList li span{ font-weight:bold;}
.metaList li em{ color:#1160ac;}
.inquiry{ padding:12px 18px; border-radius:5px; background:#fdd000; float:left; margin-top:18px;}
.Details{ width:100%; float:left; padding-bottom:12px; margin-top:5%;}
.Details h2{ height:40px; text-align:left; padding-left:12px; border-bottom:1px solid #1160ac; float:left; line-height:34px; color:#000; font-size:16px; background:url(../images/pbg.jpg) no-repeat; width:100%; margin-bottom:20px;}

.product-inquiry { margin-top: 30px; display:none}
.product-inquiry a { font-size: 16px; color: #ffffff; display: inline-block; background: #1160ac; padding: .5em 1.875em; border-radius: 2em;}
.product-inquiry a:hover { opacity: .8;}



/* 产品详情 */
.proShow_tie{font-size:26px;text-align:center;font-weight:normal;color:#333;margin-bottom:15px;}
.proShow_pic{background:#f6f6f6;padding:20px;height:;overflow:hidden;}
.spec-preview{width:660px;height:480px;padding:4px; float:left;border-radius:3px;}
.spec-scroll{width:206px;height:486px;overflow:hidden;float:right; margin-top:3px;}
.spec-scroll a.prev{display:block;width:206px;height:6px;background:url(../images/listpro_btn2.png) no-repeat center top; overflow:hidden;cursor:pointer; margin-bottom:7px;}
.spec-scroll a.prev:hover{background-position:center -12px;}
.spec-scroll a.next{display:block;width:206px;height:6px;background:url(../images/listpro_btn2.png) no-repeat center -6px; overflow:hidden;cursor:pointer; margin-top:7px;}
.spec-scroll a.next:hover{background-position:center -18px;}
.spec-scroll .items{width:206px;height:460px;overflow:hidden; position: relative;}
.spec-scroll .items ul{position: absolute; width:206px;height:480px;}
.spec-scroll .items ul li{width:206px;height:155px; text-align: center;border-radius:3px;}
.spec-scroll .items ul li img{width:200px;height:143px;cursor:pointer;padding: 2px; border:1px solid #ccc;}
.spec-scroll .items ul li:hover img,.spec-scroll .items ul .on img{border:1px solid #19a9e3;}
.proShow_font{clear:both;padding:25px 0;overflow:hidden;}



div.box {width: 100%;height: 400px; float:left; margin-bottom:20%}
div.box a.phone-display {display: block;position: relative;height: 100%;}
div.bottom-nav{margin-top: 20px;}
div.bottom-nav div.tab-btn{position: relative;width: 40px;height: 60px;cursor: pointer;}

div.tab-btn:hover{opacity: .6;}
div.tab-btn.btn-left{float: left;}
div.tab-btn.btn-right{float: right;}
i.shift-icon {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 26px;height: 26px;border: 1px solid #999;border-radius: 50%;}
i.shift-icon>span {position: absolute;left: 50%;top: 50%;width: 10px;height: 10px;border-bottom: 1.5px solid #999;}
div.btn-left i.shift-icon>span {border-left: 1.5px solid #999;transform: translate(-30%, -50%) rotate(45deg);}
div.btn-right i.shift-icon>span {border-right: 1.5px solid #999;transform: translate(-70%, -50%) rotate(-45deg);}
div.bottom-nav div.bottom-center-nav{position: relative;height: 60px;margin: 0 50px;overflow: hidden;}
div.bottom-center-nav ul.small-img-ul {position: absolute;left: 0;top: 0;height: 100%;}
ul.small-img-ul li.img{float: left;width: 60px;height: 100%;border:1px solid transparent;background-size: 100% 100%;cursor: pointer; margin-right:3px;}
ul.small-img-ul li.img.active{border-color: rgb(160, 27, 27);}

}
@media (max-width: 990px) {
    .x-banner .owl-carousel .owl-nav button.owl-prev,
    .x-banner .owl-carousel .owl-nav button.owl-next { height: 40px;width: 30px;margin-top: -20px;}
    .x-banner .owl-carousel .owl-nav .iconfont {font-size: 20px;}
}


@media (width: 320px) {
	
		.about .aleft .atext{ float:left; width:100%; height: 538px; padding:0 5%; background:url(../images/1995.png) no-repeat 13px 95%; background-size: 95%;}
	.about .aleft .atext p{ font-size:0.8rem; line-height:26px;}
	.talent-wrap .list .cont-wrap { width: 100%; padding: 0 2%; float:left;}
	.ex_news {clear: both;overflow: hidden;width: 94%; float:left; margin:3% 3% 0}
.ex_news ul {overflow: hidden;}
.ex_news ul li {clear: both;padding: 3% 0;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;position: relative;height: auto;margin-bottom: 0;cursor: pointer;}
.ex_news ul li:last-child {margin-bottom: 0px;}
.ex_news ul li .ex_news_img {float: left;width: 25%;height: auto;background-image: url(logo.png);background-repeat: no-repeat;background-position: center;overflow: hidden;top: 0;left: 0;}
.ex_news ul li .img_box {width: 100%;height: 60px;background-repeat: no-repeat;background-position: center;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-size: cover;}
.ex_news ul li .ex_news_info {float: left;width: 72%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute;top: 10px;left: 90px;}
.ex_news ul li .ex_news_info a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 0.8rem;display: block;width: 100%;padding-bottom: 15px;color: 666;}
.ex_news ul li .ex_news_info p {height: 50px;line-height: 25px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;color: #999;font-size: 1rem; display:none}
.ex_news ul li .ex_news_date {float: right;text-align: right;width: 150px;height: auto;overflow: hidden;position: absolute;top: 45px;right: 48%;}
.ex_news ul li .ex_news_date item {display: block;width: 14px;height: 14px;background: url(../images/r_arrow.png) no-repeat center;position: absolute;bottom: -50px;right: 5px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ex_news ul li .ex_news_date font {font-size: 0.8rem;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display: block;}
.ex_news ul li:hover a {color: #333;}
.ex_news ul li:hover .ex_news_info {padding-left: 20px;}
.ex_news ul li:hover .ex_news_date font {color: #333;}
.ex_news ul li:hover .ex_news_date item {bottom: 60px}
.ex_news ul li:hover .img_box {transform: scale(1.1, 1.1);}

.indexAbout-hd { text-align: center; padding: 10px 0 0;}
	.indexAbout{ width:100%; height:210px; float:left; margin-left:0; background:#f5f5f5; padding-right:5%; margin-top:3%}
	.indexAbout-hd li {padding: 15px 0 15px; cursor: pointer; border-right-width: 0;float: left;}
	.indexAbout-hd .num { font-family: "Montserrat"; color: #00589e; font-size: 1.1rem; letter-spacing: -1px; font-weight: 600;}
	.indexAbout-hd .desc { font-size: 0.8rem;}
	#c_public_htmlCode-1521171932274 { position: absolute; top: 35px;left: 0; z-index: 105; width: 100%; padding: 0 5%; height: 0;}
	#c_public_htmlCode-1521171932274 p {font-size: 1rem; margin-bottom: 2%;}
	#c_public_htmlCode-1521171932274 h2 {font-size: 1.2rem; margin: 0 0 3% 0;color: #000000;}
	

.focus { position: relative; width: 100%; height: 650px; background:none; margin: 20px auto 0 auto;}
.focus img{width:auto;height: 610px} 
.focus .fcon{position:relative;width:100%;float:left;display:none;background:#000; left:0;} 


  
	.casebg .case { padding: 30px 15px 0; height:610px;}
	.case h2 { color: #fff;font: 400 1.2rem/28px "Microsoft Yahei";}
	
	.casebg .case h2 p{ height:20px;}
.casebg .case p{ font-size:0.8rem; margin-top:10px; color:#FFFFFF; line-height:26px; overflow: hidden; height: 127px;}

.small {  position: relative; height: 300px; overflow: hidden;}
.case a.mor { display: inline-block;width: 130px; border: 1px solid #FFFFFF;border-radius: 3px; color: #fff; font: 400 0.8rem/26px "Microsoft Yahei"; text-align: center;margin-top: 10px;}
.small-ban { padding: 35px 0; width: 100%; position: relative;margin-top: 10px;height: 330px;}
	
	.gh-news .left {width: 100%; float: left; padding-top: 20px;}
	.gh-news .left .newstop .text h6 { font-size: 0.8px;}
	.more { width: 113px; height: 35px; line-height: 37px; border: solid 1px rgba(0,0,0,0.5);  text-align: center; color: #000; font-size: 0.8; opacity: 0.3;  margin-top: 0; background: url(../images/jt.png) 90% center no-repeat; background-size: 20%; text-indent: -20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
	.gh-news .right .news5 li a .text h3 { font-size: 0.8rem; color: #000; padding: 4px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.contact_list p { line-height: 23px;margin-top: 3%; font-size: 0.8rem;text-align: left;padding: 0;}
	.contact_list h2 { font-weight: normal;font-size: 1.1rem; margin: 4% 0;}
	footer { width: 100%;padding-top: 13%; color: #FFFFFF;}
}

@media (width: 360px) {
	.about .aleft .atext{ float:left; width:100%; height: 640px; padding:0 5%; background:url(../images/1995.png) no-repeat 13px 95%; background-size: 95%;}
	.about .aleft .atext p{ font-size:1rem; line-height:26px;}
	
	.indexAbout{ width:100%; height:220px; float:left; margin-left:0; background:#f5f5f5; padding-right:5%}
.indexAbout p{ color:#000}
.indexAbout-hd { text-align: center; padding: 10px 0 0;}
.indexAbout-hd li { padding: 10px 0 10px; cursor: pointer; border-right-width: 0; float:left;}
.indexAbout-hd li:last-child { border-right-width: 1px; }
.indexAbout-hd .num { font-family: "Montserrat"; color: #00589e; font-size: 1.5rem; letter-spacing: -1px; font-weight: 600;}
.indexAbout-hd li:nth-child(2) .num:after{content:"+";}
.indexAbout-hd .desc { font-size: 1rem; padding-top: 10px; color:#000; text-align:center;}

.indexAbout-bd { overflow: hidden; }
.indexAbout-bd li { overflow: hidden; }
.indexAbout-bd .has{cursor:pointer;}
.indexAbout-bd .has:after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: url(../images/knowledgeIcon01.png) center no-repeat; -o-background-size: 90px; background-size: 90px; }
.indexAbout-bd img { width: 100%; max-width: none; position: relative; left: 50%; /*height: 200px;*/ -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.focus .fbg{bottom:0;right:32%;position:absolute;height:21px;text-align:center;z-index:200;}  
.focus { position: relative; width: 100%; height: 750px; background:none; margin: 20px auto 0 auto;}
.focus img{width:auto;height: 690px} 
.focus .fcon{position:relative;width:100%;float:left;display:none;background:#000; left:0;} 


.casebg .case { height:720px;}
.casebg .case h2 p{ height:20px;}
.casebg .case p{ font-size:1rem; margin-top:10px; color:#FFFFFF; line-height:26px; overflow: hidden; height: 127px;}

.gh-news .left {width:100%;float: left;padding-top: 20px;} 
.gh-news .left .newstop .text h3{ font-size: 1rem;color: #000;padding: 10px 0;}
.more{width: 113px;height: 35px;line-height: 37px;border: solid 1px rgba(0,0,0,0.5);text-align: center;color: #000;font-size: 12px;opacity: 0.3;margin-top: 0px;
background: url("../images/jt.png") 90% center no-repeat;background-size:20%;text-indent: -20px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.gh-news .title h2{font-size:1.6rem;font-weight: normal; margin-top:4px; margin-bottom:4px;}
.gh-news .title h3{font-size:1.2rem;}
.gh-news .right .news5 li a .text h3{font-size: 1rem;color: #000;padding: 4px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.par h2{ font-size:1.6rem; color:#000000; padding-top:15%; margin-left:5%; margin-bottom:4px;}
.par p{ font-size:1.2rem;margin-left:5%; margin-bottom:0;}

.contact_list p{ line-height:26px; margin-top:3%; font-size:1rem; text-align:left;padding:0}

}

@media (width: 414px) {
	.casebg .case { padding: 30px 15px 0;}
	.focus .prev{top:40%;margin-top:-37px;left:0;background-position:0 -74px;cursor:pointer;}  
	.focus .next{top:40%;margin-top:-37px;right:0;background-position:-40px -74px;cursor:pointer; right:15px;} 

.casebg .case { padding: 30px 15px 0; height:690px;}
.focus { position: relative; width: 100%; height: 850px; background:none; margin: 20px auto 0 auto;}
.focus img{width:auto;height: 790px} 
.focus .fcon{position:relative;width:100%;float:left;display:none;background:#000; left:0;}  
	
}


@media (width: 411px) {
	.casebg .case { padding: 30px 15px 0; height:690px;}
	.casebg .case h2 p{ height:20px;}
	.casebg .case p{ height:100px; overflow:hidden;}
	.small {  position: relative; height:300px; overflow:hidden}
	.small-ban{ height:auto}
	.indexAbout-hd { text-align: center; padding: 10px 0 0;}
	.indexAbout{ width:100%; height:270px; float:left; margin-left:0; background:#f5f5f5; padding-right:5%}
	
	.focus .prev{top:70%;margin-top:-37px;left:0;background-position:0 -74px;cursor:pointer;}  
.focus .next{top:70%;margin-top:-37px;right:0;background-position:-40px -74px;cursor:pointer;}  

.focus { position: relative; width: 100%; height: 850px; background:none; margin: 20px auto 0 auto;}
.focus img{width:auto;height: 780px} 
.focus .fcon{position:relative;width:100%;float:left;display:none;background:#000; left:0;}  
	


.gh-news{padding: 21% 0 2%}
.gh-news .left {width:100%;float: left;padding-top: 20px;} 
.gh-news .title h2{font-size:1.6rem;font-weight: normal; margin-top:4px; margin-bottom:4px;}
.gh-news .title h3{font-size:1.2rem;}
.gh-news .right .news5 li a .text h3{font-size: 1rem;color: #000;padding: 10px 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.par{ margin-top:20px;}
.par h2{ font-size:1.6rem; color:#000000; padding-top:15%; margin-left:5%; margin-bottom:4px;}
.par p{ font-size:1.2rem;margin-left:5%; margin-bottom:0;}

#c_public_htmlCode-1521171932274 { position: absolute;top: 75px;}
	
}
@media (width: 375px) {
	.ex_news ul li .ex_news_date {float: right;text-align: right;width: 150px;height: auto;overflow: hidden;position: absolute;top: 55px;right: 38%;}
	.ex_news ul li .img_box {width: 100%;height: 80px;background-repeat: no-repeat;background-position: center;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-size: cover;}
 
.casebg .case{ height:760px;}
.focus { position: relative; width: 100%; height: 850px; background:none; margin: 20px auto 0 auto;}
.focus img{width:auto;height: 720px} 
.focus .fcon{position:relative;width:100%;float:left;display:none;background:#000; left:0;} 


}