/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,input{ margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-family: inherit;}

* { margin: 0; padding: 0; text-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body{ line-height: 1.5; font-size: 16px; font-family:"Microsoft YaHei"; color:#333;}

input, select, textarea, button{ font-family:"Microsoft YaHei";}

table{ border-collapse: collapse; border-spacing: 0; width: 100%}

img{ border: none; vertical-align: top}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{ margin: 0}

ul, ol{ margin: 0; list-style: none} 

a{text-decoration:none; color:#333; outline:none; cursor: pointer;}

a:hover{text-decoration:underline; color:#0166a0;}

@font-face{font-family: "impact";src: url("../other/impact.ttf") format("truetype");} 

.fl{ float: left;}

.fr{ float: right;}

.tac{ text-align: center;}

.clr{ zoom: 1;}

.clr:after { height: 0; display: block; content: "\20"; clear: both;}

.mt20{ margin-top: 20px !important;}

.bd1{ border: 1px solid #e6e6e6;}

.box{ width: 1000px; margin: 0 auto;}



.justify{ margin: 0 auto; font-size: 0; text-align: justify; text-justify: distribute-all-lines;}

.justify:after{ content:""; height: 0; width: 100%; display: inline-block;}

.justify li, .justify dl{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 16px;}



.header{ height: 120px; padding-top: 20px; margin-top: 24px; font-size: 12px; color: #fff; background: #0187dc;}

.header .tel{ width: 530px; margin-top: 15px;}

.header .tel .telForm{ float: left; width: 270px;}

.header .tel .telForm input{ float: left; width: 175px; height: 30px; line-height: 30px; color: #fff; background: none; border: 1px solid #fff; border-right: 0; text-indent: 1em;}

.header .tel .telForm input:-moz-placeholder{color: #fff;}

.header .tel .telForm input::-moz-placeholder{color: #fff;}

.header .tel .telForm input:-ms-input-placeholder{color: #fff;}

.header .tel .telForm input::-webkit-input-placeholder{ color: #fff;}

.header .tel .telForm input:-webkit-autofill{ -webkit-text-fill-color: #fff;-webkit-box-shadow: 0 0 0px 1000px #0166a0 inset !important;}

.header .tel .telForm input[type="submit"]{ width: 80px; background: #e27832; border: 0; text-align: center; text-indent: 0;}

.header .tel .telForm p{ margin-top: 5px;}

.header .tel .telImg{ float: right;}



#nav{ height: 50px; line-height: 50px; background: #0968ab;}

#nav ul>li{ float: left; padding: 0 22px; color: #fff; position: relative;}

#nav ul>li a{ color: inherit;}

#nav ul>li>ol{ display: none; position: absolute; top: 50px; left: 0; width: 100%; padding: 8px 0; background: #0166a0; z-index: 10;}

#nav ul>li>ol>li{ float: left; width: 100%; height: 30px; line-height: 30px; font-size: 14px; text-align: center; overflow: hidden;}

#nav ul>li>ol>li a{ display: inline-block; padding: 0 10px;}

#nav ul>li>ol>li a:hover{ background: #0171b1;}

#nav ul>li:hover{ background: #0166a0;}

#nav ul>li:hover>ol{ display: block;}

#nav ul>li>.ks{ width: 330px; padding-left: 15px;}

#nav ul>li>.ks>li{ display: inline-block; width: auto; height: auto; padding: 0; text-align: left;}

#nav ul>li>.ks>li a{ display: block; height: 30px; line-height: 30px; overflow: hidden;}

#nav ul>li>.ks>li a:before{ content: ""; display: inline-block; width: 2px; height: 2px; margin-right: 8px; background: #fff; border-radius: 50%; vertical-align: middle;}

.searchForm{ width: 230px; margin-top: 13px;}

.searchForm input, .searchForm button{ float: left; width: 175px; height: 24px; line-height: 24px; color: #333333; background: #ffffff; border: 0; text-indent: 1em;}

.searchForm input:-moz-placeholder{color: #333333;}

.searchForm input::-moz-placeholder{color: #333333;}

.searchForm input:-ms-input-placeholder{color: #333333;}

.searchForm input::-webkit-input-placeholder{ color: #333333;}

.searchForm input:-webkit-autofill{ -webkit-text-fill-color: #333333;-webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;}

.searchForm input[type="submit"]{ float: left; width: 55px; color: #fff; background: #077cce; text-align: center; text-indent: 0;}



/* index_con1 */

#swiperFocus, .con1_news{ width: 600px; height: 350px; overflow: hidden;}

#swiperFocus .swiper-slide{ position: relative;}

#swiperFocus .swiper-slide p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; line-height: 30px; padding: 0 15px; font-size: 12px; color: #cccccc; background: rgba(0,0,0,0.65); overflow: hidden;}

#swiperFocus .swiper-pagination{ bottom: 7px; line-height: 0; padding-right: 10px; text-align: right;}

#swiperFocus .swiper-pagination-bullet{ width: 16px; height: 16px; background: #999999; opacity: 1;}

#swiperFocus .swiper-pagination-bullet-active{ background: #195ea1;}



.xmTit{ line-height: 40px; border-bottom: 1px solid #e6e6e6;}

.xmTit b{ display: inline-block; margin: 0 20px -2px; font-size: 18px; font-weight: normal; color: #0166a0; border-bottom: 3px solid #0166a0;}

.con1_news{ width: 380px;}

.con1_news  .xmTit span{ display: inline-block; border-right: 1px solid #e6e6e6; cursor: pointer;}

.con1_news  .xmTit span:not(.on) b{ color: #333; border-bottom: 0;}

.con1_news ul{ margin: 8px 20px 0;}

.con1_news ul li{ float: left; width: 100%; line-height: 35px; font-size: 14px; border-top: 1px dashed #ededed;}

.con1_news ul li:first-child{ border-top: 0;}

.con1_news ul li:before{ content: ""; float: left; margin: 15px 10px 0 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 4px solid #0166a0;}

.con1_news ul li a{ float: left; max-width: 260px; height: 35px; line-height: 35px; color: #003232; overflow: hidden;}

.con1_news ul li span{ float: right; color: #999999;}



/* index_con2 */

.index_con2 ul{ margin: 30px 20px;}

.index_con2 ul li{ float: left; width: 220px; margin-right: 18px; border-right: 1px dashed #e0e0e0;}

.index_con2 ul li:last-child{ border-right: 0;}

.index_con2 ul li img{ float: left; margin-right: 15px;}

.index_con2 ul li p{ margin-top: 35px;}

.index_con2 ul li p:first-child{ margin-top: 0;}

.index_con2 ul li p span{ display: inline-block; line-height: 1.4; margin-top: -2px; font-size: 18px; color: #505050; text-align: left; overflow: hidden;}

.index_con2 ul li p span i{ display: block; font-size: 12px; font-style: normal;}

.index_con2 ul li p a:hover{ text-decoration: none;}



/* index_con3 */

.con3_doc, .con3_yy{ width: 600px; height: 730px; overflow: hidden;}

#swiperDoc{ margin: 0 20px; position: relative;}

#swiperDoc select{ position: absolute; top: -30px; left: 130px; padding: 0 20px 0 10px; background: url(../images/bg_select2.jpg) no-repeat right center; appearance: none; -moz-appearance: none; -webkit-appearance: none;}

#swiperDoc .swiper-button-prev, #swiperDoc .swiper-button-next{ top: -30px; left: auto; right: 22px; width: 18px; height: 19px; margin: 0; background: url("../images/prev.jpg") no-repeat 0 0;}

#swiperDoc .swiper-button-next{ right: 0; background: url("../images/next.jpg") no-repeat 0 0;}

/* #swiperDoc .swiper-slide{ margin-top: 30px !important;}

#swiperDoc dl{ width: 110px; text-align: center;} */

#swiperDoc dl{ float: left; width: 115px; margin: 30px 0 0 30px; text-align: center;}

#swiperDoc dl:nth-child(4n+1){ margin-left: 0;}

#swiperDoc dl dt{ height: 128px; overflow: hidden;}

#swiperDoc dl dt img{ width: 100%;}

#swiperDoc dl dd{ height: 60px; font-size: 18px; color: #0166a0; text-align: center; overflow: hidden;}

#swiperDoc dl dd a{ color: inherit;}

#swiperDoc dl dd span{ display: block; height: 32px; line-height: 16px; font-size: 12px; color: #666666; vertical-align: middle; overflow: hidden;}

.con3_fr{ width: 380px; font-size: 14px;}

.yyForm{ height: 520px;}

.yyForm form{ margin: 20px 30px 0;}

.yyForm ul li{ float: left; width: 100%; margin-bottom: 10px;}

.yyForm ul li span{ float: left;}

.yyForm ul li input, .yyForm ul li select, .yyForm ul li textarea{ float: right; width: 245px; height: 34px; line-height: 34px; border: 1px solid #efefef; text-indent: 1em;}

.yyForm ul li select{ padding: 0 1em; background: url(../images/bg_select.jpg) no-repeat right center; text-indent: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none;}

.yyForm ul li textarea{ height: 84px; padding: 10px; line-height: 1.5; text-indent: 0;}

.yyForm .btn{ margin: 20px auto; text-align: center;}

.yyForm .btn input{ display: inline-block; width: 120px; line-height: 34px; margin: 0 7px; color: #fff; background: #0166a0; border: 0; outline: none;}

.yyForm .btn .reset{ background: #8c8c8c}

.yyForm p span{ margin-right: 5px; color: #ff0000;}

.service{ height: 190px; padding: 15px 0; margin-top: 20px;}

.service li{ width: 94px; text-align:center;}

.service li span{ display:block; font-size:12px; line-height:25px;}



/* index_con4 */

.index_con4 ul{ margin: 20px auto;}

.index_con4 ul li{ width: 20%; padding: 0 13px; border-left: 1px solid #e6e6e6;}

.index_con4 ul li:first-child{ border-left: 0;}

.index_con4 ul li span{ display: block; line-height: 25px; font-size: 14px; color: #fff; background: #0187dc; text-indent: 1em;}

.index_con4 ul li p{ margin-top: 10px; font-size: 12px; color: #788086;}



/* footer */

.footer{ padding-top: 50px; margin-top: 30px; color: #6c6c6c; background: #f6f6f6;}

.footer .ft_l{ width: 294px; font-size: 12px;}

.footer .ft_l p{ line-height: 2; margin-top: 10px;}

.footer .ft_l p.btn a{ display: inline-block; width: 108px; height: 27px; line-height: 27px; padding-left: 40px; margin-right: 5px; font-weight: bold; color: #175ca9; background: url(../images/yzxx_btn.png) no-repeat;}

.footer .ft_l p.btn #tsjy{ background: url(../images/tsjy_btn.png) no-repeat;}

.footer .ft_c{ width: 550px; line-height: 1.7; padding: 0 20px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}

.footer .ft_c a{ color: #6c6c6c;}

.footer .ft_c dl dt{ margin-bottom: 5px; font-size: 16px;}

.footer .ft_c dl dd{ font-size: 14px;}

.footer .ft_c dl dd a:before{ content: ""; display: inline-block; width: 2px; height: 2px; margin-right: 8px; background: #6c6c6c; border-radius: 50%; vertical-align: middle;}

.footer .ft_c dl dd a:after{ height: 0; display: block; content: "\20"; clear: both;}

.footer .ft_c .dl2 dd{ display: inline-block; margin: 0 5px; vertical-align: top;}

.footer .ft_r p{ margin-top: 10px; font-size: 14px; text-align: center;}

.footer .hr{ margin-top: 40px; border-top: 1px solid #cccccc;}

.footer .copyright{ padding: 20px 0 80px; font-size: 12px; text-align: center;}

.footer .copyright select{ width: 175px; height: 24px; line-height: 24px; padding: 0 10px; font-size: 12px; color: #788086; background: #f9f9f9;}

#gabeian{ display: nline-block; text-decoration: none; height: 20px; line-height: 20px; margin: 0 20px;}

#gabeian img{ vertical-align: middle;}





/*首页新年背景添加*/

/* .index_content{width: 100%; max-width: 1920px; padding-top: 80px; margin: 0 auto; background:url(../images/newyearbg.jpg) no-repeat center top; position: relative; overflow: hidden;}

.index_content .index_con{width: 1040px; margin: 0 auto; background: #fff; overflow: hidden;}

.index_content .newyear_btn_off{cursor: pointer; position: absolute; top: 79px; left: 50%; margin-left: 526px; display: block; width: 40px; height: 18px; background: url(../images/btn_off.jpg) no-repeat center top;} */