@font-face{font-family:"OpenSans"; src: url(fonts/OpenSans-Regular.eot);src: url(fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),url(fonts/OpenSans-Regular.ttf) format('truetype');}
@font-face{font-family:"OpenSansB"; src: url(fonts/OpenSans-Bold.eot);src: url(fonts/OpenSans-Bold.eot?#iefix) format('embedded-opentype'),url(fonts/OpenSans-Bold.ttf) format('truetype');}
@font-face{font-family:"OpenSansL"; src: url(fonts/OpenSans-Light.eot);src: url(fonts/OpenSans-Light.eot?#iefix) format('embedded-opentype'),url(fonts/OpenSans-Light.ttf) format('truetype');}
@font-face{font-family:"OpenSansS"; src: url(fonts/OpenSans-Semibold.eot);src: url(fonts/OpenSans-Semibold.eot?#iefix) format('embedded-opentype'),url(fonts/OpenSans-Semibold.ttf) format('truetype');}
@font-face{font-family:"OpenSansI"; src: url(fonts/OpenSans-Italic.eot);src: url(fonts/OpenSans-Italic.eot?#iefix) format('embedded-opentype'),url(fonts/OpenSans-Italic.ttf) format('truetype');}


body{font-size:16px;font-family: "OpenSans",'Microsoft YaHei',Arial,Tahoma,sans-serif;margin:0; padding:0}
img{border:0}
italic{font-family: "OpenSansI"}
b{font-size:1.05em}
.spaceheight{display:table;height:20px}
address{font-size:1.0em;font-style:normal;padding-bottom:7px}
a{outline:none}
/* List */
ul{padding: 0;margin: 0;}
li{padding: 0;margin: 0}

.text-align-center{text-align:center}
.upp{text-transform:uppercase;}
.aligncenter{text-align:center!important;magin:auto}

p{line-height: 1.6;margin-bottom:25px}
p img{vertical-align:middle}
dt{font-style:normal!important;}
sup{font-size:50%;}


/* --------------------------------------h1,h2,h3,h4,h5,h6,h7------------------------------------------ */
h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased !important;}
h1{ font-size:14px;line-height:1.2;font-family: "OpenSansS"}/* --------h1列表页产品文章标题，Knowledge文章Tag列表标题------ */
h2, h3{ font-size:14px;line-height:1.4;margin:0;font-weight:500;font-family: "OpenSans"}/* --------h2首页产品名 h3首页新闻标题------ */
h2:hover{text-decoration:none!important;}
h4{ font-size:36px;margin:0px 0px 20px 0px;text-transform: uppercase;}/* --------h4首页栏目标题------ */
h5{ font-size:1.2em;padding:12px 15px 12px 15px;margin:0;line-height:1.3;font-family: "OpenSansS";width:20%;min-width:160px;text-transform: uppercase;text-align:center}/* --------h5块状栏目标题 关于我们------ */
h6{font-size:21px;font-family: "OpenSansS";padding-top:15px;padding-bottom:5px;margin:0;line-height:1.2;}/* --------产品详细页 栏目------ */
.botcol__inner h6{font-size:20px;line-height:2.0;margin:0;padding:0;font-weight:600;font-family: "OpenSansS"}/* --------页面底部标题------ */

@media (max-width: 767px){
h1{font-size:1.0em;line-height:1.5;}
h2, h3{font-size:0.975em;font-weight:500;margin:0;line-height:1.4;}
h4{ font-size:1.6em;margin:0px 0px 10px 0px;}
h5{ font-size:1.2em;width:calc(100% - 30px);}
p{font-size:0.975em;line-height: 1.6;margin-bottom:20px}
.spaceheight{height:10px;}
.display_none{display:none!important;}
}
@media (min-width: 768px) and (max-width: 1179px){
h1{font-size:1.0em;line-height:1.5}
h2,h3{font-size:0.9em;font-weight:500;margin:0;line-height:1.4;}
h4{ font-size:1.8em;font-weight:500;text-transform:uppercase;margin:0px 0px 10px 0px;}
h5{ font-size:1.2em;}
.spaceheight{height:15px;}
}


/**------------------------------------------------------【框架】------------------------------------------------------------**/
/**----------------------fullcol-整体通栏框架---------------------**/
.fullcol{width:100%;margin:auto;}
.fullcol__inner{margin-left:auto;margin-right:auto;position:relative;box-sizing:border-box;display:table;}
.fullcol__inner:after{display:table;clear:both;content:" "}

@media (min-width: 768px) and (max-width: 1179px){
.fullcol__inner{ padding:40px 20px 40px 20px;margin:0;width:100%}}
@media (min-width: 1180px){
.fullcol__inner{width:1140px;padding:50px 20px 50px 20px;}}
@media (max-width: 767px){
.fullcol__inner{padding:40px 20px 40px 20px;margin:0;width:100%}}

.fullcol__inner0{margin-left:auto;margin-right:auto;position:relative;box-sizing:border-box;display:table;}
.fullcol__inner0:after{display:table;clear:both;content:" "}
@media (min-width: 768px) and (max-width: 1179px){
.fullcol__inner0{padding:0px 20px 0px 20px;margin:0}}
@media (min-width: 1180px){
.fullcol__inner0{width:1140px;padding:0px 20px 0px 20px}}
@media (max-width: 767px){
.fullcol__inner0{padding:0px 20px 0px 20px;margin:0}}

/**----------------------col1----【关于我们】------------------**/
.col1{width:100%;display:table;margin:auto;padding:0px;}

/**----------------------col4--【一行四个】(用在Projects)--------------------**/
.col4{width:100%;display:table;}
.col4 ul{list-style-type:none;margin:auto;display:table;width:100%}
.col4 ul li{float:left;display:table;}
.col4 ul li:hover{text-decoration:underline}

@media (max-width: 767px){
.col4 ul{padding:10px 0px 10px 0px;}
.col4 ul li{width:46%;margin-left:2.0%;display:inline-block;margin-right:2.0%;margin-bottom:4%;display:inline-block;vertical-align:bottom;padding-bottom:10px;}
.col4 ul li img{width:100%;transition: all 0.5s; -ms-transition: all 0.5s;}
.col4 ul li .tname4{height:30px;padding:10px;overflow:hidden;}}

@media (min-width: 768px) and (max-width: 1179px){
.col4 ul{padding:10px 0px 10px 0px}
.col4 ul li{width:23%;margin-left:1.0%;display:inline-block;margin-right:1.0%;margin-bottom:4%;padding-bottom:10px;display:table}
.col4 ul li img{width:100%;}
.col4 ul li img:hover{opacity:0.9;filter(alpha=90);}
.col4 ul li .tname4{height:30px;padding:10px;overflow:hidden;}}

@media (min-width: 1180px){
.col4 ul{margin-bottom:15px;}
.col4 ul li{width:23%;margin-left:1.0%;display:inline-block;;vertical-align:bottom;margin-right:1.0%;margin-bottom:4%;padding-bottom:10px;}
.col4 ul li img{width:100%}
.col4 ul li img:hover{opacity:0.9;filter(alpha=90);}
.col4 ul li .tname4{height:30px;padding:10px;overflow:hidden;}}


/**----------------------col5-----【一行五个】(用在首页)--------------------**/
.col5{width:100%;display:table;}
.col5 ul{list-style-type:none;margin:auto;display:table;width:100%}
.col5 ul li{float:left;display:table;}
.col5 ul li:hover{text-decoration:underline}

@media (max-width: 767px){
.col5 ul{margin:10px 0px 10px 0px}
.col5 ul li{width:46%;margin-left:2.0%;display:inline-block;margin-right:2.0%;margin-bottom:4.0%;display:inline-block;vertical-align:bottom;padding-bottom:10px}
.col5 ul li:nth-child(5),.col5 ul li:nth-child(10){display:none}
.col5 ul li img{width:100%;transition: all 0.5s; -ms-transition: all 0.5s;}
.col5 ul li .tname5{height:30px;padding:10px;overflow:hidden;}}

@media (min-width: 768px) and (max-width: 1179px){
.col5 ul{margin:10px 0px 10px 0px}
.col5 ul li{width:23%;margin-left:1.0%;display:inline-block;margin-right:1.0%;margin-bottom:3%;padding-bottom:5px;display:table}
.col5 ul li:nth-child(5),.col5 ul li:nth-child(10){display:none}
.col5 ul li img{width:100%;}
.col5 ul li img:hover{opacity:0.9;filter(alpha=90);}
.col5 ul li .tname5{height:30px;padding:10px;overflow:hidden;}}

@media (min-width: 1180px){
.col5 ul{margin:10px 0px 10px 0px}
.col5 ul li{width:18%;margin-left:1.0%;display:inline-block;margin-right:1.0%;margin-bottom:3%;padding-bottom:10px;}

.col5 ul li img{width:100%}
.col5 ul li img:hover{opacity:0.9;filter(alpha=90);}
.col5 ul li .tname5{height:30px;padding:10px;overflow:hidden;float:left;}}

/**----------------------col6--【一行六个】(用在详情页下方产品列表)---------------------**/
.col6{width:100%;display:table;}
.col6 ul{list-style-type:none;margin:auto;display:table;width:100%}
.col6 ul li{float:left;display:table;}
.col6 ul li:hover{text-decoration:underline}

@media (max-width: 767px){
.col6 ul{padding:10px 0px 10px 0px;}
.col6 ul li{width:46%;margin-left:2.0%;display:inline-block;margin-right:2.0%;margin-bottom:4.0%;padding-bottom:10px;display:inline-block;vertical-align:bottom}
.col6 ul li img{width:100%;transition: all 0.5s; -ms-transition: all 0.5s;}
.col6 ul li .tname6{height:30px;padding:10px;overflow:hidden;}}

@media (min-width: 768px) and (max-width: 1179px){
.col6 ul li{width:18%;margin-left:1.0%;display:inline-block;margin-right:1.0%;margin-bottom:3%;padding-bottom:10px;display:table}
.col6 ul li:nth-child(6){display:none}
.col6 ul li img{width:100%;}
.col6 ul li img:hover{opacity:0.9;filter(alpha=90);}
.col6 ul li .tname6{height:30px;padding:10px;overflow:hidden;}}

@media (min-width: 1180px){
.col6 ul{margin-bottom:15px;}
.col6 ul li{width:14.6666%;margin-left:1.0%;display:inline-block;margin-right:1.0%;margin-bottom:3%;padding-bottom:10px;}

.col6 ul li img{width:100%}
.col6 ul li img:hover{opacity:0.9;filter(alpha=90);}
.col6 ul li .tname6{height:30px;padding:10px;overflow:hidden;}}


/**----------------------col2-news------两列排列【首页Knowledge】【详情页下方文章列表】-----------**/
.col2-news{width:100%;display:table;}
.col2-news ul{list-style-type:none;}
.col2-news ul li{float:left;width:calc(50% - 40px);padding-left:20px;margin-right:10px;background:url(../images/dot.png);background-position:10px 12px;background-repeat:no-repeat;line-height:1.8;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

@media (min-width: 768px) and (max-width: 1179px){
.col2-news ul li{float:left;width:calc(50% - 40px);padding-left:20px;margin-right:10px;background:url(../images/dot.png);background-position:10px 12px;background-repeat:no-repeat;line-height:1.8;font-size:1.0em;max-width:520px}}

@media (max-width: 767px){
.col2-news ul li{float:left;width:calc(100% - 20px);padding-left:20px;background:url(../images/dot.png);background-position:10px 12px;background-repeat:no-repeat;line-height:1.8;white-space:normal;word-break:normal;font-size:0.975em}}

/**----------------------col5-news---新闻---【一行五个】(用在首页)-------------------**/
.col5-news{width:100%;display:table;}
.col5-news ul{list-style-type:none;margin:auto;display:table;padding:0;}
.col5-news ul li{float:left;display:table;}
.col5-news ul li img{padding:4px;width:calc(100% - 8px);border-radius:4px;}
.col5-news ul li iframe{padding:4px;width:calc(100% - 8px);border-radius:4px;}
.col5-news ul li date{font-size:0.8em;padding:0;display:table;font-style:italic;margin-top:5px}
.col5-news ul li .title-news{text-align:left}

@media (max-width: 767px){
.col5-news ul li{width:46%;padding-left:2.0%;padding-right:2.0%;padding-bottom:4%;display:inline-block;vertical-align:bottom}
.col5-news ul li:nth-child(5),.col5-news ul li:nth-child(10){display:none}
.col5-news ul li img:hover{opacity:0.9;filter(alpha=90);}
.col5-news ul li .title-news{padding:5px 10px 0px 0px;overflow:hidden;height:88px}}

@media (min-width: 768px) and (max-width: 1179px){
.col5-news ul{margin-bottom:10px;}
.col5-news ul li{width:23%;padding-left:1.0%;padding-right:1.0%;padding-bottom:1.5%;}
.col5-news ul li:nth-child(5),.col5-news ul li:nth-child(10){display:none}
.col5-news ul li img:hover{opacity:0.9;filter(alpha=90);}
.col5-news ul li .title-news{padding:5px 10px 0px 0px;overflow:hidden;}}

@media (min-width: 1180px){
.col5-news ul{margin-bottom:10px;display:table;width:1120px}
.col5-news ul li{width:18%;padding-left:1.0%;padding-right:1.0%;padding-bottom:1.5%;}
.col5-news ul li img:hover{opacity:0.9;filter(alpha=90);}
.col5-news ul li .title-news{padding:5px 10px 0px 0px;overflow:hidden;}}

.li-video ul li .title-news{padding-left:30px;width:calc(100% - 30px);background: url('../images/icon-video.svg');background-size:22px auto;background-repeat:no-repeat}
/**----------------------col2-----left-list-----right-list------【子栏目左右分栏】------------------**/
.col2{width:100%;display:table;}
.left-list{float:left;display:table;}
.right-list{float:right;display:table;}

@media (max-width: 767px){
.left-list{width:100%;font-size:0.95em;}
.right-list{width:100%;margin-bottom:15px;}}
.right-list h1{ line-height:1.2;font-size:1.6em;margin:0px 0px 10px 0px;}

@media (min-width: 768px) and (max-width: 1179px){
.left-list{width:25%;;font-size:0.975em;}
.right-list{width:72%;margin-bottom:15px;}}
.right-list h1{ font-size:1.8em;font-weight:500;text-transform:uppercase;margin:0px 0px 10px 0px;}

@media (min-width: 1180px){
.left-list{width:22%;font-size:1.0em}
.right-list{width:74%;margin-bottom:15px}
.right-list h1{ line-height:1.2;font-size:28px;margin:0px 0px 20px 0px;text-transform: uppercase;font-family: "OpenSansS"}}

/**----------------------leftmenu【左边导航-产品分类菜单】-----------**/
.menutitle{padding:5% 0% 5% 5%;width:95%;font-size:1.15em;font-family:"OpenSansS";text-transform: uppercase;}
.leftmenu{width:100%;display:table;}
.leftmenu ul{display:table;width:100%;}
.leftmenu ul li{float:left;list-style-type:none;display:block;width:100%;}
.leftmenu ul li a{float:left;padding:5% 5% 5% 10%;width:85%;display:block;}
.leftmenu ul li a:hover{float:left;padding:5% 5% 5% 10%;width:85%;text-decoration:none}

@media (max-width: 767px){
.left-list{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;margin-bottom:20px}
.menutitle{padding:10px 0px 10px 0px;width:100%;margin-bottom:10px;border-radius:4px;text-align:center}
.leftmenu{width:100%;display:table;margin-bottom:20px}
.leftmenu ul{display:table;width:100%;}
.leftmenu ul li{float:left;list-style-type:none;display:block;width:100%;border:none!important;margin-bottom:0.8%; line-height:1.2;font-family:"OpenSansS";font-size:1.025m}
.leftmenu ul li a{padding:2% 5% 2% 8%;width:87%;display:block;border-radius:4px;}
.leftmenu ul li a:hover{padding:2% 5% 2% 8%;width:87%;display:block;}
}

/**----------------------productlist & newslist---【图文产品列表，新闻文章列表页】----------------------**/
.productlist{display:table;margin:0;width:100%;padding:0;}
.productlist h2{line-height:1.2;font-size:1.2em;margin-bottom:5px;font-family:"OpenSansS";}
.productlist ul{list-style-type:none;margin:0;padding:0;width:100%}
.productlist dt{font-size:0.95em;margin-bottom:5px;}
.productlist ul li date{font-size:0.8em;padding-bottom:10px;line-height:1.0;display:table;font-style:italic}
.productlist ul li img:hover{opacity:0.9;filter(alpha=90)}
.productlist ul li img{width:180px;vertical-align:middle;float:left;margin-right:20px;padding:2px;}
.productlist ul li img:hover{vertical-align:middle;float:left;margin-right:20px;padding:2px;}
.productlist ul li{line-height:160%;padding:20px 0px 20px 0px;display:table;width:100%;}
.productlist ul li:first-child{padding:10px 0px 20px 0px}
.productlist ul li p{margin:0;padding-bottom:20px;font-size:1.0em;line-height:1.5}

@media (min-width: 768px) and (max-width: 1179px){
.productlist ul li img{width:170px;}
.productlist ul li p{font-size:0.95em}}

@media only screen and (max-width: 767px){
.productlist ul li img{width:180px;}
.productlist ul li p{font-size:0.925em}
.productlist ul li date{font-size:0.8em;padding-bottom5px;line-height:1.0;display:table;font-style:italic}}

/**----------------------knowledgelist---【文章列表，knowledge列表页，Tag列表页】---------------------**/
.knowledgelist{display:table;margin:0;width:100%;padding:0;}
.knowledgelist ul{list-style-type:none;margin:0;padding:0;width:100%}
.knowledgelist ul li date{font-size:0.8em;padding-bottom:10px;line-height:1.0;display:table;font-style:italic}
.knowledgelist ul li{line-height:160%;border-bottom:1px solid #eee;padding:20px 0px 20px 0px;}
.knowledgelist ul li:first-child{padding:5px 0px 20px 0px}
.knowledgelist ul li p{margin:0;font-size:0.975em;line-height:1.5}

@media (min-width: 768px) and (max-width: 1179px){
.knowledgelist ul li p{font-size:0.95em}}

@media only screen and (max-width: 767px){
.knowledgelist ul li p{font-size:0.925em}
.knowledgelist ul li date{font-size:0.8em;padding-bottom5px;line-height:1.0;display:table;font-style:italic}}

/**----------------------PAGEBAR【页码】------------**/
.pagebar { height:30px; text-align:center; font-size:0.95em; line-height:20px; padding:20px 2px 0px 2px;margin:auto}
.pagebar a { margin:0 2px;padding:3px 8px 3px 8px;text-decoration:none; font-weight:normal;border-radius: 3px;}
.pagebar .now-page { margin:0 2px;padding:3px 8px 3px 8px;border-radius: 3px;}

/**----------------------single-news----【新闻文章详情页】------------------**/
.content-news{display:table;margin-bottom:10px;width:100%;padding:0;}
.content-news img{max-width:100%}
.date-news{margin:auto;margin-bottom:30px;text-align:center;padding:0px 20px 0px 20px;line-height:1.2;font-size:0.85em;}
.tag-label{display:table;margin-top:30px;margin-bottom:10px;width:100%;padding:0;}
.tag-label ul{list-style-type:none;margin:0;padding:0;width:100%}
.tag-label ul li{float:left;margin-right:5px;margin-bottom:5px;}
.tag-label ul li a{float:left;font-size:0.825em;padding:5px 10px 5px 10px;border-radius: 3px;}
.tag-label ul li:first-child{padding:4px 10px 4px 10px;border-radius: 3px;}

@media (min-width: 1180px){
.date-news{margin:auto;margin-bottom:30px;margin-top:-10px;text-align:center;padding:0px 20px 0px 20px;line-height:1.2;font-size:0.85em;}}

/**----------------------single-product---------【产品文章详情页】--------------------**/
.product-description{display:table;width:100%;margin-top:20px;margin-bottom:40px;padding-bottom:10px;}
.product-image{float:left;width:38%;margin-right:2%;}
.product-desc{float:right;width:58%;margin:0;padding:0;display:table}
.product-desc p{margin:0;padding:0;display:table;}
.product-desc dt{font-size:0.9em;margin-top:40px;margin-bottom:20px;}
.product-table{width:100%;display:table;font-size:0.95em;}
.product-table ul{list-style-type:none;margin:auto;display:table}
.product-table ul li{float:left;display:table;width:100%;line-height:1.35;padding:9px 0px 9px 0px}
.product-table ul li span{float:left;display:table;width:calc(36% - 15px);padding-right:15px;text-align:right}

@media (max-width: 767px){
.product-image{width:100%}
.product-desc{width:100%}
.product-table{width:100%;display:table;margin-top:30px;margin-bottom:30px;font-size:0.9em;}
.product-desc dt{margin:auto;display:table;margin-bottom:30px}}

/**----------------------产品详情页-【焦点图图片展示】---------------------**/
#gllery img {border: none;}
#gllery_nav {width:100%;display:table;}
#gllery_nav ul li{float:left;width:20%;list-style-type:none;}
#gllery_nav ul li img{padding:0;margin:0;width:calc(80% - 4px);padding:2px;border-radius:2px}
#gllery_nav a{display: block;}
#gllery_output {width: 100%;margin-bottom:5px}
#gllery_output img {display: block;margin:0;width:calc(100% - 10px);padding:4px;border-radius:4px}
.on{ padding:0!important;border-radius:3px}

@media (max-width: 767px){
#gllery_output img {max-width:100%}}


/**----------------------about------【关于我们】-------------------**/
.content-about{display:table;margin:0;width: calc(100% - 80px);padding:40px;}
.content-about img{max-width:100%}
.tab1{display:table;padding:0;width:100%;margin:auto}
.tabmenu{display:table;padding:0;margin:auto;}
.tabmenu li{float:left;font-size:1.2em;padding:12px 15px 12px 15px;margin:0;line-height:1.3;font-family: "OpenSansS";width:20%;min-width:160px;text-transform: uppercase;text-align:center;cursor:pointer;overflow:hidden;margin:0px 10px 0px 10px;border-radius:3px;}
.tabmenu li.off{border-bottom:none;}
.tabmenudiv{display:table;margin:auto;padding:0}

@media (max-width: 767px){
.tabmenu li{float:left;font-size:0.925em;padding:10px 2px 10px 2px;line-height:1.5;font-family: "OpenSansS";width:20%;min-width:110px;text-transform: uppercase;text-align:center;cursor:pointer;overflow:hidden;background:#eee;margin:0px 5px 0px 0px}}


/**-------------------------footer--【底部】------------------**/
.cellcol_inner{margin:auto;padding:40px 20px 40px 20px;text-align:center;font-size:1.8em;line-height:1.2;font-weight:500}
.cellcol_inner img{height:28px;vertical-align:bottom}

@media only screen and (max-width: 767px){
.cellcol_inner{margin:auto;padding:30px 20px 30px 20px;text-align:center;font-size:1.5em;line-height:1.2;font-weight:500}
.cellcol_inner img{height:26px;vertical-align:middle}}


.foot__inner{margin-left:auto;margin-right:auto;position:relative;box-sizing:border-box;display:table;}
.foot__inner:after{display:table;clear:both;content:" "}
@media (min-width: 768px) and (max-width: 1179px){
.foot__inner{width:calc(100% - 40px);padding:15px 20px 20px 20px;}}
@media (min-width: 1180px){
.foot__inner{width:1140px;padding:15px 20px 20px 20px}}
@media (max-width: 767px){
.foot__inner{padding:15px 20px 30px 20px;}}

.botcol__inner{margin-left:auto;margin-right:auto;position:relative;box-sizing:border-box;display:table;}
.botcol__inner:after{display:table;clear:both;content:" "}
@media (min-width: 768px) and (max-width: 1179px){
.botcol__inner{ padding:30px 20px 30px 20px;margin:auto;}}
@media (min-width: 1180px){
.botcol__inner{width:1140px;padding:40px 20px 40px 20px;}}
@media (max-width: 767px){
.botcol__inner{padding:30px 20px 30px 20px;margin:0;}}

.bot-link{display:table;width:25%;padding:0;float:left}
.bot-link ul li{float:left;list-style-type:none;line-height:1.5;width:calc(100% - 10px);padding-left:10px;background:url(../images/dotw.png);background-position:0px 10px;background-repeat:no-repeat;}
.bot-contact{display:table;width:48%;margin-right:7%;padding:0;float:left}
.bot-contact ul li{float:left;list-style-type:none;width:calc(100% - 25px);line-height:1.7}
.bot-follow{display:table;width:20%;padding:0;float:left;}
.bot-follow ul li{float:left;list-style-type:none;margin-right:10px;padding-bottom:5px}
.bot-follow img{max-width:100px}

@media (min-width: 768px) and (max-width: 1179px){
.bot-link ul li{font-size:0.925em}
.bot-contact{font-size:0.9em}
.bot-follow{font-size:0.925em}}
@media (max-width: 767px){
.bot-link{display:none}
.bot-contact{display:table;width:100%;padding-bottom:5%;font-size:0.95em}
.bot-follow{display:table;width:100%;padding:0;font-size:0.9em}}

.copyright_full{float:left;display:table;font-size:0.9em;margin:auto;width:100%;}
.copyright_full ul li{display:table;list-style-type:none;text-align:center;width:100%;line-height:1.8}
.copyright_full ul li img{max-height:18px}

.copyright{float:left;display:table;font-size:0.925em;margin:0;width:70%;}
.copyright ul li{float:left;list-style-type:none;padding-right:8px;}
.copyright ul li img{max-height:13px}
.sns{margin:0;float:right;width:30%}
.sns ul li{float:right;list-style-type:none;margin-left:10px;}

@media only screen and (max-width: 910px){
.copyright{display:table;width:100%;font-size:0.925em;margin:auto;}
.copyright ul li{display:table;list-style-type:none;text-align:center;width:100%;line-height:1.8}
.sns{display:table;width:100%;margin:0;padding-top:20px}
.sns ul{float:left;left:50%;position:relative;}
.sns ul li{list-style-type:none;float:right;right:50%;position:relative;padding-right:0px;}}


.hol-bot{width:100%;margin:0;display:table;padding:0;font-size:0.925em}
.hol-bot1{float:left;width:35%;margin-right:7%;display:table;}
.hol-bot2{float:left;width:34%;margin-right:4%;display:table;}
.hol-bot3{float:left;width:20%;display:table;}

.bot-info{display:table;width:100%;padding:0;}
.bot-info img{margin-bottom:5px}
.bot-info p,.bot-info h1{line-height:1.5;font-family:"Regular";font-weight:normal;margin-bottom:15px;}
.bot-follow{display:table;width:100%;padding:0;margin:0}
.bot-follow ul li{float:left;list-style-type:none;margin-right:10px;padding-bottom:5px}

.bot-tags{display:table;width:100%;}
.bot-tags ul{list-style-type:none;}
.bot-tags ul li {float:left;line-height:1.4;margin:0px 4px 8px 0px;}
.bot-tags ul li a{padding:2px 5px 2px 5px;border-radius:3px;}

.bot-contact{display:table;width:100%;padding:0;}
.bot-contact ul li{float:left;list-style-type:none;width:95%;line-height:1.8}



@media (max-width: 767px){
.hol-bot1{width:100%;margin-right:3%;display:table;margin-bottom:40px}
.hol-bot2{width:100%;margin-right:3%;display:table;margin-bottom:30px}
.hol-bot3{width:100%;display:table;}
.bot-info p,.bot-info h1{line-height:1.5;font-family:"Regular";font-weight:normal;margin-bottom:20px;}
}
/**------------------------------------------------------【其他常用元素】------------------------------------------------------------**/
/* ----------------回到顶部按钮--------------- */
.cd-top {display: inline-block;position: fixed;border-radius:3px;box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);overflow: hidden;text-indent: 100%;white-space: nowrap;
visibility: hidden;opacity: 0.7;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;}
.cd-top.cd-is-visible { /* the button becomes visible */visibility: visible;opacity: 0.7;}
.cd-top.cd-fade-out {/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */opacity: .6;}
.cd-top:hover {opacity: 1;}
@media only screen and (max-width: 767px) {
  .cd-top {height: 36px;width: 36px;right: 20px;bottom: 20px;}}
@media only screen and (min-width: 768px) {
  .cd-top {height: 40px;width: 40px;right: 20px;bottom: 20px;}}


/* ----------------更多mroespan&morespan0两种格式--------------- */
.morespan a, .morespan0 a{font-size:1.0em;text-decoration:none;padding:9px 20px 9px 20px;text-shadow:none;font-weight:normal;text-transform:uppercase;border-radius:3px;}
.morespan a:hover, .morespan0 a:hover{font-size:1.0em;text-decoration:none;padding:9px 20px 9px 20px;}

@media only screen and (max-width: 767px){
.morespan a,.morespan0 a{font-size:0.925em;text-decoration:none;padding:8px 20px 8px 20px;text-shadow:none;}
.morespan a:hover,.morespan0 a:hover{font-size:0.925em;text-decoration:none;padding:8px 20px 8px 20px;font-weight:normal}}

/**------------------子栏目大BANNER------------**/
.banner-div{width:100%;height:100px;padding:90px 0px 50px 0px;font-size:2.7em;font-family:"OpenSansS";text-transform: uppercase;}

@media only screen and (max-width: 767px){
.banner-div{width:100%;padding:40px 0px 30px 0px;height:60px;font-size:2.0em;}}

@media (min-width: 768px) and (max-width: 1179px){
.banner-div{width:100%;padding:65px 0px 40px 0px;height:80px;font-size:2.3em;}}

/**----------------------FORM【留言本表单】------------**/
.form-group .form-control{border-radius:4px;-webkit-box-shadow:none;box-shadow:none;padding:10px 11px;width:60%;line-height:24px;font-size:15px;outline:0;-webkit-appearance:none;-webkit-transition:.3s ease;transition:.3s ease;margin-bottom:10px;}
.form-group .form-control:focus{-webkit-box-shadow:none;box-shadow:none;}
.form-group textarea{min-height:140px}
.form-group textarea[rows]{min-height:auto;height:auto}
.form-tips{margin-top:10px;text-align:left;}
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button;cursor: pointer;}
.btn {display: inline-block;padding: 6px 12px;width:15%;font-size: 14px;font-weight: 400; line-height: 1.42857143;
    text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;
    cursor: pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
button, input, select, textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
input {line-height: normal;}
button, input, optgroup, select, textarea {margin: 0;font: inherit;color: inherit;}

@media (min-width: 768px) and (max-width: 1179px){
.form-group .form-control{width:70%;}
.btn {width:15%}}

@media (max-width: 767px){
.form-group .form-control{width:90%;}
.btn {width:30%}}

/**---------------------白色-ICON【图标】------------**/
.icon{padding-left:25px;}
.icon-add{background:url(../images/icon-add.svg);background-size:auto 16px;background-position:0px 5px;background-repeat:no-repeat;}/* ---地址--- */
.icon-tel{background:url(../images/icon-tel.svg);background-size:auto 16px;background-position:0px 5px;background-repeat:no-repeat;}/* ---电话--- */
.icon-fax{background:url(../images/icon-fax.svg);background-size:16px auto;background-position:0px 5px;background-repeat:no-repeat;}/* ---传真--- */
.icon-mobile{background:url(../images/icon-mobile.svg);background-size:auto 16px;background-position:0px 5px;background-repeat:no-repeat;}/* ---手机--- */
.icon-email{background:url(../images/icon-email.svg);background-size:auto 16px;background-position:0px 5px;background-repeat:no-repeat;}/* ---邮件--- */
.icon-web{background:url(../images/icon-web.svg);background-size:auto 16px;background-position:0px 5px;background-repeat:no-repeat;}/* ---网址--- */
.icon-whatsapp{background:url(../images/icon-whatsapp.png);background-size:auto 16px;background-position:0px 5px;background-repeat:no-repeat;}/* ---whatsapp--- */
.icon-skype{background:url(../images/icon-skype.png);background-size:auto 16px;background-position:0px 5px;background-repeat:no-repeat;}/* --skype--- */
.icon-wechat{background:url(../images/icon-wechat.svg);background-size:auto 16px;background-position:0px 5px;background-repeat:no-repeat;}/* ---微信--- */
.icon-qq{background:url(../images/icon-qq.svg);background-size:auto 16px;background-position:0px 5px;background-repeat:no-repeat;}/* ---QQ--- */