/*Base*/
*{ margin:0; padding:0;}
html,body {background: #fff none repeat scroll 0 0;
color: #000;
font-family:Arial,sans-serif;
margin: 0;
padding: 0;
width: 100%;
}
*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed; }
h1,h2,h3,h4,h5,h6{ font-family:"arial"; font-weight:normal;}
a { text-decoration:none !important;
background: transparent; /*修正win8系统IE连接灰色背景*/
outline:none;
blr:expression(this.onFocus=this.blur());}
table {border-collapse: collapse;border-spacing: 0;}
ul,
ol { list-style:none;}
li {list-style:none;}
/*清除浮动*/
.clear { clear: both;}
.fl {float:left;}
.fr {float:right;}
.clearfix{zoom:1;}
.clearfix:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.w100{width: 100%;}
.h100{height: 100%;}
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.nowrap{white-space: nowrap;}
.fz0{font-size: 0;}
.nowrap.fz0{letter-spacing: -5px;}
.nowrap.fz0 *{letter-spacing: normal;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.table{display: table;}
.table-cell{display: table-cell;}
.hide{display: none;}
.dis{ display:inline-block; *display:inline; zoom:1;}
.wrap{ width: 1200px;
margin: 0 auto;
box-sizing: border-box;}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.trans-internal::before,.trans-internal::after{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.scale:hover .scale-img{-ms-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1);}
.border-box{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
/*字体*/
.fz10{ font-size:10px; color:#333;}
.fz12{ font-size:12px; color:#333;}
.fz14{ font-size:14px; color:#333;}
.fz16{ font-size:16px; color:#333;}
.fz18{ font-size:18px; color:#333;}
.fz20{ font-size:20px; color:#333;}
.fz22{ font-size:22px; color:#333;}
.fz24{ font-size:24px; color:#333;}
.fz26{ font-size:26px; color:#333;}
.fz28{ font-size:28px; color:#333;}
.fz30{ font-size:30px; color:#333;}
.fz32{ font-size:32px; color:#333;}
.fz34{ font-size:34px; color:#333;}
.fz36{ font-size:36px; color:#333;}
.fz38{ font-size:38px; color:#333;}
.fz40{ font-size:40px; color:#333;}
.fz42{ font-size:42px; color:#333;}
.fz44{ font-size:44px; color:#333;}
.fz46{ font-size:46px; color:#333;}
.fz48{ font-size:48px; color:#333;}
/*布局*/
#header{background:rgba(255, 255, 255, 1) none repeat scroll 0 0;
height:auto;font-family:"arial";
position:relative;
transition: all 0.3s ease-in-out 0s;
width: 100%;
z-index:99; }
#header .top{height: 47px;line-height: 47px;background-color: #f6f6f6; color:#555; }
#header .top p{ float:right; color:#777; font-size:14px;}
#header .lang{background: url(lang.png) no-repeat center center;margin: 0 10px; float:left; width:30px; height:80px;}
#header #logo{margin-top: 16px;}
#header #logo img{ width:100%; max-width:183px;}
#header #nav{height: 40px;line-height: 40px; margin:20px 20px 20px 60px;}
#header #nav .nav-item{}
#header #nav .nav-item .nav-a{font-size: 16px; color:#333; padding:0 25px;}
#header #nav .nav-item .nav-a:hover{ color:#fff; background:#3cb5ec;}
#header #nav .nav-item:hover .nav-a::after , #header #nav .nav-item.on .nav-a::after{background-color: #003d83;}
#header #nav .nav-item:hover .sub-nav{max-height: 300px;}
#header #nav .sub-nav{width: 100%;max-height: 0;line-height: normal;left: 0;top: 100%;background:#f8f8f8;}
#header #nav .sub-nav .box{padding-top: 30px;padding-bottom: 20px;width:100%;max-width: 1200px;}
#header #nav .sub-nav .box .img{width: 205px; margin-right:20px;}
#header #nav .sub-nav .box .img img{ width:205px;}
#header #nav .sub-nav .box .info{width: 250px;line-height: normal;}
#header #nav .sub-nav .box .info .category{line-height: 32px;font-size: 16px;color: #003d83;border-bottom: 1px solid #003d83;}
#header #nav .sub-nav .box .info .category a{color: inherit;}
#header #nav .sub-nav .box .info .brief{line-height: 22px;color: #555;margin-top: 10px;}
#header #nav .sub-nav .box .list{width: 50%;margin-left: 50px;}
#header #nav .sub-nav .box .list_0{width: 50%;margin-left: 90px;}
#header #nav .sub-nav .box .list .i{line-height: 30px;border-bottom: 1px solid #d3d3d3; width:30%; float:left; margin-left:3%;}
#header #nav .sub-nav .box .list .i:last-child{border-bottom: 0;}
#header #nav .sub-nav .box .list .i a{font-size: 14px;color: #555;}
#header #nav .sub-nav .box .list .i a:hover{color: #003d83;}
#header .search{margin-top: 20px;border: 1px solid #22a0dd;width:170px;height: 32px;border-radius: 15px; -moz-box-shadow:3px 3px 3px #e2e2e2 inset; /* For Firefox3.6+ */
-webkit-box-shadow:3px 3px 3px #e2e2e2 inset; /* For Chrome5+, Safari5+ */
box-shadow:3px 3px 3px #e2e2e2 inset;
}
#header .search .text{width:140px;height: 30px; border:0; display:inline-block;padding: 0 10px 0 10px; font-size:11px;border-radius: 15px;}
#header .search .submit{width: 36px;height:30px;border-radius:0 15px 15px 0px;background: url(search-icon1.png) no-repeat center center;border: 0;right: -2px;top: 0px; }
.ph-lang{ color:#999; margin-top:10px; }
.ph-lang a{ color:#555; font-size:14px; padding:0 5px;}
.pc-nav{
width: 58%; height:98px; line-height:98px; float:right;
}
.pc-nav .lv1-box{
font-size:14px;
float: left; width:14.2%; text-align:center; height:98px; position:relative;
}
.pc-nav .lv1-box a.lv1{ display:block; font-size:16px; width:100%; text-align:center;color:#333;}
.pc-nav .lv1-box.on a.lv1{ color:#054491;}
.pc-nav ul ul{ position:absolute; display:none; z-index:99;}
.pc-nav ul ul li{ float: none; padding:0; width:100%;}
.pc-nav ul ul li a{ display:block; height:35px; width:100%; padding:0 20px; font-size:14px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:30px; text-align:center; background-color: rgba(255,255,255,.8); color:#222;}
.pc-nav ul ul li a:hover{ color:#004ba4;}
.pc-nav .lv1{
color: #fff; width:100%;
display:inline-block;
transition: all 0.1s;
-moz-transition: all 0.1s;
-webkit-transition: all 0.1s;
}
.pc-nav .lv1:hover,.pc-nav .on .lv1{
background:url(bghover.png) no-repeat center center;
}
/* 手机端导航 */
.ph-nav{ width:50px; height:50px; line-height:50px; text-align:center;
position:absolute; right:3%; top:0px; display:none; }
.ph-nav a{color:#444; font-size:14px;}
.ph-nav .ph-btn{}
.ipad-searchbox{
width:100%; margin:10px auto;
background: #f4f4f4;
z-index: 100; display:none;
}
.ipad-searchbox .sou-box{
overflow: hidden;
padding:3%;
font-size:14px;
}
.ipad-searchbox .sou-box .texts{
width: 78%; height:40px;
color: #666; background:#fff;
border:none; outline:none; float:left; padding-left:2%;
}
.ipad-searchbox .sou-box .texts ::-webkit-input-placeholder {
color:#999999;
}
.ipad-searchbox .sou-box .btns{
float: right; height:40px;
width: 20%; background:#ff7800 url(search.png) no-repeat center center;
}
.ipad-searchbox .sou-box .btns a{
color: #fff;
display: block;
}
/* 手机端导航弹出层 */
.phnav-pop{
font-family: "微软雅黑";
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0,0,0,.3);
z-index: 110;
display: none;
}
.phnav-main{
width: 71%;
background: #fff;
height: 100%;
padding: 0 5%;
left: -100%;
padding-bottom: 20%;
padding-top: 8%;
position: relative;
}
.phnav-main .guan{
position: absolute;
right: 7%;
top: 3%;
cursor:pointer;
width: 1em;
}
.phnav-main .item{}
.phnav-main .lv1-box{
position: relative;
padding: 0 1%; border-bottom:1px solid #ccc;
line-height: 3.375em;
}
.phnav-main .item:last-child .lv1-box{ border-bottom: none;}
.phnav-main .lv1-box a{
color: #333;
font-size:16px;
display:block;
max-width:100%;
}
.phnav-main .lv1-box a.on{color: #005dad;}
.phnav-main a:hover{ color:#005dad; }
.phnav-main .lv1-box .more{
position: absolute;
right:0;
top: 0;
display: inline-block;
width: 10%;
height: 100%;
text-align: right;
cursor: pointer;
color: #999999;
background: url(lv1more-bg1.png) no-repeat right 5% center;
background-size: 0.7em;
}
.phnav-main .lv1-box .more.on{
background: url(lv1more-bg2.png) no-repeat right 5% center;
background-size: 0.7em;
}
.phnav-main .lv2-box {
padding-bottom:0.5em;
display: none;
}
.phnav-main .lv2-box li{
padding-left: 10%;
}
.phnav-main .lv2-box .noborder a{
border: none;
}
.phnav-main .lv2-box a{
display: block;
font-size:14px;
color: #555;
line-height: 2.667em;
}
.phnav-main .lv2-box a:hover{color:#005cac; }
@media screen and (max-width: 1200px){
#header .head-top{ transition: all 0.5s;
-moz-transition: all 0.5s; padding:2% 3%;
-webkit-transition: all 0.5s; width:100%;}
.pc-nav ul{
width: 100%;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.wrap{ width:92%;}
}
@media screen and (max-width: 991px){
#header{ height:auto;}
#header #logo{ width:36%;}
#header #logo img{ width:100%; height:auto;}
#header #nav{ width:60%; }
#header #nav .nav-item{ margin-left:10px;}
#header .top{ display:none;}
}
@media screen and (max-width: 768px){
.search{ display:none;}
.lang{ display:none;}
#header #logo{ margin:5px 0; max-width:183px;}
#header #logo img{ max-width:183px; }
#nav{ display:none;}
.ph-nav{ display:block;}
.headTop{ display:block;}
.ipad-searchbox{ display:block;}
}
@media screen and (max-width:640px){
#header{ height:50px;}
#header #logo{ margin:10px 0; max-width:183px;}
}
/*首页banner*/
#banner{ width:100%; height:100%; position:relative; }
/*广告样式*/
.banner{ width:100%; overflow:hidden; position:relative;}
.banner .db{ width:100%;}
.banner .db .swiper-slide{ width:100%; position:relative;}
.banner .db .swiper-slide .nts{ position:absolute; left:0; right:0; top:30%; z-index:2; margin:0 auto;}
.banner .db .swiper-slide .nts .fz36{ color:#01519b;}
.banner .db .swiper-slide .nts .fz36.in{ color:#333; margin:5px 0 10px;}
.banner .db .swiper-slide .nts .fz24{ color:#555;}
.banner .db .swiper-slide img{ width:100%;}
.banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:13px !important; z-index:3; margin:0 auto;}
.banner .hb span{ width:10px; height:10px; display:inline-block; opacity:1; cursor:pointer; background:#367ebe; font-size:0; border-radius:50%; margin:0 4px !important;}
.banner .hb span.swiper-pagination-bullet-active{ background:#d03535;}
/*手机广告*/
.phone_banner{ width:100%; display:none; overflow:hidden; position:relative;}
.phone_banner .db{ width:100%;}
.phone_banner .db .swiper-slide{ width:100%; position:relative;}
.phone_banner .db .swiper-slide .nts{ position:absolute; left:0; right:0; top:30%; z-index:2; margin:0 auto;}
.phone_banner .db .swiper-slide .nts .fz36{ color:#01519b;}
.phone_banner .db .swiper-slide .nts .fz36.in{ color:#333; margin:5px 0 10px;}
.phone_banner .db .swiper-slide .nts .fz24{ color:#555;}
.phone_banner .db .swiper-slide img{ width:100%;}
.phone_banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:13px !important; z-index:3; margin:0 auto;}
.phone_banner .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#367ebe; font-size:0; border-radius:50%; margin:0 4px !important;}
.phone_banner .hb span.swiper-pagination-bullet-active{ background:#d03535;}
@media screen and (max-width:750px){
.banner{ display:none;}
.phone_banner{ display:inline-block;}
}
/*页脚*/
.footer-box{ background:#093254; }
.footer-nav{
background: #093254;
padding:40px 0;
}
.footmian{
width: 1200px;
margin: auto;
overflow: hidden;}
.left-nav{
overflow: hidden; width:900px; float:left;
}
.left-nav li{ float:left; width:20%;
}
.left-nav .tit{
color: #9ab2c0;
font-size:18px;
display: block;
line-height:35px; text-transform:uppercase;
}
.left-nav .tit:hover{
color: #fff;
}
.left-nav dl{
margin-top: 0.6875em;
margin-bottom: 0;
}
.left-nav dd{color: #55748f; font-size:14px;line-height:30px; }
.left-nav dd a{
color: #55748f;
font-size:14px;
line-height:30px;
}
.left-nav dd a:hover{ color: #fff;}
.footmian .right {
width: 22%;
height: 100%;
float: right;
box-sizing: border-box;
}
.footmian .right .ri01 {
font-size: 18px;
font-family: "mon4";
width: 100%;
line-height: 1;
color: rgba(255, 255, 255, 0.3);
border-bottom: 1px solid #e5e5e5;
padding-bottom: 25px;
box-sizing: border-box;
margin-bottom: 40px;
}
.footmian .right .ri01 .zi {
color: #ffffff;
font-size: 15px;
margin-top: 6px;
}
.share-icon-wrap {
width: 132px;
}
.share-icon-wrap .share-icon-items {
cursor: pointer;
position: relative;
float: left;
width: 32px; margin:0 5px;
height: 26px;
overflow: visible;
}
.share-icon-wrap .share-icon-btn {
width: 26px; opacity:0.3;
height: 26px;
}
.share-icon-wrap .share-icon-items1 .share-icon-btn {
background: url(qq.png) no-repeat center;
}
.share-icon-wrap .share-icon-items2 .share-icon-btn {
background: url(wechat.png) no-repeat center;
}
.share-icon-wrap .share-icon-items2 .share-hides {
left: 50%;
margin-left: -45px;
}
.img100 {
display: block;
width: 100%;
}
.share-icon-wrap .share-icon-items3{ position:relative;}
.share-icon-wrap .share-icon-items3 .share-icon-btn {
background: url(phone.png) no-repeat center;
}
.share-icon-wrap .share-icon-items3 .share-hides { position:absolute; top:60px;
right: 0;
color: #ffffff;
width: 132px;
font-size: 14px;
line-height: 24px;
}
.footmian .right .ribox {
color: #ffffff;
width: 100%;
font-size: 16px;
font-family: "mon4";
line-height: 27px;
}
#gotop {
position: relative;
display: block;
height: 45px;
background: #0a3873;
color: #fff;
text-align: center;
line-height: 60px; display:none;
}
#gotop:before{content:''; position:absolute; top:10px; left:50%; width:6px; height:6px; margin-left:-3px; border-top:1px solid #fff; border-right:1px solid #fff; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
.fph-nav{ display:none; }
.fph-nav .item{
border-bottom: 1px solid #1c3c5b;padding:0 3%;
}
.fph-nav .lv1-box{
position: relative;
padding: 0 2%;
line-height: 2.5625em;
}
.fph-nav .lv1-box a{
color: #fff;
font-size:14px;
display: inline-block;
}
.fph-nav .lv1-box a.on{
font-weight: bold;
}
.fph-nav .lv1-box .more{
position: absolute;
right: 2%;
top: 0;
display: inline-block;
width: 70%;
height: 100%;
text-align: right;
cursor: pointer;
color: #718eaa;
background: url(more-bg1.png) no-repeat right center;
background-size: 0.8em;
}
.fph-nav .lv1-box .more.on{
background: url(more-bg2.png) no-repeat right center;
background-size: 0.8em;
}
.fph-nav .lv2-box {
padding-bottom:1em;
display: none;
}
.fph-nav .lv2-box a{
padding: 0 2%;
display: block;
font-size:14px;
color: #718eaa;
line-height: 2.4em;
}
.fph-nav .footma{ width:100%; margin:0 auto; height:auto; overflow:hidden; text-align:center;}
.fph-nav .footma p{ width:100%; margin-top:10px; text-align:center; color:#a1a1a1; font-size:14px; line-height:24px; }
.fph-nav .footma p i{ padding-left:24px; background:url(ico_lx.png) no-repeat left top; }
.fph-nav .footma .lx-ico2{ background-position:0 -34px;}
.fph-nav .footma .lx-ico3{ background-position:0 -70px;}
.fph-nav .footma .lx-ico4{ background-position:0 -105px;}
.copyright{ height:auto; border-top:1px solid #244a5d; line-height:20px; color:#55748f; text-align:left; font-size:14px; padding-top:10px;}
.copyright .top{ float:right; padding-top:5px;}
.social-foot{ }
@media screen and (max-width: 1200px){
.footer-info{
width: 100%;
padding:0%;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.footer-nav{
padding: 2em 0 3em 0;
}
.left-nav .tit{
font-size:16px;
width: 83%;
}
.left-nav dd a{
font-size:14px;
}
}
@media screen and (max-width: 991px){
.footer-nav{
padding-top: 0;
padding-bottom: 2em;
}
.footmian{ display:none;}
.fph-nav{ display:block;}
#gotop{ display:block;}
}
@media screen and (max-width: 768px){
.footer-nav{
padding-bottom: 0.75em;
}
.copyright{ border-top:none; padding-top:0px; padding-bottom:10px; text-align:center;}
.copyright .top{ display:none;}
}
/* css3 style */
.trans-3{transition: all 0.35s linear;}
.trans-5{transition: all 0.3s; -webkit-transition: all 0.5s;}
.trans-8{transition: all 0.3s; -webkit-transition: all 0.8s;}
.trans-12{transition: all 0.3s ease-in-out; -webkit-transition: all 1.2s;}
.scale-0x{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.scale-1x{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.radius-3{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.shadow{-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1); box-shadow: 0 5px 10px rgba(0,0,0,.1);}
/*首页主要内容*/
.classify{
height: 120px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
background: #f7f7f7;
}
.classify a{
display: inline-block;
height: 100%;
box-sizing: border-box;
padding: 25px 0 0 0;
width: 12.5%; float:left;
vertical-align: top;
text-align: center;
}
.classify a em{
position: relative;
display: inline-block;
width: 50px;
height: 50px;
}
.classify a em img{
vertical-align: top;
height: 100%;
width: auto;
transition: 0.5s;
-webkit-transition: 0.5s;
}
.classify a span{
display: block;
font-size: 14px;
color: #666;
margin-top: 12px;
transition: 0.5s;
-webkit-transition: 0.5s;
}
.classify a:hover em img{
opacity: 1;
}
.classify a:hover span{
color: #0095de;
}
@media (max-width: 1200px) {
.classify a em img{
width: 100%;
height: auto;
}
}
@media (max-width: 768px) {
.classify a{
width: 25%;
}
.classify{
height: auto;
padding-bottom: 25px;
}
.classify a em {
width: 40px;
height: 40px;
}
.classify a em img{
width:38px; height:auto;
}
.classify a span{
font-size: 12px;
}
}
.homepro{ height:auto;font-family: "微软雅黑"; padding:3% 0; overflow:hidden; position:relative; }
.homepro .ceng{ position:absolute; bottom:-60px; left:0; width:100%; height:120px; background:rgba(34,160,221,0.75); text-align:center; color:#fff; transition:0.5s;}
.homepro a:hover .ceng{ bottom:0;}
.homepro h3{ font-weight:700; font-size:18px; padding:15px 0}
.homepro h3 span{ display:block; font-size:12px; opacity:0.8; font-weight:400;}
.homepro p{ font-size:14px; padding:10px 20px 0; line-height:1.6em;}
#owl-demo1{ position:relative;}
#owl-demo1 .item{ margin-left:30px; border:1px solid #d5d5d5;
}
#owl-demo1 .item img{
display: block;
width: 100%;
height: auto;
}
#owl-demo1 .item .name{ width:100%; height:30px; line-height:30px; color:#333; text-align:center;}
#owl-demo1 .item a:hover .name{ }
#owl-demo1 .owl-pagination{ margin-top:10px;}
#owl-demo1 .owl-pagination:hover{ background:none;}
#owl-demo1 .owl-page{ width:10px; height:10px; background:#ddd; border-radius:100%; margin-left:5px;}
#owl-demo1 .owl-page.active{ background:#008bdb;}
.media-block {
position:relative;
display:block;
}
.media-block:before {
content:"";
background-color:rgba(0, 149, 222, 0);
width:100%;
height:100%;
top:0;
left:0;
position:absolute;
opacity:0;
display:block;
z-index:99;
-webkit-transition:all 0.3s ease 0.2s;
-moz-transition:all 0.3s ease 0.2s;
-ms-transition:all 0.3s ease 0.2s;
-o-transition:all 0.3s ease 0.2s;
transition:all 0.3s ease 0.1s;
}
.media-block:hover:before {
opacity:1;
transition: opacity 0.3s ease 0.2s;
}
.media-block:after {
background:url(btn2.png) no-repeat center center;
width:44px;
height:44px;
line-height:44px;
margin:-22px 0 0 -22px;
text-align:center;
top:50%;
left:50%;
position:absolute;
font-size:1.5em;
color:#fff;
z-index:999;
opacity:0;
}
.media-block:hover:after {
opacity:1;
transition: opacity 0.3s ease 0.2s;
}
@media screen and (max-width: 1200px){
.homepro{
width: 100%;
padding: 3% 3%;
margin-top: 2em;
margin-bottom: 4em;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
}
.prodt_ul{
background: #f3f3f3; height:auto;
transition: all .8s ease-out; position: relative; zoom: 1; }
.prodt_ul .wrap{ position:relative;}
.prodt_ul .li{ height: 100%;
width: 100%;
}
.k{ display:block;}
.prodt_ul .li .liright{ width: 26.4%;
height:115px;
position: relative;
z-index: 1;
float: right;transition: 0.8s cubic-bezier(0.6, 0.2, 0.1, 1);
cursor: pointer;}
.prodt_ul .li.active .liright{ z-index:9;height:115px; margin-top:-10px;}
.prodt_ul .li .liright .img{ width: 75px;
height: 60px;
overflow: hidden;
float: left;
position: absolute;
top: 0;
bottom: 0;
left: 20px;
margin: auto;}
.prodt_ul .li .liright .img img{width: 100%;
height: auto;}
.prodt_ul .li .liright .wen{font-size: 18px;
color: #ffffff;
line-height: 95px;
width: 100%;
padding-left: 125px;
box-sizing: border-box;}
.prodt_ul .li .lileft{
position: absolute;
left: 0;
top: 0;
z-index: 1;
opacity: 0;
width: 73.6%; }
.prodt_ul .li.active .lileft {
opacity: 1;
z-index: 3;
}
.prodt_ul .li .lileft .li1left{ padding-top: 85px;
box-sizing: border-box;
width: 51%;}
.prodt_ul .li .lileft .li1left .h1{font-size: 26px;
color: #333333;
font-weight: bold;}
.prodt_ul .li .lileft .li1left .line{height: 2px;
width: 30px;
background: #004f88;
margin: 24px 0;}
.prodt_ul .li .lileft .li1left p{ color: #666666;
font-size: 16px;
line-height: 32px;
overflow: hidden;}
.prodt_ul .li .lileft .li2left{ width: 49%;
height: 100%;
margin-top: 0px;
position: relative;}
.prodt_ul .li .lileft .li2left:after{
content: "";
position: absolute;
height: 55px;
width: 55px;
background: url(img-05.png) no-repeat center;
background-size: 100%;
left: 50%;
top: 50%;
margin-top: -45px;
margin-left: -50px;
-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.prodt_ul .li .lileft .li2left:hover:after{background-size:0;}
.prodt_ul .li .lileft .li2left img{display: block;
max-width: 100%;}
.prodt_ul .li:nth-child(1) .liright{
background-color:#0095ff;
}
.prodt_ul .li:nth-child(2) .liright{
background-color:#007cd5;
}
.prodt_ul .li:nth-child(3) .liright{
background-color:#0162a7;
}
.prodt_ul .li:nth-child(4) .liright{
background-color:#004f88;
}
.prodt_ul .li .liright span {
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
position: absolute;
top: 0;
left: 0;
color: rgba(255, 255, 255, 0.5);
font-size: 15px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.prodt_ul.m{ display:none;}
@media screen and (max-width: 1024px){
.prodt_ul.k{ display:none;}
.prodt_ul.m{ display:block;}
.prodt_ul.m .li .liright { width: 100%; height:auto;}
.prodt_ul.m .li .lileft {
opacity: 1;
text-align: center;
display: none;
position: static;
padding-bottom: 20px;
box-sizing: border-box; width:100%;
}
.prodt_ul.m .li .liright .img {
width: 50px;
height: auto;
}
.prodt_ul.m .li .liright .wen {
line-height: 60px;
padding-left: 100px;
font-size: 15px;
}
.prodt_ul.m .li.active .lileft {
opacity: 1;
display: block;
}
.prodt_ul .li .lileft .li1left{padding-top:10px;}
.prodt_ul.m .li .lileft .li2left {
width: 100%;
margin: 0;
padding: 0;
float: none;
display: block;
position: static;
}
.prodt_ul .li .lileft .li2left:after{ display:none;}
.prodt_ul.m .li .lileft .li2left img {
margin:0px auto; width: 50%;
}
.prodt_ul.m .li .lileft .li1left {
display: inline-block;
float: none;
margin: 0 auto;
text-align: left;
width: auto;
}
.prodt_ul .li .lileft .li1left .h1{ font-size:20px;}
}
.ipart03{margin-top: 0;padding: 60px 0 30px; position:relative;}
.ipart03 .d2{bottom: 20%;right: 36%;}
.ipart03 .en{top: 41px;}
.ipart03 .bg{top: 15%;right: -2%;}
.ipart03 .info-left{margin-top:0%;width: 48.43%;}
.ipart03 .info-left .b1{margin-bottom: 10%;}
.ipart03 .info-left .big{position: relative;margin-top: 5px;margin-bottom: 20px; color:#007cd5; font-size:30px;}
.ipart03 .info-left .big:after{content:"";position: absolute;top: 0;left: -33px;width: 100%;height: 62px;}
.ipart03 .info-left .desc{color: #666666;height: 185px;overflow: hidden;font-size: 16px;line-height: 28px;}
.ipart03 .info-left .more{position: relative;z-index: 10;}
.ipart03 .about-img {width: 45.14%;}
.ipart03 .about-img .img{top: 0%;bottom: 0;right: 0;left: 0;margin: auto;}
.ipart03 .about-img .img img{box-shadow: 0 0 25px 3px #f2f2f2; width:100%; height:auto;}
.ipart03 .info-left .more{margin-top: 3%;width: 134px;height: 44px;line-height: 45px;border-radius: 0px;color: #ffffff;font-size: 14px;background:#004f88;text-align: center;}
@media (max-width: 1580px){
.ipart03{padding: 8.59% 0 9.64%;}
.ipart03 .en{width: 9.5%;}
.ipart03 .info-left .big:after{left: 0;}
.ipart03 .bg{width: 50%;top: 20%;right: -1%;}
.ipart03 .d2{bottom: 17%;width: 14%;}
}
@media (max-width: 1200px){
.ipart03 .info-left .b1{margin-bottom: 7%;}
.ipart03 .info-left .desc{height: 100px;}
.ipart03 .en{width: 8.2%;}
.ipart03 .bg,
.ipart03 .d2{display: none;}
.ipart03 .about-img .video{width: 50px;height: 50px;bottom: -23px;}
}
@media (max-width: 981px){
.ipart03 .about-img .img img{box-shadow: 0 0 0 0px #fff;}
.ipart03 .info-left .big:after,
.ipart03 .en,
.ipart03 .info-left .tit1{display: none;}
.ipart03 .info-left .big{margin-bottom: 12px;}
.ipart03 .info-left{width: 43.43%;}
.ipart03 .info-left .desc{width: 100%;}
.ipart03 .info-left .desc{height: 76px;}
.ipart03 .info-left .b1{margin-bottom: 5%;}
.ipart03 .info-left .more{display: inline-block!important;}
.ipart03 .info-left .big{margin-bottom: 12px;}
}
@media (max-width: 700px){
.ipart03 .info-left,
.ipart03 .about-img{width: 100%;float: none;}
.ipart03 .info-left{text-align: center;}
.ipart03 .about-img{margin-top: 6%;}
.ipart03 .info-left .desc{width: 100%;margin: 15px auto 20px;height: auto;}
.ipart03 .info-left .b1{margin: 0 auto;}
.ipart03 .info-left .big{text-align: center; font-size:24px;}
.ipart03 .about-img .video{top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.ipart03 .info-left .more{display: inline-block!important;padding: 0 12px;margin: 0 auto;}
}
@media (max-width: 450px){
.ipart03 .info-left .desc{width: 89%;}
}
.hnews{ height:auto; overflow:hidden; padding:3% 0;}
.hnews .newslist{ width:100%; }
.hnews .newslist li{ height:auto; border-bottom:1px solid #eee; margin-bottom:20px; position:relative; width:31.3%; float:left; margin-right:3%;}
.hnews .newslist li .img{ width:100%; height:auto; overflow:hidden;}
.hnews .newslist li .img img{ width:100%; height:auto;}
.hnews .newslist li:nth-child(3n){ margin-right:0;}
.hnews .newslist li:after{ content:''; position:absolute; left:0; bottom:0; width:35px; height:1px; background:#ff0000; display:block; }
.newslist .Tit { height: auto; overflow: hidden; }
.newslist .Tit a { color: #333; font-size:18px; display: inline-block; height: 24px; line-height: 24px; }
.newslist .Tit a:hover { color: #0095ff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding-left: 10px; }
.newslist .info { font-size: 14px; color: #747474; line-height: 22px; max-height: 44px; overflow: hidden; margin: 10px 0 10px; }
.newslist .date { color: #999; font-size: 12px; padding-bottom:8px; }
@media screen and (max-width: 768px){
.hnews .newspic{ width:100%; float:none; }
.hnews .newspic img{ width:100%; height:auto;}
.hnews .newslist{ width:100%; float:none; margin-left:0%;}
.hnews .newslist li{ width:100%; margin-right:0;}
}
.mainTitle{ text-align:center; padding:0px 0 30px 0; color:#333333; font-size:30px; }
.mainTitle p {
font-size: 14px;color:#999;
padding: 10px 20px 0;
line-height: 1.6em;
}
.Main { width: 100%; margin:0 auto; background: #f5f5f5; height:auto; overflow:hidden; }
.Main_t2{ font-size: 22px;
line-height: 36px;
text-align: center;
padding: 3% 0;}
/*breadcrumb*/
#page-title{
background-color: rgba(73,73,73,0.8); !important;
color: #FFFFFF !important;
height: 350px;
padding: 0 !important;
}
#page-title .wrap{
margin-top: 67px !important;
}
.page-title-mask{
background-color: rgba(0,79,136,0.85); !important;
width: 100% !important;
height: 100%;
padding-top: 40px;
}
.page-title-mask h1{
margin-top: 7% !important;
font-size: 50px !important;
}
.page-title-mask .breadcrumb{
float: left; !important;
left: 0 !important;
padding-top: 0 !important;
margin-top: 90px !important;background-color:none!important;
font-style: italic; !important;
}
#page-title h1{
color: #ffffff !important;
}
#page-title ol li a{
color: #ffffff !important;
}
.breadcrumb li{ float:left;}
.breadcrumb-item.active{
color: #ffffff !important;
}
.breadcrumb-item + .breadcrumb-item::before{
color: #ffffff !important;
}
#page-title {
position: relative;
padding: 50px 0;
background-color: #F5F5F5;
}
#page-title .wrap { position: relative; }
#page-title h1 {
padding: 0;
margin: 0;
line-height: 1;
font-weight: 400;
letter-spacing: 1px;
color: #333;
font-size: 28px;
text-transform: uppercase;
}
#page-title span {
display: block;
margin-top: 10px;
font-weight: 300;
color: #777;
font-size: 18px;
}
.breadcrumb {
position: absolute !important;
width: auto !important;
top: 50% !important;
left: auto !important;
right: 15px !important;
margin: -10px 0 0 0 !important;
background-color: transparent !important;
padding: 0 !important;
font-size: 12px;
}
@media only screen and (max-width: 767px){
#page-title {
background-size: contain !important;
background-repeat: no-repeat !important;
height: 100px !important;
}
.page-title-mask {
padding-top: 1px !important;
}
#page-title h1 {
font-size: 15px !important; text-align:center;
margin-top: -20px !important;
}
.breadcrumb { display:none;}
.Main_t2{ font-size: 18px;
}
}
.submenu { text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width:100%; background:#fff; height:50px; }
.submenu a { line-height: 50px;height:50px;
font-size: 18px;
color: #333;
text-align: center;
border-right: 1px solid #f5f5f5;
transition: all .3s linear; width:25%; display:inline-block; float:left; }
.submenu a.on,.submenu a:hover{ background: #007cd4; color: #FFF; }
.proTop { width:100%; background: #F7F7F7; position: relative; overflow:hidden; padding:2% 0; }
.proTxt strong { font-size: 18px; color: #046bb4; line-height: 34px; display: block; margin-bottom: 12px; }
.proTop img{ width:100%; height:auto;}
.proTxt { font-size: 13px; line-height: 28px; color: #777777; padding: 10px 20px 0px 25px; }
.proRtv { position: absolute; top: 0px; right: 0px; height: 100%; }
.proImgTxt { font-size: 13px; line-height: 28px; color: #868686; padding: 50px 0px; }
.proTop2 .imgBlock{ padding: 10px; border: 1px solid #D8D8D8; position: relative; }
.proInfo { margin-left: 580px; }
.pro_t2 { line-height: 38px; font-size: 24px; color: #046bb4; padding: 6px 0px 20px; border-bottom: 1px solid #DFDFDF; }
.pro_txt2 { padding: 28px 0px 20px; font-size: 14px; line-height: 28px; color: #666666; }
.pro_txt2 strong { font-size: 16px; line-height: 30px; color: #333333; display: block; margin-bottom: 8px; }
.proRes { height: 55px; border-bottom: 1px solid #DFDFDF; }
.pro_res { line-height: 48px; height: 48px; }
.pro_res strong { font-size: 15px; background: url(../images/resIcon.png) no-repeat left center; float: left; padding-left: 24px; margin-right: 17px; }
.pro_rsBtn { float: left; margin: 0!important; padding: 0!important; margin-top: 9px!important; margin-right: 6px!important; height: 30px!important; width: 30px!important; display: block; }
.pro_res.bdsharebuttonbox .pro_rsBtn.bds_tsina { background: url(xx_icon1.png) no-repeat left top; }
.pro_res.bdsharebuttonbox .pro_rsBtn.bds_tqq { background: url(xx_icon2.png) no-repeat left top; }
.pro_res.bdsharebuttonbox .pro_rsBtn.bds_sqq { background: url(xx_icon3.png) no-repeat left top; }
.pro_res.bdsharebuttonbox .pro_rsBtn.bds_weixin { background: url(xx_icon4.png) no-repeat left top; }
.bd_weixin_popup,bd_weixin_popup *{box-sizing:content-box;}
.m3menu { font-size: 14px; text-align: center; }
.m3menu_a { line-height: 28px; color: #555; border-bottom: 2px solid #FFF; margin: 0px 20px; padding: 0px 8px 22px; display: inline-block; }
.m3menu_a.on, .m3menu_a:hover { color: #046bb4; border-bottom: 2px solid #046bb4; }
.m2svr_ul { max-width: 980px; margin: 0 auto; padding: 5px 0px 50px; }
.m2svr_ul li { text-align: center; padding-bottom: 38px; }
.serBx { height: auto; margin-bottom:0; }
.serImg { background-size: cover; background-position: center center; height: 480px; }
.serTxt { float: left; height: 480px; width: 438px; margin-left: 6%; position: relative; }
.serTxtBox { position: absolute; left: 0px; top: 50%; width: 100%; transform:translateY(-50%) }
.serTxtBox strong { font-size: 28px; line-height: 44px; color: #046bb4; height: 44px; display: block; margin-bottom: 28px; font-weight: normal; }
.serTxtBox strong img { float: left; margin-right: 12px; }
.serP p { font-size: 14px; line-height: 30px; color: #555; }
.serP { margin-bottom: 25px; }
.serBtn { padding: 0px 20px; font-size: 14px; line-height: 36px; height: 38px; color: #fff; display: inline-block; border: 1px solid #fff; border-radius:1.8em; background: #438e4a;}
.serBtn a{color: #fff;}
.m2svr_aBtn { margin: 0px 5px; position: relative; top: 2px; }
.serBx2 .serImg { float: right; }
.serBx2 .serTxt { float: right; margin-right: 6%; margin-left: 0px; }
.cateList { height: auto; position: relative; z-index: 1; margin-top:50px; border:8px solid #cdcdcd; padding:10px; background:#fff; }
.cateList h3{ margin-top:0; font-size:24px;}
.cateList ul li { float: left; width: 20%; text-align: center; border-top: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; line-height: 44px; height: 46px; font-size: 14px; cursor: pointer; position: relative; margin-bottom:5px; }
.cateList ul li:last-child{border-right: 1px solid #CDCDCD;}
.cateList ul li.cur { color: #FFF; background: #1079c4; border-top: 1px solid #1079c4; border-bottom: 1px solid #1079c4; border-left: 1px solid #1079c4; }
.cateList ul li.cur:last-child{border-right: 1px solid #1079c4;}
.addProTag .chgBtnList ul .chgBtn.chgCutBtn:after{display:none;}
.addProTag .chgBtnList ul .chgBtn{margin-top:-1px; margin-left:-1px; border-right:1px solid #CDCDCD;}
.addProTag .chgBtnList{height:auto; border-top:1px solid #CDCDCD;}
.addProTag .m2proSlider{margin-top:40px; padding:0; border:none; background:#f7f7f7; height:350px; overflow:hidden}
.addProTag .m2proDsc{margin-left:602px; margin-right:35px; padding-top:50px;}
.addProTag .m2proP{height:224px;}
.addProList { margin-top:40px; height:auto; }
.addProList li { margin-top: 20px; }
.addProList_aBox { display: block; border: 1px solid #DFDFDF; padding: 28px 36px; }
.addProDes { margin-left: 345px; position: relative; }
.addProDes .ellipsis { font-size: 26px; line-height: 66px; height: 66px; margin-right: 175px; display: block; font-weight: normal; }
.addBtn ,.addBtn:hover{ font-size: 14px; line-height: 38px; color: #FFF; text-align: center; display: block; height: 38px; width: 145px; background: #046BB4; position: absolute; top: 15px; right: 0px; border-radius:0.3em; }
.addSbt { font-size: 16px; line-height: 58px; font-weight: bold; height: 58px; }
.addProDes p { font-size: 14px; line-height: 28px; color: #777777; }
.por{ position:relative;}
.addProList li {
display: block;
position: relative;
margin-bottom: 34px;
padding: 32px 60px 32px 38px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.addProList .news-items:before {
position: absolute;
content: "";
width: 60px;
height: 100%;
border-left: 1px solid #e6e2e7;
top: 0;
right: 0;
background: url(png2.png) no-repeat center;
}
.addProList li .img {
float: left;
width: 268px;
margin-right: 40px;
overflow: hidden;
}
.addProList li .img100 {
transition: all .3s linear;
}
.addProList li:hover .img100 {
transform: scale(1.1);
}
.addProList li .txts {
position: absolute;
left: 308px;
top: 0;
width: 64%;
color: #333;
padding-right: 116px;
height: 100%;
}
.addProList li .protit {
font-size: 24px;
line-height: 1;
text-overflow: ellipsis;
white-space: nowrap;
padding: 14px 0 20px;
overflow: hidden;
color: #000;
transition: all .3s linear;
}
.addProList li a:hover .protit{ color:#007cd4;}
.addProList li .protxt {
opacity: .6;
font-size: 14px;
line-height: 28px;
height: 56px;
overflow: hidden;
}
@media (max-width:991px){
.addProTag .m2proSlider{height:auto;}
.addProTag .imgBlock.fl{float:none; width:100%; text-align:center; display:block}
.addProTag .imgBlock.fl img{margin:0 auto;}
.addProTag .m2proDsc{margin-left:0; margin-right:0;}
.addProTag .m2proP{height:auto; margin-bottom:0}
.addProTag .m2proSlider dt{border:1px solid #cdcdcd;}
.addProTag .m2proSlider.on dd{ border-bottom:1px solid #cdcdcd; border-top:none;}
.addProTag .m2proSlider{margin-top:0;}
.addProTag .m2proSlider.on dt {border: 1px solid #1079c4;}
.addProDes .ellipsis{margin-right:0;}
.addBtn,.addBtn:hover{position:static;}
}
@media (max-width:768px){
.addProList li:before {
display: none;
}
.addProList li {
padding: 0;
position: static;
margin-bottom: 20px;
}
.addProList li .img{
float: none;
width: 100%;
margin-right: 0;
}
.addProList li .txts {
position: static;
width: 100%;
padding: 24px 20px;
}
.addProList li .protit {
font-size: 18px;
padding: 0 0 20px;
}
}
.submenu_a { text-align: center; padding:30px 0px 20px; }
.submenu_a a { padding: 0px 33px; line-height: 36px; display: inline-block; margin: 0px 8px 12px; height: 38px; border: 1px solid #AAAAAA; color:#333; font-size: 15px; border-radius: 0.3em; position: relative; }
.submenu_a a.on,.submenu_a a:hover{ background: #046BB4; color: #FFF; border: 1px solid #046BB4; }
.submenu_a a:after{ transition:all 0.3s ease;content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff; position:absolute; left:50%; margin-left:-5px; bottom:-9px;}
.submenu_a a.on:after,.submenu_a a:hover:after{ border-top:8px solid #046BB4;}
.pro-list{
margin-top: 2.25em;
min-height: 200px;
margin-bottom: 2em;
}
.pro-list ul{ padding-left:0;}
.pro-list ul:after{
clear: both;
content: '';
display: block;
width: 0;
height: 0;
visibility: hidden;
}
.pro-list li{
float: left; background:#fff; border:1px solid #ddd;
width:32%;
margin-right:2%; margin-bottom:2%; padding:0%; position:relative;
}
.pro-list li:hover{ -webkit-box-shadow: 0px 1px 13px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 13px -4px rgba(0,0,0,0.75);
box-shadow: 0px 1px 13px -4px rgba(0,0,0,0.75);
transition: box-shadow 350ms ease-in-out;}
.pro-list li .pics img{
width: 100%;
}
.pro-list .names{
font-size:1.3em;
line-height: 2.3125em;
color: #333333; margin-bottom:10px; text-align:center;
padding: 0 5%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.pro-list li:nth-child(3n){
margin-right: 0;
}
.pro-list li:hover .names{
color: #005cac;
}
@media screen and (max-width: 1440px){
.product-box{
width: 90%; margin:0 auto;
}
}
@media screen and (max-width: 1200px){
.product-box{
width: 100%;
margin-top: 2em;
margin-bottom:2em;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.pro-list .names{
line-height: 4em;
}
}
@media screen and (max-width: 991px){
.pro-list li{
width: 48%;
margin-right: 4%;
margin-bottom:2%;
}
.pro-list li:nth-child(3n){
margin-right: 4%;
}
.pro-list li:nth-child(2n){
margin-right: 0;
}
}
@media screen and (min-width: 769px){
.phsec-nav{
display: none;
}
}
@media screen and (max-width: 768px){
.pcsec-nav{
display: none;
}
.pro-right .sea-boxs{
display: none;
}
.product-box .pro-left{
width: 100%;
}
.product-box .pro-right{
width: 100%;
}
.pro-list .names{
line-height: 3.5em;
}
.pro-list{
margin-bottom: 1em;
margin-top: 2em;
}
.product-box{
margin-bottom:0em;
margin-top: 1.5em;
padding: 0 5%;
}
}
@media screen and (max-width: 414px){
.pro-list li{
width: 100%;
margin-right: 0;
margin-bottom: 1%;
}
.pro-list li:nth-child(3n){
margin-right: 0;
}
.pro-list .names{
line-height:2.375em;
}
}
.pagination{ width:100%; text-align:center; margin-bottom:30px; margin-top:0px; background:#fefefe; border: solid 1px #fff; padding:3px 5px; border-radius:0;}
.pagination a{ display:inline-block; *display:inline; zoom:1; height:22px; line-height:22px; border:1px solid none; margin:0 1px; font-size:14px; color:#666; padding:0 5px; background:#fff;}
.pagination a.now{ color:#FFF; font-weight:bold; background:#005cac; border-color:#005cac;}
.case {
padding-bottom: 135px;
box-sizing: border-box;position: relative;
}
.conright {
width: 300px;
position: relative;
float: right;
top: -70px;
}
.conright .conrighttop {
background: #f9f9f9;
}
.conright .conrighttop .h1 { margin-top:0; margin-bottom:0;
line-height: 70px;
height: 70px;
font-size: 26px;
background: #007cd4;
color: #ffffff;
padding-left: 38px;
box-sizing: border-box;
}
.conright .conrighttop .ul {
padding: 10px 10px;
padding-bottom: 40px;
box-sizing: border-box;
border: 1px solid #e5e5e5;
}
.conright .conrighttop .ul .li {
}
.conright .conrighttop .ul .li .bota {
display: block;
line-height: 24px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 15px;
color: #888888;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
transition: all .5s linear; border-bottom: 1px solid #e5e5e5;
}
.conright .conrighttop .ul .li .bota:hover{ color:#007cd4;}
.conright .conrightbot {
background: #f9f9f9;
margin-top: 18px;
padding: 0 15px;
padding-bottom: 45px;
box-sizing: border-box;
border: 1px solid #e6e6e6;
}
.conright .conrightbot .h1 {
color: #333333;
font-size: 26px;
line-height: 1;
height: 78px;
line-height: 78px;
padding-left: 23px;
box-sizing: border-box;
}
.conright .conrightbot .ul .li {
display: block;
font-size: 15px;
line-height: 45px;
height: 45px;
color: #333333;
position: relative;
padding-left: 40px;
box-sizing: border-box;
background: #ffffff;
margin-bottom: 10px;
}
.conright .conrightbot .ul .li:before {
content: "";
height: 15px;
width: 15px;
background: url(img-13.png) no-repeat center;
background-size: 100%;
position: absolute;
right: 23px;
top: 0;
bottom: 0;
margin: auto;
}
.conright .conrightbot .ul .li:after {
content: "";
height: 5px;
width: 5px;
background: #3cb5ec;
position: absolute;
left: 23px;
top: 0;
bottom: 0;
margin: auto;
}
.conleft {
float: left;
width:820px;
color: #666666;
font-size: 15px;padding-top:65px;
}
.conleft .tit {
box-sizing: border-box;
margin-bottom: 60px;
line-height: 30px;
}
.case .caseul .li {
display: block;
position: relative;
width: 48%;
overflow: hidden;
float: left;
margin-left: 4%;
margin-bottom: 45px;
}
.case .caseul .li img {
display: block;
width: 100%;
}
.case .caseul .li:nth-child(2n+1) {
margin-left: 0;
}
.case .caseul .li .wen .h1 {
color: #333333; margin-bottom:0;
font-size: 20px;
line-height: 1;
height: 67px;
line-height: 67px;
padding-left: 27px;
padding-right: 74px !important;
box-sizing: border-box;
background: #f5f5f5;
position: absolute;
bottom: 0;
width: 100%;
-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.case .caseul .li .wen .h2box {
position: absolute;
/* bottom: 0; */
height: 100%;
top: -100%;
left: 0;
width: 100%;
background: rgba(60, 181, 236, 0.9);
padding: 50px 35px;
box-sizing: border-box;
-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.case .caseul .li .wen .h2box .b1 {
font-size: 26px;
color: #ffffff;
line-height: 1;
}
.case .caseul .li .wen .h1:after {
content: "";
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
height: 25px;
width: 15px;
background: url(img-08.png) no-repeat center;
background-size: 100%;
}
.case .caseul .li .wen .h2box .b2 {
color: rgba(255, 255, 255, 0.9);
font-size: 16px;
line-height: 25px;
height: 75px;
margin-top: 20px;
margin-bottom: 50px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.case .caseul .li .wen .h2box .b3 {
position: relative;
color: #ffffff;
font-size: 14px;
padding-left: 35px;
line-height: 35px;
box-sizing: border-box;
}
.case .caseul .li .wen .h2box .b3:after {
content: "";
height: 35px;
width: 35px;
background: url(k4.png) no-repeat center;
background-size: 100%;
left: 0;
top: 0;
position: absolute;
}
.case .caseul .li:hover .wen .h2box {
top: 0;
-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 1024px){
.conright {
float: none;
width: 100%;
top: 0;
position: static;
}
.conleft {
width: 92% !important;
margin: 0 auto;
}
}
@media (max-width: 768px){
.conright .conrighttop .ul {
display: none;
}
.conright .conrightbot {
display: none;
}
.conleft .tit {
margin-bottom: 30px;
}
.case .caseul .li {
width: 100%; margin-left:0;
margin-right: 0 !important; margin-bottom:20px;
}
.conleft {
width: 100% !important;
margin: 0 auto; padding-top:30px;
}
.case .caseul .li .wen .h1 {
font-size: 16px;
height: 44px;
line-height: 44px;
}
}
/*hot产品列表*/
.hot-main{ width:100%; padding:50px 0; overflow:hidden;}
.hot-main .half{ width:50%; float:left;}
.hot-main .half .ltitle{ width:100%; max-width:600px; float:right; margin-bottom:4%;}
.hot-main .half .ltitle img{ max-width:256px;}
.hot-main .half .pdt-list{ width:100%; max-width:600px; float:right; overflow:hidden;}
.pdt-list{
margin:3% auto;
font-family:"微软雅黑";
}
.pdt-list ul{ padding:0; margin:0;}
.pdt-list ul:after {
clear: both;
content: '';
display: block;
width: 0;
height: 0;
visibility: hidden;
}
.pdt-list li{
width:48%;
float: left;
margin-right:2%;
margin-bottom:2%;
background: #f5f5f5; border:1px solid #ddd; position:relative;
}
.pdt-list li:nth-child(2){
margin-right: 0;
}
.pdt-list img{
width: 100%;
}
.pdt-list li a .name{ width:100%; position:absolute; left:0; bottom:-100%;
font-size:14px; text-align:center;
color: #333;
line-height: 30px; height:30px;
margin:5% 0 0 0;
white-space: nowrap; background:#00397c;
overflow: hidden;color:#ddd;
text-overflow: ellipsis;
}
.pdt-list li a:hover .name{ bottom:0; }
.hot-main .rtitle{ width:100%; background:url(bg02.png) no-repeat left top; padding:5% 46px; font-size:30px; color:#fff;}
.hot-main .rtitle p{ font-size:18px;}
.hot-main .pic{ width:100%; max-width:600px;}
.hot-main .pic img{ width:100%; }
@media screen and (max-width: 768px) {
.hot-main .half{ width:100%; float:none;}
.hot-main .half .ltitle{ float:none; margin:0 auto; padding:0 3%;}
.hot-main .half .pdt-list{ float:none; margin:3% auto; padding:0 3%;}
.pdt-list li{
width: 100%;
margin-right: 0;
position:relative;
}
.mainTitle{ font-size:18px; margin-top:0; padding:0 0 20px 0;}
}
.eqBd { margin:0 auto 50px; width: 100%; max-width: 1100px; position: relative; }
.eqPrev { background: url(fsBtn.png) no-repeat left top; display: block; height: 51px; width: 29px; position: absolute; top: 50%; left: -72px; transform: translateY(-50%); z-index: 4; }
.eqNext { background: url(fsBtn.png) no-repeat right top; display: block; height: 51px; width: 29px; position: absolute; top: 50%; right: -72px; transform: translateY(-50%); z-index: 4; }
.eqPrev.swiper-button-disabled,.eqNext.swiper-button-disabled{ opacity:0.5};
.eqBd .swiper-slide{ width:100%; overflow:hidden;}
.autoImg .imgZoom img{width:100%;display:block; transition: all .8s ease 0s; }
.autoImg .imgZoom{ width:100%; height:auto; overflow:hidden; }
.autoImg .imgZoom:hover img {
-moz-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.eqBd .swiper-slide .con{padding:20px 20px 30px 20px; color:#2d373c; height:auto; background:#fff;}
.eqBd .swiper-slide .con .t{font-size:18px; height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.eqBd .swiper-slide .con .desc{margin:20px 0 20px; line-height:24px; height:72px; overflow:hidden;}
.eqBd .swiper-slide .con .common-line-btn{line-height:42px;}
.eqBd .swiper-slide .con .tel a{color:#005caa; font-size:16px; font-weight:bold; margin-bottom:15px;}
.eqBd .swiper-slide .con .tel a:hover{opacity:.8;}
.eqBd2 { margin:0 auto 50px; width: 100%; max-width: 1100px; position: relative; }
.eqBd2 .swiper-slide .con{padding:20px 20px 30px 20px; color:#2d373c; height:auto; background:#f5f5f5;}
.eqBd2 .swiper-slide .con .t{font-size:18px; height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.eqBd2 .swiper-slide .con .desc{margin:10px 0 20px; line-height:24px; height:auto; overflow:hidden;}
.eqBd2 .swiper-slide .con .common-line-btn{line-height:42px;}
.eqBd2 .swiper-slide .con .tel a{color:#005caa; font-size:14px; font-weight:normal; margin-bottom:15px;}
.eqBd2 .swiper-slide .con .tel a:hover{opacity:.8;}
.ipart02{width: 100%;height: auto;}
.ipart02 .pic{width: 100%;position: relative; height:auto;}
.ipart02 .pic img{display: block;width: 100%;}
.ipart02 .main{text-align: center;position: absolute; top: 20%;left: 0;width: 100%;z-index: 5;}
.ipart02 .main h2{display: block;font-size: 54px;color: #fff;line-height: 60px;margin-bottom: 20px;}
.ipart02 .main .btns{display: block;width: 48px;height: 48px;border-radius: 100%;margin: 0 auto;background-color: #005ba0;position: relative;border:1px solid #005ba0;transition: all 0.5s;-webkit-transition: all 0.5s;}
.ipart02 .main .btns:hover{background-color:transparent;border:1px solid #fff;}
.ipart02 .main .btns i{
display: block;width: 48px;height: 48px;
background: url(bot-arr.png) center no-repeat;
animation: downico 1.5s ease-out infinite;
animation: downico 1.5s ease-out infinite\0/IE9;
position: absolute;left: 0;top: 0;
}
@keyframes downico{
0%{left: 0; opacity: 1;}
35%{left: 30%; opacity: 0;}
65%{left: -30%;opacity: 0;}
100%{left: 0;opacity: 1;}
}
.ipart02 .warp{width: 1000px;height: 158px;overflow: hidden;margin: -80px auto 0;position: relative; box-shadow: 0 1px 40px 0 rgba(0,0,0,0.2);background-color: #fff;z-index: 5;}
.ipart02 .swiper-container {width: 900px;height: 158px;text-align: center;position: relative;}
.ipart02 .swiper-container .g{display: block;width:1px;height: 80px;position: absolute;z-index: 5;top: 50%;margin-top: -40px;background-color: #fff;right: 0;}
.ipart02 .swiper-slide .tit { font-size: 18px;line-height: 20px;transition: all 0.5s;-webkit-transition: all 0.5s;height: 20px;color: #666;text-align: center;}
.ipart02 .swiper-slide.on .tit{color: #222;}
.ipart02 .swiper-slide:hover .tit{color: #222;}
.ipart02 .pagination {position: absolute;z-index: 20;left: 10px; bottom: 10px;}
.ipart02 .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #222;margin-right: 5px; opacity: 0.8; border: 1px solid #fff;cursor: pointer;}
.ipart02 .swiper-visible-switch {background: #aaa;}
.ipart02 .swiper-active-switch {background: #fff;}
.ipart02 .swiper-button-prev{width: 50px;height: 50px;background-color: red;margin-top: -100px;position: absolute;z-index: 50;}
.ipart02 .arrow-left {background: url(ipro-larr.png) center no-repeat ;position: absolute;left:20px;top: 50%;margin-top: -10px; width: 10px;height:20px;}
.ipart02 .arrow-right {background:url(ipro-rarr.png) center no-repeat ;position: absolute;right: 20px;top: 50%;margin-top: -10px;width:10px;height:20px;}
.ipart02 .pci{width: 50px;height: 50px;margin: 40px auto 10px auto;position: relative; padding:0;}
.ipart02 .pci .gray{display: block;width: 50px;height: 50px;}
.ipart02 .pci .blue{display: block;width: 50px;height:0px;position: absolute;bottom: 0px;left: 0;transition: all 0.5s;-webkit-transition: all 0.5s;overflow: hidden;}
.ipart02 .swiper-slide:hover .pci .blue{height: 50px;}
.ipart02 .swiper-slide .pci .blue img{display: block;height: 50px;width: 50px;position: absolute;bottom: 0px;left: 0}
.ipart02 .swiper-slide.on .pci .blue{height: 50px;}
.ipart02 .swiper-slide{position: relative;cursor: pointer;}
.ipart02 .swiper-slide i{display: block;width: 90%;position: absolute; bottom: 0;height: 4px;background-color: #fff;left: 50%;margin-left: -45%;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.ipart02 .swiper-slide.on i{background-color: #0095de;}
.ipart02 .swiper-slide em{display: block;width: 1px;height: 80px;background-color: #f2f2f2;right: 0px;top: 50%;position: absolute;z-index: 2;margin-top: -40px;}
@media screen and (max-width: 768px){
.ipart02 .pic{width: 100%;overflow: hidden;}
.ipart02 .pic img{display: block;min-height: 160px}
.ipart02 .main{text-align: center;position: absolute; top: 11%;left: 3%;width: 94%;z-index: 5;}
.ipart02 .main h2{display: block;font-size: 24px;color: #fff;line-height:30px;margin-bottom: 0.2rem;}
.ipart02 .main .btns{display: block;width:24px;height:24px;border-radius: 100%;margin: 0 auto;background-color: #005ba0;position: relative;border:1px solid #005ba0;transition: all 0.5s;-webkit-transition: all 0.5s;}
.ipart02 .main .btns:hover{background-color:transparent;border:1px solid #fff;}
.ipart02 .main .btns i{
display: block;
width:18px;
height:18px;
background: url(bot-arr.png) center center no-repeat;
animation: downico 1.5s ease-out infinite;
animation: downico 1.5s ease-out infinite\0/IE9;
position: absolute;
left: 0;
top: 0;
}
.ipart02 .warp{width:90%;height:80px;overflow: hidden;margin:-40px auto 0;position: relative; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);background-color: #fff;z-index: 5;}
.ipart02 .swiper-container {width:80%;height: 80px;text-align: center;position: relative;}
.ipart02 .swiper-container .g{width:1px;height:60px;position: absolute;z-index: 5;top: 50%;margin-top: -30px;background-color: #fff;right: 0;display: block}
.ipart02 .swiper-slide .tit { font-size:14px;line-height: 14px;transition: all 0.5s;-webkit-transition: all 0.5s;height:14px;color: #666;text-align: center;}
.ipart02 .swiper-slide.on .tit{color: #222;}
.ipart02 .swiper-slide:hover .tit{color: #222;}
.ipart02 .swiper-button-prev{width: 0.5rem;height: 0.5rem;background-color: red;margin-top: -1rem;position: absolute;z-index: 50;}
.ipart02 .pci{width:25px;height:25px;margin: 10px auto;position: relative;}
.ipart02 .pci .gray{display: block;width:25px;height:25px;}
.ipart02 .pci .green{display: block;width:30px;height:0px;position: absolute;bottom: 0;left: 0;transition: all 0.5s;-webkit-transition: all 0.5s;overflow: hidden;}
.ipart02 .swiper-slide:hover .pci .blue{height:25px;}
.ipart02 .swiper-slide .pci .blue img{display: block;height:25px;width:25px;position: absolute;bottom: 0;left: 0}
.ipart02 .swiper-slide.on .pci .blue{height:25px;}
.ipart02 .swiper-slide{position: relative;}
.ipart02 .swiper-slide i{display: block;width: 90%;position: absolute; bottom: 0;height:3px;background-color: #fff;left: 50%;margin-left: -45%;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.ipart02 .swiper-slide.on i{background-color: #0095de;}
.ipart02 .swiper-slide em{display: block;width: 1px;height:50px;background-color: #f2f2f2;right: 0px;top: 50%;position: absolute;z-index: 2;margin-top: -0.4rem;}
.eqBd{margin-left:30px; margin-right:30px; width:auto;}
.eqPrev { background: url(fsBtn2.png) no-repeat left top; display: block; height: 38px; width: 19px; position: absolute; top: 50%; left: -25px; transform: translateY(-50%); z-index: 4; }
.eqNext { background: url(fsBtn2.png) no-repeat right top; display: block; height: 38px; width: 19px; position: absolute; top: 50%; right: -25px; transform: translateY(-50%); z-index: 4; }
}
.HomeAbout {
margin: 0 auto;
max-width: 1200px;
padding: 0;
position: relative;
width: 100%;font-family:"微软雅黑";
}
.HomeAboutContent { height:auto; overflow:hidden; margin-top:5%;}
.Abimg{ float:left; width:600px; height:400px; overflow:hidden; }
.Abimg OBJECT{height:auto; width:auto;}
.About-text { float:right; width:50%;
margin-top:35px; color:#555555; line-height:30px;
text-align: left;
}
.About-text p {font-size:14px; margin: 0 0 26px;}
.About-text .more a{ margin:30px auto;}
@media screen and (max-width: 768px) {
.Abimg{ width:100%;}
.About-text{ width:100%;}
}
/* news */
.dynamic-box{ position:relative; overflow:hidden;
background: #fff;font-family:"微软雅黑";
padding:3% 0 3% 0; width:100%; max-width:1200px; margin:0 auto;
}
.dynamic-box .more a{ margin:30px auto;}
.dynamic-main { margin: 0 -16px 0 -32px; }
.dynamic-main li { float: left; width:25%; }
.dynamic-main li a { display: block; width: 100%; }
.dynamic-main li .img { position: relative; display: block; overflow: hidden; width: 100%; }
.dynamic-main li .img img { width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.dynamic-main li .txt { height: auto; padding-top: 5px; overflow: hidden; position: relative;}
.dynamic-main li .txt h3 { color: #515151; font-size: 14px; height: 30px; line-height: 30px; overflow: hidden;display: inline-block;vertical-align: top; margin-bottom:0;}
.dynamic-main li .txt p{ font-size:14px; color:#666; height:30px; overflow:hidden;}
.dynamic-main li .txt i { position: absolute; right: 15px; top: 32px; z-index: 5; width: 9px; height: 16px; background: url(arrow3.png) no-repeat 0 0; }
.dynamic-main li:hover .wrapper { border-color: #e1e1e1; -moz-box-shadow: 0 0 5px 5px #f5f6f7; -ms-box-shadow: 0 0 5px 5px #f5f6f7; -o-box-shadow: 0 0 5px 5px #f5f6f7; box-shadow: 0 0 5px 5px #f5f6f7; }
.dynamic-main .wrapper { max-width: 290px; margin-left:10px; padding: 8px 8px 0; border: 1px solid #fff; }
@media screen and (max-width: 1024px) {
.dynamic-main{ margin:0 0 0 -6px;}
.dynamic-main .wrapper{ margin-left:6px;}
}
@media screen and (max-width: 800px) {
.dynamic-main { margin:0 16px 0 10px;}
.dynamic-main li{ width:48%;}
}
@media screen and (max-width: 400px) {
.dynamic-main{ margin:0 8px;}
/*.picList li{ width:100%;}*/
.dynamic-main .wrapper{ margin-left:0;}
}
/*内页*/
.innerbody{ background:#f9f9f9;}
.innerbanner{width: 100%;
height:320px;
position: relative;
overflow: hidden;
background-attachment: fixed; margin-top:110px;}
.innerbanner .title{width:1100px; margin:85px auto; height:150px;background:url(touzi01.png) no-repeat; color:#fff; overflow:hidden;}
.innerbanner .title h2{font-size:30px; margin:20px 0 15px 20px; font-weight:bold;}
.innerbanner .title p{font-size:18px; margin-left:20px; font-weight:bold;}
@media screen and (max-width:1100px){
.innerbanner{ margin-top:100px;}
.innerbanner .title{ width:90%; padding:0 3%;}
}
@media screen and (max-width:768px){
.innerbanner{ margin-top:60px; height:180px;}
.innerbanner .title{ margin:35px auto; }
.innerbanner .title h2{font-size:24px;}
}
@media screen and (max-width:640px){
.innerbanner{ margin-top:50px; }
.innerbanner .title{background:url(touzi02.png) no-repeat; }
}
.aboutbg{ background:url(banner1.jpg) no-repeat center center;
}
.newsbg{ background: #000 url(company_02.jpg) no-repeat center center;
background-size: 100%;}
.probg{ background: #000 url(banner1.jpg) no-repeat center center;
background-size: 100%;}
.Contactbg{background:#000 url(ContactTopBg.jpg) no-repeat top center;background-size:100%; width: 100%;
height: 900px;
position: relative;
overflow: hidden;background-attachment: fixed;
}
.recbg{background: #000 url(slide-12.jpg) no-repeat center center;
background-size: 100%;}
/* pc location */
.pc-location{ font-family: "微软雅黑"; background:#fff;
width: 100%; height:64px; position:relative; border-bottom:1px solid #eaeaea;
}
.pc-location.pro-location{ height:128px;}
.pc-locations{
position: fixed;
left:0;
top:0;
z-index:10000;
width: 100%;
display:none;
}
.pc-location .location-main{
width: 1200px;
margin: auto;
line-height: 64px;
}
.pc-location .left{
float: right;
color: #333;
font-size:14px;
}
.pc-location .left img{
margin-top: -2px;
margin-right: 4px;
}
.pc-location .left a{
color: #555;
margin-left: 4px;
margin-right: 4px;
}
.pc-location .left i{ font-style: normal;
font-family: 宋体;
margin: 0px 5px;}
.pc-location .left a:hover{ color:#005bac; text-decoration:underline;
}
.pc-location .right{
float: none; height:64px;
display: inline-block;
}
.pc-location .right li{
float:left;
font-size:16px;
margin-right:2em;
line-height:63px;
}
.pc-location .right li a{
color: #333;
display: block;
}
.pc-location .right li.on a{color: #005dad; font-weight: bold;
}
.pc-location .right li a:hover{color: #005dad; font-weight: bold;
}
.phnav-pop2{font-family: "微软雅黑";
position:absolute;
width: 100%;
height: auto;
right: 0;
top: 0;
background:url(mainbg.png) repeat;
z-index: 9999;
display: none;
}
.phnav-main2{
width:100%; max-width:1200px; margin:0 auto;
padding:3% 5%; text-align:center;
top:0%;
position: relative;
}
.phnav-main2 .guan {
position: absolute;
right: 7%;
top: 3%;
cursor: pointer;
width: 1em;
}
.phnav-main2 ul li{ text-align:center; display:inline-block; padding:0 3%; float:none;
}
.phnav-main2 ul li a{
color: #555;
font-size:15px;
}
.phnav-main2 ul li a:hover{ color:#0a3873;}
@media screen and (max-width:1200px){
.pc-location .location-main{
width: 100%;
padding: 0 3%;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
}
/* ipadlocation */
.ipad-location{font-family: "微软雅黑";
padding: 0 3%;
overflow:hidden;background:#fff;
position:relative; border-bottom:1px solid #eaeaea;
}
.ipad-location .name{
float: left;
color: #f79447;
font-size:16px;
}
.ipad-location .btns p{ font-size:14px; margin-top:0; line-height:30px;}
.ipad-location .btns img{
width:40px;
cursor: pointer;
}
.ipad-location .phmenu{ text-align:center;}
.ipad-location .phmenu ul li{ display:inline-block; padding:0 2%;}
.ipad-location .phmenu ul li a{ font-size:14px; color:#555; padding-left:18px; display:block;}
.ipad-location .promenu ul li a{ padding-left:0;}
.ipad-location .phmenu ul li.on a ,.ipad-location .phmenu ul li a:hover{color: #005cac; font-weight: bold; }
.ipad-location .promenu ul li,.ipad-location .promenu ul li a:hover{background: none;}
@media screen and (max-width:640px){
pad-location .phmenu ul li div img{ max-width:30px;}
}
.phnav-pop1{font-family: "微软雅黑";
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0,0,0,.3);
z-index: 9999;
display: none;
}
.phnav-main1{
width: 71%;
background: #f5f5f5;
height: 100%;
padding: 0 5%;
left: -100%;
padding-bottom: 20%;
padding-top: 8%;
position: relative;
}
.phnav-main1 .guan {
position: absolute;
right: 7%;
top: 3%;
cursor: pointer;
width: 1em;
}
.phnav-main1 ul li{
line-height: 3.375em;
border-bottom: 1px solid #999999;
}
.phnav-main1 ul li a{
display: block;
padding: 0 3%;
color: #555;
font-size: 0.8125em;
}
/*about*/
.title-box{
text-align: center;
}
.title-box .EN-title{
font-size: 2.5em;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.2em;
}
.title-box .CH-title{
font-size: 0.875em;
color: #666666;
line-height: 2.143em;
}
.about-box{font-family: "微软雅黑";
width: 100%; background:#fff;
margin: auto; overflow:hidden;
}
.about-box .one {
padding: 50px 0 140px;
}
.about-box .right{ width:50%;color: #555;
line-height:30px; }
.about-box .left{width:47%; float:left;}
.about-box .one .left img{ width:100%;}
.about-box h2{font-size:24px;
line-height: 1;
color: #333;
padding-bottom: 24px;}
.about-box h2:after{ content: "";
display: block;
margin-top: 20px;
height: 3px;
width:54px;
background: #3cb5ec;}
.about-mian p{ line-height:26px; margin-bottom:15px; }
.about-box .two{ width:100%; background:url(img8.jpg) repeat center; padding:80px 0;}
.about-box .two .top{ width:100%; text-align:center;}
.about-box .two .top .list{ width:105px; height:105px; cursor:pointer; background:#525252; border-radius:50%; margin:0 28px;}
.about-box .two .top .list .img{ width:36px; margin-top:18px;}
.about-box .two .top .list .img img{ width:100%;}
.about-box .two .top .list .cut{ width:100%; color:#fff; margin-top:5px; font-size:16px;}
.about-box .two .top .list.on{ background:#01519b;}
.about-box .two .bot{ width:72%; max-width:1000px; height:auto; _text-align:center; margin:60px auto 0;}
.about-box .two .bot { width:100%;}
.about-box .two .bot div{ width:100%; line-height:30px; text-align:center; display:none; color:#333; font-size:18px; }
.about-box .two .bot div.on{ display:block;}
.about-box .thr{ padding:50px 0 50px;}
.about-box .thr .item{ width:100%;}
.about-box .thr .item .list{ width:23.5%; border:1px solid #e2e2e2; margin-right:2%;}
.about-box .thr .item .list .top{ width:100%; border-bottom:1px solid #e2e2e2; padding:10px;}
.about-box .thr .item .list .top img{ width:100%; height:auto;}
.about-box .thr .item .list .top .fz36{ width:100%; color:#01519b;}
.about-box .thr .item .list .top .fz36 span{ color:#555; margin-left:5px;}
.about-box .thr .item .list .bot{ width:100%; padding:5px 0px; text-align:center; }
.about-box .thr .item .list .bot .fz14{ width:100%; height:30px; line-height:30px; overflow:hidden; color:#333;}
.about-box .thr .item .hb{ width:100%; text-align:center; margin-top:46px;}
.about-box .thr .item .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#d0d0d0; font-size:0; border-radius:50%; margin:0 4px !important;}
.about-box .thr .item .hb span.swiper-pagination-bullet-active{ background:#01519b;}
@media screen and (max-width:1200px){
.about-box{
width: 100%;
padding: 3% 0%;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.about-mian{width: 100%;
margin-top: 3%;
}
}
@media only screen and (max-width:1024px){
.about-box .thr{ padding:50px 0;}
.about-box .thr .item .list .top{ padding:15px;}
.about-box .thr .item .list .top .fz36{ font-size:30px;}
.about-box .thr .item .list .bot{ padding:10px 15px;}
.about-box .thr .item .hb{ margin-top:30px;}
}
@media screen and (max-width:750px){
.about-box .two .top .list{ width:90px; height:90px; margin:0 10px;}
.about-box .two .top .list .cut{ font-size:12px;}
.about-box .two .top .list .img{ width:30px; margin-top:15px;}
.about-box .thr .item .list{ width:48%;}
}
@media screen and (max-width:640px){
.about-box .two .top .list{ width:70px; height:70px;}
.about-box .two .top .list .img{ width:24px; margin-top:12px;}
.about-box .two .top .list .cur{ font-size:12px;}
.about-box .two .bot{ width:100%;}
.about-box .two .bot div{ font-size:14px;}
.about-box .thr .item .list{ width:100%; margin-right:0;}
}
.honor{overflow:hidden;}
.honor li{overflow:hidden; margin-bottom:10px;}
.honor li h2{position:relative; padding:0 30px; height:50px; line-height:50px; font-weight:bold; font-size:16px; background:#fff; cursor:pointer;}
.honor li h2 i{position:absolute; right:30px; top:50%; margin-top:-16px; width:32px; height:32px; background:url(about14.png) no-repeat;}
.honor li.act h2{color:#00397c;}
.honor li.act h2 i{background:url(about14_a.png) no-repeat;}
.honor li dl{overflow:hidden; margin-top:20px; display:none;}
.honor li dl dd{width:23.5%; margin-right:2%; margin-bottom:2%; float:left;}
.honor li dl dd img{ width:100%;}
.honor li dl dd p{padding:10px; height:45px; text-align:center; color:#555;}
.honor li dl dd:nth-of-type(4n){margin-right:0;}
@media screen and (max-width:1200px){
.about-wrap {width: 100%;
padding: 0 3%;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;}
}
@media screen and (max-width:750px){
.about-box .one .left{ width:100%;}
.about-box .one .right{ width:100%; margin-top:20px;}
}
@media screen and (max-width:640px){
.about-box .one{ padding:30px 0 0px;}
.honor li dl dd{ width:48%;}
.honor li dl dd:nth-of-type(2n){margin-right:0;}
.contact .map{ width:100%;}
.contact .cont{ width:100%;}
}
/*turn_page1*/
form{}
form input{ border:none; outline:none; background:none; display:inline-block; vertical-align:middle; color:#333; }
form select,
form textarea{ border:none; outline:none; background:none; display:inline-block; vertical-align:middle; -weibox-sizing:border-box; box-sizing:border-box; color:#333; }
form input:disabled,
form textarea:disabled{ color:#333; }
#turn_page{ width:100%; line-height:2.5rem; text-align:center; margin-top:2.5rem; margin-bottom:2.5rem;}
#turn_page form{ display:inline-block;}
#turn_page a{ display:inline-block; font-size:0.875rem; background:#fff; color:#666; margin:0 0.1875rem;}
#turn_page span{ display:inline-block; font-size:0.875rem; color:#666; margin:0 0.1875rem;}
#turn_page select{ width:3.75rem; height:2.5rem; text-indent:0.3125rem; background:#fff url(img13.png) no-repeat 85% center; background-size:15%; font-size:0.875rem; border:1px solid #ebebeb;}
#turn_page font{ display:inline-block; font-size:0.875rem; background:#fff; color:#666; margin:0 0.1875rem;}
#turn_page .page_btn{ width:2.5rem; height:2.5rem; background:#ebebeb; color:#666;}
#turn_page .page_button{ width:6.125rem; height:2.5rem; background:#ebebeb; border:1px solid #ebebeb;}
#turn_page .page_noclick{ width:6.125rem; height:2.5rem; background:#ebebeb; border:1px solid #ebebeb;}
#turn_page .page_item_current{ width:2.5rem; height:2.5rem; background:#01519b; color:#fff; border:1px solid #01519b;}
#turn_page .page_item{ width:2.5rem; height:2.5rem; background:#ebebeb; color:#666; border:1px solid #ebebeb;}
.page{overflow:hidden; height:50px; margin:30px auto; text-align:center;}
.page a{display:inline-block; width:40px; height:40px; text-align:center; line-height:40px; border:2px solid #f2f2f2; background:#fff; color:#ccc; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; margin-right:5px; font-weight:bold; font-size:20px; overflow:hidden; padding:0; margin:0; float:none;}
.page a.prev, .page a.next{ color:#ccc;}
.page a.prev:hover, .page a.next:hover{background:#555;}
.page a:hover, .page a.act{background:#555; color:#fff; border-color:#555;}
.product-box{
width: 100%; background:#fafafa;
margin:0px auto 0;font-family: "微软雅黑";
overflow:hidden; padding:40px 0;
}
.product-box:after{
clear: both;
content: '';
display: block;
width: 0;
height: 0;
visibility: hidden;
}
.product-box .pro-left{
width:20%; float:left;
}
.product-box .pro-right{
width:75%; float:right;
}
.product-box .pro-right h3{ color:#333; font-weight:bold; padding:20px 0 10PX 0 ; margin-top:0; margin-bottom:0; border-bottom:1px solid #444; padding-left:0px;}
.pcsec-nav{ height:auto; }
.pcsec-nav h3{ padding-left:5%; color:#333; padding:20px 0; margin-top:0; margin-bottom:0; border-bottom:1px solid #444; font-size:18px; font-weight:600;}
.pcsec-nav ul{ padding:0; margin:0; border-top:none; border-bottom:none; margin:0 !important; }
.pcsec-nav .lv1-box{ width:100%; height:42px; line-height:42px; border-bottom:1px solid #ddd; padding:0 3%;}
.pcsec-nav .lv1-box .lv1{
position: relative;
font-size:1.0em; padding-left:5%;
}
.pcsec-nav .lv1-box .lv1 a{
color: #333;
display: block;
}
.pcsec-nav .lv1-box .lv1 .mores{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
cursor: pointer;
background: url(lv1more-bg1.png) no-repeat right 2px center;
}
.pcsec-nav .lv1-box.active .lv1 a{
color: #005cac;
font-weight: bold;
}
.pcsec-nav .lv1-box.on .lv1 a{
color: #005cac;
}
.pcsec-nav .lv1-box .lv1 a:hover{color: #005cac; }
.pcsec-nav .lv1-box.active .mores{
background: url(lv1more-bg2.png) no-repeat right 2px center;
}
.lcontact{ width:100%; margin-top:20px; }
.lcontact h3{ border-bottom:1px solid #444; line-height:40px; height:40px; color:#333; padding:0; margin:0; font-size:18px; padding-left:0%; font-weight:600; }
.lcontact .txt{ font-size:1.0em; line-height:30px; color:#666; padding:15px;}
.phsec-nav{position: relative;}
.phsec-nav .current{
font-size: 15px;
line-height: 3.5em;
padding: 0 3%;
background: url(current-bg.png) no-repeat right 3% center;
background-color: #f5f5f5;
background-size: 1.8em 0.8em;
color: #000;
cursor: pointer;
}
.phsec-navpop{
position: absolute;
left: 0;
top: 100%;
width: 100%;
background: #f5f5f5;
z-index: 10;
padding: 0 2%;
padding-bottom: 2.3125em;
display: none;
}
.phsec-navpop .lv1-box{
border-bottom: 1px solid #cccccc;
}
.phsec-navpop .lv1-box .lv1{
position: relative;
font-size: 15px;
line-height: 3.083em;
padding: 0 3%;
}
.phsec-navpop .lv1-box .lv1 a{
color: #333;
display: block;
}
.phsec-navpop .lv1-box .lv1 .mores{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
cursor: pointer;
background: url(lv1more-bg1.png) no-repeat right 2% center;
background-size: 0.8em;
}
.phsec-navpop .lv1-box.active .lv1 a{
color: #005cac;
}
.phsec-navpop .lv1-box.on .lv1 a{
color: #005cac;
}
.phsec-navpop .lv1-box .lv1 a:hover{
color: #005cac;
}
.phsec-navpop .lv1-box.active .mores{
background: url(lv1more-bg2.png) no-repeat right 2% center;
background-size: 0.8em;
}
.phsec-navpop .lv2-box{
display: none;
padding-bottom: 0.5em;
}
.phsec-navpop .lv2-box li{
font-size: 0.75em;
line-height: 2em;
}
.phsec-navpop .lv2-box li a{
color: #333;
display: block;
padding-left: 5%;
}
.phsec-navpop .lv2-box li.on{
background: #999999;
}
.phsec-navpop .lv2-box li.on a{
color: #fff;
}
/* 产品 内页*/
.product_page{ width:1200px; margin:50px auto; background:#fff; height:auto; overflow:hidden; }
.product_page .wrap{}
.product_show{ position:relative; float:left; width:50%;}
.product_icon{ position:absolute; bottom:132px; right:32px; z-index:99;}
.cont-content{ float:left; width:25%; position:relative; overflow:hidden; height:auto; background:#c6c6c6;}
.product_detail{ float:left; margin-left:5%; width:38%;}
.product_detail h3{ font-size:36px; color:#333; line-height:38px; padding:10px 0; font-weight:normal; border-bottom:1px solid #ddd; margin-top:0;}
.product_detail .cont{ width:100%; color:#555; font-size:14px; line-height:28px; margin-top:50px; border-bottom:1px dashed #eee; padding-bottom:10px;}
.product_detail .cont h4{ font-size:20px; color:#333; font-weight:600;}
.product_btn{ padding-top:40px; border-bottom:1px dashed #ddd; padding-bottom:10px;}
.product_btn a{ width:130px; height:48px; text-align:center; line-height:48px; font-size:16px;transition: 25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.product_btn a.f-left1{ float:left; color:#fff; background:#005bac;width: 150px;}
.product_btn a.f-left1:hover{ background:#c60000; color:#fff;}
.product_other{background-color:#f9f8f7;}
.product_other_tit{ width:100%; height:62px; border-bottom:#957e70 solid 2px; }
.product_other_tit span{width:360px; height:62px; line-height:62px; background:#957e70; color:#fff; font-size:20px; text-align:center; display:block;}
.product_other_cont{ padding-top:34px; padding-bottom:60px;}
.product_other_cont li{ float:left; width:23.25%; margin-right:2%; margin-bottom:50px;}
.product_other_cont li:nth-child(4n){ margin-right:0;}
.product_other_cont li img{ width:100%;}
.product_other_cont li .product_tit_left{ padding-left:8px;}
.product_other_cont li .product_tit_right{ padding-right:8px;}
.product_other_cont li a:hover .product_tit_left{ color:#957e70; text-decoration:underline;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0; width:100%; padding-left:0;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;margin:0 2% 0 0;width:16%;}
.tb-thumb li a{ width:100%; display:block;}
.tb-thumb li img{ width:95%;padding:2.5%;}
.tb-thumb li:last-child{ margin-right:0;}
.tb-s310, .tb-s310 a{height:562px;width:573px;}
.tb-s310, .tb-s310 img{max-height:100%;max-width:100%;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:auto;width:100%;}
.tb-booth{position:relative;z-index:1; width:100%; border:1px solid #eaeaea;}
.tb-booth img{ width:100%;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;border:1px solid #cee5f9;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:600px;height:600px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.detail-box{ background:#fff; height:auto; overflow:hidden; position:relative; margin-bottom:50px; }
.detail-box .detail-box-tit{ width: 100%;
height: 50px;
border-bottom: 1px solid #f2f2f2}
.detail-box .detail-box-tit h4 { text-align:center;
line-height: 50px;
position: relative;
font-size: 20px;
color: #333; width:175px;
cursor: pointer; }
.detail-box .detail-box-tit h4 span{width:100%;
height: 1px;
background: #d0000b;
display: block;
position: absolute;
left: 0%;
bottom: 0;
transition: width .3s, left .3s;}
.detail-box .detail-box-tit.on span,.detail-box .detail-box-tit:hover span {
width: 100%;
left: 0
}
.detail-box .detail-box-info {height:auto; padding:50px 30px 100px 30px; font-size:14px; color:#555; margin-bottom:50px; }
@media screen and (max-width:1440px){
.product_page{ width:100%; padding:0 3%; margin:3% auto;}
}
@media screen and (max-width:1200px){
.product_page{ width:100%; padding:0 3%; margin:3% 0;}
.pro_recom{ width:100%; padding:0 3%; margin:3% 0;}
}
@media screen and (max-width:1100px){
/* 产品 内页*/
.product_detail{ width:40%;}
.product_show{ width:48%;}
}
@media screen and (max-width:1000px){
/* 产品 内页*/
.product_show{ width:48%;}
}
@media screen and (max-width:768px){
/* 产品 内页*/
.product_show {width: 100%; margin-top:3%;}
.product_detail{ width: 100%; margin-right:0%; margin-top:30px;margin-left:0%;}
.pro_recom .tit span{ font-size:1.25em;}
.product_icon{ display:none;}
}
@media screen and (max-width:414px){
}
@media screen and (max-width:1100px){
.product-detail{ width:100%; }
.case{ padding:0 3%;}
}
@media screen and (max-width:768px){
.pro_tit{ text-align:center;}
.product-detail .sidebar{ display:none;}
.product-detail .content{ width:100%;}
.case li{ width:100%; float:none;}
.case li:after{ display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.wrap{ max-width:768px;}
}
@media screen and (max-width:640px){
.case li .imgs{ width:100%;}
.case li .cont{ width:100%;}
}
/*新闻列表*/
.newsList { height: auto; overflow: hidden; padding-bottom: 30px; width:1200px; margin:0 auto; }
.newsList li { height: auto; overflow: hidden; color: #373737; padding: 53px 0; border-bottom: 1px dashed #e3e3e3; }
.newsImg { float: left; width: 240px; height: 180px; overflow: hidden; display: block; }
.newsImg img { width: 100%; height: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.newsImg img:hover { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.newsDiv { margin-left: 276px; padding-top: 9px; }
.newsTit { height: auto; overflow: hidden; }
.newsTit a { color: #292929; font-size: 24px; display: inline-block; height: 27px; line-height: 27px; }
.newsTit a:hover { color: #0c58b8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; padding-left: 10px; }
.newsinfo { font-size: 14px; color: #747474; line-height: 28px; max-height: 56px; overflow: hidden; margin: 26px 0 23px; }
.date { color: #585858; font-size: 12px; }
@media screen and (max-width:1200px){
.newsList{ width:100%; padding:0 3%;}
}
@media screen and (max-width:640px){
.newsImg{ width:160px; height:auto;}
.newsDiv{ margin-left:180px; padding-top:3px;}
.date{ display:none;}
.newsinfo{ margin:15px 0 0;}
.newsTit a{ font-size:20px;}
.newsList{ padding-top:10px;}
.newsList li{ padding:20px 0;}
.newsTitle h1{ font-size:22px;}
.newsTitle{ padding:50px 0 30px;}
}
@media screen and (max-width:414px){
.newsImg{ width:120px; height:auto;}
.newsDiv{ margin-left:140px;}
.newsinfo{ display:none;}
.newsTit a{ height:auto; max-height:54px; font-size:16px;}
}
.news-box{
width: 1200px;
margin: auto;
margin-top: 3.8125em;
margin-bottom: 6.25em;font-family: "微软雅黑";
}
.news-main{
margin-top: 3em;
min-height: 200px;
}
.news-main ul:after{
clear: both;
content: '';
display: block;
width: 0;
height: 0;
visibility: hidden;
}
.news-main li{
width: 30%;
margin-right: 5%;
margin-bottom: 4%;
float: left;
padding-bottom: 2.5625em;
box-shadow: 0px 0px 10px #999;
background: #fff;
}
.news-main li:nth-child(3n){
margin-right: 0;
}
.news-main .imgs{
position: relative;
overflow: hidden;
}
.news-main .imgs img{
width: 100%;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
}
.news-main .imgs .time{
position: absolute;
bottom: 5%;
left: 5%;
font-size: 12px;
color: #fff;
}
.news-main .names{
font-size:16px;
line-height:30px;
height:60px;
overflow: hidden;
color: #000000;
margin-top:10px;
padding: 0 5%;
}
.news-main .detail{
font-size:14px;
line-height:24px;
height:48px;
overflow: hidden;
color: #a0a0a0;
margin-top:10px;
padding: 0 5%;
}
.news-main .more{
font-size:14px;
line-height:24px;
color: #333333;
margin-top:10px;
padding: 0 5%;
}
.news-main li:hover .more{
color: #da251d
}
.news-main li:hover img{
transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
}
@media screen and (max-width: 1440px){
.news-box{
width: 960px;
}
.news-main .names{
font-size: 1.125em;
}
.news-main li{
width: 31%;
margin-right: 3.5%;
margin-bottom: 3.5%;
}
}
@media screen and (max-width: 1200px){
.news-box {
width: 100%;
padding: 0 3%;
margin-top: 2em;
margin-bottom: 4em;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.news-main{
margin-top: 1.5em;
}
.news-main li{
padding-bottom: 2em;
width: 31%;
margin-right: 3.5%;
margin-bottom: 3%;
}
.news-main .names{
font-size: 1.05em;
}
}
@media screen and (max-width: 991px){
.news-main{
margin-bottom: 1em;
}
.news-main li{
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
padding-bottom: 1.5em
}
.news-main .names{
font-size:14px;
}
.news-main li:nth-child(3n){
margin-right: 4%;
}
.news-main li:nth-child(2n){
margin-right: 0;
}
.news-main li:hover img{
transform:inherit;
-webkit-transform:inherit;
-moz-transform:inherit;
}
}
@media screen and (max-width: 414px){
.news-box{
margin-bottom: 3em;
}
.news-main li{
width: 100%;
margin-right: 0;
margin-bottom: 4%;
margin-bottom: 8%;
padding-bottom: 1em
}
.news-main .imgs .time{
font-size: 0.875em;
}
.news-main li:nth-child(3n){
margin-right:0;
}
.news-main .names{
margin-top: 0.75em;
height: auto;
}
.news-main .more{
margin-top: 0.75em;
}
}
.newsdetail-box{
width: 100%; max-width:1200px; font-family: "微软雅黑";
background:#fff; padding:3% 3%;
}
.newsdetail-box .title-boxs{
text-align: left;
padding-bottom:20px;
border-bottom: 1px solid #e5e5e5;
}
.newsdetail-box .title-boxs .title{
font-size: 30px;
line-height: 1;
font-weight: bold;
color: #3cb5ec;
}
.newsdetail-box .title-boxs .time{
font-size:12px;
color: #666666;
margin-top: 10px;
}
.news-doc{
font-size:14px;
color: #555555;
line-height:24px;
margin-top:20px;
}
.news-doc img{
max-width: 100%;
display: block;
margin:1em auto;
}
.pages{
margin-top: 1.5em;
position: relative;
border-top: 1px solid #e5e5e5;
padding-top: 0.5em;
}
.pages li{
font-size:14px;
line-height:30px;
color: #333333;
}
.pages li a{
color: #333333;
}
.pages li a:hover{
color: #3cb5ec;
}
.pages .back{
font-size:14px;
display: inline-block;
position: absolute;
right: 0;
top: 15px;
width:110px;
height:40px;
line-height:40px;
text-align: center;
color: #fff;
background: #0e8feb;
}
.pages .back:hover{
background: #007cd4;
}
@media screen and (max-width: 1440px){
.newsdetail-box{
width: 960px;
}
}
@media screen and (max-width: 1200px){
.newsdetail-box{
width: 100%;
padding: 0 3%;
margin-top: 2em;
margin-bottom: 4em;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
}
@media screen and (max-width: 1200px){
.newsdetail-box .title-boxs .title{
font-size: 1.5em;
}
}
@media screen and (max-width: 991px){
.newsdetail-box{
margin-bottom: 3em;
}
.pages .back{
position: inherit;
right: inherit;
top: inherit;
margin: auto;
display: block;
margin-top: 2em;
}
}
@media screen and (max-width:768px){
.newsdetail-box .title-boxs .title{
font-size: 1.1em;
}
.newsdetail-box .title-boxs .time{
margin-top: 0.5em;
font-size: 0.75em;
}
}
@media screen and (max-width:768px){
.pages .back{
width: 10em;
font-size: 0.875em
}
}
.advice_contact_wrap {
margin-bottom: 44px;margin-top:20px; width:100%;
}
.contact_title{ font-size:27px; color:#333; font-weight:bold;}
.advice_contact_wrap h4 {
color:#005cac; font-size:18px; line-height:40px; margin:0; padding-top:0; height:40px; overflow:hidden;
}
.advice_contact{ width:40%; float:left;}
.advice_contact address {
background:#f5f5f5; padding:20px; font-size:16px; color:#333; line-height:200%;
}
.advice_contact a {
color: #5f5f5f
}
.advice_form { width:50%; float:right;
}
/*message*/
.message{ width:100%; margin:30px 0 50px 0; height:auto; overflow:hidden;}
.message .cont_tit{ font-size:18px; color:#555; line-height:50px; height:50px; margin-bottom:40px; background:#f8f8f8; margin:0; padding-top:0; padding-left:10px; }
.online{ width: 100%; padding-top: 30px; margin:0 auto;}
.online li{
margin-bottom: 5px;}
.online input{
width:100%;height: 35px; border-bottom:1px solid #eee;
color:#999;font-size:14px; line-height: 35px; text-indent: 10px;
background: #fefefe;}
.online textarea{
width: 100%;border-bottom:1px solid #eee;
color:#999;font-size:16px; line-height: 30px; text-indent: 10px; padding:5px;
background: #fefefe;
}
.online input.botton{
width: 164px; height: 47px; border:none; cursor: pointer;
color:#ffffff;font-size:20px; line-height: 47px; font-weight: bold;
}
.online input.submit{
background:url(submito.jpg) left top no-repeat ;
}
.online input.reset{ margin-left:20px; background:url(resito.jpg) left top no-repeat ;
}
.online input.data{background:url(data.jpg) 150px center no-repeat;}
@media (max-width:768px) {
.advice_contact{ width:100%; float:none;}
.advice_form{ width:100%; float:none;}
}