/* 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{ font-family:Microsoft Yahei; 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; font-family:microsoft yahei; 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; font-family:microsoft yahei; 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; font-family:microsoft yahei; 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;}
.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:8%; text-align:center; position:relative; transition:0.2s;}
.nav ul li:hover{ background:#d81304;}
.nav ul li:first-child{ margin-left:-35px;}
.nav ul a{ color:#fff; font-weight:bold;}
.nav ul a:hover{}
.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;}
.nav ul li ul li{ background:#169ad6; float:none; width:100%; line-height:35px; white-space:nowrap; padding:0 10px;}
.nav ul li ul li:first-child{ margin-left:0;}


/*首页产品*/
.part1{ background:#eaedf2;}
.part1 .m{ position:relative;}
.ppt{ text-align:center; font-size:30px; color:#333; font-weight:bold;}
.x{ width:50px; height:2px; margin:20px auto; background:#d81304;}
.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:#0191d3; 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;}
.part1 .pro_u ul li:hover{ background:#0191d3;}
.part1 .pro_u ul li:hover a{ color:#fff;}

.swiper-container{ width:100%; height:100%;}
.swiper-container2{ height:590px; position:relative; overflow:hidden;}
.swiper-container3{ height:400px; position:relative; overflow:hidden;}
.swiper-container2 a,.swiper-container3 a{ display:block; width:100%; height:100%;}
.swiper-slide{ background:#fff;}
.swiper-button-next{ right:-30px !important;}
.swiper-button-prev{ left:-30px !important;}
.swiper-pagination2{ position:relative; text-align:center;}
.swiper-pagination2 .swiper-pagination-bullet{ margin:0 5px;}



.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; font-size:18px;}
.i_p_m .a1{ font-weight:bold; color:#333;}
.i_p_m p{ font-size:14px; margin:15px 0; line-height:1.8;}
.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;}




/*首页我们的优势*/
.advantage{ background:url(../images/bbg.jpg) no-repeat center center; background-size:cover;}
.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.8;}
.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:90%; margin:20px auto 0; text-indent:2em; line-height:1.8;}
.part2 .p2 a{ color:#e40000;}

/*首页视频*/
.part3{ background:#eff2f4;}
.part3 .p2{ text-align:center; margin:20px auto 40px; line-height:1.8;}
.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; text-align:center;}
.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{}
.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); 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; line-height:60px;}
.part5 a{ float:left; color:#fff; margin-right:10px; font-size:14px;}
.part5 a.fr{ float:right;}
.part5 img{ vertical-align:middle;}

/*bottom*/
.bottom{ background:#f9f9f9;}
.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:12%;}
.bottom .beian{ display:block; float:right; width:17%; padding:10px 5px; border:1px solid #777; border-radius:5px; font-size:12px; margin-bottom:10px;}
.bottom .beian img{ height:14px; vertical-align:middle; margin-right:5px; margin-top:-3px;}

.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;}
.bottom .bottom2 span{ display:block;}
.bottom .bottom2 a{ margin-right:20px; display:none;}
.bottom .bottom2 img{ height: 14px; vertical-align: middle; margin-right: 5px; margin-top:-2px;}

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

.now{ margin:20px auto 0; font-size:16px; border-bottom:1px solid #eee; padding:10px 0;}
.now p.fl{ font-size:20px;}
.now p.fl:before{ content:" | "; color:#d81304; font-weight:bold; font-size:20px; margin-top:-1px; display:block; float:left; margin-right:5px;}




/**/
.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{ text-align:center;}
.honor_ul li{ width:22%; margin:0 1.5%; margin-bottom:20px; display:inline-block;}
.honor_ul li:nth-child(4n){ margin-right:0;}

/*产品展示*/
.pro_d{ margin-top:30px; padding:10px; border:1px solid #eee;}
.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:hover,.pro_ul ul li.on{ background:#0668b0;}
.pro_ul ul li:hover a,.pro_ul ul li.on 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:#3879a9; color:#fff;}
.pro_ul2 li div p{ white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.pro_ul2 li div .p2{ text-align:right; color:#fd6a02;}
.video li div{ background:#f3f3f3; color:#666;}
.pro_m{ margin-bottom:30px;}
a.p_n{ line-height:2;}

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

/*right fixed*/
.r_f{ position:fixed; top:55%; right:5px; z-index:999;}
.r_f2{ width:60px; height:60px; padding:10px; background:#0668b0; margin-bottom:5px; position:relative; transition:0.2s; margin-left:0; cursor:pointer;}
.r_f .r_f2:hover{ background:#d81304;}
.r_f2 p{ position:absolute; height:60px; width:200px; background:#0668b0; color:#fff; top:0; left:65px; line-height:60px; font-size:15px; text-align:center;}
.r_f2 p a{ color:#fff;}
.r_f2:hover{ margin-left:-200px;}

@media (max-width:1120px){
.swiper-container2{ height:190px; position:relative; overflow:hidden;}
.swiper-container3{ height:130px; position:relative; overflow:hidden;}
.swiper-slide{ background-size:cover !important;}

.r_f{ display:none;}

.top{ display:none;}
.menu{ display:block;}
.head{ padding:10px 0;}
.head .fl{ max-width:50%;}
.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%;}
.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{ display:none;}
.bottom .m{ display:none;}
.bottom .bottom2{ padding:10px 5px; margin-top:0;}

.bottom .bottom2 a{ display:block; color:#777;}

.now{ font-size:14px;}
.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:98%;}
.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:10px; margin-right:0.5%; padding:0 5px; width:49%; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.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;}
.swiper-button-next, .swiper-button-prev{ display:none;}

}