﻿.main-boxs {
    width: 100%;
    max-width: 1280px;
    height: auto;
    padding: 0px;
    margin: auto;
    clear: both;
	margin-top: 50px;display: flex;
}
.prod-boxs{margin-top:50px;}
.prod-box aside
{
	width:300px;
	height:auto;
	margin:0px;
	padding: 0px 20px 0px 0px;
	float:left;
	margin-left: 0px;
	background: #fff;
	position: relative;
	flex-shrink: 0;
	/*box-shadow: 0px 0px 10px rgba(0,0,0,0.05);*/
}
.prod-box aside .c1_cp_title{color: #fff;font-size: 1.1rem;margin-bottom: 0px;margin-top: 20px;font-weight: 500;background: var(--color1);padding: 1rem;}
.prod-box aside .ml_box{ width:100%; background: #FFFFFF;margin: 0px; padding-top:26px; overflow: hidden;box-shadow: var(--box-shadow);}

.prod-box aside .ml_box .ul1{padding: 0px;margin: auto;}

.prod-box aside .ml_box .ul1 li{}


.prod-box aside .ml_box .ul1 li .ltp,.prod-box aside .ml_box .ul1 li .ltp a{margin-bottom: 15px;color: #000;cursor: pointer;font-size: 14px;}

.prod-box aside .ml_box .ul1 li .ltp span{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;display: block;text-transform: capitalize;padding-left: 1rem;/*background: url(../images/icon/icon-left.png) 250px top  no-repeat;*/font-weight: 500;    position: relative;}
.prod-box aside .ml_box .ul1 li .ltp span:after{content:"\e659";font-size:20px; color:var(--color1);position: absolute;right: 1rem; bottom: 0px; font-family: "iconfont";}
.prod-box aside .ml_box .ul1 li .lbt{display: none;font-family: ror;}


.prod-box aside .ml_box .ul1 li .lbt a{/*display: block;margin-bottom: 15px;color: #000;position: relative;font-size: 16px;*/text-indent: 0px;
    color: #001a2e;
    font-size: 12px;
    font-family: "";
    overflow: hidden;
    display: flex;
    line-height: 2rem;
    text-transform: uppercase;
    border-bottom: 1px solid #eeeeee;
	padding:0.5rem 0px;
}
.prod-box aside .ml_box .ul1 li .lbt a:before{content:"\e659";font-family: "iconfont";font-size:12px; color:#001a2e;margin-right: 5px;
    margin-left: calc(1rem + 10px);
}

.prod-box aside .ml_box .ul1 li .lbt .lbt3 a{}

.prod-box aside .ml_box .ul1 li .lbt a:hover{color: var(--color1);}

.prod-box aside .ml_box .ul1 li.li1{border-bottom: 1px solid #eee;margin-bottom: 20px;}

.prod-box aside .ml_box .ul1 li.act .ltp span{/*background: url(../images/icon/icon-left-a.png) 250px center no-repeat;*/}
.prod-box aside .ml_box .ul1 li.act .ltp span:after{content:"\e6aa";font-size:20px; color:#ff9800;position: absolute;right: 1rem; bottom: 0px; font-family: "iconfont";}

.prod-box aside .ml_box .ul1 li .ltp a:hover span{color: #f4bc16;}
.prod-box aside .ml_box .ul1 li .lbt a.act {color: #ff9800;}


.MyCont .celarBoth
{
	float:left;
	width:100%;
	height:20px;	
}

.disbl
{
	display:block;
}
.disno
{
	display:none;
}

.side_lxfs{width:100%; height:auto;position: absolute; bottom:0px;text-align: center; padding:10px;}
.innerbox{padding:50px 0px 30px 0px;background: #e9e9e9;}
.side_lxfs em:before{
	content: "\e679";
	font-family: "iconfont" !important;
    color: #ffffff;
    font-size: 20px;
    margin-top: 20px;
    text-align: center;
    background: #174291;
    padding: 10px;
    z-index: 10;
    text-align: center;
    border-radius: 100px;font-style: normal;
}
.side_lxfs h3{font-size: 14px;color: #272626;margin: auto;line-height: 40px;font-weight: 300;}
.side_lxfs p{ width:100%;line-height: 30px; font-size:28px; color:#FFFFFF; flaot:left; text-align: center; margin-bottom:20px;}
.side_lxfs p a{display: block;width: 100%;overflow: hidden;line-height: 30px; font-size:34px;font-weight: bold; color:#272626;}

.prod-box{margin-top:20px;max-width: 100%;}

.main-boxs main
{
	width:auto;
	height:100%;
	float:right;
	overflow: hidden;
	margin-top:0px;
	background-color:#FFFFFF;
	margin-bottom:10px;
	padding: 0px 0px 0px 0px;flex: 1;
    margin-left: 40px;
}
.capabilitiesCont img{max-width:100%;}
.main-boxs main .rightBox
{
	width:726px;
	float:left;
	margin:10px 0px 0px 0px;
	border-top:2px #cccccc solid;
	border-left:2px #cccccc solid;
	border-right:2px #cccccc solid;
	background-color:#EEEEEE;
}
.rightBox .Context .title
{
	width:726px;
	height:40px;
	position:relative;
	line-height:50px;
	color:#008194;
	border-bottom:1px #cccccc dashed;
}
.rightBox .Context .title .more
{
	position:absolute;
	right:20px;
	top:20px;
}
.rightBox .ProdText
{
	width:720px;
	height:auto;
	float:left;
	margin:10px 8px;
}
.rightBox .ProdText .title
{
	width:726px;
	height:40px;
	line-height:40px;
	position:relative;
	color:#008194;
	border-bottom:1px #cccccc dashed;	
}
.rightBox .ProdText .title .more
{
	position:absolute;
	right:20px;
	top:20px;
}
.rightBox .ProdText ul
{
	width:740px;
	margin:20px 0px 0px 0px;
	float:left;
	list-style:none;
}
.rightBox .ProdText ul li
{
	width:150px;
	margin:0px 10px 0px 20px;
	height:220px;
	background:url("/style/pp.jpg") top left no-repeat;
	display:block;
	float:left;
	position:relative;
}
.rightBox .ProdText ul li .Images
{
	width:139px;
	height:120px;
	position:absolute;
	top:27px;
	left:2px;
	display:block;
}
.rightBox .ProdText ul li .Images img
{
	width:139px;
	height:120px;
}
.rightBox .ProdText ul li .Names
{
	width:130px;
	height:52px;
	line-height:1.5;
	position:absolute;
	top:150px;
	left:6px;
	text-align:left;
	display:block;
	overflow:hidden;
}
.main-boxs main .rightBoxBottom
{
	width:930px;
	height:5px;
	display:block;
	float:left;
	margin-bottom:0px;
	background:#EEEEEE url("/style/right_boxBottom.gif") repeat;
}
.main-boxs main .title
{
	width:926px;
	height:40px;
	line-height:40px;
	float:left;
	text-indent:20px;
}
.main-boxs main .ContextBox
{
	padding:10px 20px;
}

.main-boxs main .MyContBox
{
	width:100%;
	min-height:600px;
	height:auto;
	float:left;
	padding:0px;
	/*border:1px #cccccc solid;	*/
}

.main-boxs main .box_right_title
{
	float:left;
	margin-top:0px;
	border:1px #cccccc solid;
	width:100%;
	/*border-bottom: 0px;*/
	background:url("/style/title.gif") bottom repeat-x;
	height:40px;
	position:relative;
}
.main-boxs main .box_right_title .box_right_titles
{
	position:absolute;
	top:5px;
	left:20px;
	font-size:14px;
	font-family:"微软雅黑", "黑体", "宋体";
	color:#000000;
	text-indent:15px;
	line-height: 30px;
	background:url("/style/a.gif") 0px 10px no-repeat;
}
.main-boxs main .box_right_title .sation
{
	position:absolute;
	top:10px;
	right:20px;
	color:#666666;
	font-size:12px;
}
.main-boxs main .box_right_title .sation img{margin-top: 0px;}
.main-boxs main .box_right_title .sation img{vertical-align: center;}
.main-boxs main .box_right_title .sation a
{
	color:#666666;
	font-size:12px;
}
.main-boxs main .box_right_title .sation a:hover
{
	color:rgb(0, 129, 148);
	font-size:12px;
}
.main-boxs main .box_right_content
{
	width:730px;
	margin:0px 0px 0px 10px;
	padding-top:10px;
	float:left;
}
ul.prod-col-list .Columns-box:nth-last-child(1){border:0px;}

ul.prod-col-list .Columns-box{display:flex;border-bottom: 1px solid #eee;}
.Columns-box .col-images{width:320px; flex-shrink: 0; margin:50px 40px;border: 5px solid #fff;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);}
.col-images img{max-width:100%;}
.Columns-box .col-c{padding:50px 40px 0px 0px;display: flex;
    flex-direction: column;
    flex-wrap: wrap;}
.col-c h3{text-align: left;font-size: 1.2rem;
    text-decoration: underline;
    color: #000;}
.col-c .col-c-desc{margin-top:10px;text-align: left;font-weight: 300; font-size:14px; line-height: 1.4rem; height: 80px; overflow: hidden;text-align: justify;
    word-break: break-all;}


.col-sub{width:100%; display: flex; flex-wrap: wrap;justify-content: space-between;margin-top:0px;}
.col-sub a{width:48%; display: flex; align-items: baseline;color:#000;margin-bottom:5px;font-size:14px;}
.col-sub a:before{content:"\e66f"; font-family: "iconfont"; margin-right:5px;font-size:1.2rem;}
.col-sub a:hover{color:#ffc227;}

.box_cols_cont:nth-of-type(n+1){/*border-top: 1px solid #eee;*/
    /*padding-top: 30px;*/
    overflow: hidden; 
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 0px;}
.box_cols_cont h3{font-size:24px;font-weight: bold;color:#00396f;margin-bottom: 15px;margin-top: 20px;}
.box_cols_cont{font-size:16px; line-height: 1.5rem;}

.prod-col{width:100%; position: relative; overflow: hidden; margin:2rem auto;}
.prod-col:nth-child(2){border-top: 1px solid rgb(0 0 0 / 5%);padding-top: 80px;margin-top: 80px;}
.prod-col h2{color: #00a950;font-size: 40px;font-weight: bold;text-transform: uppercase;text-align: center;margin-bottom: 40px;}
.prod-col ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.prod-col ul li{width: calc((100% /3) - 2rem);max-width: unset;display: flex;transition: 0.5s;margin-bottom: 1rem;}
.prod-col ul li:last-child:nth-child(3n - 1) {/*margin-right:calc((100% /3) + 1rem); */}
.prod-col ul li:last-child:nth-child(3n - 2) {/*margin-right:calc(((100% /3) * 2) + 1rem);*/}
/*.prod-col:nth-child(1) ul li{width: auto;max-width: 600px;display: flex;}*/
.prod-col ul li figure{width:100%;transition: 0.5s; overflow: hidden;display: flex; flex-direction: column;justify-content: center;align-items: center;}
.prod-col ul li figure img{max-width:100%;transition: 0.5s;overflow: hidden;}
.prod-col ul li:hover img{transform: scale(1.05);}
.prod-col ul li figcaption {padding: 15px;
    display: flex;
	flex-direction: column;
    overflow: hidden;
    justify-content: center;
    align-items: center;
	transition: 0.5s;
	margin-top:10px;
	/*border-top:1px solid rgb(1 173 78 / 10%);*/
	width: 100%;font-size:1rem;
}
.prod-col ul li:hover figcaption a{ color:var(--color1);}
.prod-col:nth-child(2) ul li figcaption,.prod-col ul li figcaption{background: #f5f5f5;border: 1px solid #ccc;}
.prod-col:nth-child(2) ul li:hover figcaption,.prod-col ul li:hover figcaption{ background:var(--color1); color:#ffffff;}
.prod-col:nth-child(2) ul li:hover figcaption a,.prod-col ul li:hover figcaption a{ color:#ffffff;}
.prod-col ul li figcaption h5{ color:#00a950;font-size:30px;font-weight: bold;}
.prod-col ul li figcaption p{ color:#000;font-size:20px; line-height: 2; text-align: center; margin: 10px auto; max-width:80%;margin-bottom:14px;}
.prod-col .more {
    padding: 10px 50px;
    background: #00a950;
    color: #FFFFFF;
    border-radius: 50px;
    font-family: var(--ff3);
    margin: auto;
    border: 2px solid #00a950;
    transition: 0.5s;
	min-width: 200px;
    text-align: center;
}
.prod-col .more:before{border-radius: 50px;}
.prod-col .more:hover{background-color:transparent; border:2px solid #00a950; color:#00a950;}


.prod-col-title{width:100%; dispaly:flex;}
.prod-col-title h3{font-size: var(--t1);font-weight: bold;text-align: center;margin-bottom: 25px; margin-top:2rem}

.prod-col-desc{font-size: var(--p2-size);line-height: var(--line-height3);}

.prod-col-list{width:100%; position: relative; overflow: hidden; margin:0px auto;}
.prod-col-list h5{font-size: var(--t4);font-weight: bold;color: var(--color1);margin-bottom: 15px;margin-top: 25px;border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 30px;text-align: center; }
.prod-col-list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.prod-col-list ul li{width: calc((100% /3) - 2rem);max-width: unset;display: flex;transition: 0.5s;margin-bottom: 20px;}
.prod-col-list ul li figure{width:100%;transition: 0.5s; overflow: hidden;display: flex; flex-direction: column;justify-content: center;align-items: center;}
.prod-col-list ul li figure .img{overflow: hidden;}
.prod-col-list ul li figure img{max-width:100%;transition: 0.5s;overflow: hidden;}
.prod-col-list ul li:hover img{transform: scale(1.05);}
.prod-col-list ul li figcaption {padding: 12px 10px;
    display: flex;
	flex-direction: column;
    overflow: hidden;
    justify-content: center;
    align-items: center;
	transition: 0.5s;
	margin-top:0px;
	/*border-top:1px solid rgb(1 173 78 / 10%);*/
	width: 100%;font-size:0.85rem;
}
.prod-col-list ul li:hover figcaption a{ color:var(--color1);}
.prod-col-list ul li figcaption{background: #f5f5f5;border: 1px solid #ccc;}
.prod-col-list ul li:hover figcaption{ background:var(--color1); color:#ffffff;}
.prod-col-list ul li:hover figcaption a{ color:#ffffff;}
.prod-col-list ul li figcaption h5{ color:#00a950;font-size:30px;font-weight: bold;}
.prod-col-list ul li figcaption p{ color:#000;font-size:20px; line-height: 2; text-align: center; margin: 10px auto; max-width:80%;margin-bottom:14px;}
.prod-col-list .more {
    padding: 10px 50px;
    background: #00a950;
    color: #FFFFFF;
    border-radius: 50px;
    font-family: var(--ff3);
    margin: auto;
    border: 2px solid #00a950;
    transition: 0.5s;
	min-width: 200px;
    text-align: center;
}

.prod-info{}
.prod-info h5,.materials-info h5 {
    font-size: 24px;
    font-weight: bold;
    color: var(--color1);
    margin-bottom: 15px;
    margin-top: 25px;
	border-bottom: 1px solid #eee;
    padding-bottom: 20px;margin-bottom: 30px;
}
.GradesBox{}
.GradesBox ul{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.GradesBox ul li{display:flex; align-items: center;width: calc(100% /4);margin: 10px 0px;font-size: 16px;}
.GradesBox ul li:before{font-family: "iconfont"; content:"\e646"; font-size:16px; margin-right:5px;}

@media screen and (max-width: 1023px)
{
	
}

@media screen and (max-width: 767px)
{
	.GradesBox ul li{width: calc(100% / 2);align-items: flex-start;}
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
	
}

.SizeBox{}
.SizeBox ul{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.SizeBox ul li{display:flex; align-items: center;width: calc(100%);margin: 10px 0px;font-size: 16px;}
.SizeBox ul li:before{font-family: "iconfont"; content:"\e646"; font-size:16px; margin-right:5px;}


.StandardsBox{}
.StandardsBox ul{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.StandardsBox ul li{display:flex; align-items: center;width: calc(100%);margin: 10px 0px;font-size: 16px;}
.StandardsBox ul li:before{font-family: "iconfont"; content:"\e646"; font-size:16px; margin-right:5px;}
@media screen and (max-width: 1023px)
{
	
}

@media screen and (max-width: 767px)
{
	.StandardsBox ul li{align-items: flex-start;}
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
	
}

.prod-info .main-boxs{max-width:unset;}
.prod-info .main-boxs main{border:0px;}
.prod-info dl.dl01{background:#fff;padding-bottom: 2rem;}
.prod-info dl.dl01 dd .tx-items{width:100%; display:flex; flex-direction: row; flex-flow: wrap;    justify-content: space-between;padding-bottom: 50px;}
.prod-info dl.dl01 dd .tx-item{width:30%; margin:1.5%;}
.prod-info dl.dl01 dd .tx-item .innerbox{width:100%;display: flex;flex-direction: column;flex-wrap: nowrap;align-items: flex-start;}
.prod-info dl.dl01 dd .tx-item .innerbox h4{color:#111111; padding:30px 0px 0px 0px;     font-family: var(--ff2);text-transform: capitalize;}
.prod-info dl.dl01 dd .tx-item .innerbox h6{border:2px solid #111111; border-radius: 10px; padding:10px 20px;font-size: 60px; font-weight: 300;    color: #333;}
.prod-info dl.dl01 dd .tx-item .innerbox p{height: auto; overflow: hidden;margin-right:20%; line-height: var(--line-height20);font-size: var(--p2-size);color:var(--text-middle-color);}
.prod-info dl.dl01 p{background-color: transparent !important;}

.dl01{font-family: var(--ff3);}
.dl01 h5,.dl02 h5{font-size:var(--t2); padding:50px 0px 30px 0px; font-family: var(--ff6); text-transform: uppercase; }
.dl01 h5{border-bottom: 1px solid #ccc; margin-bottom:50px;}

.prod-info dl.dl02{}
.prod-info dl.dl02 h5{padding:50px 0 1rem 0;}
.prod-info table {
    border: 1px solid #ccc;
    wdith: 100% !important;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 5px;
	font-family: var(--ff3) !important;
}

.prod-info table th,table td{padding:10px;text-align:center;border-width:1px;border-style:solid;vertical-align:middle}
.prod-info table th{font-weight:700; background:var(--color1); color:#FFFFFF; box-shadow: inset 0px 4px 3px -2px rgba(0,0,0,.04); }
.prod-info table th{background:rgb(11 85 155); font-size:16px; color:#FFFFFF; font-weight: bold;padding: 10px 0px;}
.prod-info table th.clear{border:0;background:none}
.prod-info table tr:first-child td{font-weight:700; background:var(--color1) !important; color:#FFFFFF !important; box-shadow: inset 0px 4px 3px -2px rgba(0,0,0,.04);padding: 10px 0px !important;font-size: var(--p3-size);}
.prod-info table tr:first-child td{ box-shadow: inset 0px 4px 3px -2px rgba(0,0,0,.06);}
.prod-info table tr:first-child td span{color:#FFFFFF !important; }
.prod-info table tr:nth-child(2n) td { background: #FFFFFF; }
.prod-info table tr td { border-color: #ccc !important; border:1px solid #ccc!important;background: rgba(0,0,0,0.05);text-align: center; font-size:var(--p1-size);line-height: 180%;padding: 5px 0px !important;} 




.ProcessBox{}
.ProcessBox ul{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.ProcessBox ul li{display:flex; align-items: center;width: auto;margin: 10px 0px;font-size: 16px;}
.ProcessBox ul li:nth-child(1):before{display:none;}
.ProcessBox ul li:before{font-family: "iconfont"; content:"\e61f"; font-size:26px; margin:0px 5px;}

.box_cols_cont h6{font-size:18px; font-weight: bold; margin-bottom:10px;}

.materials-info {}


.test-items{width:100%; position: relative;display:flex;flex-wrap: wrap;justify-content: flex-start; margin-top:1rem;}
.test-item{width:calc(25%);display: flex; flex-direction: column; justify-content:  flex-start;align-items: center; padding: 1.7rem;}
.test-item em{width:60px; height: 60px; border-radius: 50px; background: var(--color1);color:#FFFFFF; font-size:1.6rem;display:flex; justify-content: center;align-items: center;}
.test-item p{font-size:var(--p2-size); color:#000;text-align: center; margin-top:0.7rem;text-transform: capitalize;}

@media screen and (max-width: 1023px)
{
	
}

@media screen and (max-width: 767px)
{
	.test-item{width: calc(100% / 3);justify-content: flex-start;}
	
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
	
}


@media screen and (max-width: 375px)
{
	body {font-size: 14px;/*1.4 脳 10px = 14px */}
	.loca-wz a{font-size:12px;}
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}

table{width:100%;box-sizing:border-box;margin-bottom:15px;border-collapse:collapse;border-spacing:0;border-radius:5px}
table{ border: 1px solid #ccc;wdith:100% !important;     width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 5px;}
table th,table td{padding:10px;text-align:center;border-width:1px;border-style:solid;vertical-align:middle}
table th{font-weight:700; background:rgb(0 57 111); box-shadow: inset 0px 4px 3px -2px rgba(0,0,0,.04); }
table th{background:var(--color1); font-size:18px; color:#FFFFFF; font-weight: bold;padding: 20px 0px;}
table th.clear{border:0;background:none}
table tr:first-child td{ box-shadow: inset 0px 4px 3px -2px rgba(0,0,0,.06);}
table tr:nth-child(2n) td { background: #FFFFFF; }
table tr td { border-color: #ccc !important; /*background: rgba(0,0,0,0.05);*/text-align: center; font-size:14px;line-height: 180%;} 

.art-table{}
.tab2{ border: 1px solid #ccc;wdith:100% !important;     width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 5px;}
.tab2 th{background:rgb(11 85 155); font-size:14px; color:#FFFFFF; font-weight: 500;padding: 10px 0px;}
.tab2 tr td { border-color: #ccc !important; background: #FFFFFF; background: rgba(0,0,0,0.05);text-align: center; font-size:14px;line-height: 180%;} 
.tab2 tr:nth-child(2n) td { background:#FFFFFF; }

.th1,.tab2 .th1{background:rgb(0 57 111); font-size:16px; color:#FFFFFF; font-weight: bold;padding: 15px 0px;}
.th2,.tab2 .th2{background:rgb(11 85 155); font-size:14px; color:#FFFFFF; font-weight: 500;padding: 10px 0px;}

.art-table.tab3 td:nth-of-type(2n){text-align: left;}

.grade-t{display: flex;
    align-content: center;
    width: 100%;
    align-items: center;
    font-size: 2rem;}


.line {
    width: 100%;
    height: 1px;
    background: #eee;
    margin: 50px auto;
}

.main-boxs main{margin-top: 20px;}
.colBox{wdith:100%;}
.colBox ul{wdith:100%; display:flex;justify-content:flex-start; background-color:#FFFFFF;}
.colBox ul li{padding:15px 8px; color:#000; font-size:14px; background-color:#efefef;    margin: 0px;margin-right: 1rem;}
.colBox ul li.cur{background-color:var(--color1); color:#FFFFFF;}
.colBox ul li.cur a{color:#FFFFFF;}

@media only screen and (max-width: 1024px){
	.MyCont{ width:100%; margin-top:20px;float: left;}
.main-boxs aside{ display:none;}
.main-boxs main{ width:95%; margin:auto;}
.cont_sation{float: left;padding-left: 0px;margin-bottom: 15px;text-indent: 30px; line-height:35px;background: url("ico_station.png") 0px center no-repeat; font-size:0.8em;color: #333; width:100%;    margin-top: 0px;}
.cont_sation a{ color:#333;}
.cont_sation a:hover{ color:#FF5234;}
.cont_title{font-size: 1.6em;font-family: microsoft yahei;color: #777777;padding-bottom: 20px;margin-bottom: 20px;text-align: center; width:96%; border-bottom:1px solid #efefef;}
.f14{width:94%; margin:auto; overflow:hidden;}
.MyCont .f14 .line_left{ width:auto;}
.MyCont .f14 .line_right{ width:auto;}
.box_right_titles{
	height: auto;
    line-height: 120%;
    font-size: 1.2em;
    padding-bottom: 1vh;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 15px;
    color: #333;
    font-weight: 100;
    font-family: microsoft yahei;}
.sation{ font-size:0.8em; margin-bottom:10px;}
.sation img{ margin-top:5px;}
.sation a{ color:#666;}
}
@media screen and (width: 1024px)
{
	.table-cont {overflow-x: scroll;}
}
@media screen and (max-width: 1023px)
{
	.MyCont{ width:100%; margin-top:20px;float: left;}
.main-boxs aside{ display:none;}
.main-boxs main{ width:100%; margin:auto;padding: 0px 10px;}
	.main-boxs main .MyContBox{width:100%;}
.cont_sation{float: left;padding-left: 0px;margin-bottom: 15px;text-indent: 30px; line-height:35px;background: url("ico_station.png") 0px center no-repeat; font-size:0.8em;color: #333; width:100%;    margin-top: 0px;}
.cont_sation a{ color:#333;}
.cont_sation a:hover{ color:#FF5234;}
.cont_title{font-size: 1.6em;font-family: microsoft yahei;color: #777777;padding-bottom: 20px;margin-bottom: 20px;text-align: center; width:96%; border-bottom:1px solid #efefef;}
.f14{width:94%; margin:auto; overflow:hidden;}
.MyCont .f14 .line_left{ width:auto;}
.MyCont .f14 .line_right{ width:auto;}
.box_right_titles{
	height: auto;
    line-height: 120%;
    font-size: 1.2em;
    padding-bottom: 1vh;
    width: 95%;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 15px;
    color: #333;
    font-weight: 100;
    font-family: microsoft yahei;}
.main-boxs main .box_right_title{width:100%;background: none;border:0px;}
.main-boxs main .box_right_title .sation{ font-size:0.8em; margin-bottom:10px;top: 50px;left: 20px;}
.main-boxs main .box_right_title .sation img{ margin-top:0px;}
.main-boxs main .box_right_title .sation a{ color:#666;}
	.productShow .fr{width: auto;}
	.cont dl{width:100%;}
	.capabilitiesCont p,.capabilitiesCont span{ font-size:1.5rem !important; line-height: 2rem !important;}
}

@media screen and (max-width: 767px)
{
	.productShow .fr{display: none;}
	.prod-col ul li{width:100%;}
	.prod-col-list ul li{width:100%;}
	.table-cont{overflow-x: scroll;}
	.box_cols_cont{font-size: 1.1rem;line-height: 1.8;}
}
@media screen and (max-width: 425px)
{
	.loca-wz a{font-size:14px;}
}
@media screen and (max-width: 414px)
{
	
}


@media screen and (max-width: 375px)
{
	body {font-size: 14px;/*1.4 脳 10px = 14px */}
	.loca-wz a{font-size:12px;}
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}