@charset "gb2312";
/* CSS Document */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
span {
	padding: 0;
	margin: 0;
}

* {
	margin: 0;
	padding: 0;
}
html, body{font-size:100%;color:#666666; margin:0 auto; padding:0;}
.clear{clear: both;}
.contanier {
	width: 96%;
	margin: 0 auto;
	overflow: hidden;}
.bgbaise{background-color: #fff !important;}
.clearfix::before,
.clearfix::after {
	content: "";
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
	line-height: 0;}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;}
.f12{font-size:12px;}
.fl{ float:left;}
.fr{ float:right;}
.fweight{font-weight:bold;}
ul,li{ list-style:none; display:block;  margin:0; padding:0;}
a{text-decoration: none;color:#333;}
a:hover{text-decoration: none; color:#028cd5;}
.col333{color:#333;}
.col999{color:#999;}
.mt3{margin-top:3%;}
.mt5{margin-top:5%;}
.mt15{margin-top:15px;}
.ptb3{padding:3% 0;}
.con{height: auto;
    margin: 0 auto;
    min-width: 320px;
    MAX-WIDTH: 960px;
    min-height: 300px;}
.contanier{width:96%;margin:0 auto;}
/* 单行文字超出隐藏 */
.wz_close01{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* 多行文字超出隐藏 */
.wz_close02{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/*--top--*/
.top{background:#FFF;box-shadow:0 2px 3px rgba(0,0,0,.1);-o-box-shadow:0 2px 3px rgba(0,0,0,.1);-ms-box-shadow:0 2px 3px rgba(0,0,0,.1);-moz-box-shadow:0 2px 3px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 3px rgba(0,0,0,.1);width:100%; position:fixed;top:0;z-index:999;height:50px;line-height:50px; text-align:center;}
.header{text-align:center;}
.logo{width:70%;height:40px;text-align:left;margin:5px 0 10px 10px; float:left; display:block;}
.top_wenzi{
    margin: 7px 0 7px 10px;
    padding-left: 10px;
    font-size: 12px;
    float: left;
    border-left: 1px solid #cccccc;
    color: #7c7c7c;line-height:12px;
	text-align:left;}
.top_wenzi span {
    display: block;
    color: #404040;
    font-size: 18px;
    font-family: 'AvantGardeITCbyBT-Book';line-height:18px;}
.pt50{padding-top:50px;}
/*--导航菜单--*/
.dl-menuwrapper {width:100%; float:right; position:absolute; top:0;	right:0; z-index:2; -webkit-perspective:1000px; -moz-perspective:1000px;	perspective:1000px;	-webkit-perspective-origin: 50% 200%;	-moz-perspective-origin: 50% 200%;	perspective-origin: 50% 200%;}
.dl-menuwrapper button {border:none; width:28px; height:20px; text-indent:-900em;	overflow:hidden; position:absolute;	top:0;	right:0; cursor:pointer; outline:none;
	background:url(../images/menu.png) no-repeat;background-size:28px 20px; float:right; margin:15px 10px 0 0;}
.dl-menuwrapper ul {background:#2a2a2a;padding:0;	list-style:none; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d;	transform-style:preserve-3d;}
.dl-menuwrapper li {position:relative;	border-top:1px solid #0e0e0e;	border-bottom:1px solid #343434;}
.dl-menuwrapper li a {display:block;text-align:left; position:relative;	padding:10px 8%;line-height:30px; font-size:14px; font-weight:300; color:#fff; outline:none;}
.no-touch .dl-menuwrapper li a:hover {background:rgba(255,248,213,0.1);}
.dl-menuwrapper li.dl-back > a {padding-left:20px;	background:rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {position:absolute; top:0; line-height:50px;speak:none; -webkit-font-smoothing:antialiased;}
.item-has-children{ background:url(../images/jia.png) 92% 10px no-repeat;background-size:20px 20px}
.dl-menuwrapper li.dl-back:after {left:10px; color:rgba(255,255,255,0.8); -webkit-transform:rotate(180deg);	-moz-transform:rotate(180deg); transform: rotate(180deg);}
.dl-menuwrapper li > a:after {right:10px; color:rgba(255,255,255,0.8);}
.dl-menuwrapper .dl-menu {
	margin:50px 0 0 0;
	position: absolute;
	padding:0;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;	-moz-transition:all 0.3s ease;	transition:all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen { opacity:1; pointer-events:auto; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); transform:translateY(0px);}
#cd-lateral-nav .sub-menu { display:none; text-indent:80px;}
#cd-lateral-nav .sub-menu a{ font-size:12px;text-align:left;padding:10px 0;}
#cd-lateral-nav a {display:block; }
#cd-lateral-nav .gr{ width:100%; float:left; padding:100px 0; border-top:1px solid #0e0e0e;}
#cd-lateral-nav .gr span{ float:left; width:50%;}
#cd-lateral-nav .gr a{ height:30px; padding:0; height:30px; line-height:30px; font-size:14px; }
#cd-lateral-nav .gr a.gr_zc{ width:400px; display:block; float:right; margin-right:40px; text-align:center; background:#2975d4; color:#fff; border-radius:10px; }
#cd-lateral-nav .gr a.gr_dl{ width:400px; display:block; float:left; margin-left:40px; text-align:center; background:#e9791a; color:#fff; border-radius:10px; }

/*首页图片切换*/
.addWrap{position:relative; z-index:2;width:100%;background:#fff;margin:0; padding:0;}
.addWrap .swipe{overflow: hidden;visibility:hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div{float:left;width:100%;position:relative;}
#position{position:absolute; bottom:0;right:50%;margin:0 -21px 10px auto;}
#position li{width:10px;height:10px;margin:0 2px;background-color:rgba(160, 160, 160, 0.53); border-radius:50%; display:inline-block; cursor:pointer; transition: all .2s ease-out;}
#position li.cur{background-color: rgba(255, 255, 255, 0.74);}

.section-heading {
    text-align: center;
    position: relative;
	
}
.section-heading h3 span {
    padding: 0 10px;
    position: relative;
    z-index: 5;
    font-size: 16px;
	font-weight:normal;
	color:#000;
	text-transform: uppercase;
}
.section-heading h3::before{
	 border-top: 1px solid #dadada;
    content: "";
    display: block;
    height: 1px;
    left: 10%;
    position: absolute;
    top: 50%;
    width: 20%;
    z-index: 1;
}
.section-heading h3::after {
    border-top: 1px solid #dadada;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 10%;
    top: 50%;
    width: 20%;
    z-index: 1;
}

.about{width:100%;}
.about .shipin{width:100%;height:300px;background:#f5f5f5;margin-bottom:3%;}
.more{text-align: center;padding: 2% 0;border: 2px solid #028cd5;font-weight: bold;color: #000000;text-transform: uppercase;width: 50%;display: inline-block;font-size: 14px;border-radius: 30px;margin:0 25%;}
.adv{width:100%;}
.adv ul li{display:block;width:100%;padding:3% 0;clear:both;}
.adv ul li span{display:inline-block;border:solid 2px #028cd5;border-radius:50%;width:80px;height:80px;line-height:80px;text-align:center;}
.adv ul li span img{margin:0 auto;vertical-align:middle;height:45px;}
.adv ul li .adv_r{width:70%;}
.adv ul li .adv_r .adv_r_zi{table-layout:fixed; word-break: break-all;}

.pro_list{}
.pro_list ul li{display:block;width:85%;margin:6% auto 0 auto;border:solid 1px #ddd;-webkit-box-shadow:0px 5px 10px #e5e5e5;-moz-box-shadow:0px 5px 10px #e5e5e5;box-shadow:0px 5px 10px #e5e5e5;padding:4%;text-align:center;}
.pro_list ul li h3{font-size:14px;padding-top:2%;}
.pro_list ul li p{padding-top:2%;}
.pro_list ul li p.price{color:#ff6700;}

.gnlist ul li{width:21%;float:left;padding-top:4%;padding-left:2%;padding-right:2%;}
.gnlist ul li img{border-radius:50%;}
.gnlist ul li p{padding-top:5%;font-size:12px;text-align:center;}

.newslist{width:100%;}
.new_nav{text-align:center;width:100%;}
.new_nav a{display:inline-block;padding:2% 5%;font-size:14px;border:solid 1px #e5e5e5;margin:0 2%;color:#666;border-radius:20px;}
.new_nav a.cur{background:#028cd5;color:#fff;border:solid 1px #028cd5;}
.new_c_main1 ul li{display:block;border-bottom: dashed 1px #ddd;padding: 3% 0;}
.new_c_main1 ul li img{width:30%;}
.new_c_main1 ul li div{width:65%;}
.new_c_main2 ul li{display:block;border-bottom: dashed 1px #ddd;padding: 3% 0;}
.new_c_main2 ul li a{color: #676767;background: url(../../images/dian.png) no-repeat left center;padding-left: 15px;}
.links{width:100%;padding-bottom:5%;}
.links ul li{display:block;float:left;height:60px;width:28.8%;margin:4% 2% 0 2%;border:solid 1px #eee;-webkit-box-shadow:0px 5px 10px #e5e5e5;-moz-box-shadow:0px 5px 10px #e5e5e5;box-shadow:0px 5px 10px #e5e5e5;line-height:60px;text-align:center;}
.links ul li img{vertical-align:middle;max-height:50px;max-width:100%;}


.dibu{width:94%;background:#f5f5f5;padding:3%;text-align:center;font-size:12px;}

.ny_banner{width:100%;margin-top:50px;}
.top_nav_con{width:100%;border-bottom:solid 1px #eee;}
.top_nav_con a{display:inline-block;float:left;padding:3%;}
.top_nav_con a.leftmenuon{color:#028cd5;border-bottom:solid 2px #028cd5;}
.con_main{font-size:14px;width:94%;padding:3%;}
.con_main img{max-width:100%;margin:0 auto;}
.wrapper03 {position:relative;height: 1.5rem;width: 100%;padding:4% 0;overflow: hidden;margin:0 auto;background:#fff;border-bottom:solid 1px #ddd;}
.wrapper03 .scroller {position:absolute}
.wrapper03 .scroller li {color:#333;float: left;text-align: center;}
.wrapper03 .scroller li a{color:#333;font-size:14px;display:block;margin:0 .3rem;padding:0 .6rem 0.8rem .6rem}
.wrapper03 .scroller li a.leftmenuon{color:#028cd5;border-bottom:solid 2px #028cd5;}
.prolist_in ul li{display:block;background:url(../images/icon06.png) no-repeat right center;background-size: 10px 10px;border-bottom:solid 1px #eee;padding:3% 0;}
.prolist_in ul li a{font-size:14px;color:#666;}
.prolist_in{min-height:300px;}
.pro2_list ul li{border-left: solid 1px #ffffff;border-right: solid 1px #ffffff;border-bottom: solid 1px #ffffff;padding:3%;}
.pro2_list ul li:nth-child(odd){background-color: #E4F4FD;}  
.pro2_list ul li:nth-child(even){background-color: #C4E7FA;}
.proshow_con img{max-wight:100%;margin:3% auto;}
.proshow_con dl{margin:0;padding:0;width:100%;}
.proshow_con dl dt{float:left;background:#028cd5;color:#fff;border-left:solid 1px #fff;padding-left:4%;font-size:14px;padding-top:2%;padding-bottom:2%;width:40%;}
.proshow_con dl dd{float:left;background:#028cd5;color:#fff;border-left:solid 1px #fff;padding-top:2%;font-size:14px;padding-bottom:2%;border-bottom:solid 1px #fff;border-right:solid 1px #fff;width:51%;padding-left:4%;}
.new_ny ul li{border-bottom:dashed 1px #eee;padding:3% 0;}
.new_ny ul li .new_01{background:url(../images/icon06.png) no-repeat left center;background-size: 10px 10px;}
.blue{color:#028cd5;}
.new_ny ul li p{padding-left:20px;}

.newform input{border:solid 1px #eee;font-size:14px;color:#a0a0a0;outline: none;padding-left:15px;width:80%;height:40px;line-height:40px;border-radius:5px;margin-bottom:15px;margin-right:10px;}
.newform textarea{border:solid 1px #eee;color:#a0a0a0;font-size:14px;outline: none;padding-top:15px;padding-left:15px;width:80%;border-radius:5px;}
.newform .tj_btn{width:100%;margin-top:10px;height:50px;background:#028cd5;font-size:14px;color:#fff;border-radius:5px;padding-left:0; cursor:pointer;}
/* 分页 */
.ui_page {
    line-height: 0;
    padding: 20px 0;
    text-align: center;
    vertical-align: middle;
    clear: both;
}
.ui_page a, .ui_page span {
    background:#F6F6F6;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    margin-right: 3px;
    min-width: 16px;
    overflow: hidden;
    padding: 0 5px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.ui_page a:hover{background:#028cd5; border:#028cd5 solid 1px; color:#FFF;}
.page_now, span.page_now, span.page_now:visited {
    color: #FFF;
    cursor: default;
     background: none repeat scroll 0 0 #028cd5;
    border: 0 none;
}

.h60{height:60px;}
.footer{width:100%;position:fixed;bottom:0; z-index:8888;background:#f5f5f5;border-top:solid 1px #ddd;}
.footer ul li{float:left;width:25%;text-align:center;padding:2% 0;}
.footer ul li a span{display:block;height:25px;width:100%;margin:0 auto;}
.footer ul li a span.foot_icon01{background:url(../images/foot_01.png) no-repeat center;background-size:27px 25px;}
.footer ul li a.menuon span.foot_icon01{background:url(../images/foot_01_icon.png) no-repeat center;background-size:27px 25px;}
.footer ul li a span.foot_icon02{background:url(../images/foot_02.png) no-repeat center;background-size:25px 25px;}
.footer ul li a.menuon span.foot_icon02{background:url(../images/foot_02_icon.png) no-repeat center;background-size:25px 25px;}
.footer ul li a span.foot_icon03{background:url(../images/foot_03.png) no-repeat center;background-size:25px 25px;}
.footer ul li a.menuon span.foot_icon03{background:url(../images/foot_03_icon.png) no-repeat center;background-size:25px 25px;}
.footer ul li a span.foot_icon04{background:url(../images/foot_04.png) no-repeat center;background-size:25px 25px;}
.footer ul li a.menuon span.foot_icon04{background:url(../images/foot_04_icon.png) no-repeat center;background-size:25px 25px;}
.footer ul li a{font-size:12px;color:#333;}
.footer ul li a.menuon{color:#028cd5;}
@media only screen and (max-width: 374px){

}
@media only screen and (min-width: 375px){

}
@media only screen and (min-width: 768px){
.con{width:768px;margin:0 auto;}
}