body { padding: 0; margin: 0; border: 0; background: #fff; color: #333; font-size: 100%; font: 14px/1.5 微软雅黑, 宋体, arial, sans-serif; vertical-align: baseline; overflow-x: hidden; }
strong { font-weight:normal;}
div, h1, h2, h3, h4, p { margin: 0; padding: 0; border: 0; }
dl, dt, dd, ol, ul, li { list-style: none; margin: 0; padding: 0; }
a { text-decoration: none; outline: none; }
a:hover { color: #e87518; text-decoration: none; outline: none; }
.clear { clear: both; }
select, input, img, select { vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0 }
table, th, td { vertical-align: middle }
img { border: none; background: none; vertical-align: middle; }
input { padding: 0; margin: 0; }
.center{width:1200px;margin:0 auto}
em{font-style:normal}



.search { background: #f4f4f4; width: 100%; margin: 0 auto; overflow: hidden; height: 48px; }
.search_nr { width: 1200px; margin: 0 auto; overflow: hidden; }
.search_t { font-size: 16px; float: left; line-height: 48px; }
.search_t a { font-size: 14px; color: #333; font-weight: bold; line-height: 2; }
.search form { margin-top: 8px; width: 300px; height: 28px; float: right; }
.search form input[type="text"] { width: 238px; height: 28px; line-height: 28px; float: left; border: #c9cccf solid 1px; padding-left: 10px; }
.search form input[type="submit"] { width: 50px; height: 30px; background: url(../img/s.png) no-repeat center; border: #666 solid 1px; color: #333; cursor: pointer; }
.products { width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom:80px; }
.product { width: 100%; margin: 20px auto; overflow: hidden; }
.titles{ padding: 40px 0; margin: 0 auto; }
.titles h4{ color: #333; font-size: 18px; text-transform: uppercase; text-align: center;  padding-top: 8px; line-height: 1.4; font-weight:normal; }
.titles h3{ color: #333; font-size: 32px;  text-align: center;  padding: 6px 0 0 0; line-height: 1.4; }
.titles h6{font-weight:normal; font-size: 14px; color: #999; line-height: 24px; text-transform: uppercase; text-align: center; }
.colorFFF P,.colorFFF div{color: #002279;}
.left1 { width: 268px; float: left; border: 1px solid #002279; }
.left { width: 268px; float: left; border: 1px solid #002279; }
.left_tit { background: #002279; height:80px; margin-bottom: 7px; padding: 15px 0; }
.left_tit p { margin: 0 auto; text-align: center; line-height: 2; font-size: 24px; color: #fff; }
.left_tit span { font-size: 18px; color: #fff; display: block; text-align: center; }
.left_pro { margin: 0 auto; overflow: hidden; }
.left_pro ul { width: 240px; margin: 0 auto; overflow: hidden; }
.left_pro ul li { line-height: 2; border-bottom: 1px solid #002279; margin-bottom: 10px; }
.left_pro ul li:hover { background:#002279; color:#fff;}
.left_pro ul li:hover a{ color:#002279;}
.left_pro ul li a { font-size: 18px; text-align: center;display: block;line-height: 2; color: #002279; }
.left_pro ul li a:hover { color: #fff; }
.left_pro ul li span { float: right; padding-right: 15px; }
.cont_tit { border-bottom: 3px solid #002279; border-top: 3px solid #002279; margin-bottom: 10px; }
.cont_tit p { margin: 0 auto; text-align: center; line-height: 2; font-size: 24px; color: #002279; }
.cont_tit span { font-size: 18px; color: #002279; display: block; text-align: center; }
.cont_c { width: 246px; margin: 0 auto; overflow: hidden; }
.cont_c p { font-size: 16px; line-height: 2; color:#002279; }
.right { width: 915px; float: right; }
.pro_title { width: 915px; margin: 0 auto; overflow: hidden; border-bottom: 3px solid #002279; }
.pro_name { background: url(../img/probg.png) no-repeat left center; color: #002279; padding-left: 26px; line-height: 2; font-size: 26px; }
.pro_more { float: right; padding-right: 15px; }
.pro_more a { color: #333; font-size: 14px; line-height: 55px; }
.pro_con { width: 915px; margin: 0 auto; overflow: hidden; }
.pro_con ul { width: 915px; margin: 0 auto; overflow: hidden; }
.pro_con ul li { margin: 0 5px 10px auto; float: left;border: 1px solid #ccc;padding: 5px;border-radius: 10px;height: 255px; }
.pro_con ul li img { width: 288px; text-align: center; height:202px; border-radius: 10px; }
.pro_con ul li p { font-size: 16px; line-height: 2;margin-top: 10px;background:#002279;height: 40px; }
.pro_con ul li p a { color: #fff; text-align: center; display: block; }
.company1 {width: 100%; margin: 20px auto; overflow: hidden; background:#002279; }
.about { width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 60px;}
.title { background: url(../img/titbg.png) no-repeat center; font-size: 40px; font-weight: bold; text-align: center; color: #002279; }
.title p { font-size: 30px; color: #2f2f2f; text-align: center; }
.about_con { width: 1180px; margin: 10px auto; overflow: hidden; }
.about_dm { float: left; width: 500px; height: 400px; margin: 0 auto; background: url(../img/aboutbg.png) no-repeat 0 30px; }
.about_dm img { max-width: 480px; padding-left: 30px; max-height: 365px;padding-top: 60px; }
.about_xq { width: 650px; float: right; margin-top:30px; }
.about_xq h4 { font-size: 20px; line-height: 2; color: #002279; font-weight: bold; background: url(../img/aboutg.png) no-repeat left bottom; margin-bottom: 10px; }
.about_xq h4 a { font-size: 20px; line-height: 2; color: #002279; font-weight: bold; }
.about_nr { font-size: 16px; line-height: 2; text-indent: 2em; color:#fff; }
.amore { margin-top:20px; }
.amore a { color: #fff;padding: 5px 20px;width:81px;display: block; line-height: 2; border: 1px solid #fff; font-size: 16px;}
.amore a:hover {transition: all .6s ease-out; background:#fff; color:#002279;}
.case_con { width: 1200px; padding: 10px; margin: 0 auto; position: relative; }
.pic_lists { float: left; width: 8888px; height: 205px; overflow: hidden; position: absolute; top: 0px; left: 0px; }
.pic_lists ul { height: 205px; overflow: hidden; margin: 0 auto; }
.btn_change { width: 40px; height: 111px; position: absolute; text-indent: -9999px; cursor: pointer; }
.left_btn { background: url(../img/left.jpg) no-repeat; top: 85px; left: 8px; }
.right_btn { background: url(../img/right.jpg) no-repeat; top: 85px; right: 0px; }
.pic_content { overflow: hidden; height: 205px; width: 1100px; padding: 10px; position: relative; margin: 15px auto; }
.pic_content ul li { float: left; width: 263px; height: 205px; padding: 3px; background: #002279; text-align: center; margin: 0 0 0 9px; position: relative; }
.pic_content ul li p { height: 40px; background: #333; line-height: 2; width: 265px; position: absolute; bottom: 2px; left: 2px; text-align: center; display: none; }
.pic_content ul li p a { color: #fff; font-size: 16px; }
.pic_content ul li a img { width: 263px; height: 199px; }
.customerCase{ padding: 0 0 60px 0;}
.caseBox{ width: 1300px; margin: 0 auto;  display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:flex-start;align-items:flex-start;}
.caseBox li{display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:flex-start;align-items:flex-start; transition:all .3s ease-out; box-shadow: 0 0 20px #ece9e9;}
.caseBox li:hover{  transition:all .3s ease-out;}
.caseBox li .caseImg , .caseBox li .caseText{ width: 324px; height: 280px;  }
.caseBox li .caseImg { overflow: hidden; transition:all .5s ease-out;}
.caseBox li .caseImg img{ transform: scale(1); transition:all .5s ease-out; width:324px; height:280px;}
.caseBox li .caseImg:hover img{ transform: scale(1.05); transition:all .5s ease-out;} 
.caseBox li .caseText{ box-sizing:border-box; padding: 20px; background-color: #f2f2f2; position: relative; }
.caseBox li .caseText a{ display: block;}
.caseBox li .caseText h5{ font-weight:normal;font-size: 18px; color: #002279; line-height: 2; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin:0 auto;}
.caseBox li .caseText .caseIntro{ margin-top: 30px; height: 125px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.caseBox li .caseText .caseIntro p,.caseBox li .caseText .caseIntro *,.caseBox li .caseText .caseIntro{ font-size: 14px; color: #666666; line-height: 1.8; }
.caseBox li .caseText span{ display: block; margin: 0 auto; margin-top: 15px; width: 5em; padding: 4px 40px; border-radius: 20px; -webkit-border-radius:20px; -moz-border-radius:20px; 
 border: 1px solid #002279;color: #666; font-size: 14px; transition: all .5s ease-out;}
.caseBox li .caseText span:hover{transition: all .5s ease-out; color: #fff;  background-color: #002279; }
.caseBox li .caseText i.iconfont{ position: absolute; top: 50px; left: -22px; font-size: 30px; color: #f2f2f2; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);
 text-shadow:0 0 3px #dcdcdc;}
 .caseBox li:nth-of-type(3) .caseImg,.caseBox li:nth-of-type(4) .caseImg{ order: 3; transition: all .5s ease-out;}
 .caseBox li:nth-of-type(3) .caseText i.iconfont,.caseBox li:nth-of-type(4) .caseText i.iconfont{ left: initial; right: -22px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);}
 
.newsIndex{ padding: 0 0px 50px 0px; }
.newsUl_1{ width: 1300px; margin: 0 auto; box-sizing: border-box;  padding: 0px 20px 0px 20px; display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:space-between;align-items:flex-start;}
.newsUl_1 li{ width: 600px; display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:flex-start;align-items:center; margin-bottom: 20px; padding: 8px; transition: all .5s ease-out;}
.newsUl_1 li:hover{  box-shadow: 0 0 30px #002279; transition: all .5s ease-out; }
.newsUl_1 li .newsImage{ width:140px;height: 140px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden;  }
.newsUl_1 li .newsImage img{ width: 100%; height:100%;}
.newsUl_1 li .newsText_1{ margin-left: 15px; width: 425px; }
.newsUl_1 li .newsText_1 h4{ font-weight:normal;color: #002279; font-size: 16px; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newsUl_1 li .newsText_1 .intro{ margin-top: 8px; height:56px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; }
.newsUl_1 li .newsText_1 .intro p,.newsUl_1 li .newsText_1 .intro {color:#656565; font-size: 14px; line-height: 28px; text-indent: 2em; }
.newsUl_1 li .newsText_1 a span{ display: block; text-align: right; font-size: 14px; color: #000; margin-top: 6px;}
.newsIndex .more{ margin:  0px auto; }
.newsIndex .more a{width: 5em; margin: 10px auto; padding: 4px 40px; border-radius: 20px; -webkit-border-radius:20px; -moz-border-radius:20px;  border: 1px solid #002279;color: #666; font-size: 14px; display:block; }


/* about */
.nbanner { width: 100%; margin: 0 auto; overflow: hidden; }
.nban { width: 100%; margin: 0 auto; overflow: hidden; }
.nban ul { width: 100%; margin: 0 auto; overflow: hidden; }
.nban ul li { width: 100%; margin: 0 auto; overflow: hidden; }
.nban ul li img { display: block; margin: 0 auto; overflow: hidden; }
.main { width: 1200px; margin: 15px auto; overflow: hidden; }
.left_about h3 { border-bottom: 2px solid #002279; color: #002279; font-size: 24px; padding-left: 10px; line-height: 2; }
.left_about ul { width: 226px; margin: 0 auto; overflow: hidden; }
.left_about ul li { line-height: 2; text-align: center; border-bottom: 2px solid #999; }
.left_about ul li a { font-size: 18px; line-height: 2; color: #333; }
.left_p h3 { border-bottom: 2px solid #002279; color: #002279; font-size: 24px; padding-left: 10px; line-height: 2; }
.left_p ul { width: 226px; margin: 0 auto; overflow: hidden; }
.left_p ul li { line-height: 2; text-align: center; border-bottom: 2px solid #999; }
.left_p ul li a { font-size: 18px; line-height: 2; color: #333; }
.left_news h3 { border-bottom: 2px solid #002279; color: #002279; font-size: 24px; padding-left: 10px; line-height: 2; }
.left_news ul { width: 236px; margin: 0 auto; overflow: hidden; }
.left_news ul li { line-height:32px; border-bottom: 1px dashed #999; }
.left_news ul li a { font-size: 14px;line-height:32px;color: #333; }
.left_search h3 { border-bottom: 2px solid #002279; color: #002279; font-size: 24px; padding-left: 10px; line-height: 2; }
.left_search ul { width: 226px; margin: 0 auto; overflow: hidden; }
.left_search ul li { line-height: 2; text-align: center; border-bottom: 2px solid #999; }
.left_search ul li a { font-size: 18px; line-height: 2; color: #333; }
.left_contact h3 { border-bottom: 2px solid #002279; color: #002279; font-size: 24px; padding-left: 10px; line-height: 2; }
.cont_nr { padding: 10px; font-size: 14px; line-height: 2; }
.local { width: 913px; margin: 0 auto; overflow: hidden; border-bottom: 2px solid #999; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC; }
.local h2 { font-size: 20px; float: left; color: #002279; line-height: 2; padding-left: 38px; background: url(../images/probg.png) no-repeat 10px center; }
.honor { width:1200px; margin:0 auto; overflow:hidden;}
.pic { line-height: 3; font-size: 14px; color: #333; padding-right: 10px; float:right; }
.pic a { color: #333; font-size: 14px; }
.pic1 {width:1200px; margin:0 auto; overflow:hidden; }
.pic_box {width:1200px; margin:0 auto; overflow:hidden;}
.content { font-size: 16px; line-height: 2; padding: 10px; border: 1px solid #CCC; border-top: 0;overflow:hidden; }
/* news */
.news_list { margin: 0 auto; overflow: hidden; }
.news_list dl { border-bottom: 1px dashed #002279; line-height: 2; margin-bottom: 5px; }
.news_list dt { background: url(../img/newsh.png) no-repeat 10px center; line-height: 2; }
.news_list dt:hover { background: url(../img/newsl.png) no-repeat 10px center; }
.news_list dt a { padding-left: 20px; font-size: 16px; line-height: 2; color: #333; }
.news_list dt a:hover { color: #002279; }
.news_list dt span { float: right; font-size: 14px; padding-right: 10px; line-height: 2; }
.news_list dd { font-size: 14px; line-height: 2; color: #666; padding: 0 20px; }

.list_top { margin: 0 auto; border-bottom: 1px dashed #999; }
.list_top h1 { font-size: 20px; line-height: 2;color: #002279; text-align:center; }
.list_top1 { margin: 0 auto; border-bottom: 1px dashed #999; }
.list_top1 h1 { font-size: 20px; line-height: 2;color: #002279; }
.zong {font-size: 14px; margin: 0 auto; overflow: hidden; }
.share { float:right; }
.share1 { float:left;}
.er { float: left; }
.er a { color: #333; }
.description { margin: 15px auto; background: #ffc8c8; padding: 10px; color: #002279; }
.description p { font-size: 14px; line-height: 2; }
.xq { font-size: 16px; line-height: 2; font-weight:bold; }
.xq span { display: block; font-size: 18px; line-height: 2; padding-left: 15px; margin-top: 10px; }
.xq p { line-height: 2; font-weight:normal;}
.xq img {
    max-width: 850px;
    height: auto;
    margin: 0 auto;
    display: block;
}
.tag { margin: 15px auto; background: #ffc8c8; padding: 10px; color: #002279; font-size: 16px; font-weight: bold; }
.tag a { font-size: 14px; font-weight: normal; color: #333; }
.page { padding: 10px; color: #333; font-size: 16px; }
.page a { font-size: 14px; color: #002279; }
.relate { width: 915px; margin: 15px auto; overflow: hidden; }
.xgcp { border: 1px solid #ccc; }
.xgcp h4 { font-size: 16px; background: #002279; padding-left: 10px; color: #fff; line-height: 2; }
.xgcp ul { width: 900px; margin: 10px auto; overflow: hidden; }
.xgcp ul li { float: left; margin: 0 5px; line-height: 2; text-align: center; }
.xgcp ul li img { width: 209px; border: 1px solid #999; padding: 2px; }
.xgcp ul li h3 { font-size: 14px; line-height: 2; text-align: center; }
.xgcp ul li h3 a { font-size: 14px; color: #666; }
.xgxw { border: 1px solid #ccc; }
.xgxw h4 { font-size: 16px; background: #002279; padding-left: 10px; color: #fff; line-height: 2; }
.xgxw ul { width: 900px; margin: 10px auto; overflow: hidden; }
.xgxw ul li { border-bottom: 1px dashed #ccc; }
.xgxw ul li a { font-size: 14px; color: #666; line-height: 2; padding-left: 10px; }
.xgxw ul li span { float: right; line-height: 2; padding-right: 10px; }
/* product */
.info { text-indent: 2em; margin-bottom: 10px; background: #ffc8c8; color: #002279; font-size: 14px; line-height: 2; padding: 10px; }
.product_list { margin: 0 auto; overflow: hidden; }
.product_list ul { margin: 0 auto; overflow: hidden; }
.product_list ul li { float: left; text-align: center; line-height: 2; }
.product_list ul li img { width: 281px; height: 221px; border: 1px solid #666; padding: 2px; margin: 5px; }
.product_list ul li a { color: #002279; line-height: 2; font-size: 16px; }
.diqu { border: 1px solid #ccc; }
.diqu h4 { font-size: 16px; background: #002279; padding-left: 10px; color: #fff; line-height: 2; }
.xgfw { border: 1px solid #ccc; }
.xgfw h4 { font-size: 16px; background: #002279; padding-left: 10px; color: #fff; line-height: 2; }
.item { font-size: 14px; color: #333; padding: 0 10px; line-height: 2; }
.item a { font-size: 14px; color: #333; padding: 0 10px; line-height: 2; }
/* case */
.left_case { }
.left_case h3 { border-bottom: 2px solid #002279; color: #002279; font-size: 24px; padding-left: 10px; line-height: 2; }
.left_case ul { width: 226px; margin: 0 auto; overflow: hidden; }
.left_case ul li { line-height: 2; text-align: center; border-bottom: 2px solid #999; }
.left_case ul li a { font-size: 18px; line-height: 2; color: #333; }
.img { max-width: 800px; }
/* download */
.left_down h3 { border-bottom: 2px solid #002279; color: #002279; font-size: 24px; padding-left: 10px; line-height: 2; }
.left_down ul { width: 226px; margin: 0 auto; overflow: hidden; }
.left_down ul li { line-height: 2; text-align: center; border-bottom: 2px solid #999; }
.left_down ul li a { font-size: 18px; line-height: 2; color: #333; }
.xq a { font-size: 16px; color: #666; line-height: 2; }
/* message */
.message { padding-left: 30px; padding-top: 10px; z-index: 100; position: relative; }
.message input { vertical-align: middle; }
.message #name { display: block; height: 26px; line-height: 26px; padding: 0; padding-left: 6px; border: 1px solid #dedede; width: 200px; }
.message #contact { display: block; height: 26px; line-height: 26px; padding: 0; padding-left: 6px; border: 1px solid #dedede; width: 200px; }
.message #content { display: block; width: 460px; height: 120px; padding: 6px; font-size: 12px; border: 1px solid #dedede; margin-top: 6px; }
.message .msgbtn { background: #fe693e; cursor: pointer; width: 90px; height: 30px; line-height: 30px; text-align: center; border: none; color: #fff; font-size: 14px; border-radius: 3px; margin-top: 15px; font-family: "Microsoft YaHei"; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#code { padding-top: 10px; line-height: 26px; }
#checkcode { height: 24px; line-height: 24px; width: 120px; border: 1px solid #dedede; }
#message_main tr { position: relative; }
#message_main tr th { font-weight: normal; text-align: right; height: 42px; line-height: 42px; color: #666; }
.m_label { position: absolute; width: 160px; text-align: left; line-height: 26px; padding-left: 8px; color: #ccc; z-index: 1; cursor: text; }
.c_label { line-height: 18px; padding-top: 12px; }


.scrollbox{ width: 360px; margin: 0 auto; overflow: hidden; }
#scrollDiv{width:360px;height:359px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:90px; width:340px; padding:0 10px;overflow:hidden; vertical-align:bottom; zoom:1; border-bottom:#B7B7B7 dashed 1px;}
#scrollDiv li h3{ height:24px; padding-top:13px; font-size:14px; color:#353535; line-height:24px; width:320px;background:url(../img/wen.jpg) no-repeat left 17px; padding-left:25px;}
#scrollDiv li h3 a{color:#353535; text-decoration:none}
#scrollDiv li h3 a:hover{ color:#F00}
#scrollDiv li div{ height:36px; width:320px; color:#002279;padding-left:25px; line-height:18px; overflow:hidden;background:url(../img/da.jpg) no-repeat left 0px; margin-top:10px;}
#scrollDiv li div a{ color:#002279; text-decoration:none}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px}

.shigong { width:1200px; margin:0 auto; overflow:hidden;}
.industry { width:800px; margin-right:15px; float:left;}
.industry_tit { border-bottom:1px solid #002279;margin-bottom:5px;}
.industry_tit span{ float:right; padding-right:10px;line-height:2;}
.industry_tit h2 { font-size:18px; line-height:2; padding-left:10px; font-weight:normal;}
.industry_tit span a {color: #333;}
.industry_tit h2 a {color: #002279;}
.newstop {overflow:hidden; border-bottom:1px dashed #ddd;margin-bottom:15px;padding-bottom:10px;}
.news_pic img {width:240px; height:144px; border:1px solid #ccc;padding:2px;}
.news_pic { float:left; width:240px;}
.wen {float:right; width:540px;}
.wen h3 a{ font-size:16px; line-height:2; padding-left:10px; font-weight:bold; color: #002279;}
.wen h3 span {float:right;padding-right:10px;line-height:2;color: #333;font-weight:normal;}
.zi {overflow:hidden;font-size:14px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;}
.zi p {  font-size:14px; line-height:2; }
.wen .more { color:#333; margin-top:15px; border:1px solid #ccc; border-radius:8px; padding:5px 0; text-align:center; display:block; width:100px;}
.list { width:780px; margin:0 auto; overflow:hidden;}
.list li { line-height:32px; width:380px; float:left; margin-right:10px;}
.list li a {font-size:14px; line-height:32px; color:#666;width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: pre;display: block;}
.list li span { float:right; font-size:14px; line-height:32px;color: #333;}
.question { width:380px; float:right;}
.question_tit { border-bottom:1px solid #002279;margin-bottom:5px;}
.question_tit span{ float:right; padding-right:10px;line-height:2;color: #333;}
.question_tit h2 { font-size:18px; line-height:2; padding-left:10px; font-weight:normal;}
.question_tit span a {color: #333;}
.question_tit h2 a {color: #002279;}

.titu {width:895px; margin:0 auto; padding-bottom: 18px; overflow:hidden;border-bottom: 1px dashed #999;}
.titu_left {width:400px; float:left;}
.titu_left .img img { width:380px; border:1px solid #ccc;padding:2px;margin:5px;height:280px;}
.titu_right {width:485px; float:right;}
.jdrexian { font-size:18px; font-weight:bold; line-height:2; float:left;}
.jdrexian span {color: #002279;}







/* 全局顶部 */
.header{width:100%;height:232px;background:url(../img/bg.gif)}
.htop{ height:40px;}
.htop .container{ overflow:hidden;}
.htop em{ float:left; font-size:14px; color:#2b2b2b;line-height:40px;}
.htop span{ float:right; font-size:0;line-height:40px;}
.htop span a{ font-size:14px; color:#2b2b2b; padding:0 16px; border-right:1px dotted #bbb;}
.htop span .noBr{ border-right:none;}

.head_top_content{width:100%;height:127px;overflow:hidden}

.head_nav{width:100%;height:58px}
.head_nav ul li{height:58px;width:133px;float:left;line-height:58px;text-align:center}
.head_nav ul li:hover a{background:#002279;color:#fff}
.head_nav ul li a{color:#002279;font-size: 20px; font-weight: bold;height:58px;width:133px;float:left;line-height:58px;text-align:center}
.head_nav ul li a.active{background:#002279;color:#fff}


.banner{width:100%;overflow:hidden;position:relative;z-index:1;height:660px}
.banner li{text-align:center}.banner_text{position:absolute;left:36%;top:20%;z-index:3}
.banner_text .banner_text_content .imgleft{width:124px;position:absolute;left:106%;z-index:4}

.i_box1 .i_box1_content{width:100%}.main_l{width:240px;position:relative;z-index:4;margin-top:-105px}


/* 首页留言 */
.indexFeed{ background-color: #fff; }
.feedbackBox{ margin: 50px auto;width:1200px;  display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:center;align-items:flex-start; }
.feedbackBox dt{position: relative; background:url(../img/gift.jpg) no-repeat center;width: 350px;height: 300px;}
.feedbackBox dt img{ display: block;}
.feedbackBox dt div{ position: absolute; bottom: 0 ; left: 0; width: 100%; height: 60px; line-height: 60px; background-color: rgba(0, 34, 121, 0.7); text-align: center;}
.feedbackBox dt div span{ font-size: 18px; color: #fff; }
.feedbackBox .feedForm{ margin-left:30px; width: 70%; }
.feedForm h4 { font-size:16px; line-height:2;}
#formIndex{ width: 100%; margin-top: 10px; display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:space-between;align-items:flex-start; }
#formIndex label:nth-of-type(1), #formIndex label:nth-of-type(2) , #formIndex label:nth-of-type(3), #formIndex label:nth-of-type(4){ display: block; width: 47%; margin-bottom: 20px;}
#formIndex input[type="text"]{display: block;  width: 100%; padding: 0 10px; box-sizing: border-box; line-height: 34px;color: #444;font-size:14px;border:1px solid #e5e5e5;outline-color:#238ad4; outline:none; float:left; }
#formIndex input[type="text"]:focus,#formIndex label[for='content'] textarea:focus{border-color:#c84343; box-shadow:0 0 5px #c84343;}
#formIndex label p{color: red;font-size: 12px;box-sizing: border-box;padding: 0 10px;line-height: 1.7; height: 20px;}
#formIndex label[for='content']{ width: 100%;}
#formIndex label[for='content'] textarea{ width: 100%; height: 100px; padding: 10px; box-sizing: border-box;outline-color:#238ad4; outline:none; }
#formIndex label[for='submit'] a{ width: 90px; line-height: 34px;  background-color: #c84343; color: #333; font-size: 14px; text-align: center;margin: 0 auto;}
#formIndex label[for='submit'] a:hover{background-color: #62e8c9;}
#formIndex label[for='submit']{margin-left: 0; width:100%; margin-top:20px; }
#formIndex button[type='reset']{ width: 90px; line-height: 34px; margin-right: 50%; border: 1px solid #eee; color: #333; font-size: 14px; }
#formIndex label[for='captcha'] img { float:right; height: 36px;}
/* 友情链接 */
.friend { width: 1200px; margin: 0 auto 10px; overflow: hidden; }
.friend_nr { width: 1200px; margin: 0 auto; padding: 0 8px; overflow: hidden; border-top: 2px solid #002279; border-bottom: 2px solid #002279; }
.friend_nr ul { width: 1200px; margin: 0 auto; overflow: hidden; }
.friend_nr ul li { float: left; line-height: 2; text-align: center;padding:0 10px;}
.friend_nr ul li a { font-size: 16px; line-height: 2; color: #333; }

/* 全局底部 */
.footer { width: 100%; margin: 0 auto; overflow: hidden; }
.fnav { width: 100%; margin: 0 auto; overflow: hidden; background: #002279; }
.fnav ul { width: 1200px; margin: 0 auto; overflow: hidden; }
.fnav ul li { float: left; width: 133px; text-align: center; line-height: 2; }
.fnav ul li a { color: #fff; line-height: 3; font-size: 16px; }
.foot { width: 1200px; margin: 0 auto; overflow: hidden; }
.foot_lx { width: 1200px; margin: 0 auto; overflow: hidden; }
.foot_lx p { text-align: center; font-size: 14px; color: #666; line-height:32px; }
.copyright { font-size: 14px; line-height:32px; color: #666; text-align: center; }
.copyright a { color: #333; }
.area { width: 1200px; margin: 0 auto; overflow: hidden; font-size: 14px; text-align: center; line-height: 2; color: #666; }
.area a { font-size: 14px; text-align: center; line-height:32px; color: #333; }