/* 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:50px 0;}

/*top*/
.top{ line-height:40px; border-bottom:#eee 1px solid; font-size:12px;}
.top p.fl span{ color:#049fd8;}
.top a{ float:left;}
.top div.fr span{ display:block; margin:0 10px; float:left;}
.top div.fr .a2{ margin-left:10px; color:#049fd8;}
.top div.fr img{ vertical-align:middle; margin-right:5px;}

.menu{ float:right; width:30px; height:30px; background:center center no-repeat transparent; background-image:url(../images/amenuicon.png); display:none; margin-top:10px;}

/*head*/
.head{ padding:25px 0;}
.head .p1{ float:left; margin-left:20px; padding-left:20px; border-left:#ddd 1px solid; font-size:20px; font-weight:bold; line-height:1.6;}
.head .p1 span{ font-size:14px; letter-spacing:2px; font-weight:normal;}
.head .p2{ float:right; line-height:1.6; text-align:right;}
.head .p2 img{ vertical-align:middle; margin-right:5px;}
.head .p2 span{ font-weight:bold; font-size:17px; font-family:Verdana, Geneva, sans-serif; color:#777;}

/*nav*/
.nav{ background:#0191d3; line-height:50px;}
.nav ul{ position:relative;}
.nav ul li{ float:left; width:12%; text-align:center; position:relative;}
.nav ul a{ color:#fff; font-weight:bold; font-size:15px;}
.nav ul a:hover{ color:#aff2f5;}
.nav ul .nav_c{ position:absolute; top:0; right:0; width:130px; background:#d81304; text-align:center; padding:20px 0; line-height:30px; z-index:999;}
.nav ul .nav_c img{ width:29px;}

.nav ul li ul{ position:absolute; top:50px; left:0; z-index:999; min-width:100%; display:none; width:180px;}
.nav ul li ul li{ background:rgba(1,145,211,0.8); float:none; width:100%; line-height:35px; white-space:nowrap; padding:0 10px;}

/*首页产品*/
.part1{ background:#0191d3;}
.ppt{ text-align:center; font-size:24px; color:#333; font-weight:bold;}
.ppt.homepro{ color:#fff; }
.part1 .pro_u{ width:70%; margin:30px auto;}
.part1 .pro_u .p_a{ float:left; width:10%;}
.part1 .pro_u .p_a a{ padding:7px 14px; background:#07151b; color:#fff; border-radius:30px; display:block;}
.part1 .pro_u ul{ float:left; text-align:center; width:90%;}
.part1 .pro_u ul li{ padding:7px 14px; display:inline-block; border-radius:30px; transition:0.2s; background:#0191d3; margin-bottom:8px;}
.part1 .pro_u ul li a{ color:#fff;}
.part1 .pro_u ul li:hover{ background:#f1f1f1;}
.part1 .pro_u ul li:hover a{ color:#333;}

.swiper-container{ width:100%; height:100%;}
.swiper-slide{ background:#fff;}

.swiper-slide:hover .i_p{ transform:scale(1.2,1.2);}
.swiper-slide .aa{ display:block; overflow:hidden;}
.i_p{ width:100%; transition:0.2s;}
.i_p_m{ padding:40px 30px; width:100%; text-align:left;}
.i_p_m .a1{ font-weight:bold; color:#333; display:block; margin-bottom:5px;}
.i_p_m p{ font-size:12px; margin:15px 0;}
.i_p_m .a2{ font-size:12px;}
.i_p_m .h{ width:16px; height:3px; background:#e70000; margin-top:10px; float:left;}
.i_p_m .h2{ background:#0052c2;}

.homeproall{ display:grid;grid-template-columns: repeat(4, minmax(0, 1fr)); gap:20px;}
.homeproall .i_p_m{ background:#fff; padding:20px 30px;}

/*首页我们的优势*/
.advantage{ background:#0191d3;}
.advantage .ppt{ color:#fff;}
.advantage ul{ margin-top:50px;}
.advantage ul li{ float:left; width:49%; margin-right:2%; background:#fff; position:relative; margin-bottom:20px;}
.advantage ul li:nth-child(2n){ margin-right:0;}
.advantage ul li .a_l{ padding:40px; float:left; width:80%;}
.advantage ul li .a_l .p1{ font-size:21px; margin-bottom:15px;}
.advantage ul li .a_l .p2{ line-height:1.6;}
.advantage ul li .a_r{ width:20%; background:#e3f3fa; position:absolute; right:0; top:0; bottom:0; text-align:center; display:-webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:center;
 -webkit-box-align:center;}

/*首页关于我们*/
.part2{}
.part2 .ind_ab{ padding:50px 0; border:#d8dadc 1px solid; box-shadow:2px 2px 10px rgba(0,0,0,0.1);}
.part2 .p2{ width:80%; margin:20px auto 0; text-indent:2em; line-height:32px; font-size:17px;}
.part2 .p2 a{ color:#e40000;}

/*首页视频*/
.part3{ background:#eff2f4;}
.part3 .p2{ text-align:center; margin:20px auto 40px;}
.part3 ul{}
.part3 ul li{ width:25%; float:left; border-right:1px solid #eff2f4;}
.part3 ul li div{ padding:20px 40px; background:#fff; box-shadow:2px 2px 10px rgba(0,0,0,0.1);}
.part3 ul li div .p3{ font-size:17px; font-weight:bold; color:#666; margin-bottom:5px;}
.part3 ul li div .p4{ font-size:12px;}
.part3 .v_m{ color:#fff; background:#d81304; text-align:center; border-radius:30px; width:120px; margin:30px auto 0; display:block; padding:5px 0;}

/*首页新闻*/
.part4{ background:#eaedf2;}
.part4 .p2{ text-align:center; margin:20px 0 40px;}
.part4 ul li{ width:48%; float:left; margin-right:4%; padding:40px; box-shadow:2px 2px 10px rgba(0,0,0,0.1); background:#fff; position:relative; top:0; transition:0.2s;}
.part4 ul li:hover{ top:-10px;}
.part4 ul li:nth-child(2){ margin-right:0;}
.part4 ul li .p_t{ font-size:12px; color:#999;}
.part4 ul li .p_a{ margin:15px 0 20px 0;}
.part4 ul li .p_a a{ font-size:18px;}
.part4 ul li .p_d{ font-size:12px; line-height:1.6; margin-bottom:10px;}

/**/
.part5{ background:#0668b0; padding:40px 0;}
.part5 a{ float:right; color:#fff; margin-right:10px; font-size:12px;}
.part5 a.fr{ float:right;}
.part5 img{ vertical-align:middle;}


.bottom{ margin-top:30px; color:#fff; font-size:13px; line-height:22px;}
/*bottom

.bottom .b1{ width:35%; float:left;}
.bottom .b1 .p1{ font-size:12px; color:#285879; line-height:1.6; padding-bottom:10px;}
.bottom .b1 .p2{ margin:3px 0;}
.bottom .b1 .p2 img{ height:15px; width:15px; vertical-align:middle;}
.bottom .b2{ width:23%; float:left;}
.bottom .b2 .p1{ font-weight:bold; margin-bottom:10px;}
.bottom .b2 li a{ font-size:13px; line-height:1.8;}
.bottom .b3{ width:13%;}
.bottom .beian{ display:block; float:right; width:16%; text-align:center; padding:10px 0; border:1px solid #777; border-radius:5px; font-size:12px;}
.bottom .beian img{ height:14px; vertical-align:middle; margin-right:5px;}

.bottom .bottom2{ border-top:#e3e3e3 1px solid; margin-top:30px; padding-top:30px; text-align:center; color:#777; font-size:13px; line-height:1.6;}*/


/*about us*/
.hhh{ text-align:center; font-weight:bold; font-size:30px; margin-bottom:30px;}
.about p{ margin-bottom:20px; line-height:1.8;}
.about p img{ width:100%;}
.about_m{ width:48%; margin-bottom:20px;}
.about_i{ width:49%; float:right;}

/**/
.contact_n{ width:100%; height:300px; background:url(../images/contact_n.jpg) no-repeat; padding-top:100px;}
.contact_n p{ text-align:center; color:#fff; font-size:30px; font-weight:bold; text-shadow:2px 2px 10px #0668b0;}
.contact_n p a{ display:block; color:#fff; width:200px; margin:20px auto; padding:5px; background:#0668b0; border-radius:25px; font-size:20px;}

/*feedback*/
.feedback2 form{ width:520px; float:left;}
.feedback2 form input{ float:left; width:250px; height:50px; padding: 10px 20px; font-size: 14px; line-height: 1.5; color: #555555; border: 1px solid #ccc; border-radius: 4px; margin-bottom:20px;}
.feedback2 form input:nth-child(2n){ float:right;}
.feedback2 form textarea{ width:520px; height:100px; padding: 10px 20px; font-size: 14px; line-height: 1.5; color: #555555; border: 1px solid #ccc; border-radius: 4px; margin-bottom:20px;}
.feedback2 form button{ background: #0668b0; color: #fff; border: 2px solid #0668b0; cursor:pointer; font-size:16px; padding:5px 10px; border-radius:5px; transition:0.2s;}
.feedback2 form button:hover{ background:#6799bd;}
.contact_m{ float:right; width:600px;}
.contact_m .p1{ font-weight:bold; font-size:24px; margin-bottom:20px; text-transform:uppercase;}
.contact_m p{ margin-bottom:10px;}

/*honor*/
.honor_ul li{ width:22%; margin-right:4%; float:left; margin-bottom:20px;}
.honor_ul li:nth-child(4n){ margin-right:0;}

/*产品展示*/
.pro_ul{ padding:15px 20px; border:2px solid #0c8ad9; line-height:35px;}
.pro_ul .pro_all{ color:#fff; background:#0668b0; 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 10px; 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:#0668b0;}
.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 a img{ width:100%;}
.pro_ul2 li:hover{ top:-20px;}
.pro_ul2 li:nth-child(4n){ margin-right:0;}
.pro_ul2 li div{ padding:25px 15px; background:#3879a9; color:#fff;}
.pro_ul2 li div .p2{ text-align:right; color:#fd6a02;}
.video li div{ background:#f3f3f3; color:#666;}

/*news*/
.news ul.n_a{ text-align:center; margin-bottom:30px;}
.news ul.n_a li{ padding:5px 10px; border:1px solid #0668b0; display:inline-block; margin-right:20px; transition:0.2s;}
.news ul.n_a li:last-child{ margin-right:0;}
.news ul.n_a li:hover,.news ul.n_a li.on{ background:#0668b0;}
.news ul.n_a li:hover a,.news ul.n_a li.on a{ color:#fff;}

.news .news_ul li{ position:relative; border:1px solid #d9d9d9; background:#FFF; padding:20px 10px; margin-bottom:20px; transition:0.2s; -webkit-transition:0.2s;}
.news .news_ul li:hover{ border:1px solid #045094;}
.list-left{ float:left; width:18%;}
.list-left .thumb{ display:block; width:100%; border:1px solid #d9d9d9}
.list-left .extra{ padding:10px 0}
.list-info{ float:right; width:80%;}
.list-info h2{ border-bottom:1px solid #e1e1e1; font-size:16px; font-weight:normal; padding:0 0 10px}
.list-info h2 a{ color:#666;}
.list-info h2 a:hover{ color:#045094;}
.list-info h2 span{ color:#045094;}
.list-info p{ line-height:2; text-indent:2em; font-size:14px; color:#666; padding:10px 0 0}
.list-info p a{ color:#045094;}

/*service*/
.service p{ line-height:1.8; text-indent:2em;}
.service p strong{ margin:5px 0; display:block;}

/*recruit*/
.recruit{}
.job_ul{ width:100%; padding:20px;}
.job_ul li{ margin:0 auto 10px; padding:10px; transition:0.5s; -webkit-transition:0.5s; border:1px solid rgba(0,0,0,0);}
.job_ul li:hover{ border:1px solid #000;}
.job_ul li table{ width:100%; font-size:14px;}
.job_ul li table tr{}
.job_ul li table tr td{ line-height:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.job_ul li table tr .td1{ background:#ddd; width:30%; padding-left:20px;}
.job_ul li table tr .td2{ background:#ddd; padding-left:20px;}

/*contact*/
.contact .contact_m2{ padding-left:30px; margin-bottom:50px; width:50%; float:left;}
.contact .contact_m2 img{ float:left; height:50px;}
.contact .contact_m2 .p1{ float:left; font-size:18px; padding-left:20px; margin-bottom:5px;}
.contact .contact_m2 .p2{ float:left; font-size:14px; padding-left:20px; width:90%;}

/*map*/
.map{ margin:0 auto 50px;}

.in_pro_img{}
.in_pro_img li{ float:left; width:42%; margin:0 4% 20px;}
.in_pro_img li img{ width:100%; display:block;}
.in_pro_txt{ margin-top:40px;}
.in_pro_txt h3{ background:url(../images/iecool_arrow_184.gif) no-repeat left; padding-left:20px; margin-bottom:10px;}
.in_pro_txt p{ margin-bottom:30px;}
.tab_cc{ width:100%;border-collapse:collapse; margin-top:5px; margin-bottom:30px;}
.tab_cc tr:first-child td{ background:#666; color:#fff; font-size:15px; font-weight:bold; line-height:18px; padding:15px 0;}
.tab_cc td{ border:1px solid #fff; text-align:center;padding:3px; line-height:36px; background:#f1f1f1;}
.tab_cc tr:nth-child(2n) td{ background:#f7f7f7;}


@media (max-width:1120px){
.top{ display:none;}
.menu{ display:block;}
.head{ padding:10px 0;}
.head .fl{ max-width:80%;}
.head p,.nav{ display:none;}
.n{ padding:20px 0;}
.ppt{ font-size:18px;}
.i_p_m{ padding:20px 15px;}
.part1 .pro_u{ width:100%;}
.part1 .pro_u .p_a{ display:none;}
.part1 .pro_u ul{ width:100%; float:none; font-size:12px;}
.part1 .pro_u ul li{ padding:7px 5px;}
.advantage ul li{ width:100%; float:none; margin-right:0;}
.advantage ul li:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
.advantage ul li .a_l{ padding:20px;}
.part2 .ind_ab{ padding:20px 0;}
.part2 .p2{ width:90%; font-size:14px; line-height:24px;}
.part3 ul li{ width:50%;}
.part3 ul li div{ padding:10px;}
.part3 ul li div .p3{ font-size:14px;}
.part4 ul li{ width:100%; float:none; font-size:12px; padding:20px;}
.part5{}
.bottom .m{ display:none;}


.hhh{ font-size:20px; margin-bottom:15px;}
.about_m,.about_i,.feedback2 form{ width:100%; float:none;}
.feedback2 form input{ width:49%;}
.feedback2 form textarea{ width:100%;}
.contact_m{ display:none;}

.honor_ul li{ width:48%; margin-right:4%;}
.honor_ul li:nth-child(2n){ margin-right:0;}

.pro_ul{ padding:5px;}
.pro_ul .pro_all{ display:none;}
.pro_ul{ margin:10px 0;}
.pro_ul ul{ width:100%; float:none;}
.pro_ul ul li{ font-size:12px; margin-right:0.5%; padding:0 5px;}
.pro_ul2 li{ width:48%; margin-right:4%;}
.pro_ul2 li:nth-child(2n){ margin-right:0;}

.list-left{ display:none;}
.list-info{ width:100%; float:none;}
.list-info h2 .fr{ display:block; float:none; font-size:12px; margin:5px 0;}
.messagebtn{ width:100% !important;}
.job_ul{ padding:0;}

.contact .contact_m2{ float:none; width:100%; margin-bottom:20px; padding-left:0;}
.contact .contact_m2 .p1{ font-size:14px; padding-left:10px;}
.contact .contact_m2 .p2{ font-size:12px; padding-left:10px;}
.contact .contact_m2 img{ height:30px;}

.contact .contact_m2:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}

.map{ margin:0 auto 20px;}
}

@media (max-width:720px){
.homeproall{ grid-template-columns: repeat(2, minmax(0, 1fr));}
.pro_ul2 li div{ padding:10px;}
.pro_ul2 li div p{ font-size:13px;}
.pro_ul2 li div .p2{ text-align:left; margin-top:3px;}
.contact_n{ background-size:cover; height:200px; padding-top:50px;}
.contact_n p{ font-size:24px;}
.contact_n p a{ font-size:18px;}
}