/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body {  color:#666; text-decoration:none; font-size:14px; background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#2c5ca8;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{ width:6px; height:12px}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{ background-color:black}
::-webkit-scrollbar-track-piece{ background:#FFF}
::-webkit-scrollbar-thumb:vertical{ background-color:#8E8E8E; border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{ background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{ background-color:#535353}
::-webkit-scrollbar-resizer:vertical{ background-color:#FF6E00}

.menu{ float:right; width:30px; height:30px; background:center center no-repeat transparent; background-image:url(../images/amenuicon.png); display:none; margin-top:10px;}

/*banner*/
.theme-default { width:100%; height:640px; position:relative; overflow:hidden;}
.theme-default .bolang { height:33px; background:url(../images/bolang.png); position:absolute; bottom:0; left:0; width:100%; z-index:9;}
.theme-default #slider { width:1920px; height:640px; position:absolute; left:50%; top:0; margin-left:-960px;}
.theme-default .nivoSlider { position:relative; background:#fff url(loading.gif) no-repeat 50% 50%; -webkit-box-shadow:0px 1px 5px 0px #4a4a4a; -moz-box-shadow:0px 1px 5px 0px #4a4a4a; box-shadow:0px 1px 5px 0px #4a4a4a;}
.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a { border:0; display:block;}
.theme-default .nivo-controlNav { position:absolute; left:50%; bottom:10px; margin-left:-55px;}
.theme-default .nivo-controlNav a { display:block; width:30px; height:4px; margin:0 2px; background:#fff; text-indent:-9999px; border:0; float:left;}
.theme-default .nivo-controlNav a.active { background:#192c75;}
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px; border:0;}
.theme-default a.nivo-nextNav { background-position:-30px 0; right:100px;}
.theme-default a.nivo-prevNav { left:100px;}
.theme-default .nivo-caption { font-family:Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover { color:#fff;}
.nivoSlider { position:relative;}
.nivoSlider img { position:absolute; top:0px; left:0px;}
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}
.nivo-slice { display:block; position:absolute; z-index:5; height:100%;}
.nivo-box { display:block; position:absolute; z-index:5;}
.nivo-directionNav a { position:absolute; top:40%; z-index:9; cursor:pointer;}
.nivo-prevNav { left:0px;}
.nivo-nextNav { right:0px;}
.nivo-controlNav a { position:relative; z-index:9; cursor:pointer;}
.nivo-controlNav a.active { font-weight:bold;}
.theme-default .nivo-controlNav { z-index:100; bottom:30px;}

.banner { margin:0 auto; position:relative;}
.banner .bd { }
.banner .bd li { }
.banner .bd li img { width:100%; }
.banner .hd { position:absolute; bottom:.5rem; right:0; width:100%; }
.banner .hd ul { width:100%; text-align:center; }
.banner .hd ul li { width:30px; height:5px; background:#fff; margin:0 4px; display:inline-block; text-indent:-9999px; cursor:pointer; opacity:.6; filter:alpha(opacity=60); box-shadow:0 0 1px #ccc; }
.banner .hd ul li.on { background:#0083d7; opacity:1; filter:alpha(opacity=100); box-shadow:0 0 2px #ccc; }

/*---------------------*/
#feedbackForm{ padding:20px;}
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px;  color: #666; resize: none; width:96%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #15b1ac; outline: none; background: #fff; }
.messageinput { width: 236px; padding: 10px; height: 40px; line-height: 40px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #15b1ac; outline: none;  background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #ccc; color: #2d3e50; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 500px; color: #fff; background:#012a40; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

.m{ width:95%; margin:0 auto; max-width:1200px;}
.n{ padding:45px 0;}

/*top*/
.top{ background:#f7f7f7; line-height:40px; border-bottom:1px solid #dfdfdf; font-size:13px;}
.top span{ color:#d51d21; font-weight:bold; margin:0 2px;}
.top a{ float:left; padding:0 15px; border-left:1px solid #dfdfdf;}
.top div p.fl{ margin-right:15px;}

.nav{ padding:20px 0; font-size:16px;}
.nav ul li{ float:left; margin-left:50px; line-height:53px;}
.nav img.fl{ height:50px;}

/*首页关于我们*/
.p_p1{ font-size:25px; color:#555;}
.p_p2{ float:left; margin:20px 0;}
.a_a_m{ float:right; padding:5px 20px; margin-top:20px; border:1px solid #dfdfdf;}
.a_a_m:hover{ background:#0083d7; color:#fff;}
.part1 ul{ margin-top:30px;}
.part1 ul li{ width:32%; margin-right:2%; float:left;}
.part1 ul li:last-child{ margin-right:0;}
.part1 ul li img{ width:100%;}
.part1 ul li .p3{ font-size:18px; color:#999; margin:20px 0;}
.part1 ul li .p4{ color:#999; line-height:1.6; margin-bottom:40px; min-height:80px;}
.part1 ul li a{ padding:5px 10px; border:1px solid #0083d7; border-radius:5px; color:#0083d7;}
.part1 ul li a:hover{ color:#fff; background:#0083d7;}

/*part2*/
.part2{ background:#f7f7f7;}
.pro_ul{ padding:15px 20px; border:2px solid #0c8ad9; line-height:35px;}
.pro_ul .pro_all{ color:#fff; background:#1bcef2; float:left; width:9%; text-align:center; border-radius:20px;}
.pro_ul ul{ width:90%; float:right;}
.pro_ul ul li{ text-align:center; float:left; padding:0 15px; margin-right:1.5%; border:1px solid #d9d9d9; border-radius:20px; margin-bottom:10px; transition:0.2s;}
.pro_ul ul li:nth-child(7n){ margin-right:0;}
.pro_ul ul li:hover{ background:#1bcef2;}
.pro_ul ul li:hover a{ color:#fff;}
.pro_ul2{ margin-top:30px;}
.pro_ul2 li{ width:24%; float:left; margin-right:1.3%; position:relative; top:0; transition:0.2s; margin-bottom:20px;}
.pro_ul2 li:hover{ top:-20px;}
.pro_ul2 li:nth-child(4n){ margin-right:0;}
.pro_ul2 li div{ padding:25px 15px; background:#b0c0c7; color:#fff;}
.pro_ul2 li div .p2{ text-align:right; color:#fd6a02;}

/*part3*/
.part3{ height:214px; background:url(../images/con_bg.jpg) no-repeat center center; text-align:center; padding:40px 0; color:#fff;}
.part3 p{ font-size:24px; font-weight:bold; line-height:1.6;}
.part3 div{ display:block; margin:0 auto; font-size:20px; padding:5px 15px; border:1px solid #fff; width:250px; text-align:center; border-radius:10px; margin-top:20px;}
.part3 div a{ color:#fff;}
.part3 div a img{ vertical-align:middle;}

/*part4*/
.part4{}
.part4 .map{ width:55%;}
.part4 .ind_con{ width:43%; float:right;}
.part4 .ind_con p{ font-size:15px; line-height:3.5; border-bottom:1px solid #e9e9e9;}
.part4 .ind_con p img{ vertical-align:middle; margin-right:10px;}

/*foot*/
.foot{ background:#000; color:#d8d8d8;}
.foot a{ color:#d8d8d8; font-size:13px;}
.foot .logo_b{ float:left; width:28%;}
.foot .logo_b img{ margin-bottom:20px;}
.foot ul{ float:left; width:15%; margin-left:5%;}
.foot p{ font-size:16px; font-weight:bold; margin-bottom:10px;}
.foot ul li{ line-height:1.6;}
.foot ul.p_u{ /*column-count:2;*/ width:100%; margin-left:0;}
.foot .p_d{ width:25%; float:left; margin-left:0%;}
.foot .con_b{ float:right; width:25%;}
.foot .con_b span{ font-size:13px; line-height:1.6;}
.foot .con_b a{ color:#b78b2c; display:block; margin-top:30px;}
.foot2{ border-top:1px solid #3c3c3c; background:#000; color:#d8d8d8; line-height:4;}
.foot2 a{ color:#d8d8d8; float:right;}

/*banner_n*/
.banner_n{ height:350px;}

/*about*/
.ppt{ text-align:center; font-size:30px; padding-bottom:30px; text-indent:0 !important; margin-top:0 !important; line-height:1.8 !important; color:#434d5b;}
.x{ width:50px; margin:0 auto 30px; border-bottom:1px solid #000;}
.about p{ text-indent:2em; line-height:1.8; margin-top:15px;}
.about img{ max-width:100%; display:block; margin:20px auto 0;}

/*workshop*/
.workshop{ text-align:center;}

/*contact*/
.contact .contact_m{ padding-left:30px; margin-bottom:50px; width:50%; float:left;}
.contact .contact_m img{ float:left; height:50px; margin-right:30px;}
.contact .contact_m .p1{ font-size:18px; padding-left:20px; margin-bottom:5px;}
.contact .contact_m .p2{ font-size:14px; padding-left:20px; width:90%;}

.productshow{ margin-top:30px;}

.pro-tab-title{ line-height: 40px; padding: 0px 0px 0px 20px; color: #fff; font-size: 16px; background: #33225a;}
.pro-tab-main{ display:flex;}
.pro-left{ width:220px;}
.pro-tab-main table{ min-width:100%; text-align:center;}
.pro-tab-main table tr{ height:40px;}
.pro-tab-main table tr:first-child{ height:120px; background:#d7dee4; font-size:16px; font-weight:bold;}
.pro-tab-main table tr:nth-child(2n){ background:#eee;}
.pro-tab-main table tr td,.pro-tab-main table tr th{ border: 1px solid #fff; box-sizing:border-box;}
.pro-tab-main table tr th.width240,.pro-tab-main table tr td.width240{ width:240px;}
.pro-right{ width:calc(100% - 220px); overflow-x: auto;}
.pro-right table{ table-layout: fixed; width:100%;}
.pro-right table tr{ height:40px !important; box-sizing:border-box;}
.pro-right table tr:nth-child(-n+3){ background:#d7dee4;}
.pro-right table tr td,.pro-right table tr th{ width:120px;}
.pro-right table tr th .span-small{ font-size:12px;}

::-webkit-scrollbar-thumb {
    height: 50px;
    outline-offset: -2px;
    border: 2px solid #c1c1c1;
    -webkit-border-radius: 4px;
    background-color: #c1c1c1;
}



@media (max-width:1120px) {
.top{ display:none;}
.nav ul.fr{ display:none;}
.menu{ display:block;}
.part1 ul li{ width:100%; float:none; margin:20px 0;}
.part1 ul li .p4{ margin-bottom:0;}
.a_a_m{ margin-top:0;}
.pro_ul .pro_all{ display:none;}
.pro_ul{ margin:10px 0;}
.pro_ul ul{ width:100%; float:none;}
.pro_ul ul li{ width:31%; margin-right:3.5%;}
.pro_ul ul li:nth-child(7n){ margin-right:3.5%;}
.pro_ul ul li:nth-child(3n){ margin-right:0;}
.pro_ul2 li{ width:48%; margin-right:4%;}
.pro_ul2 li:nth-child(2n){ margin-right:0;}
.part4 .map,.part4 .ind_con{ width:100%; float:none;}
.foot{ display:none;}
.foot2 a{ float:none; line-height:2;}
.foot2 .fl{ float:none;}

.about_t{ font-size:20px;}
.ind_news1 .ind_np{ display:none;}
.ind_news1 .ind_nm{ float:none; width:100%;}
.ind_news_l ul li .ind_news2_t{ display:none;}
.ind_news_l ul li .ind_news2_m{ float:none; width:100%;}
.ind_news_l ul li .ind_news2_m .pt{ display:block;}
.honor_ul li{ width:48%; margin-right:4%;}
.honor_ul li:nth-child(3n){ margin-right:4%;}
.honor_ul li:nth-child(2n){ margin-right:0;}
.questions ul li{ width:100%; float:none; margin-left:0;}
.messagebtn{ width:100% !important;}

.contact .contact_m{ float:none; width:100%; margin-bottom:20px; padding-left:10px;}
.contact .contact_m .p1{ font-size:14px;}
.contact .contact_m .p2{ font-size:12px;}
.contact .contact_m img{ height:30px;}

.n{ padding:20px 0;}

.about_t{ font-size:20px;}
.ppt{ font-size:20px; padding-bottom:10px;}
.ind_news1 .ind_np{ display:none;}
.ind_news1 .ind_nm{ float:none; width:100%;}
.ind_news_l ul li .ind_news2_t{ display:none;}
.ind_news_l ul li .ind_news2_m{ float:none; width:100%;}
.ind_news_l ul li .ind_news2_m .pt{ display:block;}
.honor_ul li{ width:48%; margin-right:4%;}
.honor_ul li:nth-child(3n){ margin-right:4%;}
.honor_ul li:nth-child(2n){ margin-right:0;}
.questions ul li{ width:100%; float:none; margin-left:0;}
.messagebtn{ width:100% !important;}

.contact .contact_m{ float:none; width:100%; margin-bottom:20px; padding-left:10px;}
.contact .contact_m .p1{ font-size:14px;}
.contact .contact_m .p2{ font-size:12px;}
.contact .contact_m img{ height:30px;}

.contact .contact_m:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
.banner_n{ height:150px; background-size:cover !important;}
}