﻿@import "reset.css";
@import "public.css";

body {
    max-width: 1920px;
    margin: 0 auto;
}



#banner{width: 100%; max-width: 1920px;border-bottom:6px solid #3C4252;position:relative}


.indexA {padding:60px 0 0 0;}
.indexA .tit{background:url("../image/ibg3.png") no-repeat center bottom;padding:0 0 20px 0;}
.indexA .tit h2{font-size:32px;color:#1b2130;text-align:center;font-family: 'Conv_Calibri_Light';}
.indexA .tit p{text-align:center;margin:16px 0 0 0;line-height:20px;font-size:15px;color:#1f273a;font-family: 'Conv_Calibri_Light';}


.indexA .list{margin:40px 0 0 0;}
.indexA .list .items{padding:0 20px 0 0;cursor:pointer;height: 240px}
.indexA .list .items img{display:block;}
.indexA .list .items .txt{background:#424242;border-top:4px solid #ACACAC;padding:5px 0 8px;width:100%;height:40px;}
.indexA .list .items .txt h5{color:#fff;font-size:14px;font-weight:bold;margin:0 0 0 14px;}
.indexA .list .items .txt p{color:#aaabb0;font-size:12px;background:url("../image/i1.png") no-repeat left center;padding:0 0 0 10px;margin:0 0 0 14px;}
.indexA .list .items .txt a.more{display:block;margin:10px 0 0 14px;width:65px;color:#fff;height:18px;line-height:18px;font-size:11px;border:1px solid #fff;text-align:center;border-radius:6px;}



.indexB{margin-top:40px;background:#F2F2F2;padding:35px 0 50px 0;}
.indexB .tit{height:37px;line-height:37px;border-bottom:2px solid #E5E5E5;padding:0 0 7px 0;}
.indexB .tit h5{color:#1C1F2E;font-size:28px;font-family: 'Conv_Calibri_Light';}

.indexB .box{float:left;width:333px;}
.indexB .box .nr{margin:10px 0 0 0;}
.indexB .box a.more{display:block;margin:20px 0 0 0;width:65px;color:#565A65;height:25px;line-height:25px;font-size:11px;border:1px solid #868992;text-align:center;border-radius:6px;}
.indexB .box a.more:hover{color:#fff;background:#424242;border:1px solid #424242;}

.indexabout{}
.indexabout .nr{height:152px;overflow:hidden;}

.indexpro{margin:0 18px 0 18px;}
.indexpro .pic{display:block;position:relative;}
.indexpro .pic p{position:absolute;width:100%;bottom:0;left:0;height:37px;line-height:37px;background: rgba(0,0,0,0.8);color:#fff;text-indent:10px;font-size:13px;}

.indexvideo{}
.indexvideo .nr{border:3px solid #595D69;}
.indexvideo .nr { position: relative; overflow: hidden; }
.indexvideo .nr a.playbtn { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../image/video-btn.png) no-repeat center; z-index: 9; }
.indexvideo .nr img { width: 100%; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; }
.indexvideo .nr:hover img { transform: scale(1.11); -ms-transform: scale(1.11); -moz-transform: scale(1.11); -webkit-transform: scale(1.11); -o-transform: scale(1.11); }
.indexvideo .nr:after { content: ''; position: absolute; width: 90%; left: 5%; bottom: 7px; height: 20px; border-radius: 50%; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.25); z-index: -1; }



#sidebanner{max-width: 1920px;border-bottom:6px solid #3C4252;}
#sidebanner img{width:100%;}

.sidecon{font-size:12px;color:#333;padding:0 0 15px 0;}

.left{float:left;width:260px;margin:0 0 15px 0}
.right{width:770px;float:right;margin:0 0 15px 0;overflow:hidden;}


.path{height:50px;line-height:50px;border-bottom:#b5b5b5 solid 1px;margin-bottom:20px;background:url("../image/i11.png") 0 center no-repeat;padding-left:23px;}
.path h2{float:left;font-size:18px;color:#494949;font-family:Tahoma;text-transform:uppercase;}

.path ul{float:right;padding:0 0 0 50px;}
.path ul li{float:left;position:relative;}
.path ul li a{padding:0 15px;font-size:13px;font-weight:bold;font-family:Tahoma;color:#333;}
.path ul li.active{background:url("../image/subnavBg.png") no-repeat center bottom;}
.path ul li.active a{color:#f60;}




.left .tit{background:#DE3A30;height:37px;line-height:36px;margin:0 0 0 0;}
.left .tit h4{float:left;font-size:14px;color:#fff;font-weight:bold;text-transform:uppercase;text-indent:10px;}
.left .tit a{float:right;font-size:11px;color:#fff;margin:0 10px 0 0;}

.left_top{margin-bottom:15px}
.left_top dl{}
.left_top dl dd{height:33px;line-height:33px;border-bottom:1px dashed #E5E5E5;padding:0 10px 0;font-size:0;background:#fff;}
.left_top dl dd:last-child{border-bottom:none;}
.left_top dl dd a{background:url("../image/i4.png") no-repeat left center;padding:0 0 0 13px;color:#666;font-family:Arial;font-size:14px;font-family:Arial;}
.left_top dl dd a:hover,.left_top dl dd.active a{background:url("../image/i4-1.png") no-repeat left center;color:#F12E32;text-decoration:none;}

.sidemenu{margin:0 0 15px 0;}
.sidemenu ul{background:#fff;box-shadow:2px 2px 2px #DDDDDD;}
.sidemenu ul li{}
.sidemenu ul li h5{display:block;background:url("../image/i4.png") no-repeat 12px center;color:#717171;font-family:Arial;font-size:13px;padding:0 7px 0 23px;cursor:pointer;height:35px;line-height:34px;border-bottom:1px solid #DFDFDF;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sidemenu ul li h5 a{color:#4A4A4A;font-weight:bold;font-family:Arial;}
.sidemenu ul li h5 a:hover,.sidemenu ul li.active h5 a{color:#DE3A30;}
.sidemenu ul li.active h5{background:url("../image/i4-1.png") no-repeat 12px center;color:#00929F;}
.sidemenu dl{display:none;}
.sidemenu dd{height:33px;line-height:33px;border-bottom:1px dashed #DCDCDC;background:#fff;text-overflow:ellipsis;white-space:nowrap;}
.sidemenu dd:last-child{border-bottom:none;}
.sidemenu dd a{background:#fff url('../image/i5.png') no-repeat 16px center;padding-left:26px;color:#666;font-family:Arial;}
.sidemenu dd.active a,.sidemenu dd a:hover{color:#DE3A30;}



.right .rtit{background:#DE3A30;height:37px;line-height:36px;margin:0 0 0 0;}
.right .rtit h2{font-size:16px;color:#fff;font-weight:bold;text-transform:uppercase;text-indent:10px;}


.about{margin:10px 0 0 0;}
.about p{margin-bottom:12px;text-align:justify;line-height:21px;}
.about .about_img{float:left;margin-right:15px}
.about .about_img1{float:right;margin-left:15px}

.principle{padding:0 0 30px 0;}
.principle h5{margin:25px 0 0 0;font-size:16px;}
.principle p{margin:10px 0 0 0;font-size:14px;}

.history{color:#333;}
.history ul{}
.history ul li{background:#fff;border:1px solid #ED6A64;margin:10px 0 0 0;}
.history ul li h5{height:35px;line-height:35px;border-bottom:2px solid #ED6A64;font-weight:bold;text-indent:15px;color:#333;font-size:15px;}
.history ul li .list{padding:10px;}
.history ul li .list .pic{float:left;width:310px;}
.history ul li .list .pic img{width:100%;}
.history ul li .list .t{float:left;width:485px;margin:0 0 0 10px;display:inline;}
.history ul li .list .t p{margin:0 0 15px 0;}


.market{margin:0 0 0 -11px;}
.market p{float:left;margin:15px 0 5px 11px;text-align:center;border:2px solid #E5E5E5;}
.market img{width:100%;}


.down{}
.down ul{margin:0 0 0 0;}
.down ul li{margin:10px 0 0 0;border:1px solid #DADADA;height:38px;line-height:38px;background:#fff;}
.down ul li.odd{margin:10px 0 0 0;background:#FFFEF7;}
.down ul li h3{float:left;background:url("../image/li3.png") no-repeat left 14px;padding:0 0 0 15px;margin:0 0 0 10px;display:inline;font-weight:bold;}
.down ul li h3 a{font-size:13px;color:#534D4B;}
.down ul li h3 a:hover{color:#f30;}
.down ul li p{float:right;color:#393939;margin:0 15px 0 20px;display:inline;}
.down ul li p a{text-indent:-9999px;width:15px;height:15px;background:url("../image/download.png") no-repeat;display:block;margin:11px 0 0 0;}


.video ul li {background:#fff;float:left;width:47%;padding:1%;position: relative; overflow: hidden;margin:10px 0 0 0;}
.video ul li:nth-child(odd){float:right;}
.video ul li a.playbtn { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../image/video-btn.png) no-repeat center; z-index: 9; }
.video ul li p{text-align:center;}
.video ul li img { width: 100%; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; }
.video ul li:hover img { transform: scale(1.11); -ms-transform: scale(1.11); -moz-transform: scale(1.11); -webkit-transform: scale(1.11); -o-transform: scale(1.11); }
.video ul li:after { content: ''; position: absolute; width: 90%; left: 5%; bottom: 7px; height: 20px; border-radius: 50%; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.25); z-index: -1; }



.service{}
.service h3{font-size:25px;margin:20px 0 0 0;font-weight:bold;}
.service h5{font-size:22px;margin:30px 0 0 0;}
.service p{font-size:13px;line-height:20px;margin:10px 0 0 0;}

.maintanance table {word-break:break-all;border:1px solid #424242; font-family:"����";display:inline-table;font-size:12px;margin:20px 0 0 0;}
.maintanance table th{height:25px;line-height:25px;background:#424242;color:#fff;text-align:left;padding:2px;text-align:center;font-weight:bold;font-size:15px;}
.maintanance table tr {background:#fff;}
.maintanance table td {line-height:22px; font-size:12px; border:1px solid #424242; color:#333; padding:3px; }

.honor{text-align:center;}
.honor{margin:0 0 0 -25px;}
.honor p{float:left;width:240px;margin:15px 0 0 25px;text-align:center;}
.honor p a{display:block;width:240px;}
.honor img{width:100%;display:block;}
.honor b{font-weight:bold;font-size:14px;margin:10px 0 0 0;display:block;height:20px;}


.newslist{ overflow:hidden;}
.newslist dl{ overflow:hidden;border:1px solid #DADADA;padding:8px 15px 15px;box-shadow:2px 2px 2px #DDDDDD; margin-top:15px;}
.newslist dl dt{ float:left; margin-bottom:5px;}
.newslist dl dt span{float:left;width:80px; height:70px; background:#f6f6f6; margin:14px 0 0 0; text-align:center; padding-top:4px; border:1px solid #ccc; border-top:3px solid #DC352F;}
.newslist dl dt span p{ display:block; color:#444; font-weight:300; line-height:34px;}
.newslist dl dt span p.news-d{ font-size:1.5em; border-bottom:1px solid #ccc;font-weight:bold;}
.newslist dl dt span p.news-m{ font-size:1.2em; background:#fff;}
.newslist dl dt h3{}
.newslist dl dd{ float:right; width:630px; margin-right:8px;overflow:hidden;}
.newslist dl dd h3{height:40px;line-height:40px;font-size:14px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  font-weight:bold;}
.newslist dl dd h3 a{color:#2B2B2B;}
.newslist dl dd h3 a:hover{text-decoration:underline;color:#f30;}

.newslist dl dd span{display:block;height:50px;color:#747474;}
.newslist dl dd a.more{ float:right; color:#2C5A5F; font-size:10px; text-decoration:underline;}
.newslist dl dd a:hover{color:#f30;}


.newsnr{}
.newsnr h1{font-size:16px;line-height:1.4;margin:35px 0 0;color:#333;font-weight:bold;text-align:center;}

.artInfo{padding:10px 5px;border-bottom:1px dotted #ddd;text-align:center;border-top:1px solid #ADADAD;margin:35px 10px 0;}
.artInfo .time{padding:0 0 0 15px;}
.artInfo .share{margin-left:10px}


.myart{margin:10px 10px;line-height:2;}
.myart p{margin:10px 0 0 0;line-height:2;}

.rela_list{border-bottom:1px solid #B4B4B4;margin-top:25px;padding:0 10px;}
.rela_list li{border-top:1px solid #B4B4B4;height:40px;line-height:40px;}
.rela_list .t{float:left;width:100px;text-align:center;border-right:1px solid #B4B4B4;}
.rela_list a{float:left;margin-left:1em;width:68%;white-space:nowrap;overflow:hidden;}
.rela_list a:hover{color:#00929F;text-decoration:underline;}




.product ul{margin:0 0 0 -17px}
.product ul li{float:left;width:245px;border-top:2px solid #DC2619;margin:20px 0 0 17px;background:#F1F1F1;box-shadow:0 2px 0 #EBEBEB;background:#fff;cursor:pointer;overflow:hidden;}
.product ul li img{display:block;width:100%;height:205px;}

.product ul li .txt{background:#424242;border-top:4px solid #ACACAC;padding:5px 0 8px;width:100%;height:40px;}
.product ul li .txt h5{color:#fff;font-size:14px;font-weight:bold;margin:0 0 0 14px;width: 231px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis}
.product ul li .txt p{color:#aaabb0;font-size:12px;background:url("../image/i1.png") no-repeat left center;padding:0 0 0 10px;margin:0 0 0 14px;width: 231px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis}
.product ul li .txt a.more{display:block;margin:10px 0 0 14px;width:65px;color:#fff;height:18px;line-height:18px;font-size:11px;border:1px solid #fff;text-align:center;border-radius:6px;}



.pro_view_top{overflow:hidden;border:1px solid #c6c6c6;padding:0 0 10px 0;margin:10px 0 0 0;background:#fff;}
.pro_img{float:left;margin:8px}

.bpic{}
.bpic ul li{display:none;}
.bpic ul li img{width:350px;height:250px;}

.spic{width:350px;overflow:hidden;float:left;}
.spic ul li{float:left;display:inline;margin:8px 5px 0 0;cursor:pointer;}
.spic ul li img{width:75px;height:60px;border:2px solid #ccc;padding:1px;}
.spic ul li.hover img{border:2px solid #DE3A30;}

.pro_view_inner{float:right;width:385px;padding:0 5px 5px 5px;}
.pro_view_inner h1{color:#DE3A30;font-weight:bold;font-size:16px;margin:20px 0 0 0;}
.pro_view_inner li.pro_name{margin:10px 0px}

.pro_view_inner li.pro_dscp{font-weight:bold;font-size:13px;margin:10px 0 0 0;}
.pro_view_inner li .inquiry{margin:0 15px 0 0;}
.pro_view_inner li img{margin:15px 5px 0 0;vertical-align:middle;}
.pro_view_inner li.tel{margin:15px 0 0 0;padding-left:55px;line-height:24px;background:url("../image/tel.png") no-repeat;font-size:14px;position:relative;}

.pre_pro p{float:left;width:48%;margin-top:15px}
.pre_pro p strong{float:left;margin-right:5px}
.pre_pro p a{color:#343434;}
.pre_pro p a:hover{color:#f00;text-decoration:underline;}
.pre_pro p span,.pre_news p span{font-size:14px;color:#000}
.pre_pro p span,.pre_news p span{float:left;margin-right:5px}

.pro_text{margin:20px 0 0 0;}


.pro_text .tabs{border:1px solid #ddd;background:#fff;width:835px;}
.pro_text .tabs li{position:relative;float:left;width:auto;height:44px;line-height:44px;font-size:14px;padding:0 1.5em;cursor:pointer;background:#8F8F8F;color:#fff;border-right:1px solid #fff;}
.pro_text .tabs li a{display:block;color:#fff;}
.pro_text .tabs li i{position:absolute;left:50%;bottom:9999px;border-width:6px;border-color:#DE3A30 transparent transparent transparent;border-style:solid dashed dashed dashed;margin-left:-6px;}
.pro_text .tabs li.current{background:#DE3A30;color:#fff;}
.pro_text .tabs li.current:before{content: ' ';position: absolute; top: 0; left: 0; width: 100%;height: 100%;z-index:-1;}
.pro_text .tabs li.current i{bottom:-12px;}

.pro_text .tabscon{color:#555;padding:0 5px;padding-bottom:4px;font-size:12px;}
.pro_text .tabscon .box{padding:20px 0 0 0;line-height:20px;}
.pro_text .tabscon .box h5{font-size:20px;color:#444;font-family:Arial;margin:0 0 15px 0;}
.pro_text .tabscon .box p{margin:15px 0 0 0;}
.pro_text .tabscon #con2,.pro_text .tabscon #con3{padding:35px 0 0 0;}



.related-products{margin-top:15px}
.related-products h3{font-size:15px;color:#00929F;line-height:30px;margin-bottom:10px;border-bottom:1px solid #CBCBCB;background:url("../image/i1.png") no-repeat left center;padding:0 0 0 15px;font-weight:bold;}
.related-products ul{margin:0 -13px 0 0;}
.related-products ul li{float:left;width:181px;margin:4px 13px 15px 0;}
.related-products ul li img{display:block;width:100%;border:1px solid #DADADA;border-radius:5px}
.related-products ul li p{height:30px;line-height:30px;text-align:center;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.related-products ul li:hover a{color:#00929F;}


.sub_case dl dd .sub_case_tit a{ color: #333;}

.sub_case_tit { font-size: 16px; font-weight: bold; text-transform: uppercase;}

.sub_case ul li{margin:15px 0 0 0;border-bottom: 1px dashed #666; padding-bottom: 20px;}
.sub_case ul li:last-child{ border-bottom: 0;}

.sub_case dl dt{ width: 100%; height: 165px;padding:1px;background:#fff;}

.sub_case dl dd{ width: 96%; float: right; background: #fff; padding: 2% 2% 3%; position: relative;}

.sub_case dl dd:hover{ background: #DE3A30;}

.sub_case dl dd:hover .sub_case_text,.sub_case dl dd:hover .sub_case_tit a{ color: #fff;}

.sub_case dl dd .sub_case_text{ margin-top: 10px; line-height: 20px;}

.sub_case_more { width: 33px; height: 32px; display: inline-block; background: url(404.png) no-repeat; position: absolute; bottom: 0; right: 0;}

.sub_case ul li:hover .sub_case_more { background: url(404.png) no-repeat 0 -35px;}


.contactML{ width: 100%;  margin:20px 0;border-bottom: 1px dashed #ccc; padding-bottom: 20px;}
.contactML p{ line-height: 25px;}

.mess{ margin: 3% 0; padding-bottom: 3%; border-bottom: 1px dashed #ccc;}
.mess h3{ text-align: center; font-size: 18px;}
.mess ul{ margin-top: 2%;}
.mess ul li{ width: 100%;}
.mess ul li dl dt,.mess ul li dl dd{ float: left; background: #F4F3F4;}
.mess ul li dl{ height: 30px; margin: 5px 0; line-height: 30px;}
.mess ul li dl dd a{ color: #000;}
.mess ul li dl dt{ margin-right: 5px; width: 19%; padding-left: 1%;}
.mess ul li dl dd{ padding-left: 1%; width: 78%;}

.formtitle { display: table; width: 100%; background: #edf4f7;}
.formtitle strong { color: #fff; background: #4a8ab5; font-size: 16px; line-height: 40px; text-align: center; white-space: nowrap; padding: 0 8px; border-right: 1px solid #fff; width: 192px;}
.formtitle strong, .formtitle p { display: table-cell; vertical-align: middle;}
.formtitle p{ padding-left: 10px;}

.inquirShow{ margin-top: 2%;}
.inquirShow .row{ margin:15px 0 0 0;}

.inquirShow dt{font-family: "nexa_lightregular";font-size:13px;}
.inquirShow dd{margin:5px 0 0 0;}

.inquirShow input, .inquirShow textarea { padding: 6px 5px; border: 1px solid #ddd;width: 96%;line-height: 20px;text-align: left; color: #999;}
.inquirShow textarea { display: block; max-width:98%; width:98%; resize: none;}

.inquirShow .red{color:#f00;font-weight:bold;}
.inquirShow .yzm { width:60%; margin-right:10px;}
.inquirShow img {cursor: pointer; margin-left: 3px; display: inline-block;vertical-align: middle;}

.inquirShow .input:focus,.inquirShow .select:focus,.inquirShow .textarea:focus { -webkit-box-shadow:0 0 5px #999; -moz-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999; background:#fafafa; border-color:#999; outline:0 }

.inquirShow input.btn {padding:0;border:0 none;background:#fff;color:#fff;line-height:28px;margin-bottom:0;width:95px;border:1px solid #ddd;color:#888;font-size:14px;text-align:center;cursor:pointer;}
.inquirShow input.btn:first-child { background: #55ab26; margin-right: 8px; color: #fff; border-color: #55ab26; cursor: pointer;}


.digg{padding:20px 10px 3px 0;margin:15px 0 20px 0px;clear:both;line-height:28px;text-align:center;border-top:1px solid #ADADAD;}
.digg a,.digg span{line-height:16px;padding: 4px 7px 4px 7px;margin:2px;display:inline-block;border:1px solid #bebebe;background:#fff;border-radius: 2px 2px 2px 2px; -moz-transition: all 0.5s ease 0.01s; -webkit-transition: all 0.5s ease 0.01s; -o-transition: all 0.5s ease 0.01s; transition: all 0.5s ease 0.01s;}
.digg a:active{border:#333 1px solid;color:#f18101; }
.digg span.disabled{color:#fff;padding:4px 7px 4px 7px;border:1px solid #F18101;background:#fff;}
.digg span.disabled,.digg a:hover{background:#DE3A30;border: 1px solid #DE3A30;border-radius: 2px 2px 2px 2px;box-shadow: 0 1px 0 0 #FFFFFF;color: #fff !important;margin:2px;padding:4px 7px 4px 7px;}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}



.header_r .header_r_top {height: 25px;}
.header_r .search {display: none;}