/*移动端样式设置*/
/*html,body {height: 100%;}
body {width:7.5rem;margin:0px auto;overflow-x: hidden;}
.container {width: 100%;padding: 0rem 0.1rem;}*/


/*公共样式*/
html,body{overflow-x: hidden;}
body {background: #fff;line-height: 2;overflow-x: hidden;color: #333;}
.font-yahei {font-family: "微软雅黑";}
.container {width: 1200px;}
.layout,.container-layout {min-width: 1200px;}
canvas {margin: 0px;padding: 0px;display: block;}
a {color: #333;}
.text-white,.text-white a {color: #fff;}
.margin-top {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.margin-top20 {margin-top: 20px;}
.margin-top30 {margin-top: 30px;}
.margin-top40 {margin-top: 0.4rem;}
.margin-bottom {margin-bottom: 10px;}
.margin-bottom15 {margin-bottom: 15px;}
.margin-bottom20 {margin-bottom: 20px;}
.margin-bottom30 {margin-bottom: 30px;}
.margin-bottom40 {margin-bottom: 0.4rem;}
.relative {position: relative;}

/*首页样式*/
.header-line {background: #1F84E0;height: 5px; overflow: hidden;}
.logo {margin-top: 15px;}
.nav-box {float: right;}
.nav-box >ul >li {float: left;padding-left: 20px; padding-right: 20px;}
.nav-box >ul >li >a {display: block;line-height: 80px;text-align: center;font-size: 16px;height: 82px;}
.nav-box >ul >li >a:hover {border-bottom: 2px solid #1F82DF;color: #1F82DF;}

.banner-box{position: relative;}
.banner-box .bd li{height: 550px;}
.banner-box .hd{position:absolute;bottom:5px;left:0;z-index:3;text-align:center;margin:auto;width:100%;}
.banner-box .hd li{width:10px;height:10px;background:#fff;display:inline-block;margin-left:3px;border-radius:50%;}
.banner-box .hd li.on{background:#1F82DF;}

.title {text-align: center;}
.title-en {display: inline-block;font-size: 40px;color: #999;font-family: "times new roman";border-bottom: 1px solid #ddd;padding-left: 12px; padding-right: 12px;line-height: 1.6;}
.title h1 {font-size: 36px;color: #1F82DF;}

.scroll-pro {position: relative;}
.scroll-pro .bd li {float: left;width: 33.33333%;}
.index-pro-cate {width: 240px;margin: 0px auto;text-align: center;}
.index-pro-cate img {height: 200px;max-width: 200px;border:1px solid #ddd;margin:0 auto;}
.index-pro-cate h1 {color: #1F82DF;}
.index-pro-cate p {color: #666;font-size: 12px;text-align: left;
	display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;
}
.index-pro-cate a.more {display: inline-block;width: 120px;line-height: 36px;text-align: center;color: #666;border: 1px solid #ddd;font-size: 12px;margin-top: 15px;}
.index-pro-cate a.more:hover {border: 1px solid #1F82DF;color: #1F82DF;}

.scroll-pro .prev {display: block;position: absolute;left: -40px;top: 100px;background: url(../images/prev-bg.png);width: 51px; height: 50px;}
.scroll-pro .prev:hover {background: url(../images/prev-bg2.png);}
.scroll-pro .next {display: block;position: absolute;right: -40px;top: 100px;background: url(../images/next-bg.png);width: 51px; height: 50px;}
.scroll-pro .next:hover {background: url(../images/next-bg2.png);}

#about-box {background: url(../images/m_11.jpg) center top no-repeat; height: 438px; overflow: hidden;}
#about-box a.more {display: inline-block;width: 120px;line-height: 36px;text-align: center;color: #fff;border: 1px solid #fff;font-size: 12px;margin-top: 15px;}
#about-box a.more:hover {color: #1F82DF;border: 1px solid #fff;background: #fff;}

#toutiao >a {width: 580px; height: 290px;display: block;overflow: hidden;}
#toutiao >a >img {width: 100%;height: 100%;}
#toutiao p {line-height: 1.6;color: #666;}

.index-news-list .news-number {font-size: 56px;border-right: 1px solid #ddd;width: 90px;text-align: center;color: #1F82DF;}
.index-news-list h1 {font-size: 16px;}
.index-news-list h1 span {font-size: 14px;color: #999;}
.index-news-list p {line-height: 2;}

#lianxi-box {background: url(../images/m_17.jpg) center top no-repeat; height: 430px;}
#lianxi-box h1 {font-size: 40px;padding-top: 50px;}
.lianxi-title p {color: #999;}

#lianxi-con {margin-top: 60px;text-align: center;color: #fff;}
#lianxi-con .x3 div {height: 64px;font-size: 64px;line-height: 64px;margin-bottom: 10px;}

#footer-box {background: #333333;padding-top: 10px; padding-bottom: 10px;}
#footer-box .layui-breadcrumb * {color: #fff!important;font-size: 12px;}
#footer-box hr {background: #404040;}

/*内页样式*/
#nav-position {margin-top: 30px;}
.nav-position {border: 1px solid #ddd;padding: 5px 10px;}
#main-box {margin-top: 30px;margin-bottom: 30px;}
#left-box {width: 220px;}
#right-box {width: 940px;}

.submenu-box {border: 1px solid #ddd;}
.submenu-box h1 {font-size: 16px;background: #F3F1F3;padding: 8px 12px;}
.submenu-box ul {padding: 5px 12px 20px;}
.submenu-box li {border-bottom: 1px dashed #ddd;}
.submenu-box li a {display: block;background: url(../images/submenu-li-bg.jpg) left center no-repeat;padding-left: 12px;line-height: 45px;transition: all 0.5s;}
.submenu-box li a:hover {background: url(../images/submenu-li-bg.jpg) 10px center no-repeat #f7f7f7;padding-left: 22px;}

.lianxi-box {border: 1px solid #ddd;margin-top: 15px;}
.lianxi-box h1 {font-size: 16px;background: #F3F1F3;padding: 8px 12px;}
.lianxi-box ul {padding: 5px 8px 20px;font-size: 13px;}
.lianxi-box li span {display: inline-block;width: 20px;text-align: center;color: #888;}

#qrcode {margin: 0px auto 15px;width: 180px;}

#main-con {background: #fff;min-height: 500px;padding: 0px 0px;}
#main-con img {max-width: 100%;}

#qrcode-wechat{padding: 0px 10px 15px 10px;text-align: center;}
#qrcode-wechat img{max-width: 100%;}
#btn-menu {display: none;}
.footer-tools {display: none;}

/*响应式特殊样式定义*/
@media only screen and (max-width: 760px) {
	body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{font-size: 12px;}
	body:before {content: '';display: block;height: 60px;}
	body:after {content: '';display: block;height: 50px;}
	.container {width: auto;}
	#header {position: fixed;left: 0;right: 0;top: 0;height: 60px;background: #fff;z-index: 9}
	.logo {width: 80%;}
	.logo img {max-width: 100%;}
	#btn-menu {float: right;display: inline-block;border: 1px solid #ddd;padding:3px 8px;margin-top: 15px;border-radius: 4px;}
	.nav-box {float: none;position: fixed;left: -140px;width:140px;top: 60px;bottom:0;background: #1F84E0;z-index: 10;}
	.nav-box >ul >li {float: none;padding-left: 0;padding-right: 0;border-bottom: 1px solid #4898E3;}
	.nav-box >ul >li >a {height: auto;line-height: 40px;color: #fff;}
	.nav-box >ul >li >a:hover {border-bottom: none;background: #fff;}
	.layout {min-width: 100%;}
	.banner-box .bd li {height: 3.4rem;background-size: cover!important;}
	.title-en {font-size: 20px;}
	.title h1 {font-size: 24px;}
	.scroll-pro .bd li {width: 100%;}
	.scroll-pro .prev {left: 0;}
	.scroll-pro .next {right: 0;}
	#toutiao >a {width: auto;height: 4.5rem;}
	#toutiao h1 {line-height: normal;margin-bottom: 5px;}
	#toutiao h1 span {margin-top: 5px;}
	.index-news-list .news-number {display: none;}
	.index-news-list {border-top: 1px solid #ddd;margin-top: 15px!important;}
	.index-news-list h1 {overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
	.index-news-list h1 span {margin-top: 5px;font-size: 12px;}
	.index-news-list h1 a {font-size: 14px;}
	.index-news-list p {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-top: 0;color: #888}
	#lianxi-box h1 {padding-top: 20px;font-size: 24px;}
	#lianxi-con {text-align: left;margin-top: 20px;}
	#lianxi-con .item {display: flex;align-items: center;margin-bottom: 20px;}
	#lianxi-con .item div {display: flex;width: 60px;justify-content: center;align-items: center;}
	#lianxi-con .item div img {max-height: 30px;max-width: 30px;}
	#lianxi-box {height: auto;}
	.lianxi-box {display: none;}
	#right-box {float: none!important;width: auto;}
	#left-box {float: none!important;width: auto;margin-bottom: 15px;}
	.submenu-box {border: none;border-bottom: 1px solid #ddd;}
	.submenu-box h1 {display: none;}
	.submenu-box ul {padding:0;display: flex;flex-wrap: nowrap;overflow-x: auto;}
	.submenu-box li {border-bottom: none;}
	.submenu-box li a {padding-left: 10px;padding-right: 10px;}
	#main-box {margin-top: 15px;}
	#main-con p img {max-width: 100%;}
	.article_title {font-size: 16px!important;line-height: 1.4;}
	#baidu_share {display: none;}
	.article_content p img {max-width: 100%;}
	#product_list_page li {width: 50%!important;}
	#product_list_page li a {width: auto!important;height: 3rem!important}
	#product_list_page li p {height: auto!important;font-size: 12px;line-height: 1.2}
	.layui-tab-content p img {max-width: 100%;}
	#pic_list li div.pic_list {height: 2.4rem!important;}
	.cgwl-form {display: none;}

	.footer-tools {
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    height: 50px;
	    z-index: 4;
	    background: #007bd3;
	    display: block;
	}
	.footer-tools ul {
	    display: flex;
	    color: #fff;
	    justify-content: space-around;
	}
	.footer-tools ul li {
	    width: 25%;
	}
	.footer-tools ul a {
	    color: #fff;
	    display: flex;
	    height: 50px;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    line-height: normal;
	    font-size: 12px;
	}
	.footer-tools ul a i {
	    font-size: 18px;
	}

}