/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#3e3a39; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
a:hover {text-decoration:none; color:#0050b2;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {font-weight:600;}i,em {font-style:normal;}

button, input, select, textarea {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; appearance:none;}
button {cursor:pointer;}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block;}
*+html .clearfix {min-height:1%;}

@font-face {
/*阿里巴巴普惠体*/
font-family: 'Alibaba-PuHuiTi-Regular';
src:url('../font/Alibaba-PuHuiTi-Regular.ttf') format('truetype')
font-weight: normal;
font-style: normal;

/*思源黑体*/
font-family: 'SourceHanSansCN-Regular';
src: url('../font/SourceHanSansCN-Regular.eot');
src:
 url('../font/SourceHanSansCN-Regular.eot?#font-spider') format('embedded-opentype'),
 url('../font/SourceHanSansCN-Regular.woff') format('woff'),
 url('../font/SourceHanSansCN-Regular.ttf') format('truetype'),
 url('../font/SourceHanSansCN-Regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}


body {font-size:12px; color:#333; background:#f3f3f3; font-family:Alibaba-PuHuiTi-Regular,Verdana,Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;}

.main {position:relative; margin:0 auto; width:96%; max-width:1350px;}

/***头部***/
.header {position:fixed; top:0; left:0; display:block; width:100%; background-color:rgba(7, 86, 153, 0.9); z-index:99;}
.header:hover{background-color:rgba(7, 86, 153, 1);}
.header .main {height:80px;}

.header-logo {float:left; margin-top:14px; width:321px;}


.header-nav {float:right; height:80px;}
.header-nav li {position:relative; display:inline-block; vertical-align:top; margin-left:42px; padding:20px 0; height:40px; font-size:16px; line-height:20px; text-transform:uppercase;}
.header-nav li a {color:#fff; display:block;}
.header-nav li span { font-size:12px; font-family:Verdana; color:#ffffff; font-weight:normal;}

.header-nav h2 {font-size:16px; font-weight:600;}
.header-nav h3 {font-size:18px; font-weight:600; color:#FFF; font-family:Tahoma, Geneva, sans-serif; margin-top:-5px;}
#nav_hover_bg {width:100%; height:0; background-color:rgba(245, 245, 245, 1); position:absolute; top:80px; z-index:99; overflow:hidden;}
.header-nav ul>li.intro>h2:before {content:""; position:absolute; bottom:0; left:0; width:100%; background-color:#e50000; height:3px;}
.header-nav ul li .sub-nav {position:absolute; top:80px; left:50%; margin-left:-600px; width:1200px; height:0; z-index:999; overflow:hidden;}


/*关于我们*/
#navMenu .dh_about {width:1200px; padding-top:20px; margin:0 auto;}
#dh_about_left{margin-left:-530px;}
.dh_about ul {width:1200px; padding-left:0; margin:0 auto;}
.dh_about li {float:left; width:13.33%; text-align:center; font-size:14px; height:auto; line-height:18px; overflow:hidden; padding:40px 0 0 0; margin-left:0}
.dh_about li:not(:nth-of-type(6n)){margin-right:4%;}
.dh_about li img {padding-bottom:6px; width:100%; height:109px; margin:0 auto;}
.dh_about li a{color:#222;}
.dh_about li a:hover{ opacity:0.7}



/*产品中心*/
#navMenu .dh_pro {width:1200px; padding-top:20px; margin:0 auto;}
#dh_pro_left{margin-left:-670px;}
.dh_pro {float:left; width:800px; padding-left:0;}
.dh_pro ul {overflow:hidden;}
.dh_pro li {float:left; width:21.25%; text-align:left; height:auto; overflow:hidden; padding:30px 0 0 0; margin-left:0}
.dh_pro li:not(:nth-of-type(4n)){margin-right:5%;}
.dh_pro li a{color:#222;}
.dh_pro li a:hover{opacity:0.7}
.dh_pro li h3{ font-size:16px; font-weight:600; line-height:40px;}
.dh_pro li p{ font-size:14px; line-height:35px; padding-left:10px; background:url(../images/point.png) left center no-repeat;}
.dh_pro_right {float:right; width:400px; padding-left:0; margin-top:30px;}


/*销售与服务*/
#navMenu .dh_service {width:1200px; padding-top:20px; margin:0 auto;}
#dh_service_left{margin-left:-780px;}
.dh_service_left ul {width:15%; padding-left:0; float:left; margin-right:5%; margin-top:30px;}
.dh_service_left_title{ width:100%; font-size:18px; text-align:left; line-height:40px; height:40px; margin-bottom:12px; border-bottom:1px #ddd dotted; color:#222; font-weight:600;}

.dh_service_left li {width:100%; text-align:left; margin-left:0; font-size:14px; line-height:35px; padding:0 0 0 10px; background:url(../images/point.png) left center no-repeat;}
.dh_service_left li a{color:#222;}
.dh_service_left li a:hover{opacity:0.7}
.dh_service_left li h3{ font-size:16px; font-weight:600; line-height:40px;}

.dh_service_right ul {width:80%; float:right; margin-top:30px;}
.dh_service_right_title{ width:100%; font-size:18px; text-align:left; line-height:40px; height:40px; margin-bottom:12px; border-bottom:1px #ddd dotted; color:#222; font-weight:600;}
.dh_service_right_title span a{float:right; font-size:14px; color:#222;}
.dh_service_right_title span a:hover{opacity:0.7;}
.dh_service_right li {float:left; width:17.6%; text-align:left; height:auto; overflow:hidden; padding:0 0 0 0; margin-left:0}
.dh_service_right li:not(:nth-of-type(5n)){margin-right:3%;}
.dh_service_right li img {padding-bottom:6px; width:100%; height:115px; float:left;}
.dh_service_right li a{color:#222;}
.dh_service_right li a:hover{opacity:0.7;}
.dh_service_right li h3{ font-size:12px;line-height:20px;}
.dh_service_right li p{ font-size:12px; line-height:20px; margin-top:5px; opacity:0.8;}



/*新闻咨讯*/
#navMenu .dh_news {width:1200px; padding-top:20px; margin:0 auto;}
#dh_news_left{margin-left:-930px;}
.dh_news_left ul {width:15%; padding-left:0; float:left; margin-right:5%; margin-top:30px;}
.dh_news_left_title{ width:100%; font-size:18px; text-align:left; line-height:40px; height:40px; margin-bottom:12px; border-bottom:1px #ddd dotted; color:#222; font-weight:600;}
.dh_news_left li {width:100%; text-align:left; margin-left:0; font-size:14px; line-height:35px; padding:0 0 0 10px; background:url(../images/point.png) left center no-repeat;}
.dh_news_left li a{color:#222;}
.dh_news_left li a:hover{opacity:0.7}
.dh_news_left li h3{ font-size:16px; font-weight:600; line-height:40px;}

.dh_news_right ul {width:80%; float:right; margin-top:30px;}
.dh_news_right_title{ width:100%; font-size:18px; text-align:left; line-height:40px; height:40px; margin-bottom:12px; border-bottom:1px #ddd dotted; color:#222; font-weight:600;}
.dh_news_right_title span a{float:right; font-size:14px; color:#222;}
.dh_news_right_title span a:hover{opacity:0.7;}
.dh_news_right li {float:left; width:17.5%; text-align:left; height:auto; overflow:hidden; padding:0 0 0 0; margin-left:0}
.dh_news_right li:not(:nth-of-type(5n)){margin-right:3%;}
.dh_news_right li img {padding-bottom:6px; width:100%; height:115px; float:left;}
.dh_news_right li a{color:#222;}
.dh_news_right li a:hover{opacity:0.7;}
.dh_news_right li h3{ font-size:12px;line-height:20px;}
.dh_news_right li p{ font-size:12px; line-height:20px; margin-top:5px; opacity:0.8;}



.m-header {display:none;}
@media screen and (max-width:768px) {
.header{display:none;}

.m-header {display:block; position:fixed; top:0; left:0; width:100%;  background-color:rgba(7, 86, 153, 1); z-index:9;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; margin-top:6px; width:200px;}

.nav-btn {position:relative; float:right; margin:14px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#fff; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}

.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:16px; line-height:42px; background:#075699; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.95;}
.nav-show {top:45px;}
.nav-show ul {/*border-bottom:1px #555555 solid;*/}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px #3077b3 solid; height:36px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative;line-height:45px; font-size:1rem; border-top:1px #3077b3 solid;}
.m-nav >ul >li:last-child {border-bottom:1px #3077b3 solid;}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#fff;width:100%; padding-left:20px;}
.m-nav ul li ul li a {display:block; font-size:0.875rem; color:#fff; line-height:40px; text-align:left;padding-left:40px; background:#1566ab;}
.m-nav ul li i svg {width:20px; height:20px; fill:#fff;}
.m-nav ul li .m-nav-i-se svg {fill:#fff;}
.m-nav ul li ul li>ul {margin-left:10px;}

.main {position:relative; margin:0 auto; width:94%; max-width:none;}

}

/***banner***/
/*.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}*/

.banner, .m-banner {position:relative; height:auto; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.banner {display:block;}
.m-banner {display:none;}

.banner .flex-control-nav {display:none;}

.banner .swiper-button-prev, .banner .swiper-button-next {width:54px; height:54px;}
.banner .swiper-button-prev{left:1%; background:url(../images/prev.png) center center no-repeat;}
.banner .swiper-button-next{right:1%; background:url(../images/next.png) center center no-repeat;}
.banner .swiper-pagination-bullet {width:14px; height: 14px; background-color:rgba(255,255,255,1); opacity: 1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#ed0000;}

.banner1 .banner-text {margin:300px auto 0; width:1200px; text-align:center; overflow:hidden;}
.banner1 .text1 {font-size:54px; line-height:90px; color:#fff; font-weight:600; text-shadow: 0 0 0.35em #333;}
.banner1 .text2 {margin-top:25px; font-size:42px; line-height:40px; color:#fff; font-weight:600;text-shadow: 0 0 0.35em #333;}
.banner1 .text3 {margin-top:35px; font-size:30px; line-height:40px; color:#fff;text-shadow: 0 0 0.35em #333;}


@media screen and (max-width:768px) {
.banner {display:none;}
.m-banner {display:block; margin-top:45px;}

.m-banner .flex-control-nav {position:absolute; bottom:5px; z-index:2; left:50%; margin-left:-35px; padding:1px 0; z-index:2; width:70px; text-align:center;}
.m-banner .flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 4px; *display:inline; zoom:1;}
.m-banner .flex-control-nav a {display:inline-block; width:8px; height:8px; line-height:30px; overflow:hidden; background:url(../images/bpng03.png) no-repeat; cursor:pointer;}
.m-banner .flex-control-nav .flex-active {background:url(../images/bpng04.png) no-repeat;}
.m-banner .flex-direction-nav {position:absolute; top:35%; z-index:3; width:100%; display:none;}
.m-banner .flex-direction-nav li a {position:absolute; display:block; width:15px; height:29px; overflow:hidden; cursor:pointer;}
.m-banner .flex-direction-nav li a.flex-prev {left:10px; background:url(../images/prev.png) center center no-repeat;}
.m-banner .flex-direction-nav li a.flex-next {right:10px; background:url(../images/next.png) center center no-repeat;}

}

/***htitle***/
.htitle {position:relative; margin:0 auto 20px; width:96%; max-width:1200px; text-align:center; color:#fff; overflow:hidden;}
.htitle h2 {height:36px; line-height:36px; padding-bottom:5px; font-size:24px; font-weight:600;}
.htitle p {line-height:26px; font-size:14px;}
@media screen and (max-width:768px) {
.htitle {margin:0 auto 0.5rem; width:94%;}
.htitle h2 {height:1.8rem; line-height:1.8rem; padding-bottom:0.5rem; font-size:1.2rem; font-weight:700;}
.htitle p {line-height:1.5rem; font-size:0.75rem; height:7.5rem; overflow:hidden;}
}


/***mod***/
.mod1 {padding:60px 0 60px; background:url(../images/bg1.jpg) center no-repeat; }
.mod2 {padding:50px 0 60px;}
.mod3 {padding:60px 0 80px 0; height:795px; background:url(../images/bg2.jpg) center no-repeat;}
.mod4 {padding:30px 0 60px;}
.mod5 {background-color:#fff;}
.mod6 {display:none;}
.mod7 {display:none;}
.mod8 {display:none;}

.mask {position:absolute; left:0; bottom:0; width:100%; z-index:2;}

.show li {position:relative; float:left; width:31%; overflow:hidden;}
.show li:nth-child(n+2) {margin-left:3.5%;}
.show li a {position:relative; display:block;}

.imgbox {overflow:hidden;}
.show li a img, .news-item-top img, .team li a img, .mod4 a img, .page-news-list a img, .aboutmod2 li img {transition:clip 0.4s 0.2s cubic-bezier(0,.3,.6,1), transform 0.4s 0.2s ease, opacity 0.4s 0.2s ease, -webkit-transform 0.4s 0.2s ease, -webkit-clip 0.4s 0.2s cubic-bezier(0,.3,.6,1);}
.show li a:hover img, .news-item-top:hover img, .team li a:hover img, .mod4 a:hover img, .page-news-list a:hover img, .aboutmod2 li:hover img {-webkit-transform:scale(1.05); transform:scale(1.05);}

.sub-title {position:relative; margin-bottom:6px; height:42px; line-height:42px;}
.sub-title h3 {font-size:20px; font-weight:600; color:#0050b2;}

.more {position:absolute; top:0px; right:0;}
.more a {display:inline-block; margin-left:20px; font-size:14px; line-height:36px;}

@media screen and (max-width:768px) {
.more {top:0; right:0;}
.more a {margin-left:0.6rem; font-size:0.7rem; line-height:1.4rem;}
}




/***mod1***/
.mod1 .mask {background-color:#f1f1f1;}
.mod1 .mask-info {padding:20px 30px; height:78px;}
.mod1 h3 {font-size:18px; font-weight:600; margin-bottom:10px;}
.mod1 .show li p {font-size:14px; line-height:22px; width:100%;}

.about {margin-top:60px; padding:0; width:100%;}
.about li {position:relative; float:left; width:13%; font-size:24px; line-height:50px; padding:5px 0 5px 1%; border:1px #ccc solid; color:#075699;}
.about li img{width:auto; float:left; vertical-align:middle; margin-right:5px;}
.about li:not(:nth-of-type(6n)){ margin-right:3%;}
@media screen and (max-width:768px) {
.mod1 {display:none;}
.about{display:none;} 
}





/***mod2***/
.team {float:left; width:45.6%;}
.team li {position:relative; float:left; width:47.5%; overflow:hidden;}
.team li img{ height:197px;}
.team li:nth-child(n+2) {margin-left:5%;}
.team li:nth-child(n+3) {margin-left:0%; margin-top:5%;}
.team li:nth-child(n+4) {margin-left:5%; margin-top:5%;}
.team li .mask {height:100%; background-color:rgba(0,0,0,0.5); opacity:0; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.team li a:hover .mask {opacity:1;}

.team-info {margin:0 auto; padding:5%; width:90%; background:#fff;}
.team-info h4 {font-size:14px; font-weight:600; text-align:left; margin-bottom:2px;}
.team-info p {line-height:20px; height:40px; overflow:hidden; color:#666;}

.news_index {position:relative; float:right; width:52.4%;}
.news_index-item {float:left; width:48.2%;}
.news_index-item img{width:100%; height:226px;}
.news_index-item:nth-child(n+2) {margin-left:3.6%;}

.news_index-item-title {position:relative; margin-bottom:10px; height:24px; line-height:24px;}
.news_index-item-title h4 {font-size:16px; font-weight:600;}
.news_index-item-title .more {top:0;}
.news_index-item-title .more a {line-height:24px;}

.news_index-item-top .title {height:40px; line-height:20px; font-size:14px; font-weight:600;overflow:hidden; padding:5px 0;}
.news_index-item-top .info {height:66px; line-height:22px; color:#666; overflow:hidden;}

.news_index-company, .news_index-trade {padding:16px 20px; background-color:#fff;}

.news_index-list {margin-top:12px;}
.news_index-list li {position:relative; padding-left:16px; height:31px; line-height:31px; font-size:14px; overflow:hidden;}
.news_index-list li:before {position:absolute; top:13px; left:5px; content:""; width:7px; height:7px; background:url(../images/arrow.png) no-repeat;}

.news_index-knowledge {margin-top:0px;}
.news-knowledge img{ height:auto;}

@media screen and (max-width:768px) {
.mod2 {display:none;}
.team {float:none; width:100%; overflow:hidden;}
.team li img{width:100%; height:74px;}
.team li {position:relative; float:left; width:31.33%; overflow:hidden;}
.team li:not(:nth-of-type(3n)){ margin-right:3%;}
.team li:nth-child(n+2){margin-left:0%;}
.team li:nth-child(n+3){margin-top:0%;}
.team li:nth-child(n+4){margin-top:3%;}

.team-info {margin:0 auto; padding:3%; width:94%; background:#fff;}
.team-info h4 {font-size:0.75rem; font-weight:normal; text-align:left; margin-bottom:2px; height:48px; overflow:hidden;}
.team-info p {line-height:20px; height:40px; overflow:hidden; color:#666; display:none;}
}




/***mod3***/
.product .mask {background-color:#fff;}
.product li h3 {font-size:16px; font-weight:600;}
.product li:nth-child(1) .mask-info, .product li:nth-child(2) .mask-info , .product li:nth-child(3) .mask-info {height:50px; line-height:50px; text-align:center;}
.product li:nth-child(4) {margin-left:0;}
.product li:nth-child(n+4) {margin-top:3.5%;}
.product li:nth-child(n+4) .mask-info {padding:5px 15px; height:50px; line-height:25px;}

.product li .tag {position:absolute; top:-13px; right:-1px; width:56%; height:26px; line-height:26px; color:#fff; text-align:center;}
.product li .tag span {float:left; display:block; width:33.33333%; height:26px; font-weight:600;}
.product li .tag span:nth-child(1) {background-color:#ff6600;}
.product li .tag span:nth-child(2) {background-color:#318b00;}
.product li .tag span:nth-child(3) {background-color:#00429c;}

@media screen and (max-width:768px) {
.mod3 {padding:1.2rem 0; height:auto; background-size:cover;}
.product{overflow:hidden;}
.product li h3 {font-size:0.75rem; text-align:center; font-weight:normal;}
.product li p {font-size:0.7rem; display:none;}
.product li:nth-child(1) .mask-info, .product li:nth-child(2) .mask-info , .product li:nth-child(3) .mask-info {height:auto; line-height:1.125rem; padding:0.25rem;}
.product li:nth-child(n+4) .mask-info {padding:0.25rem; height:auto; line-height:1.125rem;}
.product li .tag {display:none;}
}





/***mod4***/
.sale-title h2 {margin-bottom:10px; height:36px; line-height:36px; font-size:20px; font-weight:600;color:#0050b2;}
.sale-major {position:relative; float:left; width:49%; overflow:hidden;}

.sale-show {float:right; width:49%;}
.sale-show li {position:relative; float:left; width:48%; overflow:hidden;}
.sale-show li:nth-child(2n) {margin-left:4%;}
.sale-show li:nth-child(n+3){margin-top:4%;}
.sale-show li img{ width:100%; height:316px;}

.mod4 .mask {bottom:0; left:0; background-color:rgba(0,0,0,0.6);}
.mod4 .mask-info {padding:10px 15px; color:#fff; line-height:24px;}
.mod4 .mask-info h3 {font-size:18px; font-weight:600;}

@media screen and (max-width:768px) {
.mod4 {display:none;}
.sale-title h2 {margin-bottom:5px; height:28px; line-height:28px; font-size:1.125rem; font-weight:600;color:#0050b2;}
.sale-title h2 span{ font-size:0.75rem; line-height:28px; font-weight:normal; margin-left:10px;}
}


/***mod5***/
.client {padding:42px 0;}
.client li {float:left; width:9.3333%;}
.client li:nth-child(n+2) {margin-left:2%;}
.client li:nth-child(9n+1) {margin-left:0%;}
.client li:nth-child(n+10) {margin-top:2%;}
.client li img {border:1px solid #dcdcdc;}
.client li a:hover img {border-color:#bbb;}
@media screen and (max-width:768px) {
.mod5 {display:none;}
}


@media screen and (max-width:768px) {
.mod6 {padding:0 0 1.2rem 0; display:block;}

.tabs{width:100%; overflow:hidden;}
.tabs_title{height:40px; overflow:hidden; font-size:0.875rem; border:1px #ddd solid; padding-right:10px; background:#e9e9e9; font-weight:600;}
.tabs_title_01{padding:0 15px; float:left; background:#e9e9e9; cursor:pointer; border-bottom:2px #003c87 solid; text-align:center; height:40px; line-height:40px; margin-right:1px; }
.tabs_title_02{padding:0 15px; float:left; background:#003c87; cursor:pointer; color:#fff; border-bottom:2px #003c87 solid; text-align:center; height:40px; line-height:40px; margin-right:1px;}
.tabs_title_02 a{color:#fff;}
.tabs_title span{float:right; line-height:40px; color:#828282; font-size:12px;}
.tabs_title span a{color:#828282;}
.tabs_title span a:hover{color:#003c87;}
.tabs_content{overflow:hidden;}
.tabs_contentul03{overflow:hidden;}
.tabs_contentul03 li{overflow:hidden; float:left; width:31.3%; margin-top:3%;}
.tabs_contentul03 li:not(:nth-of-type(3n)){ margin-right:3%;}
.tabs_contentul03 li img{ width:100%; height:74px; display:block;}
}



@media screen and (max-width:768px) {
.mod7 {padding:1.2rem 0 2rem 0; display:block; overflow:hidden;}
.sale-show-m {float:none; width:100%; margin-top:0.75rem;}
.sale-show-m li {position:relative; float:left; width:31.33%; overflow:hidden;}
.sale-show-m li:not(:nth-of-type(3n)){ margin-right:3%;}
.sale-show-m li:nth-child(n+4){margin-top:3%;}
.sale-show-m li img{ width:100%; height:110px;}

.mod7 .mask {bottom:0; left:0; background-color:rgba(0,0,0,0.6);}
.mod7 .mask-info {padding:2%; color:#fff; line-height:24px;}
.mod7 .mask-info h3 {font-size:0.75rem; font-weight:normal; text-align:center;}
.mod7 .mask-info p {display:none;}

.mod8 {padding:1.2rem 0 0 0; display:block; overflow:hidden;}
}

.zsend {display:none;}
@media screen and (max-width:768px) {
.zsend{margin:0 auto; display:block; position:fixed; bottom:0; width:100%; height:45px; padding:5px 0; z-index:1000; background:#003c87;}
.zsend li{float:left; text-align:center; color:#fff; width:24%; font-size:0.875em; height:45px;}
.zsend li img{width:30px; margin-bottom:2px; display:inline;}
}


/***footer***/
.footer {padding:30px 0; background-color:#075699;}
.footer-nav {float:left; width:66%;}
.footer-nav dl {float:left; width:20%; color:#fff;}
.footer-nav dl a{ color:#FFF;}
.footer-nav dl a:hover{ color:#FFF;opacity:0.7;}
.footer-nav dt {margin-bottom:10px; font-size:16px; line-height:28px; font-weight:600;}
.footer-nav dd {font-size:14px; line-height:32px;}
.footer-nav dd a {color:#fff; opacity:0.7;}
.footer-nav dd a:hover {opacity:1;}

.footer-right {float:right; width:33%;}

.footer-search {position:relative; padding:8px 40px 8px 15px; height:24px; background-color:#f5f5f5; border-radius:20px;}
.footer-search .input {display:block; width:100%; height:24px; line-height:24px; font-size:14px;}
.footer-search .search {position:absolute; top:0px; right:8px; width:40px; height:40px; background: url(../images/search.png) no-repeat; cursor:pointer;}

.footer-contact {margin-top:20px;}

.footer-tel {float:left; width:70%;}
.footer-tel b {font-size:18px; line-height:30px; font-weight:normal;}
.footer-tel p:nth-child(1) {color:#fff;}
.footer-tel p:nth-child(2) {color:#ffde00;}
.footer-tel p:nth-child(3) {margin-top:5px; line-height:22px; color:#fff;}

.footer-code {float:right; width:25%;}
.footer-code p {text-align:center; color:#fff; line-height:36px;}

.footer-copyright {margin-top:25px; padding-top:15px; line-height:30px; color:#fff; text-align:center; border-top:1px solid #3077b4;}
.footer-copyright a {color:#fff;}
.footer-copyright span {margin:0 8px;}

.m-footer {display:none;}
@media screen and (max-width:768px) {
.footer {display:none;}

.m-footer {display:block; padding:10px 0 65px 0; text-align:center; color:#fff; background-color:#424242;}

.m-footer-nav a {display:inline-block; margin:0 0.4rem; font-size:0.7rem; line-height:1.2rem; color:#fff;display:none;}

.m-footer-contact {margin:0.4rem 0; line-height:1rem; font-size:0.6rem;display:none;}
.m-footer-contact b {font-weight:700; font-size:0.8rem;}
.m-footer-contact p:nth-child(1) {color:#fff;}
.m-footer-contact p:nth-child(1) b{font-size:1rem; padding:10px 0 0 0; margin-bottom:15px;}
.m-footer-contact p:nth-child(2),.m-footer-contact p:nth-child(3) {color:#ffde00;}

.m-footer-code {text-align:center; line-height:1.2rem; font-size:0.7rem; color:#a9a9a9;display:none;}
.m-footer-code img {margin:0 auto; width:30%;}

.m-footer-copyright {margin-top:0.5rem; padding-top:0.5rem; color:#c2c2c2; border-top:1px solid #555; line-height:1.2rem; font-size:0.7rem;}
.m-footer-copyright a{color:#fff;}
.m-friend-link {color:#fff;}
.m-friend-link a {color:#fff;}
.m-friend-link span {margin:0 0.2rem;}
}


/************内页banner*************/
.ban {margin:0px auto;}
#mob{display:none;}
#pc{display:block;}
@media screen and (max-width:768px) {
.ban {margin:0 auto 0;}
#pc{display:none;}
#mob{display:block;}
}

#onsec {color:#0050b2; font-weight:600;}
#onsec a{color:#0050b2;}


/**************/
.mainpage {margin:-70px 0 65px;}
.page-cont {padding:25px 60px 45px; background-color:#fff; box-shadow:0 5px 5px 0 #e5e5e5;}
.location {margin-bottom:30px; height:40px; line-height:40px; font-size:14px; border-bottom:1px solid #ddd;}
.location .back {float:right;}
.span_right{float:right; font-size:12px;}
.span_page{width:20px; height:20px; background: url(../images/icon5.png) no-repeat left center; margin-right:5px; display:-webkit-inline-box; vertical-align:middle;}
.span_root{width:3px; height:5px; background: url(../images/point.png) no-repeat left center; margin:0 8px; display:-webkit-inline-box;vertical-align:middle;}
@media screen and (max-width:768px) {
.mainpage {margin:-40px 0 30px;}
.page {margin:0.6rem 0;}
.page-cont {padding:5px 10px 10px; box-shadow:none;}
.location {margin-bottom:0.6rem; height:2rem; line-height:2rem; font-size:0.75rem;}
.span_right{font-size:0.75rem;}
}

.news-banner {margin-bottom:50px; position:relative; height:auto; background:url(../images/loading.gif) 50% no-repeat;}
.news-banner .slides li {background-color:#0050a2;}
.news-banner .slides li:nth-child(2) {background-color:#0050a2;}
.news-banner .slides li:nth-child(3) {background-color:#0050a2;}
.news-banner .imgbox, .news-banner .news-hot {float:left; width:50%;}
.news-banner .imgbox img{ height:418px;}

.news-banner .flex-control-nav {position:absolute; bottom:-20px; z-index:2; left:50%; margin-left:-50px; padding:1px 0; z-index:2; width:100px; text-align:center;}
.news-banner .flex-control-nav li {display:inline-block; width:8px; height:8px; margin:0 8px; *display:inline; zoom:1;}
.news-banner .flex-control-nav a {display:block; width:14px; height:14px; background-color:rgba(0,0,0,0.5); opacity:1; font-size:0; border-radius:50%;}
.news-banner .flex-control-nav .flex-active {opacity:0.5;}

.news-hot-info {padding:50px 40px; color:#fff;}
.news-hot-info .title {line-height:32px; font-size:24px; font-weight:600;}
.news-hot-info .tags {margin:15px 0;height:24px; line-height:24px;opacity: 0.7;}
.news-hot-info .tags span {margin-right:8px;}
.news-hot-info .intro {line-height:26px; font-size:14px; overflow:hidden; opacity: 0.8;}
.news-hot-info .button {margin-top:30px; display:block; width:150px; height:32px; line-height:32px; font-size:14px; text-align:center; color:#222; background-color:#fff; border-radius:16px;opacity: 0.7;}
.news-hot-info .button:hover{ color:#0050b2; opacity:1;}
@media screen and (max-width:768px) {
.news-banner {margin-bottom:30px;}
.news-banner .flex-control-nav {bottom:-15px;}
.news-banner .flex-control-nav a {width:8px; height:8px;}

.news-banner .imgbox {float:none; width:100%;}
.news-banner .news-hot {display:none;}
.news-banner .imgbox img{ height:250px;}
}

.page-news-tab {margin-bottom:20px; border-bottom:1px solid #ddd; text-align:center;}
.page-news-tab li {position:relative; display:inline-block; vertical-align:top; margin:0 25px; height:42px; line-height:42px; font-size:16px; cursor:pointer;}
.page-news-tab li:hover {color:#0050a2;}
.page-news-tab li.cur {color:#0050a2;}

.page-news-tab li i {position:absolute; left:0; bottom:-1px; width:100%; height:3px; background-color:#0050a2; display:none;}
.page-news-tab li.cur i {display:block;}

.page-news-list {display:none;}
.page-news-list ul{overflow:hidden; padding:1%;}
.page-news-list a {float:left; margin-left:2.6666%; width:23%;  box-shadow:0 2px 5px 0 #ddd;}
.page-news-list a  img{width:100%; height:192px;}
.page-news-list a:nth-child(4n+1) {margin-left:0;}
.page-news-list a:nth-child(n+5) {margin-top:2.6666%;}
.page-news-list a:hover{background:#f5f5f5;}

.page-news-info {padding:15px 15px;}
.page-news-info .tags {height:24px; line-height:24px; color:#999; overflow:hidden;}
.page-news-info .tags span {margin-right:8px;}
.page-news-info .title {margin:5px 0; height:40px; line-height:20px; font-size:14px; font-weight:600; overflow:hidden;}
.page-news-info .intro {height:66px; line-height:22px; color:#666; overflow:hidden;}

@media screen and (max-width:768px) {
.page-news-tab {margin-bottom:0.7rem;}
.page-news-tab li {margin:0 0.15rem; height:2rem; line-height:2rem; font-size:0.75rem;}
.page-news-list {display:none;}
.page-news-list a {margin-left:4%; width:48%; box-shadow:0 1px 5px 0 #e5e5e5;}
.page-news-list a:nth-child(2n+1) {margin-left:0;}
.page-news-list a:nth-child(n+3),.page-news-list a:nth-child(n+5) {margin-top:4%;}

.page-news-info {padding:5px 5px;}
.page-news-info .tags {height:2rem; line-height:1rem;}
.page-news-info .tags span {margin-right:0.2rem;}
.page-news-info .title {margin:0.3rem 0; height:3rem; line-height:1rem; font-size:0.875rem; font-weight:600;}
.page-news-info .intro {height:3.75rem; line-height:1.25rem; color:#666;}
}



/*关于我们*/
.aboutmod1{ overflow:hidden;}
.aboutmod1_left{width:35%; float:left; margin-right:5%;}
.aboutmod1_left h3{ color:#0050b2; font-size:36px; font-family:Tahoma, Geneva, sans-serif; margin-bottom:15px; text-transform:uppercase; font-weight:600;}
.aboutmod1_left div { font-size:18px; line-height:45px; font-weight:600;}
.aboutmod1_right{width:60%; float:right; font-size:14px; line-height:28px; text-align:justify;}
@media screen and (max-width:768px) {
.aboutmod1_left{width:100%; margin-right:0; margin-bottom:10px;}	
.aboutmod1_left h3{ color:#0050b2; font-size:1.875rem; font-family:Tahoma, Geneva, sans-serif; margin-bottom:5px; text-transform:uppercase; font-weight:600;}
.aboutmod1_left div {font-size:0.95rem; line-height:24px; font-weight:600;}
.aboutmod1_right{width:100%; line-height:24px; font-size:0.75rem;}
}


.aboutmod2{background:#004784; padding:3%; margin:70px 0;}
.aboutmod2 ul{overflow:hidden;}
.aboutmod2 ul li{float:left; width:30.6%; position: relative; overflow:hidden;}
.aboutmod2 ul li img{width:100%; height:240px;}
.aboutmod2 ul li:not(:nth-of-type(3n)){ margin-right:4%;}
.aboutmod2 .mask {bottom:0; left:0; background-color:rgba(0,0,0,0.5);}
.aboutmod2 .mask-info {padding:10px 15px; color:#fff; line-height:24px;font-size:16px; font-weight:600; text-align:center;}
@media screen and (max-width:768px) {
.aboutmod2{background:#004784; padding:2%; margin:30px 0;}
.aboutmod2 ul li{float:left; width:31.33%; position: relative; overflow:hidden;}
.aboutmod2 ul li:not(:nth-of-type(3n)){ margin-right:3%;}
.aboutmod2 ul li:nth-child(n+2){ margin-top:0%;}
.aboutmod2 ul li img{width:100%; height:80px;}
.aboutmod2 .mask-info {padding:0.25rem; font-size:0.75rem; line-height:1.2rem; font-weight:normal;}
}

.aboutmod3{ overflow:hidden; margin-bottom:70px;}
.aboutmod3 h2{color:#0050b2; font-size:20px; margin-bottom:10px; font-weight:600;}
.aboutmod3 h2 span{ float:right; font-size:12px; font-weight:normal;}
.aboutmod3_left{width:38%; float:left; margin-right:2%; background:#000;}
.aboutmod3_left img{max-width:100%;}
.aboutmod3_right{width:60%; float:right; font-size:14px; line-height:28px; text-align:justify;}
@media screen and (max-width:768px) {
.aboutmod3{ overflow:hidden; margin-bottom:30px;}
.aboutmod3 h2{color:#0050b2; font-size:1.125rem; margin-bottom:0.3rem; font-weight:600;}
.aboutmod3_left{width:100%;margin-right:0%;}
.aboutmod3_right{width:100%; float:right; font-size:0.75rem; line-height:25px; text-align:justify; margin-top:15px;}
}

.aboutmod4{ overflow:hidden;}
.aboutmod4 h2{color:#0050b2; font-size:20px; margin-bottom:10px; font-weight:600;}
.aboutmod4 ul{overflow:hidden;}
.aboutmod4 ul li{float:left; width:22.75%; position: relative; overflow:hidden;}
.aboutmod4 ul li:not(:nth-of-type(4n)){ margin-right:3%;}
.aboutmod4 ul li p{ text-align:center; font-size:14px; line-height:45px;}
.aboutmod4 ul li:hover p{ background:#f5f5f5;}
@media screen and (max-width:768px) {
.aboutmod4{ overflow:hidden; margin-bottom:10px;}
.aboutmod4 h2{color:#0050b2; font-size:1.125rem; margin-bottom:0.3rem; font-weight:600;}
.aboutmod4 ul li{float:left; width:47.5%; position: relative; overflow:hidden;}
.aboutmod4 ul li:not(:nth-of-type(4n)){ margin-right:0%;}
.aboutmod4 ul li:not(:nth-of-type(2n)){ margin-right:5%;}
.aboutmod4 ul li:nth-child(n+3){margin-top:5%;}
.aboutmod4 ul li p{ text-align:center; font-size:0.875rem; line-height:25px;}
}

.news_more{ width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; margin-top:30px; background:#075699; color:#FFF;}
.news_more{ color:#fff; width:100%; box-shadow:none;}
.news_more:hover{ color:#fff; background:#0050a2;}
@media screen and (max-width:768px) {
.news_more{ width:100%; height:2.25rem; line-height:2.25rem; text-align:center; font-size:1rem; margin-top:1rem; background:#075699; color:#FFF;}
}



/*新闻列表页框架*/
.newsindex{overflow:hidden;}
.newsleft{ float:left; width:73%;}
.news{overflow:hidden;}
.newsright{ float:left; width:22%; margin-left:5%;overflow:hidden;}
@media screen and (max-width:768px) {
.newsindex{overflow:hidden;}	
.newsright{ display:none;}	
.newsleft{ width:100%;}
.news{width:94%; margin:0 auto;}
}



/*右侧栏目分类*/
.newsright ul{overflow:hidden;}
.newsright ul li{border-bottom:1px #ddd dotted;}
.newsright ul li img{width:100%;}
.newsright ul li div{padding:4%; background:#f5f5f5;}
.newsright ul li h2{font-size:16px; line-height:30px; font-weight:600;}
.newsright ul li p {font-size:12px; line-height:20px; color:#666;}
.newsrighttitle{font-size:18px; line-height:30px; width:100%; font-weight:600; padding-bottom:10px; border-bottom:1px #CCC solid; margin-bottom:10px;}
.margintop50{ margin-top:30px;}
.margintop80{ margin-top:80px;}
.marginbottom20{ margin-bottom:20px;}
.margintop20{ margin-top:30px;}
.newscategory{line-height: 46px; height: 46px;  margin: 0 0 10px 0; font-size: 16px; border-bottom: 1px #ddd dotted; background: url(../images/file.png) left center no-repeat;    padding-left: 40px;}
@media screen and (max-width:768px) {
.margintop80{ margin-top:40px;}

}



/*右侧最新动态*/
.rightnews{overflow:hidden;}
.rightnews li{overflow:hidden; border-bottom:1px #ddd dotted; padding:4% 0; width:100%; margin-bottom:4%;}
.rightnews li img{ width:30%; border:0px; margin-right:5%; float:left;}
.rightnews li h2{font-size:14px; font-weight:bold; line-height:20px;}
.rightnews li h2 a{color:#222;}
.rightnews li h2 a:hover{color:#0070c0;}
.rightnews li div{color:#5a5a5a; line-height:24px; font-size:14px; padding-top:10px;}
.rightnews li p{color:#919191; padding:0; line-height:20px; font-size:12px;}
.rightnews li p span{ margin-right:10px;}
@media screen and (max-width:768px) {
/* 手机版不显示*/
}



/***钢管知识***/
.newsul{overflow:hidden;}
.newsul li{overflow:hidden; padding-left:45px; margin-bottom:25px; padding-bottom:10px; padding-top:10px; border-bottom:1px #ddd dotted; background:#f8f8f8 url(../images/file.png) 10px 7px no-repeat;}
.newsul li:hover{ background:#f5f5f5 url(../images/file2.png) 10px 7px no-repeat;}
.newsul li:hover h2 a{color:#0050b2;}
.newsul li h2{font-size:16px; font-weight:bold; line-height:24px; padding-right:40px;}
.newsul li h2 a{color:#222;}
.newsul li h2 a:hover{color:#0050b2;}

.newsul li div{color:#5a5a5a; line-height:24px; font-size:14px; padding-right:40px;}
.newsul li p{color:#919191; padding:5px 0 5px 0; line-height:20px; font-size:12px;}
.newsul li p span{ margin-right:10px;}

@media screen and (max-width:768px) {
.newsul li{padding:5px 0; margin-bottom:10px; width:100%; background:#f8f8f8;}
.newsul li:not(:nth-of-type(2n)){ margin-right:0%;}
.newsul li img{width:100%; margin-bottom:4%; margin-right:0;}
.newsul li p{padding:0.25rem 0.9rem; font-size:0.75rem!important; line-height:18px!important;}
.newsul li h2{font-size:0.875rem; padding:0 0.9rem;}
.newsul li div{font-size:0.75rem; line-height:20px; padding:0.25rem 0.9rem;}
}



/*** 价格行情知识***/
.priceul{overflow:hidden;}
.priceul li{overflow:hidden; padding-left:28px; padding-bottom:8px; padding-top:8px; border-bottom:1px #ddd dotted; background:url(../images/arrow.png) 10px center no-repeat;}
.priceul li:hover{ background:#f5f5f5 url(../images/arrow.png) 10px center no-repeat;}
.priceul li:hover a{color:#0050b2;}
.priceul li {font-size:14px; line-height:35px; height:35px;}
.priceul li a{color:#222;}
.priceul li a:hover{color:#0050b2;}
.priceul li span{float:right; font-size:12px; color:#999;}
@media screen and (max-width:768px) {
.priceul li{padding:0.5rem 0.5rem 0.5rem 1.5rem; font-size:0.875rem; line-height:1.25rem;}
.priceul li a{color:#222;}
.priceul li a:hover{color:#0050b2;}
.priceul li span{float:right; font-size:0.75rem; color:#999; display:none;}
}



/***盛仕达动态***/
.companyul{overflow:hidden;}
.companyul li{overflow:hidden; margin-bottom:3%; padding:2%; border-bottom:1px #ddd dotted; background:#f8f8f8;position: relative;}
.companyul li:hover{ background:#f5f5f5;}
.companyul li:hover h2 a{color:#0050b2;}
.companyul li img{width:30%; margin-right:2%; float:left;}
.companyul li h2{font-size:16px; font-weight:bold; line-height:24px; padding-right:40px;}
.companyul li h2 a{color:#222;}
.companyul li h2 a:hover{color:#0050b2;}

.companyul li div{color:#5a5a5a; line-height:24px; font-size:14px; padding-right:40px;}
.companyul li p{color:#919191; padding:5px 0 5px 0; line-height:20px; font-size:12px;}
.companyul li p span{ margin-right:10px;}

.companyul li .sub {position: absolute; top:0; right:0; width:48px; height:48px; background:url(../images/new.png) no-repeat;  background-size: cover; z-index: 2;}

@media screen and (max-width:768px) {
.companyul li{padding:0.9rem 0; margin-bottom:0.9rem; width:100%; background:#f8f8f8;}
.companyul li:not(:nth-of-type(2n)){ margin-right:0%;}
.companyul li img{width:36%; margin-bottom:4%; margin-right:4%;}
.companyul li p{padding:0.25rem; font-size:0.75rem; line-height:16px;}
.companyul li h2{font-size:0.875rem; padding:0 0.9rem; line-height:18px;}
.companyul li div{font-size:0.75rem; line-height:1.375rem; padding:0 0.25rem 0.25rem 0.25rem;}

.companyul li .sub {position: absolute; top:0.9rem; right:0; width:48px; height:48px; background:url(../images/new.png) no-repeat;  background-size: cover; z-index: 2;}

}



/***盛仕达动态在新闻总页的效果***/
.companyul_index{overflow:hidden;}
.companyul_index li{overflow:hidden; margin-bottom:2%; padding:2%; border-bottom:1px #ddd dotted; background:#f8f8f8;position: relative;}
.companyul_index li:hover{ background:#f5f5f5;}
.companyul_index li:hover h2 a{color:#0050b2;}
.companyul_index li img{width:15%; margin-right:2%; float:left;}
.companyul_index li h2{font-size:16px; font-weight:bold; line-height:24px; padding-right:40px;}
.companyul_index li h2 a{color:#222;}
.companyul_index li h2 a:hover{color:#0050b2;}

.companyul_index li div{color:#5a5a5a; line-height:24px; font-size:14px; padding-right:40px;}
.companyul_index li p{color:#919191; padding:5px 0 5px 0; line-height:20px; font-size:12px;}
.companyul_index li p span{ margin-right:10px;}

.companyul_index li .sub {position: absolute; top:0; right:0; width:48px; height:48px; background:url(../images/new.png) no-repeat;  background-size: cover; z-index: 2;}

@media screen and (max-width:768px) {
.companyul_index li{padding:0.9rem 0; margin-bottom:0.9rem; width:100%; background:#f8f8f8;}
.companyul_index li:not(:nth-of-type(2n)){ margin-right:0%;}
.companyul_index li img{width:35%; margin-bottom:2%; margin-right:2%;}
.companyul_index li p{padding:0.25rem 0.9rem; font-size:0.75rem!important; line-height:18px!important;}
.companyul_index li h2{font-size:0.875rem; padding:0 0.9rem; line-height:1.25rem;}
.companyul_index li div{font-size:0.75rem; line-height:20px; padding:0rem 0.25rem;}

.companyul_index li .sub {position: absolute; top:0.9rem; right:0; width:48px; height:48px; background:url(../images/new.png) no-repeat;  background-size: cover; z-index: 2;}

}



/***盛仕达学院***/
.collegenew {}
.collegenew a {float:left; margin-left:3%; width:48.5%;  box-shadow:0 2px 5px 0 #ddd;}
.collegenew a:nth-child(2n+1) {margin-left:0;}
.collegenew a:nth-child(n+3) {margin-top:3%;}
.collegenew a:hover{background:#f5f5f5;}
.collegenewimg{ float:left; width:25%; margin-right:3%;}
.collegenewimg img{border-radius:100px;}

.collegenew-info {padding:15px 15px;}
.collegenew-info .tags {height:24px; line-height:24px; color:#999;}
.collegenew-info .tags span {margin-right:8px;}
.collegenew-info .title {margin:5px 0; line-height:20px; font-size:14px; font-weight:600; overflow:hidden;}
.collegenew-info .intro {height:66px; line-height:22px; color:#666; overflow:hidden;}
@media screen and (max-width:768px) {
.collegenew a {margin-left:0%; width:100%; box-shadow:0 1px 5px 0 #e5e5e5;}
.collegenew a:nth-child(2n+1) {margin-left:0;}
.collegenew a:nth-child(n+2){margin-top:4%;}

.collegenewimg{ float:left; width:30%; margin-right:3%;}
.collegenewimg img{border-radius:100px;}

.collegenew-info {padding:0.625rem;}
.collegenew-info .tags {height:auto; line-height:1rem;}
.collegenew-info .tags span {margin-right:0.2rem;}
.collegenew-info .title {margin:0.3rem 0; height:auto; line-height:1.125rem; font-size:0.875rem; font-weight:600;}
.collegenew-info .intro {height:3.75rem; line-height:1.25rem; color:#666;}
}







/*成功列表页*/
.casesindex{overflow:hidden;}

.casesright{ float:left; width:22%; overflow:hidden; border-left:1px #ddd dotted; padding-left:2.5%; margin-left:1.5%;}
.casesright ul{overflow:hidden;}
.casesright ul li{line-height:46px; height:46px; margin:0 0 10px 0; font-size:16px; border-bottom:1px #ddd dotted; background:url(../images/file.png) left center no-repeat; padding-left:40px;}
.casesright ul li:hover{ background:url(../images/file2.png) left center no-repeat;}
.casesrighttitle{font-size:18px; line-height:30px; width:100%; font-weight:600; padding-bottom:8px; border-bottom:1px #CCC solid; margin-bottom:8px;}

.casesleft{ float:left; width:71.5%; padding-right:1.5%;}
.cases{overflow:hidden;}
.casesul{overflow:hidden;}
.casesul li{overflow:hidden; padding:0px; width:100%; margin-bottom:4%; background:#f8f8f8; border-radius:15px;}
.casesul li:hover{background:#f1f1f1;}
.casesul li:hover h2 a{color:#0050b2;}
.casesul li img{ width:30%; margin-right:2%; float:left; border:0px;}
.casesul li h2{font-size:16px; font-weight:bold; line-height:24px; padding-right:40px;}
.casesul li h2 a{color:#222;}
.casesul li h2 a:hover{color:#0050b2;}

.casesul li div{color:#5a5a5a; line-height:24px; font-size:14px; padding-top:20px; padding-right:40px;}
.casesul li p{color:#919191; padding:20px 0 10px 0; line-height:20px; font-size:12px;}
.casesul li p span{ margin-right:10px;}

@media screen and (max-width:768px) {
.casesindex{overflow:hidden;}	
.casesright{ display:none;}	
.casesleft{ width:100%;}
.cases{width:94%; margin:0 auto;}
.casesul li{padding:0 0 0.875rem; margin-bottom:0.875rem; width:100%; border-radius:0;}
.casesul li:not(:nth-of-type(2n)){ margin-right:0%;}
.casesul li img{width:36%; margin-bottom:4%; margin-right:4%;}
.casesul li p{padding:0.25rem; font-size:0.75rem}
.casesul li h2{font-size:0.875rem; padding:0 0.9rem; line-height:18px;}
.casesul li div{font-size:0.75rem; line-height:1.25rem; padding:0.45rem 0.25rem 0 0.25rem;}
}



/*新闻详情页*/
.newsshow{padding:0 2%; overflow:hidden; width:96%;  margin:0px auto; /*border:1px #ddd solid; background:#fbfbfb;*/}
.news_xxjs{line-height:30px!important; overflow:hidden; font-size:14px;}
.news_xxjs p,.news_xxjs span{line-height:30px!important; font-size:14px;}
.news_xxjs td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid;}
.news_xxjs table{width:100!important; margin:10px 0;}
.news_xxjs img{ max-width:100%; height:auto; overflow:hidden; margin:0 auto; display:block; padding:10px 0; width:auto;}

.news_title{font-size:28px; color:#0050b2; text-align:center; padding:10px 0px 10px 0px; font-weight:bold; border-bottom:1px #ddd dotted;}
.news_title h1{font-size:28px; font-weight:bold;}
.pubdate{border-top:#ccc 0px dotted; line-height:20px; margin:10px 0; OVERFLOW: hidden; text-align:center; font-size:12px; color:#999;}
.pubdate span{margin:0px 10px;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:center; color:#999999;}

/*相关资讯*/
.Information{overflow:hidden;margin-top:20px; padding:10px; background:#f5f5f5; border:1px #ddd solid;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px;font-size:13px; padding:10px 0;}
.Information li span{float:right; font-size:12px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*增值服务*/
.news_xxjs_box{ border-bottom:1px #ddd dotted; padding-bottom:35px; margin-bottom:35px;}
.news_xxjs_box h2{color:#0050b2; font-weight:600; font-size:18px;}

@media screen and (max-width:768px) {
.newsshow{width:100%; margin:0px; border:0; padding:0;}
.news_title{font-size:1.4rem; font-weight:bold;}
.news_title h1{font-size:1.2rem;}
.news_xxjs{font-size:0.75rem!important; line-height:24px!important;}
.news_xxjs p,.news_xxjs span{font-size:0.75rem!important; line-height:24px!important;}
.news_xxjs td{font-size:0.75rem!important; line-height:24px!important;}
.news_xxjs img{width:100%; height:auto;}
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
.Information{overflow:hidden;margin-top:20px; padding:5px; background:#f5f5f5; border:1px #ddd solid;}
.Information ul li{font-size:0.75rem; padding:5px 0px;}

.news_xxjs_box{ border-bottom:1px #ddd dotted; padding-bottom:15px; margin-bottom:15px;}
.news_xxjs_box h2{color:#0050b2; font-weight:600; font-size:1.125rem; line-height:30px;}
}





/*产品页页*/
.prodlistall{ margin-top:-30px;}
.prodlistall_all{ margin-top:0px;}
@media screen and (max-width:768px) {
.prodlistall{ margin-top:-10px;}
}

/*主营产品*/
.prodlistall_title{font-size:22px; color:#0050b2; line-height:38px; font-weight:600;}
.prodlistall_title span{ padding:8px 20px; background:#0050b2; font-size:14px; line-height:16px; color:#FFF; margin-left:10px; border-radius:50px;}
.prodlistall_title_txt{ line-height:28px; font-size:14px; color:#0050b2; margin-top:15px;}
.prodlistall_title_txt b, .prodlistall_title_txt stong{color:#0050b2;}
@media screen and (max-width:768px) {
.prodlistall_title{font-size:1.25rem; color:#0050b2; line-height:2.5rem; font-weight:600;}
.prodlistall_title span{padding:0.5rem; background:#0050b2; font-size:0.75rem; line-height:0.875rem; color:#FFF; margin-left:0rem; border-radius:0px; display:block;}
.prodlistall_title_txt{ line-height:1.5rem; font-size:0.875rem; color:#333; margin:0.5rem 0;}
.prodlistall_title_txt b, .prodlistall_title_txt stong{color:#0050b2;}
}


/*主营滚动产品*/
.prodbg{background:#004784; padding:4%; margin-top:1%; position:relative;}
.prodbg .mask {bottom:0; left:0; background-color:rgba(0,0,0,0.4);}
.prodbg .mask-info {padding:10px 15px; color:#fff; line-height:24px;font-size:16px; font-weight:600; text-align:center;}
@media screen and (max-width:768px) {
.prodbg .mask-info {padding:0px 5px; color:#fff; line-height:16px;font-size:0.75rem; text-align:center;}
}

/*贸易产品几大优势*/
.prod_adv{margin-top:2%;}
.prod_adv ul{overflow:hidden;}
.prod_adv ul li{float:left; width:28%; overflow:hidden; line-height:45px; background:#f5f5f5; font-size:16px; border:1px #ddd solid; border-radius:50px; padding-left:3%;}
.prod_adv ul li:hover{border:1px #0050b2 solid; background:#FFF;}
.prod_adv ul li b{color:#0050b2;}
.prod_adv ul li img{width:auto; vertical-align:middle; display:-webkit-inline-box; margin-right:10px;}
.prod_adv ul li:not(:nth-of-type(3n)){ margin-right:2%;}
.prod_adv ul li:nth-child(n+4){margin-top:1%;}
@media screen and (max-width:768px) {
.prod_adv ul li{float:left; width:96%; overflow:hidden; line-height:2.5rem; background:#f5f5f5; font-size:0.875rem; text-align:left; border:1px #ddd solid; border-radius:0px;}
.prod_adv ul li:not(:nth-of-type(3n)){ margin-right:0%;}
.prod_adv ul li:nth-child(n+1){margin-top:2%;}
}


/*贸易产品展示*/
.prod_trade{margin-top:5%;}
.prod_trade_tab {margin-bottom:35px; border-bottom:1px solid #ddd; text-align:center; background:#f5f5f5;}
.prod_trade_tab li {position:relative; display:inline-block; vertical-align:top; margin:0; height:42px; line-height:42px; font-size:16px; cursor:pointer; font-weight:600; padding:0 35px;}
.prod_trade_tab li:hover {color:#0050a2;}
.prod_trade_tab li.cur {color:#fff; font-weight:600; background:#0050a2;}
.prod_trade_tab li.cur a {color:#fff;}

.prod_trade_tab li i {position:absolute; left:0; bottom:-1px; width:100%; height:3px; background-color:#0050a2; display:none;}
.prod_trade_tab li.cur i {display:block;}


/*列表页子栏目*/
.prod_trade_page {margin-bottom:35px; border:1px solid #ddd; text-align:left; background:#f5f5f5; border-top:0;}
.prod_trade_page li {position:relative; display:inline-block; vertical-align:top; margin:0 25px; height:42px; line-height:42px; font-size:14px; cursor:pointer;}
.prod_trade_page li:hover {color:#0050a2;}
.prod_trade_page li.cur a {color:#0050a2; font-weight:600;}
@media screen and (max-width:768px) {
.prod_trade_page {margin-bottom:15px; border:1px solid #ddd; text-align:left; background:#f5f5f5;}
.prod_trade_page li {position:relative; display:inline-block; vertical-align:top; margin:0 20px; height:35px; line-height:35px; font-size:0.875rem; cursor:pointer;}
}



.prod_trade_list {display:none;}
.prod_trade_list li {float:left; margin-left:2.6666%; width:23%;  box-shadow:0 2px 5px 0 #ddd;}
.prod_trade_list li:nth-child(4n+1) {margin-left:0;}
.prod_trade_list li:nth-child(n+5) {margin-top:2.6666%;}
.prod_trade_list li:hover{background:#f5f5f5;}
.prod_trade_list li img{ width:100%; height:281px;}

.prod_trade_info {padding:15px 15px; overflow:hidden;}
.prod_trade_info .title {line-height:20px; font-size:15px; font-weight:600; margin-bottom:5px;}
.prod_trade_info .intro {height:44px; line-height:22px; color:#666; overflow:hidden;}

.prod_trade_info .btn{width:110px; height:30px; line-height:30px; text-align:center; font-size:12px; float:left; border:1px #ddd solid; margin-top:10px; background:#FFF;}
.prod_trade_info .btn:hover{background:#0050a2; color:#FFF;}
.prod_trade_info .marginright20{ margin-right:20px;}


@media screen and (max-width:768px) {
.prod_trade{margin-top:8%;}
.prod_trade_tab {margin-bottom:0.7rem;}
.prod_trade_tab li {margin:0 0.5rem; height:2rem; line-height:2rem; font-size:0.875rem; padding:0 15px;}
.prod_trade_list {display:none;}
.prod_trade_list li {margin-left:4%; width:48%; box-shadow:0 1px 5px 0 #e5e5e5;}
.prod_trade_list li:nth-child(2n+1) {margin-left:0;}
.prod_trade_list li:nth-child(n+3),.page-news-list a:nth-child(n+5) {margin-top:4%;}
.prod_trade_list li img{ width:100%; height:160px;}

.prod_trade_info {padding:5px 5px;}
.prod_trade_info .title {margin:0.3rem 0; line-height:1rem; font-size:0.875rem; font-weight:600;}
.prod_trade_info .intro {height:3.75rem; line-height:1.25rem; color:#666; overflow:hidden;}

.prod_trade_info .btn{ width:100%; height:1.875rem; line-height:1.875rem; text-align:center; font-size:0.75rem; float:left; border:1px #ddd solid; margin-top:0.3rem; background:#f5f5f5;}
.prod_trade_info .marginright20{ margin-right:0px;}
}





/*关于我们详情页*/
.aboutindex{overflow:hidden;}

.aboutright{ float:left; width:22%; margin-left:5%;overflow:hidden;}
.aboutright ul{overflow:hidden;}
.aboutright ul li{line-height:46px; height:46px; margin:0 0 10px 0; font-size:16px; border-bottom:1px #ddd dotted; background:url(../images/file.png) left center no-repeat; padding-left:40px;}
.aboutright ul li:hover{ background:url(../images/file2.png) left center no-repeat;}
.aboutrighttitle{font-size:18px; line-height:30px; width:100%; font-weight:600; padding-bottom:10px; border-bottom:1px #CCC solid; margin-bottom:10px;}

.aboutleft{ float:left; width:73%;}
.aboutleft_txt{line-height:28px!important; font-size:14px!important; font-weight:normal!important; margin:0px auto; overflow:hidden;}


@media screen and (max-width:768px) {
.aboutindex{overflow:hidden;}	
.aboutright{ display:none;}	
.aboutleft{ width:100%;}
.aboutleft_txt{line-height:1.75rem!important; font-size:0.875rem!important; font-weight:normal!important; margin:0px auto; overflow:hidden;}
}


/*发展历程*/
.development_txt{width:100%; max-width:870px; padding:30px 0 0 0; font-size:14px; margin:0 auto;}
.development_txt ul{overflow:hidden; padding-bottom:40px; background:url(../images/about_line.jpg) 131px top repeat-y;}
.li_left{float:left; width:13%; font-size:16px; color:#0050b2; font-weight:600; text-align:right; padding-right:2%;}
.li_right{float:right; width:80%; font-size:14px; line-height:24px; background:url(../images/about_dian.jpg) left 5px no-repeat; padding-left:5%;}
@media screen and (max-width:768px) {
.development_txt ul{overflow:hidden; padding-bottom:40px; background:url(../images/about_line.jpg) 21% top repeat-y;}
.li_left{float:left; width:20%; font-size:0.875rem; color:#106cb5; font-weight:600;}
.li_right{float:right; width:72%; font-size:14px; line-height:24px; background:url(../images/about_dian.jpg) left 5px no-repeat; padding-left:8%;}
}


/*分页*/
.page{text-align:center; padding:20px 0; /*border:1px solid #D9D9D9;background:#fff; margin-top:20px;*/ }
.page a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 6px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:20px; height:20px;}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:8px 0;margin-top:10px;}
.page a{font-size:0.75rem; padding:3px 8px; margin:0;}
}





.cpshow{width:100%; margin:0px auto 30px; overflow:hidden; line-height:28px; font-size:14px; padding:0px;}
.cpshowtop{overflow:hidden; width:94%; padding:3%; background:#f5f5f5;}
.cpshowtop_l{ float:left; width:500px; border:0px #ddd solid;}
.cpshowtop_r{float:right; width:580px; overflow:hidden;}
.cpshowtop_r h2{font-size:24px; padding-bottom:10px; border-bottom:1px #ddd dotted; font-weight:600;}
.cpshowtop_r p{color:#838383; padding-top:10px; line-height:24px;}
.cpshowtop_r p span{padding-right:10px;}
.cpshowtop_r_div{font-size:14px; line-height:24px; padding:10px 0px; border-top:1px #ddd dotted; margin-top:15px;}
.cpshowtop_r_tel{font-size:14px; line-height:35px; padding:10px 0 0 0; border-top:1px #ddd dotted; font-weight:600; color:#ff6600;}
.qqonline{display: block; background: #ea0004; color: #fff; font-size: 14px;  float: left;  margin-right: 10px;  height: 35px;  line-height: 35px; padding: 0px 30px; border-radius: 5px;}
.qqonline:hover{ color:#FFF; background:#d00004;}

.cpshowtop_r_list{border-top:1px #ddd dotted; margin-top:10px; padding-top:10px;}
.cpshowtop_r_list ul{overflow:hidden;}
.cpshowtop_r_list ul li{float:left; width:100%; font-size:14px; line-height:30px;}

.ban1{ width:502px; height:620px; position:relative; overflow:hidden;}
.ban2{ width:500px; height:500px; position:relative; overflow:hidden; margin:0 auto 5px; left:0; right:0; border:1px #ddd solid;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:500px; height:500px;}
.ban2 ul li img{width:500px; height:500px; display:block;}
.prev{ float:left; cursor:pointer;}
.num{ height:100px;overflow:hidden; width:430px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:500px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:98px; height:98px; margin-right:10px;border:1px solid #ddd;}
.num ul li img{ width:98px; height:98px; display:block;}
.num ul li.on{ border:1px solid #7ccad4;}
.prev_btn1{ width:35px; text-align:center; height:51px; margin-top:30px; cursor:pointer; float:left;}
.next_btn1{ width:35px; text-align:center; height:51px; margin-top:30px;cursor:pointer;float:right;}
.prev_btn1 img , .next_btn1 img { width:auto; }
.next_btn1 img {float:right;}
.prev1{ position:absolute; top:150px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:150px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}

@media screen and (max-width: 768px) {
.qqonline{display: block; background: #ea0004; color: #fff; font-size: 14px;  float: left;  margin-right:0px;  height: 30px;  line-height: 30px; padding: 0px 10px; border-radius:5px;}
.cpshow{ margin-bottom:0px; width:96%; padding:2%; border:0; background:#f5f5f5;}	
.ban1{ width:322px; height:400px; position:relative; overflow:hidden; margin:0 auto;}
.ban2{ width:320px; height:320px; position:relative; overflow:hidden; margin:0 auto 5px; left:0; right:0; border:1px #ddd solid;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:320px; height:320px;}
.ban2 ul li img{width:320px; height:320px; display:block;}
.prev{ float:left; cursor:pointer;}
.num{ height:55px;overflow:hidden; width:236px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:300px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:70px; height:53px; margin-right:10px; border:1px solid #ddd;}
.num ul li img{ width:70px; height:53px; display:block;}
.num ul li.on{ border:1px solid #00a6bc; padding:0;}
.prev_btn1{ width:34px; text-align:center; height:20px; margin-top:20px; cursor:pointer; float:left;}
.next_btn1{  width:30px; text-align:center; height:20px; margin-top:20px;cursor:pointer;float:right;}
.prev_btn1 img,.next_btn1 img{height:20px;}
.prev1{ position:absolute; top:120px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:120px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
}


.block{display:block;}
#tab1 ,#tab2{width:100%; height:55px; margin:0px auto 0; background:#f5f5f5;}
#tab1 ul ,#tab2 ul{margin:0;padding:0;}
#tab1 li,#tab2 li{float:left;padding:0 40px; height:55px;line-height:55px;text-align:center; background:#e6e6e6; color:#626262; font-size:18px; cursor:pointer; border-right:1px #fff solid;}
#tab1 li.now,#tab2 li.now{color:#fff;background:#0075c2;}
.tablist{overflow:hidden; display:none; padding:0; width:100%; line-height:24px!important; font-size:12px!important; font-weight:normal!important; background:#fff;}
.tablist h3{ font-size:18px; margin-bottom:10px; height:40px; line-height:40px; padding:0px 15px; font-weight:bold; border-bottom:1px #ccc solid; background:#333; color:#FFF;}
.tablist table{ width:100%;}
.tablist p{line-height:24px!important;}
.tablist td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid;}
.tablist img{ max-width:100%; width:auto; height:auto; overflow:hidden; margin-right:10px; display:-webkit-inline-box;}

.tablist_prod{overflow:hidden; padding:0; width:100%; line-height:24px!important; font-size:12px!important; font-weight:normal!important; margin-top:50px;}
.tablist_prod h3{ font-size:16px; margin-bottom:10px; height:40px; line-height:40px; padding:0px 15px; font-weight:bold; border-bottom:1px #ccc solid; background:#075699; color:#FFF;}
.tablist_prod table{ width:100%;}
.tablist_prod p{line-height:24px!important; font-size:14px!important;}
.tablist_prod td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid;}
.tablist_prod img{ max-width:100%; width:auto; height:auto; overflow:hidden; margin-right:10px; display:-webkit-inline-box;}

@media screen and (max-width: 768px) {
.cpshowtop{padding:0%; width:100%;}
.cpshowtop_l{float:none; width:99%; border:0px #ddd solid; margin-bottom:20px;}
.cpshowtop_r{float:none; width:100%;}
.cpshowtop_r h2{font-size:1.3rem;}
.cpshowtop_r p{font-size:0.75rem; padding-top:5px;}
.cpshowtop_r_div{font-size:0.75rem; line-height:24px;}

#tab1 ,#tab2{height:auto; margin:30px auto 0; overflow:hidden;}
#tab1 li,#tab2 li{padding:0 15px; height:45px;line-height:45px; font-size:0.875rem;}
.tablist{font-size:0.875rem; padding-top:10px;}
.tablist p{font-size:0.875rem!important;}
.tablist td{font-size:0.75rem!important;}
.tablist table{ width:100%; display: block; display: -webkit-box; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}

.tablist_prod{font-size:0.875rem; margin-top:20px;}
.tablist_prod p{font-size:0.875rem!important;}
.tablist_prod td{font-size:0.75rem!important;}
.tablist_prod table{ width:100%; display: block; display: -webkit-box; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
}

@media screen and (max-width: 413px) {
#tab1 li,#tab2 li{padding:0px; width:33%; text-align:center;}
}


/*产品详情页滚动*/
.lanrenzhijia{width:500px;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:18px;height:34px;top:542px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:0;background:url(../images/back_16.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:213px;width: 46px;height: 48px;}
.lanrenzhijia #prevTop{background: url(images/prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(images/nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:0;background:url(../images/back_19.png) no-repeat;}
.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width: 500px;height:500px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:500px;position:relative;overflow:hidden; border:1px #ddd solid;}
.lanrenzhijia .picBox ul{height:500px;position:absolute;}
.lanrenzhijia .picBox li{width:500px;height:500px;}
.lanrenzhijia .picBox li img{width:100%; height:500px; display:block;}
.lanrenzhijia .listBox{width:500px;height:86px;margin:0 auto;position:relative;padding:15px 0 0 0; overflow:hidden;}
.lanrenzhijia .listBox ul{height:86px;position:absolute; margin-left:40px;}
.lanrenzhijia .listBox li{width:86px;height:86px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:80px;height:80px;}
.lanrenzhijia .listBox li img{width:78px;height:78px;border:1px solid #ddd;}
.lanrenzhijia .listBox .on img{width:78px;height:78px;border:1px solid #ff6600;}
.lanrenzhijia .listBox .on i{display:block;}
@media screen and (max-width: 768px) {
.lanrenzhijia{width:100%;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:18px;height:34px;top:390px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:0;background:url(../images/back_16.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:213px;width: 46px;height: 48px;}
.lanrenzhijia #prevTop{background: url(images/prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(images/nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:0;background:url(../images/back_19.png) no-repeat;}
.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width:360px;height:360px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:360px;position:relative;overflow:hidden;}
.lanrenzhijia .picBox ul{height:360px;position:absolute;}
.lanrenzhijia .picBox li{width:360px;height:360px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}
.lanrenzhijia .listBox{width:300px;height:60px;margin:0 auto;position:relative;padding:15px 0 10px;overflow:hidden;}
.lanrenzhijia .listBox ul{height:60px;position:absolute; margin-left:0px;}
.lanrenzhijia .listBox li{width:60px;height:60px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:60px;height:60px}
.lanrenzhijia .listBox li img{width:56px;height:56px;}
.lanrenzhijia .listBox .on img{width: 56px;height: 56px;border:1px solid #ff6600;}
.lanrenzhijia .listBox .on i{display:block;}
}
@media screen and (max-width: 375px) {
.lanrenzhijia{width:100%;position:relative; overflow:hidden; margin:0 auto;}
.lanrenzhijia .btn{position:absolute;width:18px;height:34px;top:340px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.lanrenzhijia .prev{left:0;background:url(../images/back_16.png) no-repeat;}
.lanrenzhijia #prevTop,.lanrenzhijia #nextTop{top:213px;width: 46px;height: 48px;}
.lanrenzhijia #prevTop{background: url(images/prevBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia #nextTop{background: url(images/nextBtnTop.png) 0 0 no-repeat;}
.lanrenzhijia .next{right:0;background:url(../images/back_19.png) no-repeat;}
.lanrenzhijia li{float:left;}
.lanrenzhijia .cf li{position: relative;color: #fff;}
.lanrenzhijia .cf a{display: block; width:320px;height:320px; position: absolute;color: #fff;}
.lanrenzhijia .picBox{height:320px;position:relative;overflow:hidden; background:#fff;}
.lanrenzhijia .picBox ul{height:320px;position:absolute;}
.lanrenzhijia .picBox li{width:320px;height:320px;}
.lanrenzhijia .picBox li img{width:100%; height:auto; display:block;}
.lanrenzhijia .listBox{width:245px;height:46px;margin:0 auto;position:relative;padding:15px 0 10px;overflow:hidden;}
.lanrenzhijia .listBox ul{height:46px;position:absolute;}
.lanrenzhijia .listBox li{width:50px;height:46px;cursor:pointer;position:relative;}
.lanrenzhijia .listBox li i{display:none;}
.lanrenzhijia .listBox li a{display: block;width:46px;height:46px}
.lanrenzhijia .listBox li img{width:42px;height:42px;}
.lanrenzhijia .listBox .on img{width: 42px;height: 42px;border:1px solid #ff6600;}
.lanrenzhijia .listBox .on i{display:block;}
}


/*--------在线留言--------------*/
.guestbook{ width:100%; margin:0 auto;}
.guestbook h4{font-size:24px; margin:10px 0px;}
.guestbook ul{ overflow:hidden;} 
.guestbook ul li{overflow:hidden; margin-bottom:8px; float:left; width:100%;}
.guestbook ul li p{ margin-top:5px;}
.box2 {width:95.5%; height:35px; border:1px #ddd solid; line-height:35px; padding:4px 2%; background:#f5f5f5;}
.box4 {width:95.5%; height:35px; border:1px #ddd solid; line-height:35px; padding:4px 2%; background:#f5f5f5;}
.box3 {width:95.5%; border:1px #ddd solid; line-height:24px;padding:4px 2%; font-family:Verdana, Microsoft YaHei,Arial, Helvetica, sans-serif;  background:#f5f5f5;}

.sub_gestbook {
	background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#333));
	background:-moz-linear-gradient(top,#333,#333);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333',endColorstr='#333');
	background-color:#333;
	border:none;width:100%;
	height:45px;
	line-height:45px;
	color:#fff;
	font-size:17px;
	cursor:pointer;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-family:Microsoft YaHei,Arial, Helvetica, sans-serif; 
}
.sub_gestbook:hover{ background:#0e74bd;}
.guestbook_txt {line-height:30px;}

@media screen and (max-width: 768px) {
.guestbook{ width:94%; margin:0 auto;}
.box2 {width:95%;}
.box4 {width:95%;}
.box3 {width:95%;}
}


/*企业资质*/
.honor{ margin-bottom:0px;}
.honorul{overflow:hidden;}
.honorul li{float:left; overflow:hidden; width:17.3%; text-align:center; margin:1.5% 0; background:#FFF;}
.honorul li:not(:nth-of-type(5n)){ margin-right:3%;}
.honorul li img{width:100%; height:auto; display:block; padding:0;}
.honorul li:hover{box-shadow: 0px 0px 30px rgba(0,0,0,0.25);}
.honorul li p{font-size:14px; height:20px; line-height:20px; margin:10px 0;}
.honorul li:hover{cursor:pointer;}
.honorul li:hover p{color:#ff6600;}
.honorlr{overflow:hidden; margin-top:40px; line-height:28px; font-size:13px;}
@media screen and (max-width: 768px) {
.honor{padding:0%; margin-top:15px;}
.honorul li{width:45%; padding:1% 1% 3%; margin:0%;}
.honorul li:not(:nth-of-type(5n)){ margin-right:0;}
.honorul li:not(:nth-of-type(2n)){ margin-right:4%;}
.honorlr{margin-top:30px; line-height:26px; font-size:0.75rem;}
}



/*精英团队*/
.ourteam{ margin-bottom:0px; overflow:hidden;}
.ourteam h2{color: #0050b2; font-size:20px; margin-bottom:15px; font-weight:600;}
.ourteam h2 span{ float:right; font-size:12px; font-weight:normal;}
.ourteamul{ overflow:hidden; display:block;}
.ourteamulspec {overflow:hidden; width:100%}
.ourteamulspec:hover{box-shadow: 0px 0px 30px rgba(0,0,0,0.25);}
.ourteamulspec li{float:left; overflow:hidden; width:23.5%; text-align:center; margin:0; background:#f5f5f5;position: relative; margin-bottom:2%;}
.ourteamulspec li:not(:nth-of-type(4n)){ margin-right:2%;}
.ourteamulspec li .sub1{position:absolute; top:0; left:0; width:48px; height:48px; background:url(../images/flag.png) no-repeat; background-size:cover; z-index:2; display:none;}
.ourteamulspec li .sub2{position:absolute; top:0; right:0; width:48px; height:48px; background:url(../images/jiang2.png) no-repeat; background-size:cover; z-index:2;}
.ourteamulspec li .sub3{position:absolute; top:0; right:0; width:48px; height:48px; background:url(../images/jiang3.png) no-repeat; background-size:cover; z-index:2;}

.ourteamulspec li img{width:60%; float:left; display:inline; margin-right:0%;}
.ourteamulspec li div{font-size:12px; line-height:23px; padding:2%; text-align:left; color:#666; height:185px; overflow:hidden;}
.ourteamulspec li div h3{ font-size:16px; line-height:30px; font-weight:600;}
.ourteamulspec li:hover{cursor:pointer;}
.ourteamulspec li:hover div h3{color:#0050b2;}
.ourteamullr{overflow:hidden; margin-top:40px; line-height:28px; font-size:13px;}

.ourteamullist {overflow:hidden;float:left; width:100%; margin-top:20px;}
.ourteamullist li{float:left; overflow:hidden; width:11%; text-align:center; margin:0;background:#f5f5f5; margin-bottom:1.5%;}
.ourteamullist li:not(:nth-of-type(8n)){margin-right:1.5%;}
.ourteamullist li img{width:100%; float:left; display:inline;}
.ourteamullist li div{font-size:12px; line-height:22px; padding:4% 6%; text-align:center;}
.ourteamullist li div h3{ font-size:12px; line-height:25x;}
.ourteamullist li:hover{cursor:pointer;}
.ourteamullist li:hover div h3{color:#0050b2;}
@media screen and (max-width: 768px) {
.ourteamullist li:not(:nth-of-type(8n)){margin-right:0%;}
}


@media screen and (max-width: 768px) {
.ourteam{padding:0%;}
.ourteamul li{width:31.33%; padding:0; margin-bottom:3%; float:left; font-size:0.75rem;}

.ourteamul li:not(:nth-of-type(3n)){ margin-right:3%;}
.ourteamul li img{width:100%; height:auto; margin:0;}
.ourteamul li div { font-size:0.75rem; line-height:22px; height:94px;}
.ourteamul li div h3{ font-size:0.875rem;line-height:28px;}
.ourteamullr{margin-top:30px; line-height:26px; font-size:0.75rem;}
.ourteamullist {overflow:hidden; margin-bottom:0px; float:left; width:100%}
.ourteamullist:hover{box-shadow: 0px 0px 30px rgba(0,0,0,0.25);}
.ourteamullist li{float:left; overflow:hidden; width:30%; text-align:center; margin:0;background:#f5f5f5; margin-bottom:5%;}
.ourteamullist li:not(:nth-of-type(7n)){margin-right:0%;}
.ourteamullist li:not(:nth-of-type(3n)){margin-right:5%;}

.ourteamulspec {overflow:hidden; margin-bottom:4%; float:none; width:100%;}
.ourteamulspec li{float:left; overflow:hidden; width:48.5%; text-align:center; margin:0; background:#f5f5f5;position: relative; margin-bottom:3%;}
.ourteamulspec li:not(:nth-of-type(4n)){ margin-right:0%;}
.ourteamulspec li:not(:nth-of-type(3n)){ margin-right:0%;}
.ourteamulspec li:not(:nth-of-type(2n)){ margin-right:3%;}
}



/*---搜索页面----*/
.lymain{width:100%; overflow:hidden;}
@media screen and (max-width: 768px) {
.lymain{width:100%; margin:0px;}
}

#tab3{width:100%; height:50px; margin:0 auto; background:#f5f5f5;text-align:center; border-bottom:1px #ddd solid;}
#tab3 ul{overflow:hidden;}
#tab3 li{position: relative;display: inline-block; vertical-align: top; margin: 0 25px; height:50px; line-height:50px; font-size:18px; cursor: pointer;}
#tab3 li.now {color:#ff6600;}
#tab3 li i {position:absolute; left:0; bottom:-1px; width:100%; height:3px; background-color:#e17212; display:none;}
#tab3 li.now i {display:block;}
#sp1{ width:1300px; margin:20px auto;}

.tablist3{overflow:hidden; display:none; line-height:26px!important; font-size:13px!important; font-weight:normal!important;}
.tablist3 table{width:100%!important;}
.tablist3 p{line-height:26px!important; font-size:14px!important;}
.tablist3 td{padding:4px; font-size:12px!important; border:1px #CCCCCC solid!important;}

.block{display:block;}
.tablist3 img{ max-width:100%; height:auto; overflow:hidden;}

@media screen and (max-width: 768px) {
#tab3{height:auto; margin:0px auto; overflow:hidden;}
#tab3 li{position: relative;display: inline-block; vertical-align: top; margin: 0 15px; height:40px; line-height:40px; font-size:1rem; cursor: pointer;}
#tab3 li.now {color:#e17212;}
#tab3 li i {position:absolute; left:0; bottom:-1px; width:100%; height:3px; background-color:#e17212; display:none;}
#tab3 li.now i {display:block;}
#sp1{width:96%; margin:10px auto;}

.tablist3{font-size:0.875rem; padding-top:0px;}
.tablist3 p{font-size:0.75rem!important; line-height:20px!important;}
.tablist3 td{font-size:0.75rem!important;}
.tablist3 table{ width:100%; height:auto!important; display: block; display:-webkit-box; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
}

.searcharea{padding:20px 0;}
.searcharea ul{overflow:hidden;}
.searcharea ul li{border-bottom:1px #ddd dotted; padding:20px 10px;}
.searcharea ul li:hover{background:#fff;}
.searcharea ul li h3{font-size:16px;}
.searcharea ul li h4{ font-size:12px; color:#999; line-height:24px;}

.page404{ width:100%; text-align:center; padding:150px 0; font-size:16px;}



/*专业团队弹出窗*/
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:1000;display:none;top:0;left:0;}
.reveal-modal{visibility:hidden;top:20%;left:50%;margin-left:-390px; width:700px;background:#fff;position:absolute;z-index:99999;padding:30px 30px 34px 30px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}
.reveal-modal .close-reveal-modal {
font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.reveal-modal h2{font-size:18px;color:#000 ; text-align:left; padding-bottom:10px; font-weight:600; border-bottom:1px #ddd dotted; margin-bottom:10px;}
.teamimages{text-align:center; margin:0 auto; overflow:hidden;}
.teamimages img{width:400px;}
.teamly{overflow:hidden; line-height:24px; padding-top:6px; font-size:13px;}
.teamly img{width:50%; float:left; padding-right:2%; background:#FFF;}
@media screen and (max-width:768px) {
.reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:100;display:none;top:0;left:0;}
.reveal-modal{visibility:hidden;top:30%;left:50%;margin-left:-170px; width:320px;background:#fff;position:absolute;z-index:99999;padding:10px 10px 14px 10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}
.reveal-modal .close-reveal-modal {
font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} 
.reveal-modal h2{font-size:1rem;color:#000 ; text-align:left;}
.teamimages{text-align:center; margin:0 auto; overflow:hidden;}
.teamimages img{ max-width:100%; height:auto;}
.teamly{overflow:hidden; line-height:24px; padding-top:6px; font-size:0.75rem;}
.teamly img{width:55%; float:left; padding-right:2%; background:#FFF;}
}



.sitemap{overflow:hidden; margin-top:20px;}
.sitemap h2 {padding:5px; font-size:16px; font-weight:bold; color:#075699;}
.sitemap h2 a{color:#075699;}
.sitemap h2 a:hover{color:#ff6600;}
.sitemap ul{ overflow:hidden; margin-bottom:15px; padding:6px 10px; background:#fafafa; border:1px #ddd dotted;}
.sitemap ul h3 {font-size:14px; padding-bottom:5px; border-bottom:1px #ddd dotted; margin-bottom:5px; line-height:24px; font-weight:600;}
.sitemap ul li{float:left; width:auto; margin-right:25px; font-size:14px; line-height:24px;}