.container{ margin:0 auto; padding: 0; width: 100%; height: auto; max-width: 1200px;}
.crumbs { margin: 97px 0 0 0; transition: margin 300ms; padding: 30px 0; line-height: 24px; background: #efefef; }
.crumbs .box { width: 1000px; text-align: right; color: #706e6e; margin: 0 auto; }
.crumbs a { color: #706e6e; margin: 0 5px; display: inline-block; }
.crumbs a:hover { color: #0054ab; }
.crumbs span { margin: 0 0 0 5px; display: inline-block; }
.fixedBody .crumbs { margin: 60px 0 0 0; }

.location{ margin:0 auto; padding:0;width:92%; height:45px; border-bottom:1px dotted #ccc; max-width:1000px;color:#666666; font-size:12px; font-family:"微软雅黑","宋体"; line-height:45px; text-align:right; text-decoration:none;}
.location a{ color:#666666; font-size:12px; font-family:"微软雅黑","宋体"; line-height:45px; text-align:right; text-decoration:none;}
.location a:hover{ color:#005bac; }

.main { background: #f8f8f8; overflow: hidden; padding: 10px 0; }

.banner1{ margin:0 auto; padding:0; width:100%; height:410px; margin-top:140px; background:url(../image/banner1.jpg) no-repeat top center;}

.banner2{ margin:0 auto; padding:0; width:100%; height:410px; margin-top:140px; background:url(../image/banner2.jpg) no-repeat top center;}
.banner3{ margin:0 auto; padding:0; width:100%; height:410px; margin-top:140px; background:url(../image/banner3.jpg) no-repeat top center;}
.banner4{ margin:0 auto; padding:0; width:100%; height:410px; margin-top:140px; background:url(../image/banner4.jpg) no-repeat top center;}
.banner5{ margin:0 auto; padding:0; width:100%; height:410px; margin-top:140px; background:url(../image/banner5.jpg) no-repeat top center;}
.banner6{ margin:0 auto; padding:0; width:100%; height:410px; margin-top:140px; background:url(../image/banner6.jpg) no-repeat top center;}

#cen_right_top{width:720px;margin:40px auto 0 auto;}
#cen_right_top .active{background:url(images/qiehuan.jpg) no-repeat;color:#F3F3F3;}
#cen_right_top h3{line-height:35px;text-align:center;float:left;height:35px;width:182px;margin::0px;padding:0px;background-color:#F3F3F3;font-size:14px;color:#333333;font-weight:lighter;cursor:pointer;}
#cen_right_top div{font-size:14px;display:none;clear:both;height:100px;padding:20px 0px 0px 20px;border-top-width:medium;border-top-style:solid;border-top-color:#A0603D;}



.main .box { width: 1000px; margin: 0 auto;  padding: 40px 0;}
.left { width: 228px; overflow: hidden; float: left; border: 5px solid #f2f2f2; position: relative; left: -50px; display: none; }
.left li { width: 100%; height: 38px; line-height: 38px; overflow: hidden; float: left; background: #fff; border-bottom: 2px solid #f2f2f2; }
.left .t1 { background: url(../images/i11.png) no-repeat 10% center; height: 38px; text-align: center; transition: 200ms; }
.left .t1 a { background: url(../images/i9.png) no-repeat 90% center; display: block; color: #666; transition: 200ms; }
.left .t2 { height: 38px; line-height: 38px; border-top: 2px solid #f2f2f2; }
.left .t2 a { display: block; padding: 0 0 0 26%; transition: 200ms background; }
.left .t2 span { color: #a5a4a4; padding: 0 0 0 16px; background: url(../images/i10.png) no-repeat left; transition: 200ms; }
.left .liShow { height: auto; }
.left .liShow .t1 a { background: url(../images/i13.png) no-repeat 90% center; }
.left .liCur .t1, .left li .t1:hover { background: #0079be url(../images/i7.png) no-repeat 10% center; }
.left .liCur .t1 a, .left li .t1:hover a { color: #fff; background: url(../images/i8.png) no-repeat 90% center; }
.left li .cur a, .left li .t2:hover a { background: #0079be; }
.left li .cur span, .left li .t2:hover span { color: #fff; background-image: url(../images/i12.png); }
.left .t3 { background: url(../images/i11.png) no-repeat 10% center; height: 38px; text-align: center; transition: 200ms; }
.left .t3 a { background: url(../images/i9.png) no-repeat 90% center; display: block; color: #fff;background: url(../images/i8.png) #0079be no-repeat 90% center; transition: 200ms; }

.right { width: 748px; float: right; overflow: hidden; position: relative; left: 50px; display: none; min-height:400px; }
.right1 { width: 748px; float: right;  min-height:400px; }

.cont{ margin:0; padding:0; width:100%; max-width:1200px; height:auto;}


#aboutcon{ margin:0; padding:0; width:734px; height:auto;}
#aboutcontitle{ margin:0; padding:0; width:100%; height:auto;color:#666666; font-size:18px; font-family:"微软雅黑","宋体"; line-height:45px; text-align:center;}
#aboutcontent{ margin:0; padding:0; width:100%; height:auto;color:#666666; font-size:12px; font-family:"微软雅黑","宋体"; line-height:25px; text-align:left;}
#aboutcontent p{ color:#666666; font-size:12px; font-family:"微软雅黑","宋体"; line-height:25px; text-align:left;}
#aboutcontent img{ max-width:100%;}
#aboutcontentk{ margin:0; padding:0; width:100%; height:50px;color:#666666; font-size:12px; font-family:"微软雅黑","宋体"; line-height:25px; text-align:left;}



#product{ width: 748px; overflow: hidden; }
#product1 ul { width: 748px; overflow: hidden; }
#product1 li { width: 31%; height: auto; float: left; border: 1px solid #f2f2f2; margin: 1%; overflow: hidden;}
#product1 li .img { width: 100%;transition: 300ms; }
#product1 li .img img{ max-width: 100%; height: auto;}

#product1 li:nth-child(3n+1) {clear: both;}
#product1 li .title { width: 100%; height: auto; margin: 0; padding: 8px 0;line-height: 20px; text-align: center; font-size: 14px; color: #343434; background: #c0d2e1;}
#product1 li:hover .title { color: #0054ab; }
#product1 .text { text-align: center; background: #fff; padding: 20px; line-height: 24px; color: #343434; font-size: 14px; }
#product1 li:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }


#conpage{ margin:0 auto; padding:0; width:748px;  height:80px; margin-top:40px; text-align:centere; }


DIV.pageinfo { margin:0 auto; padding:0; width:748px; 
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center;
}
DIV.pageinfo A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 9px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 9px; PADDING-BOTTOM: 6px; BORDER-LEFT: #ddd 1px solid; COLOR: #888; MARGIN-RIGHT: 5px; PADDING-TOP: 6px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none; text-align:center;
}
DIV.pageinfo A:hover {
	BORDER-RIGHT: #ffa200 1px solid; BORDER-TOP: #ffa200 1px solid; BORDER-LEFT: #ffa200 1px solid; COLOR: #fff; BORDER-BOTTOM: #ffa200 1px solid; BACKGROUND-COLOR: #ffa200
}
DIV.pageinfo A:active {
	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.pageinfo SPAN.disabled {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 9px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 9px; PADDING-BOTTOM: 6px; BORDER-LEFT: #ddd 1px solid; COLOR: #888; MARGIN-RIGHT: 5px; PADDING-TOP: 6px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none; text-align:center;
}
DIV.pageinfo SPAN.pageinfo1 {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 9px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 9px; PADDING-BOTTOM: 6px; BORDER-LEFT: #ddd 1px solid; COLOR: #888; MARGIN-RIGHT: 5px; PADDING-TOP: 6px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none; text-align:center;
}

DIV.pageinfo SPAN.thisclass{
	BORDER-RIGHT: #ffa200 1px solid; BORDER-TOP: #ffa200 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffa200 1px solid; COLOR: #fff; BORDER-BOTTOM: #ffa200 1px solid; BACKGROUND-COLOR: #ffa200; PADDING-RIGHT: 9px; PADDING-LEFT: 9px;PADDING-TOP: 6px;PADDING-bottom: 6px; text-align:center;}

DIV.pageinfo SPAN.thisclass a{
	BORDER-RIGHT: #ffa200 1px solid; BORDER-TOP: #ffa200 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffa200 1px solid; COLOR: #fff; BORDER-BOTTOM: #ffa200 1px solid; BACKGROUND-COLOR: #ffa200; PADDING-RIGHT: 9px; PADDING-LEFT: 9px;PADDING-TOP: 6px;PADDING-bottom: 6px; text-align:center;}



#productList2 ul { width: 734px; overflow: hidden; }
#productList2 li { width: 248px; height: 220px; float: left; border: 1px solid #f2f2f2; overflow: hidden; background: #000; position: relative; margin: 0 26px 20px 0; }
#productList2 li .img { width: 100%; position: absolute; left: 0; top: 0; transition: 300ms; }
#productList2 li .title { width: 100%; height: 42px; line-height: 42px; text-align: center; font-size: 14px; color: #343434; background: #fff; font-family: "宋体"; position: absolute; left: 0; bottom: 0; }
#productList2 li:hover .title { color: #0054ab; }
#productList2 li:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }

#productDetail .top { padding: 20px; overflow: hidden; background: #fff; border: 5px solid #f2f2f2; }
#productDetail .top .img { width: 42%; overflow: hidden; float: left; }
#productDetail .top .img img { width:100%; }
#productDetail .top .text { width: 44%; color: #9b9b9b; line-height: 40px; float: right; }
#productDetail .top .p1 { text-align: left; padding: 0 0 8px 0; font-size: 20px; color: #333; font-family: "宋体"; }
#productDetail .top p { text-align: right; border-bottom: 1px solid #f2f2f2; }
#productDetail .top span { float: left; }
#productDetail table { width: 100%; margin: 25px 0 0 0; }
#productDetail td { width: 14%; padding: 0 5px; background: #e2e2e2; color: #5b5b5b; text-align: center; line-height: 26px; border-right: 3px solid #f8f8f8; border-bottom: 3px solid #f8f8f8; }
#productDetail .title td { background: #007abd; color: #fff; }
#productDetail .trSize7 td { width: 12%; }
#productDetail .trSize8 td { width: 12%; }
#productDetail .trSize9 td { width: 10%; }
#productDetail .trSize10 td { width: 10%; }

#news { width: 726px; overflow: hidden; margin: 0 10px 15px 0;  }

#newstitle { width: 100%; margin:0; padding:0; height:40px;font-family:"微软雅黑", "宋体"; font-size:18px; color:#000; text-align:center; text-decoration:none; line-height:40px; font-weight:normal; }

#news .maincon{ width: 100%; margin:0; padding:0;  height:180px; margin-top:30px;}

#news .leftnew{ width: 30%; margin:0; padding:0; float:left; height:180px; }
#news .rightnew{ width: 62%; margin:0; padding:0; margin-left:2%; float:left; height:180px; }
#news .rightnew .rightnew1{ width: 100%; margin:0; padding:0; height:30px; font-family:"微软雅黑", "宋体"; font-size:14px; color:#666666; text-align:left; text-decoration:none; line-height:30px; font-weight:normal; }

#news .rightnew .rightnew1 a{ width: 100%; margin:0; padding:0; height:30px; font-family:"微软雅黑", "宋体"; font-size:14px; color:#000; text-align:left; text-decoration:none; line-height:30px; font-weight:normal; }
#news .rightnew .rightnew1 a:hover{ color:#1970bb;}


#news .rightnew .rightnew2{ width: 100%; margin:0; padding:0; height:auto; font-family:"微软雅黑", "宋体"; font-size:12px; color:#888888; text-align:left; text-decoration:none; line-height:25px; font-weight:normal; }

#news .rightnew .rightnew3{ width: 100%; margin:0; padding:0; height:30px; font-family:"微软雅黑", "宋体"; font-size:12px; color:#f96900; text-align:left; text-decoration:none; line-height:30px; font-weight:normal; }

#news .rightnew .rightnew3 a{ width: 100%; margin:0; padding:0; height:30px; font-family:"微软雅黑", "宋体"; font-size:12px; color:#f96900; text-align:left; text-decoration:none; line-height:30px; font-weight:normal; }
#news .rightnew .rightnew3 a:hover{ color:#1970bb;}


#newscon{ margin:0 auto; padding:0; width:726px; height:auto; font-family:"微软雅黑", "宋体"; font-size:14px; color:#666666; text-align:left; text-decoration:none; line-height:30px; font-weight:normal;}
#newsconk{ margin:0 auto; padding:0; width:726px; height:50px; font-family:"微软雅黑", "宋体"; font-size:14px; color:#666666; text-align:left; text-decoration:none; line-height:30px; font-weight:normal;}


.solutiontitle{ margin:15px auto; padding: 0; width: 100%; height: auto;}
.solutiontitle .leftt{ margin:0 auto; padding:60px 0; width: 65%; height: auto; float: left; font-size: 36px; color: #005bac; text-align: left; font-weight: bold;line-height:40px;}
.solutiontitle .rightt{ margin:0 auto; padding: 0; width: 35%; height: auto; float: right;}
.solutiontitle .rightt img{ max-width: 100%; height: auto; }

.solution1{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: url(../image/solution/2.jpg) no-repeat top center; border-top:1px solid #e3e3e3;}
.solution1 .listt{ margin:0 auto; padding:0; width: 100%; height: auto; }
.solution1 .listt ul{ margin:0 auto; padding:0; width: 100%; height: auto; }
.solution1 .listt ul li{ margin:0 auto; padding:5px 0; width: 100%; height: auto; font-size: 18px; color: #005bac; text-align: left; font-weight: normal;line-height:30px; list-style: circle; }

.solution1 .img{ margin:0 auto; padding:0; width: 100%; height: auto; text-align: center;}
.solution1 .img img{ max-width: 100%; height: auto; text-align: center;}

.solution2{ margin:0 auto; padding:30px 0; width: 100%; height: auto;}
.solution2 .t1{ margin:0 auto; padding:0; width: 49%; height: auto; float: left;}
.solution2 .t1 img{ max-width: 100%; height: auto; text-align: center;}
.solution2 .t2{ margin:0 auto; padding:0; width: 49%; height: auto; float: right;}
.solution2 .t2 img{ max-width: 100%; height: auto; text-align: center;}

.solution3{ margin:0 auto; padding:30px 0; width: 100%; height: auto;}
.linee{ margin:0 auto; padding: 10px 0; width: 100%; height: auto; text-align: center; }
.solution3 .title{ margin:0 auto; padding:0; width: 100%; height: auto; font-size: 36px; color: #005bac; text-align: center; font-weight: bold;line-height:40px;}

.solution3 .hui{ margin:30px auto; padding:0; width: 100%; height: auto; min-height: 200px; background: #f3f3f3;}
.solution3 .hui .img{ margin:0 auto; padding:0; width: 60%; height: auto; float: left;}
.solution3 .hui .img img{ max-width: 100%; height: auto; float: left;}
.solution3 .hui .txt{ margin:0 auto; padding:80px 0; width: 40%; height: auto; float: left; text-align: center; font-size: 30px; line-height: 30px; color: #005bac;}


.solution4{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #f3f3f3;}
.solution4 .title{ margin:0 auto; padding:0; width: 100%; height: auto; font-size: 36px; color: #005bac; text-align: center; font-weight: bold;line-height:40px;}
.solution4 .listt{ margin:0 auto; padding:0; width: 100%; height: auto; }
.solution4 .listt ul{ margin:0 auto; padding:0; width: 100%; height: auto; }
.solution4 .listt ul li{ margin:0 auto; padding:5px 0; width: 31%; height: auto; margin: 1%; float: left;}

.solution5{ margin:0 auto; padding:30px 0; width: 100%; height: auto;}
.solution5 .title{ margin:0 auto; padding:0; width: 100%; height: auto; font-size: 36px; color: #005bac; text-align: center; font-weight: bold;line-height:40px;}
.solution5 .listt{ margin:0 auto; padding:0; width: 100%; height: auto; }
.solution5 .listt ul{ margin:0 auto; padding:0; width: 100%; height: auto; }
.solution5 .listt ul li{ margin:0 auto; padding:0; width: 48%; height: auto; margin: 0.5%; float: left; border: 1px solid #e3e3e3;}
.solution5 .listt ul li img{ max-width: 100%; height: auto;}

.solution5 .listt ul li .txt{ margin:0 auto; padding:10px 0; width: 100%; height: auto; font-size: 18px; text-align: center; font-weight: 500; color: #fff; background: #005bac; line-height: 30px;}


.solution6{ margin:0 auto; padding:30px 0; width: 100%; height: auto;}
.solution6 .title{ margin:0 auto; padding:0; width: 100%; height: auto; font-size: 36px; color: #005bac; text-align: center; font-weight: bold;line-height:40px;}
.solution6 .listt{ margin:0 auto; padding:0; width: 100%; height: auto; }
.solution6 .listt ul{ margin:0 auto; padding:0; width: 100%; height: auto; }
.solution6 .listt ul li{ margin:0 auto; padding:5px 0; width: 31%; height: auto; margin: 1%; float: left;}
.solution6 .listt ul li img{ max-width: 100%; height: auto;}


.page { text-align: center; padding: 25px 0; overflow: hidden; }
.page a, .page span { height: 24px; line-height: 24px; margin: 0 2px; background: #fff; color: #717171; padding: 0 10px; display: inline-block; border: 1px solid #e2e2e2; border-radius: 3px; transition: 150ms; }
.page .prv { width: 36px; padding: 0; margin: 0 10px 0 0; background: #fff url(../images/btn3.png) no-repeat center; }
.page .next { width: 36px; padding: 0; margin: 0 0 0 10px; background: #fff url(../images/btn4.png) no-repeat center; }
.page a:hover, .page span { background-color: #007cbf; color: #fff!important; border-color: #006da3; }
.page .prv:hover { background-image: url(../images/btn5.png); }
.page .next:hover { background-image: url(../images/btn6.png); }

#newsDetail { background: #fff; }
#newsDetail .title { margin: 0 30px; padding: 45px 0 40px 0; text-align: center; background: url(../images/dot2.jpg) repeat-x bottom; }
#newsDetail .title .p1 { font-size: 24px; color: #5b5b5b; }
#newsDetail .title .p2 { margin: 15px 0 0 0; color: #919191; }
#newsDetail .title .p2 a { color: #0079be; margin: 0 5px; }
#newsDetail .title .p2 a:hover { text-decoration: underline; }
#newsDetail .title .p2 span { margin: 0 5px; }
#newsDetail .text { margin: 0 35px; padding: 40px 0 40px 0; color: #919191; line-height: 30px; background: url(../images/dot2.jpg) repeat-x bottom; }
#newsDetail .pageChange { padding: 30px; line-height: 32px; }
#newsDetail .pageChange a { color: #919191; }
#newsDetail .pageChange a:hover { color: #0079be; text-decoration: underline; }

#exhibition ul { }
#exhibition li { padding: 20px 0; margin: 0 0 20px 0; font-size: 14px; overflow: hidden; line-height: 26px; color: #5a5d52; background: #fff; border: 1px solid #ececec; font-family: "宋体"; }
#exhibition li .img { width: 114px; float: left; margin: 0 90px 0 75px; }
#exhibition li .time { width: 180px; float: left; }
#exhibition li .title { width: 300px; float: left; }

#honor { width: 734px; overflow: hidden; }

#honor1 ul { width: 734px; overflow: hidden; }
#honor1 li { width: 220px; height: 200px; float: left; border: 3px solid #f2f2f2; overflow: hidden; background: #000; position: relative; margin: 0 18px 20px 0; }
#honor1 li .img { width: 100%; position: absolute; left: 0; top: 0; transition: 300ms; }
#honor1 li .title { width: 100%; height: 62px; line-height: 52px; text-align: center; font-size: 14px; color: #343434; background: #fff; font-family: "宋体"; position: absolute; left: 0; bottom: -10px; transition: 200ms; }
#honor1 li:hover .title { color: #fff; background: #fff; }
#honor1 li:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default; }
	
	
	
.video{margin:0 auto; padding:30px 0; width:100%; height:auto;}	
.videolist{margin:0 1%; padding:0; width:31%; height:auto; float:left;}
.video-item{margin:10px; background: #fff; padding: 10px;}
.video-item h2, .video-item h2 a{font-size:15px;line-height:1.4;color:#5f5f5f;margin:0 0 10px 0;}
.video-item h2 a:hover{}
.video-item h2 a:hover, .video-item h3 a:hover{text-decoration:none;color:#4141a0;}
.video-item .item-thumbnail{position:relative;overflow:hidden;max-height:100%;}
.video-item .item-thumbnail > a{display:block;}
/*video thumb sizing*/
.video-item .item-thumbnail img{max-width:100%;width:100%; position: relative;}
.video-item .item-thumbnail .rating-bar{position:absolute;top:0;left:0;font-size:15px;line-height:30px;padding:0 8px;}

.video-item .item-thumbnail .yuan{display: block;width: 60px;height: 60px;position: absolute;top: 50%;left: 50%;margin: -20px 0 0 -18px;border-radius: 50%;background: transparent;text-align: center;font: 20px/60px 'Font Awesome 5 Pro';transform: scale(1);opacity: 1;text-decoration:none;box-shadow: 0px 0px 0px 2px rgba(255,255,255,.75);color:#fff;}



.video-item .item-thumbnail .link-overlay{position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0);-webkit-transition: background-color 0.2s ease;transition: background-color 0.2s ease;}
.video-item .item-thumbnail .link-overlay:before{display: block;width: 60px;height: 60px;position: absolute;top: 50%;left: 50%;margin: -20px 0 0 -18px;border-radius: 50%;background: transparent;text-align: center;font: 20px/60px 'Font Awesome 5 Pro';transform: scale(0.8);opacity: 0;-webkit-transition: opacity 0.2s ease;transition: opacity 0.2s ease;text-decoration:none;box-shadow: 0px 0px 0px 2px rgba(255,255,255,.75);color:#fff;}

.video-item .txt a{margin:0; background: #fff;width: 100%; height: auto;padding:5px 10px; font-size: 14px; color: #666; line-height: 20px; text-align: center;}



@media(min-width:768px){.video-item .item-thumbnail:hover .link-overlay{background: rgba(20,22,23,0.75);text-decoration:none;}
.video-item .item-thumbnail:hover .link-overlay:before{-webkit-transform: scale(1);transform: scale(1);opacity: 1;text-decoration:none;}}
.video-item .item-meta{color:#c6c6c6;}
.video-item .item-meta span{line-height:21px;margin-right:20px;}
.video-item .item-meta span > i{margin-right:2px;}
	
	}
	
	

#about .text { line-height: 48px; color: #6e6e6e; }
#about .text img { width: 100%; }

#contact .text { margin: 0 0 40px 0; overflow: hidden; color: #383838; font-family: "宋体"; }
#contact .text .l { line-height: 36px; float: left; }
#contact .text .r { line-height: 24px; float: right; margin: 40px 0 0 0; }
#contact .map { height: 450px; }

#rfq .msg { padding: 20px 30px 30px 30px; background: #fff; }
#rfq .top { height: 85px; background: url(../images/dot1.jpg) repeat-x bottom; }
#rfq .top img { float: left; }
#rfq .top .t { height: 50px; line-height: 50px; padding: 0 0 0 35px; margin: 10px 0 0 34px; float: left; border-left: 1px solid #ebebeb; }
#rfq .t1 { width: 100%; margin: 18px 0 0 0; overflow: hidden; }
#rfq .t2 { padding: 0 2px 0 0; margin: 18px 0 0 0; overflow: hidden; }
#rfq .t3 { padding: 30px 0 0 0; margin: 20px 0 0 0; text-align: center; background: url(../images/dot1.jpg) repeat-x top; }
#rfq .input { width: 43%; padding: 9px 0 9px 5%; color: #383838; float: left; border: 1px solid #d8d8d8; }
#rfq .input-ref { background: url(../images/i15.png) no-repeat 10px center; }
#rfq .input-email { float: right; background: url(../images/i16.png) no-repeat 10px center; }
#rfq .input-name { background: url(../images/i18.png) no-repeat 10px center; }
#rfq .input-company { float: right; background: url(../images/i19.png) no-repeat 10px center; float: right; }
#rfq .input-tel { background: url(../images/i20.png) no-repeat 10px center; }
#rfq .input-fax { float: right; background: url(../images/i21.png) no-repeat 10px center; float: right; }
#rfq .input-add { width: 100%; background: url(../images/i22.png) no-repeat 10px center; }
#rfq .input-city { background: url(../images/i23.png) no-repeat 10px center; }
#rfq .input-SP { float: right; background: url(../images/i24.png) no-repeat 10px center; float: right; }
#rfq .input-country { background: url(../images/i25.png) no-repeat 10px center; }
#rfq .input-PCode { float: right; background: url(../images/i26.png) no-repeat 10px center; float: right; }
#rfq textarea { width: 100%; height: 160px; float: left; padding: 5px 0; line-height: 24px; color: #383838; border: 1px solid #d8d8d8; text-indent: 40px; background: url(../images/i17.png) no-repeat 10px 8px; }
#rfq .btn { width: 140px; height: 38px; font-size: 14px; color: #fff; background: #acacac; border: none; margin: 0 12px; cursor: pointer; }
#rfq .btn:hover { background: #0079bd; }

@media screen and (max-width:1050px) {
    .crumbs { margin: 60px 0 0 0; }
    .crumbs .box { width: auto; margin: 0 0 0 20px; text-align: left; }
    .main .box { width: auto; margin: 0 20px; }
    .left { }
    .right { width: auto; float: none; margin: 0 0 0 200px; }
    #product1 ul { width: 100%; }
    #product1 li { margin-right: 20px; }

    #honor ul { width: auto; }
    #honor li { margin-right: 20px; }
	#aboutcon{width:100%;}

    #productList2 ul { width: auto; }
    #productList2 li { margin-right: 20px; }

    #about .text { line-height: 36px; }
    #rfq .input { width: 41%; padding: 9px 0 9px 7%; }
    #rfq .top { height: auto; padding: 0 0 50px 0; }
    #rfq .top img { margin: 0 10px 0 0; }
    #rfq .top .t { padding: 10px 0 0 0; height: auto; line-height: 24px; float: none; border: none; margin: 0; }

    #exhibition li .img { margin: 0 5%; }
    #exhibition li .time { width: 30%; }
    #exhibition li .title { width: 40%; }
}

@media screen and (max-width:860px) {
    #exhibition li { width: auto; padding: 30px 40px; }
    #exhibition li .img { margin: 0; float: none; }
    #exhibition li .time { width: auto; margin: 20px 0; float: none; }
    #exhibition li .title { width: auto; float: none; }
}


@media screen and (max-width:740px) {
	
	
	#product{ width: 100%; overflow: hidden; }
    #productDetail .top .img { width: 100%; margin: 0 0 20px 0; }
    #productDetail .top .img img { width: 100%; }
    #productDetail .top .text { width: 100%; }

	#news { width: 100%; overflow: hidden; margin: 0 10px 15px 0;  }

#newstitle { width: 100%; margin:0; padding:0; }

	#news .leftnew{ width: 96%; margin:0; padding:0 2%; float:left; height:auto; }
#news .rightnew{ width: 96%; margin:0; padding:0 2%; float:left; height:auto; }
	
    #contact .text .l { float: none; }
    #contact .text .r { float: none; }
    #rfq .input { width: 40%; padding: 9px 0 9px 10%; }
    #rfq .top { height: auto; padding: 0 0 30px 0; }
    #rfq .top .t { padding: 0; }
    #rfq .t1 { width: auto; margin: 0; padding: 0 2px 0 0; }
    #rfq .t2 { margin: 0; }
    #rfq textarea { margin: 18px 0 0 0; }
    #rfq .input { width: 90%; padding: 9px 0 9px 10%; margin: 18px 0 0 0; float: none !important; }
}


@media screen and (max-width:640px) {
    .main { padding: 20px 0; }
    .crumbs { padding: 20px 0; }
    .left { width: auto; float: none; margin: 0 0 20px 0; }
    .left .t2 a { padding: 0 0 0 42%; }
    .right { 100%: auto; margin: 0; }
	#aboutcon{width:100%;}
    #product1 li { width: 47%; margin: 1%; float: left;}
	    #product1 li:nth-child(2n+1) {clear:both;}
	#product1 li:nth-child(3n+1) {clear:inherit;}
	#product1 li .title { width: 96%; height: 40px; margin: 0; padding: 8px 2%;line-height: 20px; text-align: center; font-size: 14px; color: #343434; background: #c0d2e1;}
	
    #honor li { width: auto; margin-right: 0; float: none; }
    #contact .map { height: 300px; }
    #rfq .btn { width: 100px; margin: 0 5px; }
	
.banner1{ margin:0 auto; padding:0; width:100%; height:200px; margin-top:30px; background:url(../image/banner1.jpg) no-repeat top center; background-size:cover;}
.banner2{ margin:0 auto; padding:0; width:100%; height:200px; margin-top:30px; background:url(../image/banner2.jpg) no-repeat top center; background-size:cover;}
.banner3{ margin:0 auto; padding:0; width:100%; height:200px; margin-top:30px; background:url(../image/banner3.jpg) no-repeat top center; background-size:cover;}
.banner4{ margin:0 auto; padding:0; width:100%; height:200px; margin-top:30px; background:url(../image/banner4.jpg) no-repeat top center; background-size:cover;}
.banner5{ margin:0 auto; padding:0; width:100%; height:200px; margin-top:30px; background:url(../image/banner5.jpg) no-repeat top center; background-size:cover;}
.banner6{ margin:0 auto; padding:0; width:100%; height:200px; margin-top:30px; background:url(../image/banner6.jpg) no-repeat top center; background-size:cover;}	
	
.solutiontitle .leftt{ margin:0 auto; padding:10px 2%; width: 96%; height: auto; float: left; font-size: 24px; color: #005bac; text-align: center; font-weight: bold;line-height:24px;}
.solutiontitle .rightt{ margin:0 auto; padding: 0 2%; width: 96%; height: auto; float: right;}

.solution1 .listt ul li{ margin:0 auto; padding:5px 3%; width: 94%; height: auto; font-size: 14px; color: #005bac; text-align: left; font-weight: normal;line-height:20px; list-style: circle; }
	


.solution2 .t1{ margin:0 auto; padding:0 2%; width: 96%; height: auto; float: left;}
.solution2 .t2{ margin:0 auto; padding:0 2%; width: 96%; height: auto; float: right;}
.solution3 .title{ font-size: 24px; line-height:30px;}

.solution3 .hui{ margin:30px auto; padding:0; width: 100%; height: auto; min-height: 100px; background: #f3f3f3;}
.solution3 .hui .img{ margin:0 auto; padding:0 2%; width: 96%; height: auto; float: left;}
.solution3 .hui .txt{ margin:0 auto; padding:20px 2%; width: 96%; font-size: 18px; line-height: 24px; color: #005bac;}


.solution4{ margin:0 auto; padding:30px 0; width: 100%; height: auto; background: #f3f3f3;}
.solution4 .title{ margin:0 auto; padding:0; width: 100%; height: auto; font-size: 24px; line-height:30px;}
.solution4 .listt ul li{ margin:0 auto; padding:5px 0; width: 31%; height: auto; margin: 1%; float: left;}

.solution5 .title{ margin:0 auto; padding:0; width: 100%; height: auto; font-size: 24px;line-height:30px;}
.solution5 .listt ul li{ margin:0 auto; padding:0 2%; width: 96%; height: auto; float: left; border: 1px solid #e3e3e3;}
.solution5 .listt ul li .txt{ margin:0 auto; padding:10px 0; width: 100%; height: auto; font-size: 18px; text-align: center; font-weight: 500; color: #fff; background: #005bac; line-height: 30px;}

.solution6 .title{  font-size: 24px; color: #005bac; text-align: center; font-weight: bold;line-height:30px;}
.solution6 .listt ul li{ margin:0 auto; padding:5px 0; width: 31%; height: auto; margin: 1%; float: left;}
}

@media screen and (max-width:420px) {
    .left .t2 a { padding: 0 0 0 34%; }
    #productList2 li { width: auto; margin-right: 0; float: none; }
    #rfq .input { width: 86%; padding: 9px 0 9px 14%; }
	#aboutcontent img{ width:100%;}
	.solution6 .listt ul li{ margin:0 auto; padding:5px 2%; width: 96%; height: auto;  float: left;}
}

#search .box{ width:auto; margin:0 20px;}
#search li .more{ display:none;}
#search{ padding:98px 0 120px 0; background:#f8f8f8;}
#search .box{ width:1000px; margin:0 auto;}
#search .top{ overflow:hidden; padding:30px 0 15px 0; line-height:22px; background:#efefef; font-family:"宋体";}
#search .top .s1{ font-size:22px; color:#000; float:left;}
#search .top .s2{ color:#767676; float:right;}
#search .top .s2 span{ color:#6698cc;}
#search .content{ padding:50px 0 0 0;}
#search li{ transition:300ms; border-bottom:1px solid #dfdfdf; line-height:24px;}
#search li a{ color:#6f6f6f; padding:25px 5px; display:block;}
#search li .more{ transition:300ms; width:110px; height:24px; line-height:24px; text-align:center; display:inline-block; background:#efefef; color:#b2b2b2; float:right;}
#search li .red{ color:#e60012;}
#search li:hover{ background:#fff;}
#search li:hover .more{ color:#fff; background:#e60012;}