@import "font-awesome.min.css";
@import "base.css";


*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font-family:"microsoft Yahei", Arial, Verdana, Geneva, sans-serif; font-size:12px;line-height: 1.5; color:#333;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#f78d2c; }
.cl, .clear{ clear:both;}
.none, .buxianshi{ display:none;}


.container{max-width: 1100px;margin: auto;}

.no_mobile{}
.show_mobile,.show_767{display: none}

.menu-button{position:fixed;width: 24px;top: 20px;right:10px;z-index: 99;padding: 9px 10px;margin-right: 15px;margin-top: 8px;margin-bottom: 8px;border: 1px solid #ddd;border-radius: 4px;cursor: pointer;display: none;background: #ffffff;}
.menu-button:hover{background: #ddd}
.menu-button span{width:100%;display: block;height: 2px;background:#888;border-radius: 1px;-webkit-transition: .3s;transition: .3s;position: relative}
.menu-button span:nth-child(2){margin: 4px 0}

.menu-button.cross span:nth-of-type(1) {-webkit-transform: translateY(6px) rotate(-45deg);-ms-transform: translateY(6px) rotate(-45deg);transform: translateY(6px) rotate(-45deg);}
.menu-button.cross span:nth-of-type(2) {opacity: 0;}
.menu-button.cross span:nth-of-type(3) {-webkit-transform: translateY(-6px) rotate(45deg);-ms-transform: translateY(-6px) rotate(45deg);transform: translateY(-6px) rotate(45deg);}


#header{ position:relative;padding: 10px 0;}
#header .logo{ width:230px;float: left}
#header .tel{ position:absolute; top:1em; right:1em;display: none; text-align:right; color:#005BAC;}
#header .tel h2{ font-size:1em;}
#header .tel p{ font-size:1.5em; }

.langs {float: right;margin-top: 25px;font-size: 12px;width: 115px;padding:8px 15px;border-left: 1px solid #eaeaea;cursor: pointer;display: block; box-sizing:border-box;z-index:9999;}
.langs a {display: block;height: 23px;line-height: 23px;color: #a4a4a4;}
.langs a:hover{ color:#0868d9;}
.langs a h4, .langs-box a h4{ padding-left:10px; float:left;}
.langs a img {float:left;}

.langs-box {display: none;position: absolute;right: 0;top: 100%;background: #fff;width: 90px;padding: 0 20px 5px 20px;z-index: 9999;border-radius: 5px;}
.langs-box a {display: block;height: 23px;line-height: 23px;color: #a4a4a4;text-decoration: none;margin: 5px 0;font-size: 12px;}
.langs-box a img {vertical-align: middle; float:left;}
.langs-box a:hover {color: #0868d9;text-decoration: underline;}

.menu{width:calc(100% - 360px);float: right;margin-top: 10px;font-size: 14px}
.menu ul li{width: calc(100% / 6);float: left;text-align: center;position: relative}
.menu ul li>a{display: block;line-height: 50px;padding-top: 10px;}
.menu ul li.current>a{background: url(../images/nav_hover2.jpg) no-repeat top left #F9971C; color:#fff;}
.menu ul li:hover>a{background: url(../images/nav_hover1.jpg) no-repeat top left #3167B1;color: #ffffff}
.menu ul li .menu_box{border:solid 1px #e0e0e0; border-top: solid 3px #F9971C;position:absolute;top:100%;left:0;z-index:1000;display:none;width: 200px;padding:5px 0;font-size:14px;text-align:left;background-color:#fff;border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175)}
.menu ul li .menu_box a{display: block;padding: 10px 15px;border-bottom: solid 1px #eee;color: #6f6f6f;}
.menu ul li .menu_box a:hover{color:#fff; background:#F9971C;}
.menu ul li .menu_box a:last-child{border: 0;}
.menu ul li:hover .menu_box{display: block}

.main_bannerbg{position: relative}

.in_banner li{height:850px;background-position: center;background-repeat: no-repeat;background-size: cover}
.main_bannerbom{padding-top:1em;}

.container_m{width: 95%;margin: auto}
.title_m{ padding: 1em 0;font-size:1.5em; color:#005BAC;}


.main_about,.main_pro{padding-bottom: 10px;border-top:1px solid #8B8A89;}
.main_about .list{line-height: 2}
.main_about .list .btn{ text-align: right}
.main_about .list .btn a{ color:#005BAC;}
.main_about .list .btn a:hover{ color:#f30;}

.main_pro ul{ padding:2em;}
.main_pro ul li{ width:33.3%; float:left;box-sizing: border-box;padding: 20px;text-align: center}
.main_pro .pic{}
.main_pro ul li a p{margin-top:10px;}

.in_contact{padding: 30px 0;}
.in_contact .box{width: 25%;float: left;box-sizing: border-box;padding-right: 10px;}
.in_contact .title{ padding-bottom:6px;font-size: 18px;padding-left:10px;text-transform: uppercase;color:#1664c4;overflow:hidden;}


.in_contact .contact span{ color:#999;}
.in_contact .list{padding-top:8px; line-height:1.8;}
.in_contact .news .list ul li{ padding-bottom:3px; padding-top:3px;}
.in_contact .news .list ul li a{ text-decoration:none; color:#333;}
.in_contact .news .list ul li a:hover{ color:#0b6cdd; text-decoration:underline;}
.in_contact .news .list ul li span{ padding-left:10px; color:#999; font-size:12px;float: right}

.search-input,.search-btn{height:32px;border:0;outline:none;}
.search-input {font-size:12px;color:#333;width:70%;box-sizing: border-box;padding-left: 10px;background:url(../images/search-input-bg.jpg) top left no-repeat;float:left;font-family:LucidaGrande, Lucida Sans, Arial;}
.search-btn {width:15%;background:url(../images/search-btn.jpg) no-repeat center #3167b1;float:left;max-width: 50px;}

.m_tel{font-size: 16px;background: #e89343;text-align: center}
.m_tel a{color: #ffffff}
.m_tel strong{font-size: 20px;}
.m_tel img{text-align: center}


#footer{position:relative; background:#3f3f3f; color:#d4d4d4; margin-top:20px; padding:10px 0;}
#footer .copyright{ float:left; padding-top:20px; margin-top:20px;}
#footer .icon{ display:inline; float:left; margin-left:50px; margin-top:20px;}
#footer .ma{ float:right; padding-top:5px;}

.m_foot{width: 100%;position: fixed;line-height:2;font-size: 14px;text-align: center;left: 0;bottom: 0;background: #3f3f3f;color: #ffffff;}
.m_foot ul li{width: 33.3%;float: left;padding: 3px 0;}
.m_foot ul li a{color: #ffffff;}
.m_foot ul li img{height: 25px;}


@media (max-width:1024px){
	.no_mobile{display: none}
	.show_mobile{display: block}

	.menu-button{display: block}
	.menu{width: 100%;position: fixed;height: 100%;left: 0;top: 0;background: #ffffff;z-index: 98;display: none}
	.menu.open{display: block}
	.menu ul li{width: 100%;float: none}
	.menu ul li:first-child{margin-top: 50px;}
	.menu ul li .menu_box{display: none!important;}

	.menu ul li.current>a{background:#F9971C;}
	.menu ul li:hover>a{background:#3167B1;}

	.in_banner li{height:400px;}
}
@media (max-width:991px){
	.in_contact .box{width:33.3%;}
	.in_contact .online_store{display:none;}
}


@media (max-width:767px){
	.show_767{ display:block;}
	.in_banner li{height:200px;}
	.main_pro ul li{ width:50%;}

	.in_contact{border-top:1px solid #8B8A89;background: #ECECEC;padding-top: 0; }
	.in_contact .box{width:100%;float: none;padding: 0 20px;}
	.in_contact .title,.in_contact .news,.in_contact .search,#footer .icon{ display:none;}

	#footer{margin: 0;padding-bottom: 80px;}
	#footer .copyright{ float:none; text-align:center;margin: 0;}
	#footer .ma{ float:none; padding-top:5px; text-align:center;}

}


.banner{ height:290px; background-color:#2362af;background-size:cover;background-position: top center }

.post{  padding:10px 0; border-bottom:1px solid #cacaca;}
.post a{ color:#333;}
.post a:hover{ color:#f9971c; text-decoration:underline;}
.post span{ color:#f9971c;}

.page_tit{  margin-top:20px;font-size:14px; font-weight:normal; text-transform:uppercase; color:#999;}
.page_tit h2{ font-size:28px; color:#f78d2c;}

.sidebar{}
.sidebar ul{ margin-top:25px;text-align: center}
.sidebar ul li{ float:left;width: 20%;margin-bottom: 8px;box-sizing: border-box;padding: 1px;}
.sidebar ul li a{ display:block; line-height: 44px; color:#fff;background:#3167b1; border-bottom:2px solid #f78d2c;-moz-border-radius: 6px;    -webkit-border-radius: 6px;  border-radius:6px;}
.sidebar ul li:hover a,.sidebar ul li.current a{ background:#f78d2c; border-bottom:2px solid #3167b1;}

.pro_search{ margin-bottom:20px;}
.pro_search .search-input{ width:253px;}



.case_css {}
.case_css .img{padding-top:30px; text-align:center;}
.case_css  dl{ width:50%; float:left;}
.case_css  dl dt{ margin-top:10px; line-height:2; font-size:2em; font-weight:bold;padding-left: 15px;}
.case_css  dl dd{padding:0 10px; border-bottom:1px solid #ccc;line-height: 2.5;margin: 0 5px;}
.case_css  dl dd:hover{ background:#dcf2ff;}



.content_list{padding-top:30px; font-size:14px; line-height:2;}

.pro_list{}
.pro_list ul{ margin-top:10px;}
.pro_list ul li{  margin:10px; background:#FFF; overflow:hidden;}
.pro_list ul li>div{height: 300px;}
.pro_list ul li .pic{ float:left;text-align:center; width: 380px;}
.pro_list ul li .pic img{max-height: 100%;}
.pro_list ul li .text{ float:right;width: calc(100% - 400px); line-height:1.6;display: grid;align-content: center;}
.pro_list ul li h3{ font-size:14px;margin-bottom: 10px;}
.pro_list .text p{text-align:Justify;}



.showpro_title{ padding-top:260px;background:url(../images/pro_inbg.jpg) no-repeat top center;background-size: 100%}
.showpro_title .box{ width:90%; margin:0 auto; background:#f08619;position: relative;color: #ffffff;box-sizing: border-box; padding:20px 70px;z-index: 1}
.showpro_title .box:before{content: '';width: calc(100% + 5px);height: calc(100% + 5px);border: 2px solid #f08619;position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);z-index: 0}
.showpro_title .box .img{width: 200px;float:left;position: relative;z-index: 1}
.showpro_title .box .text{ width: calc(100% - 200px);color:#fff; padding-left:20px;box-sizing: border-box;float: left;position: relative;z-index: 1}
.showpro_title .box .text h2{ font-size:28px;margin-bottom: 20px}
.showpro_title .box .text h2 span{ padding-right:10px;}
.showpro_title .box .text p{text-align:Justify; }
.show_content{line-height: 1.8}

/*news*/
.news_list{}
.news_list ul li{padding:18px 25px; line-height: 2;font-size:14px;background:url(../images/jt03.gif) no-repeat 5px center; border-bottom:1px dashed #ccc; }
.news_list ul li a{ color:#333;}
.news_list ul li a:hover{ color:#f78d2c;}
.news_list ul li:hover{ background-color: #fdf5ee;}
.news_list ul li span{ color:#888; float:right;}


@media (max-width:767px){
	#container{ width:95%; margin:0 auto;}
	#container img{ max-width:98%;}
	.banner{ height:100px;}
	.sidebar ul li{ width:50%;}

	.pro_list ul li{ border-top:1px dashed #999;}
	.pro_list ul li>div{height: auto;}
	.pro_list ul li .pic,.pro_list ul li .text{width: 100%;float: none;}
	.pro_list ul li .text{padding: 10px 0;}
	.showpro_title{padding-top: 90px;}
	.showpro_title .box{padding: 10px 20px;}
	.showpro_title .box .img,.showpro_title .box .text{width: 100%;float: none;padding: 10px;}
	.showpro_title .box .text h2{font-size: 20px;margin-bottom: 10px;}

}

.shownews{}
.shownews .title{ border-bottom:1px dashed #ccc; padding-bottom:10px;margin-bottom: 30px;}
.shownews .title h1{ font-size:24px; color:#f78d2c; line-height:1.6;}
.shownews .title p span{ color:#999;margin-right:10px;}
.shownews .return{margin-top:20px; border-top:1px dashed #ccc; padding:10px; text-align:right;}



a:focus { outline: none; }
#panel { clear:both; background: #69C7F7;}
/*#panel { clear:both; background: #69C7F7; display: none; } */
#panel img{ width:100%;}
.slide { margin: 0; padding: 0; border-bottom: solid 4px #005bac;  overflow:hidden;}
.active { background-position: center 10px; }


.selecterBtns {margin-bottom:25px;}
.selecterBtns li{line-height:38px;margin-right:4px;margin-bottom: 10px;display: inline-block}
.selecterBtns a {background:#EDEDED;color:#111;padding:0 20px;border-radius:8px;display:block;outline:none;text-decoration:none;}
.selecterBtns .active, .selecterBtns a:hover {background:#005bac;color:#fff;}

.selecterContent {}
.selecterContent li {width:20%;height:220px;overflow:hidden;text-align:center;float: left}
.selecterContent a { position:relative;width:95%;background:#fff;height:90%;max-height:100%;padding:0;margin:1px;border:1px solid #ccc;}
.selecterContent a:hover{border:1px solid #f2990b;}
.selecterContent li img{border:none;max-width:100%;max-height:100%;margin:0 auto;text-align:center;}

.selecterContent li p{ position:absolute;bottom:0;background:#005bac;width:100%;margin:0 auto;color:#fff;padding-bottom:0.5em;padding-top:0.5em;display:none;}


#salesnetwork {margin:0 auto;max-width: 700px}
#mylist td {line-height: 21px;}
#mylist td.one {width: 50px;}
#myzone{width:90%;max-width: 390px;padding: 15px;box-sizing: border-box; position: absolute; left:50%; top: 100px;transform: translateX(-50%);display: none;background: rgba(255,255,255,0.7);border: 1px solid #cccccc;box-shadow: 2px 4px 5px rgba(0,0,0,0.4)}
#myzone .close{position: absolute;right: 10px;top: 10px;cursor: pointer;}

.contact{padding: 20px 0}
.contact .img{width: 48%;float: right}
.contact .text{width: 48%;float: left;line-height: 2;font-size: 14px;}
.contact .text img{margin-bottom: 20px;}

.captcha_img{height: 38px;cursor: pointer}

@media (max-width:991px){
	.selecterContent li {width:25%;}
	.case_css dl{width: 90%;margin: auto;float: none}

	.contact .img{display: none}
	.contact .text{width: 100%;float: none}
}

@media (max-width:767px){
	.selecterContent li {width:50%;height:150px;}
}