/* 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:#f56700;}
.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;}

/*首页关于我们*/
.p_p1{ font-size:25px; color:#555;}
.p_p2{ float:left; margin:20px 0; font-size: 16px; line-height: 1.6;}
.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:20px; min-height:50px;word-wrap:break-word;word-break:break-all;}
.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; margin-bottom: 30px;}
.pro_ul .pro_all{ color:#fff; background:#1bcef2; float:left; width:9%; text-align:center; border-radius:20px; margin-top: 5px;}
.pro_ul ul{ width:90%; float:right;}
.pro_ul ul li{ text-align:center; float:left; width:21%; 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; height: 115px;}
.pro_ul2 li div .p2{ text-align:right; color:#fd6a02; margin-top: 10px;}

/*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.2; border-bottom:1px solid #e9e9e9;}
.part4 .ind_con p img{ vertical-align:middle; margin-right:10px;}


.homeboxsp01 {
    background-color: #17387c;
    color: #fff;
    width: 1200px;
    margin: 0 auto;
}
.homeboxsp01 .list {
    display: flex;
}
.homeboxsp01 .list .item {
    flex: 1;
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
    padding: 40px 0;
    border-right: 1px solid #266893;
}

.homeboxsp01 .list .item .ico {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    transition: all 0.3s;
}

.homeboxsp01 .list .item .ico img {
    display: block;
    width: 100%;
    height: 100%;
}
.homeboxsp01 .list .item .num strong {
    font-size:26px;
}

.homeboxsp01 .list .item .num {
    margin: 15px auto 5px;
}

.item .nam {
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 0 10%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 40px;word-wrap:break-word;word-break:break-all;
}

/*foot*/
.foot{ background:#ededed; color:#555;}
.foot a{ color:#555; 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 #cdcdcd; background:#ededed; color:#555; line-height:4;}
.foot2 a{ color:#555; float:right;}

/*banner_n*/
.banner_n{ height:350px;}

/*about*/

.x{ width:50px; margin:0 auto 30px; border-bottom:1px solid #000;}
.about p{ text-indent:2em; line-height:1.8; margin-top:15px; font-size: 18px;}
.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; font-weight: bold;}
.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; font-weight: bold;}
.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:30px; width:50%; float:left;}
.contact .contact_m img{ float:left; height:50px;}
.contact .contact_m .p1{ float:left; font-size:18px; padding-left:20px; margin-bottom:5px;}
.contact .contact_m .p2{ float:left; font-size:14px; padding-left:20px; width:90%;}

.tablea{border-top: 1px solid #ddd; border-left: 1px solid #ddd; width: 100%;}
.tablea td{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; font-size: 16px;  padding: 5px;}
.tablea tr:first-child td{background-color: #f7f7f7; font-weight: bold;}
.tablea th{background-color: #f7f7f7; font-weight: bold;border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.tableb{border-top: 1px solid #ddd; border-left: 1px solid #ddd; width: 100%;}
.tableb td{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; font-size: 16px;  padding: 5px;}
.tableb td:first-child{background-color: #f7f7f7; font-weight: bold;}
.tableb th{background-color: #f7f7f7; font-weight: bold;border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.pro_ul .pplistul{display: flex; flex-wrap: wrap;}
.pro_ul .pplistul li{width: 31%; margin:0.5% 1.1%; }
.pro_ul .pplistul li a{border: 0px none; padding:5px;}

.product table td{font-size: 16px; line-height: 1.8;}
.product ul{display: flex; flex-wrap: wrap;}
.product ul li{width: 31%; margin: 1.1%;}
.product ul li a{width: 100%; display: block; border: 1px solid #ddd; padding: 12px;}
.product ul li a img{width: 100%; display: block;}
.product ul li .ind_p_d .p1{font-size: 20px; margin: 10px 0;}
.product ul li .ind_p_d .p22{background-color: #0083d7; color: #fff; padding: 5px; border-radius: 5px; text-decoration: none; width: 100px; text-align: center;}


@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:1.5;}
.m{padding: 20px 0;}
.foot2 .fl{ float:none; line-height:1.5; padding: 10px 0;}

.homeboxsp01{width: 100%;}
.homeboxsp01 .list{display: block; width: 100%; padding: 30px 0;}
.homeboxsp01 .list .item{padding: 10px 0;}
.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;}

.nav img{width: 80%;}
.pro_ul .pplistul li{width: 49%; margin: 0.5%;}
.product ul li{width: 49%; margin: 0.5%;}
.product ul li .ind_p_d .p1{font-size: 15px;}

.pro_ul2 li div{padding: 15px; height:110px;}
.pro_ul2 li p{font-size: 12px;}
}