﻿/* 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;}
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { 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:#32A6D9;}
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fl{ float:left;}
.fr{ float:right;}
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/*banner*/
.slider-wrapper {width:100%; height:400px; overflow:hidden; position: relative; }
.theme-default {width:100%; height:400px; position:relative; overflow:hidden;}
.theme-default #slider {width:1920px; height:400px;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:20px; margin-left:-33px;}
.theme-default .nivo-controlNav a {display:block;width:22px;height:22px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;float:left;}
.theme-default .nivo-controlNav a.active {background-position:0 -22px;}
.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:45%;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;}


.section1 { background: url(../images/bg1.jpg) 50% bottom; background-size:auto 100%;}
.section2 { background: url(../images/bg2.jpg) 50%; background-size:auto 100%;}
.section3 { background: url(../images/bg3.jpg) 50%; background-size:auto 100%;}
.section4 { background: url(../images/bg4.jpg) 50%; background-size:auto 100%;}
.section5 { background:#0d4698; position:relative;}

.m{ width:1200px; margin:0 auto;}
/*top*/
.top{ position:fixed; left:0; top:0; width:100%; height:90px; background:url(../images/bg_t.jpg); z-index:999;}
.top .top_m{ width:1200px; margin:0 auto;}
.top .top_m ul{ float:left; font-size:16px; line-height:90px;}
.top .top_m ul li{ float:left;}
.top .top_m ul li a{ color:#fff; border-top:2px solid rgba(0,0,0,0); padding:10px 0; transition:0.2s; -webkit-transition:0.2s;}
.top .top_m ul li a.on,.top .top_m ul li a:hover{ color:#eb8e26; border-top:2px solid #eb8e26;}
.top .top_m ul li:before{ content:" ● "; color:#a5cbe3; margin:0 10px;}
.top .top_m ul li:first-child:before{ content:"";}
.top .top_m .t_a{ float:right; color:#fff; font-size:16px; width:40px; border:2px solid #fff; height:40px; text-align:center; margin-top:25px; line-height:40px; margin-left:20px; border-radius:40px;}


/*1*/
.ban_left{ float:left;}
.ban_left .p1{ font-size:30px; font-weight:bold; color:#185bb4; margin-top:200px;}
.ban_left .p2{ font-size:65px; font-weight:bold; color:#185bb4; line-height:1.8;}
.ban_left .p3{ font-size:16px; color:#185bb4; line-height:2;}
.ban_left a{ font-size:18px; width:180px; text-align:center; line-height:50px; background:#eb8e26; display:block; border-radius:10px; margin-top:50px;}

/*2*/
.ip_left{ float:left; width:140px; text-align:center; font-size:14px; margin-left:-20px;}
.ip_left li{ padding:15px 0; border-bottom:1px solid #e1e1e4; transition:0.2s; -webkit-transition:0.2s;}
.ip_left li a{ color:#cfcfce; transition:0.2s; -webkit-transition:0.2s;}
.ip_left li:hover{ border-bottom:1px solid #eb8e26;}
.ip_left li:hover a{ color:#eb8e26;}
.ip_right{ width:1000px; float:right;}
.ip_right .p1{ font-weight:bold; font-size:24px;}
.ip_right .p1 span{ font-size:16px; margin-left:20px; display:none;}
.ip_u{ margin-top:20px;}
.ip_u li{ width:21%; margin-left:5%; border:1px solid #fff; transition:0.2s; -webkit-transition:0.2s; float:left;}
.ip_u li:first-child{ margin-left:0;}
.ip_u li img{ width:100%; height:180px;}
.ip_u li p{ line-height:3; text-align:center; font-size:14px;}
.ip_u li:hover{ border:1px solid #eb8e26; background:#eb8e26;}
.ip_u li:hover a{ color:#fff;}

/*3*/
.ia_m{ text-align:center;}
.ia_m .p1{ font-size:24px; font-weight:bold; color:#eb8e26;}
.ia_m .p2{ font-size:48px; color:#fff; font-weight:bold; margin-top:20px;}
.ia_m .p3{ font-size:14px; color:#fff; margin-top:50px;}
.ia_m a{ font-size:18px; display:block; margin:0 auto; width:180px; line-height:50px; color:#fff; background:#eb8e26; border-radius:10px; margin-top:100px;}

/*4*/
.in_m{}
.in_m .p1{ font-size:24px; font-weight:bold; color:#fff;}
.in_m .p2{ font-size:48px; font-weight:bold; color:#eb8e26;}
.in_u{ margin-top:50px;}
.in_u li{ width:100%; margin-bottom:20px;}
.in_u li img{ width:20%; float:left;}
.in_u li p{ float:right; width:75%;}
.in_u li .p1{ font-size:14px; color:#fff; margin:10px 0;}
.in_u li .p2 a{ font-size:18px; font-weight:bold; color:#fff; transition:0.2s; -webkit-transition:0.2s;}
.in_u li .p2 a:hover{ color:#eb8e26;}
.in_u li .p3{ font-size:14px; color:#fff; margin-top:20px;}
.in_m .a_m{ font-size:18px; display:block; margin:0 auto; width:180px; line-height:50px; color:#fff; background:#eb8e26; border-radius:10px; margin-top:20px; text-align:center;}


.in_u2{ margin-top:50px;}
.in_u2 li{ width:100%; margin-bottom:20px;}
.in_u2 li img{ width:20%; float:left;}
.in_u2 li p{ float:right; width:75%;}
.in_u2 li .p1{ font-size:14px; color:#666; margin:10px 0;}
.in_u2 li .p2 a{ font-size:18px; font-weight:bold; color:#666; transition:0.2s; -webkit-transition:0.2s;}
.in_u2 li .p2 a:hover{ color:#eb8e26;}
.in_u2 li .p3{ font-size:14px; color:#666; margin-top:20px;}
.in_u2 li .p3 a{ color:#eb8e26;}
.in_u2 .a_m{ font-size:18px; display:block; margin:0 auto; width:180px; line-height:50px; color:#fff; background:#eb8e26; border-radius:10px; margin-top:20px; text-align:center;}

/*5*/
.bottom{ color:#fff;}
.bottom .p1{ font-size:24px; font-weight:bold; color:#fff; padding-bottom:10px;}
.bo_yj{ margin:20px 0 40px;}
.bo_yj li{ width:18%; margin-left:2.5%; float:left;}
.bo_yj li:first-child{ margin-left:0;}
.bo_yj li .p2{ font-size:24px; font-weight:bold; text-align:center;}
.bo_yj li .p3{ font-size:14px; text-align:center; margin-top:10px; line-height:1.8;}
.bo_co{ float:left; width:300px; padding:20px 0;}
.bo_co .bc_p1{ font-size:24px; font-weight:bold; margin-bottom:20px;}
.bo_co .bc_p2{ font-size:16px; line-height:1.8;}
.bo_ly{ float:left; width:400px; padding:20px 0; margin-left:60px;}
.bo_ly .bl_p1{ font-size:24px; font-weight:bold; margin-bottom:20px;}
.bo_ly2{ margin:10px 0; border-bottom:1px solid #fff;}
#feedbackForm input[type="text"]{ height:35px; border:none; background:none; color:#fff; font-size:16px;}
#feedbackForm .btn{ -webkit-appearance: button; cursor: pointer; background: #eb8e26; color: #fff; margin-right: 4px; margin-bottom: 4px; font-size: 16px; font-weight: 400; display: inline-block; text-align: center; padding: 5px 20px; line-height: 1.42857; border:none; border-radius:5px; font-family:"微软雅黑"; margin-top:40px;}
.bo_p{ float:right; width:380px; padding:20px 0;}
.bo_p .bo_p1{ font-size:24px; font-weight:bold; margin-bottom:20px;}
.bo_p ul li{ float:left; margin:10px 20px;}
.bo_p ul li a{ color:#fff;}
.icp{ width:100%; height:50px; line-height:50px; left:0; bottom:0; position:absolute; color:#fff;}
.icp1{ float:left;}
.icp2{ float:right;}
.icp2 a{ color:#fff;}

/*n*/
.n{ width:100%; padding-bottom:50px; background:#f3f3f3;}
.top2{ background:#fff;}
.top2 .top_m{ width:1200px; margin:0 auto; padding-top:50px;}
.top2 .top_m ul{ float:left; font-size:16px; line-height:90px;}
.top2 .top_m ul li{ float:left;}
.top2 .top_m ul li a{ color:#383534; border-top:2px solid rgba(0,0,0,0); padding:10px 0; transition:0.2s; -webkit-transition:0.2s;}
.top2 .top_m ul li a.on,.top2 .top_m ul li a:hover{ color:#eb8e26; border-top:2px solid #eb8e26;}
.top2 .top_m ul li:before{ content:" ● "; color:#383534; margin:0 10px;}
.top2 .top_m ul li:first-child:before{ content:"";}
.top2 .top_m .t_a{ float:right; color:#ccc; font-size:16px; width:40px; border:2px solid #ccc; height:40px; text-align:center; margin-top:25px; line-height:40px; margin-left:20px; border-radius:40px;}

.m2{ width:1200px; margin:0 auto; background:#fff; padding:50px 20px; margin-top:40px;}

/*??*/
.picScroll{ position:relative;  height:186px; margin:20px 0;}
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin: 0 7px;  width:285px; overflow:hidden; display:inline; }
.picScroll ul li p{ text-align:center; line-height:2}
.picScroll ul li img{ width:285px; height:186px; }
.picScroll .prev{position:absolute;  left:-50px; top: 70px; display:block; width:37px; height:37px; overflow:hidden;  background: url(../img/gd1.png) no-repeat 0 0; cursor:pointer;}
.picScroll .next{ position:absolute;  right:-50px; top: 70px; display:block; width:37px; height:37px; overflow:hidden;  background: url(../img/gd2.png) no-repeat 0 0; cursor:pointer;  }
.picScroll .prevStop{ background-position:-80px 0; }
.picScroll .nextStop{ background-position:-80px 0; }

/*about us*/
.about{ color:#383534;}
.ppp{ font-size:30px; font-weight:bold; margin-bottom:20px; text-align:center;}
.about .p2{ font-size:18px; line-height:1.6; text-indent:2em; margin:10px 0;}
.about img{ max-width:100%; display:block; margin:20px auto;}

.bo{ background:#0d4698; position:relative; padding:40px 0;}
.bo .icp{ position:relative; margin-top:40px;}

/*news*/
.news_u{}
.news_u li{ width:30%; float:left; margin-left:5%; margin-top:40px; height:400px;}
.news_u li:nth-child(3n+1){ margin-left:0;}
.news_u li img{ width:100%;}
.news_u li .pp{ font-size:14px; color:#666; margin:10px 0;}
.news_u li .p2 a{ font-size:18px; font-weight:bold; color:#666; transition:0.2s; -webkit-transition:0.2s;}
.news_u li .p2 a:hover{ color:#eb8e26;}
.news_u li .p3{ font-size:14px; color:#666; margin:10px 0;}

.news table td div{ line-height:1.8 !important;}
/*product*/
.pro_left{ float:left; width:230px; padding:20px; background:#0d4698; margin-top:40px; border-top-left-radius:20px;}
.pro_left .pl_u .li1{ padding:15px 0 15px; border-bottom:1px solid #fff; transition:0.2s; -webkit-transition:0.2s; margin:5px 0; font-size:18px;}
.pro_left .pl_u .li1 a{ color:#fff; display:block; width:100%; padding:5px 0; border-radius:10px; text-indent:10px;}
.pro_left .pl_u .li1:hover{ }
.pro_left .pl_u a:hover{ background:#fff; color:#0d4698;}
.pro_left .pl_u .li1 .ul2{ padding-left:20px; text-indent:10px; font-size:14px; display:none;}
.pro_right{ float:right; width:900px;}
.pro_right table{ width:100%;}
.pro_right table *{ line-height:1.8 !important;}
.pro_ul{ width:900px;}
.pro_ul li{ width:23%; margin-left:2.5%; float:left; margin-top:40px; height:243px;}
.pro_ul li img{ width:100%; height:181px;}
.pro_ul li:nth-child(4n+1){ margin-left:0;}
.pro_ul li p{ text-align:center; margin:10px 0;}
.pro_ul li:hover p a{ color:#0d4698;}
.product table table tr:first-child{ font-size:18px;}
.product table table tr:nth-child(odd) td{ background:#C2E9F2;}
.product table table tr:first-child td{ background:#144CA1; color:#fff !important;}

/*honor*/
.honor *{ line-height:2.2;}
.honor table{ font-size:14px; width:100%;}
.honor table table,.honor table h2{ text-align:center;}
.honor table table tr{ background:#fff;}
.honor table table tr:first-child{ font-size:18px;}
.honor table table tr:nth-child(odd) td{ background:#C2E9F2;}
.honor table table tr:first-child td{ background:#144CA1; color:#fff;}
/*ly*/
.msg{ width:978px; margin:40px auto 0;}
.msg div{ width: 100%; padding-bottom: 36px; float: left;}
.msg div .lf{ float: left;}
.msg div .ri{ float: right;}
.msg div i{ width: 90px; line-height: 48px; display: block; font-style: normal; font-size: 20px; float: left; letter-spacing: 3px; color: #666;}
.msg div i font{ color: #dc0000;}
.msg div p input{ width: 350px; padding: 10px 12px; border:1px solid #d9d9d9; border-radius:4px; overflow: hidden; font-size: 16px; font-family: "微软雅黑"}
.msg div p select{ width:184px; height: 48px; float: left; border:1px solid #d9d9d9; border-radius:4px; overflow: hidden; font-size: 16px; text-indent: 12px; margin-left: 8px; font-family: "微软雅黑"	}
.msg div textarea{ width:888px; padding: 10px; border:1px solid #d9d9d9; float: left; border-radius: 4px; overflow: hidden; font-size: 16px; height: 180px; font-family: "微软雅黑"}
.submits{ display: block; width: 127px; height: 42px; line-height: 42px; color: #fff; font-size: 16px; text-align: center; background: #0d4698; border-radius: 4px; border:0 none; overflow: hidden; margin:0 auto 0 90px; cursor: pointer; font-family: "微软雅黑"}
input.error{ border: 1px solid #D70128 !important;}
textarea.error{ border: 1px solid #D70128 !important;}

/*contact*/
.contact .contact_m{ padding-left:30px; margin-bottom:50px; 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%;}


@media (max-width: 1450px) {
.ban_left{ margin-left:50px;}
.ban_left .p1{ margin-top:50px;}
.ban_left .p2{ font-size:50px;}
.ban_pro{ width:300px; margin-right:50px;}
.ip_left{ margin-left:130px;}
.ip_right{ width:850px;}
.ip_u li{ width:24%; margin-left:1%;}
.ia_m .p2{ font-size:35px;}
.in_m .p2{ display:none;}
.in_u,.in_m .a_m{ margin-top:20px;}
.in_u li .p2{ display:block;}
.in_u li:nth-child(3){ display:none;}
.bo_yj{ margin:20px 0;}
}