@font-face { font-family: 'iconfont'; /* project id 1298696 */ src: url('//at.alicdn.com/t/font_1298696_ut7tnn72s4.eot'); src: url('//at.alicdn.com/t/font_1298696_ut7tnn72s4.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1298696_ut7tnn72s4.woff2') format('woff2'), url('//at.alicdn.com/t/font_1298696_ut7tnn72s4.woff') format('woff'), url('//at.alicdn.com/t/font_1298696_ut7tnn72s4.ttf') format('truetype'), url('//at.alicdn.com/t/font_1298696_ut7tnn72s4.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
body { font-size: 12px; color: #000000; font-family: 'Microsoft YaHei'; }
body * { box-sizing: border-box; }
body, div, ul, ol, li, dl, dt, dd, p, span, h1, h2, h3, h4, h5, h6, form, pre, fieldset, legend, table, tr, td, th, input, textarea, img { margin: 0; padding: 0; font-family: 'Microsoft YaHei'; }
section, article, header, footer, aside, nav, dialog, figcaption, figure, menu, details { margin: 0; padding: 0; font-family: 'Microsoft YaHei'; }
div, ul, ol, li, dd, dl, dt { list-style: none; }
table { border-collapse: collapse; border: 0; }
td, tr, th { font-size: 12px; }
img { border: none; }
select, input, img { vertical-align: middle; }
textarea { vertical-align: middle; font-size: 12px; resize: none; }
em { font-style: normal; }
b { font-weight: normal; }
h1, h2, h3 { font-weight: bold; font-size: 16px; }
h4, h5, h6 { font-weight: bold; font-size: 12px; }
a:link, a:visited { color: #0076BE; text-decoration: none; }
a:hover, a:active { color: #FF0000; text-decoration: none; }
a.sethome:link, a.sethome:visited { color: #273843; font-size: 12px; text-decoration: none; }
a.sethome:hover, a.sethome:active { color: #FF0000; font-size: 12px; text-decoration: underline; }
a.links:link, a.links:visited { color: #3C3B3B; font-size: 12px; text-decoration: none; }
a.links:hover, a.links:active { color: #FF0000; font-size: 12px; text-decoration: underline; }
a.white:link, a.white:visited { color: #FFFFFF; font-size: 12px; text-decoration: none; }
a.white:hover, a.white:active { color: #FF0000; font-size: 12px; text-decoration: none; }
a.black:link, a.black:visited { color: #666666; font-size: 12px; text-decoration: none; }
a.black:hover, a.black:active { color: #FF0000; font-size: 12px; text-decoration: none; }
a.detail:link, a.detail:visited { color: #000000; font-size: 12px; text-decoration: none; }
a.detail:hover, a.detail:active { color: #FF0000; font-size: 12px; text-decoration: none; }
a.newslist:link, a.newslist:visited { color: #666666; font-size: 13px; text-decoration: none; }
a.newslist:hover, a.newslist:active { color: #FF0000; font-size: 13px; text-decoration: none; }
a.prolist:link, a.prolist:visited { color: #615B5B; font-size: 13px; text-decoration: none; }
a.prolist:hover, a.prolist:active { color: #FF0000; font-size: 13px; text-decoration: none; }
a.job:link, a.job:visited { color: #333333; font-size: 12px; text-decoration: none; }
a.job:hover, a.job:active { color: #FF0000; font-size: 12px; text-decoration: none; }
a.botmenu:link, a.botmenu:visited { color: #FFFFFF; font-size: 13px; text-decoration: none; margin: 0px 8px 0px 7px; }
a.botmenu:hover, a.botmenu:active { color: #FFFF00; font-size: 13px; text-decoration: none; margin: 0px 8px 0px 7px; }
.clear, .cl { clear: both; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.fl, .l { float: left; }
.fr, .r { float: right; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.h20 { height: 20px; line-height: 20px; }
.h22 { height: 22px; line-height: 22px; }
.red { color: #FF0000; }
.blue { color: #0000FF; }
.blank { font-family: Times New Roman; font-size: 12px; }
.w1000 { width: 1000px; margin: 0 auto; }
.w1100 { width: 1100px; margin: 0 auto; }
.w1200 { width: 1200px; margin: 0 auto; }
.w1300 { width: 1300px; margin: 0 auto; }
.w1400 { width: 1400px; margin: 0 auto; }
.clearfix { *zoom: 1; }
.clearfix:after { display: block; font-size: 0; content: ""; clear: both; visibility: hidden; }
.flex { display: flex; }
.flex-img { max-width: 100%; max-height: 100%; }
.bridgeCode { text-align: center; clear: both; }
.box-con { width: 100%; }
.box-con * { max-width: 100%; }

/**********************************************************************************************/

/* top-main */
#top-main { width: 100%; }

/* top-1 */
#top-1 { width: 100%; line-height: 30px; font-size: 14px; color: #666666; background: #F5F5F5; }
#top-1 p, #top-1 a { font-size: 14px; color: #666666; }

/* top-2 */
#top-2 { width: 100%; background: url(../images/top-2.png) no-repeat center; }
.top-logo, .top-phone, .top-search { height: 120px; align-items: center; }
.top-logo img { max-height: 120px; }
.top-phone { padding-left: 50px; background: url(../images/top-phone.png) no-repeat center left; }
.top-phone h1 { font-size: 22px; font-weight: bold; color: #333333; }
.top-phone p { font-size: 14px; color: #666666; }
.top-search { margin: 0 40px 0 0; }
.top-search .s-1 { padding: 0 10px; width: 210px; height: 38px; border: 1px solid #C9C9C9; outline: none; background: none; }
.top-search .s-2 { width: 60px; height: 38px; font-size: 20px; color: #FFFFFF; border: none; background: #01AAF0; cursor: pointer; }

/* top-3 */
#top-3 { border-bottom: 2px solid #333333; }
.top-nav { width: 100%; }
.top-nav li { float: left; width: calc(100% / 6); position: relative; }
.top-nav li > a { display: block; padding: 10px 0; width: 100%; height: 65px; text-align: center; transition: 0.3s; }
.top-nav li > a p { font-size: 18px; font-weight: bold; color: #333333; transition: 0.3s; }
.top-nav li > a span { font-size: 14px; color: #999999; text-transform: uppercase; transition: 0.3s; }
.top-nav li.on > a, .top-nav li:hover > a { background: #01AAF0; }
.top-nav li.on > a p, .top-nav li.on > a span, .top-nav li:hover > a p, .top-nav li:hover > a span { color: #FFFFFF; }

/* top-4 */
#top-4 { width: 100%; }
.swiper-a .swiper-slide { width: 100%; justify-content: center; }
.next-a:after, .prev-a:after { color: #FFFFFF; }
.page-a .swiper-pagination-bullet-active { background: #FFFFFF; }
.page-ban { width: 100%; display: flex; justify-content: center; }
.page-ban img { max-width: 100%; }

/**********************************************************************************************/

/* foot-main */
#foot-main { width: 100%; }

/* foot-1 */
#foot-1 { width: 100%; background: #F5F5F5; }
.foot-nav { width: 100%; line-height: 50px; text-align: center; font-size: 16px; color: #01AAF0; }
.foot-nav a { display: inline-block; width: 160px; font-size: 16px; color: #000000; }

/* foot-2 */
#foot-2 { width: 100%; background: #444444; border-bottom: 1px solid #9D9D9D; }
.foot-link { padding-left: 50px; width: 100%; height: 65px; line-height: 65px; background: url(../images/foo-link.png) no-repeat center left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.foot-link span { font-size: 20px; font-weight: bold; color: #999999; }
.foot-link a { margin-right: 5px; font-size: 16px; color: #999999; }

/* foot-3 */
#foot-3 { padding: 15px 0; width: 100%; background: #444444; }
.foot-con { width: 100%; align-items: center; justify-content: space-between; }
.foot-copy { padding: 0 20px; width: 540px; line-height: 24px; font-size: 14px; color: #E8E8E8; }
.foot-code { padding-left: 155px; height: 150px; background: url(../images/foot-code.png) no-repeat center left; }

/**********************************************************************************************/

/* index-main */
#index-main { width: 100%; }

.section { padding: 40px 0; width: 100%; }
.section.bg1 { padding: 40px 0; background: url(../images/bg1.png) no-repeat center; }
.section.bg2 { background: url(../images/bg2.png) no-repeat center bottom; }
.section.bg3 { margin-top: -18px; padding-top: 225px; background: url(../images/bg3.png) no-repeat center top; }
.section.bg4 { padding: 50px 0; background: url(../images/bg4.png) no-repeat center top; }
.section.bg5 { background: url(../images/bg5.png) no-repeat center top; }

.in-service { width: 100%; justify-content: center; }
.in-service li { width: 282px; cursor: default; }
.in-service li .img { width: 100%; height: 50px; align-items: center; justify-content: center; }
.in-service li .img i { font-size: 45px; color: #FFFFFF; transition: 0.3s; }
.in-service li .txt { margin: 0 auto; padding: 20px 0 0 0; width: 190px; }
.in-service li .txt h1 { text-align: center; font-size: 24px; font-weight: bold; color: #FFFFFF; transition: 0.3s; }
.in-service li .txt p { padding-top: 10px; line-height: 20px; text-align: center; font-size: 14px; color: #DADADA; transition: 0.3s; }
.in-service li:hover .img i, .in-service li:hover .txt h1, .in-service li:hover .txt p { color: #01AAF0; }

.pro-nav { width: 245px; background: #FFFFFF; }
.pro-nav .tit { padding-left: 30px; width: 100%; height: 93px; font-size: 33px; color: #FFFFFF; background: url(../images/in-pro-nav.png) no-repeat center; align-items: center; justify-content: center; }
.pro-nav dl { width: 100%; }
.pro-nav dl dt { padding: 0 0 0 15px; width: 100%; height: 57px; border-bottom: 1px solid #F5F5F5; align-items: center; cursor: pointer; position: relative; }
.pro-nav dl dt:before { content: " "; position: absolute; left: 0; top: 3px; width: 2px; height: 50px; background: #FFFFFF; transition: 0.5s; }
.pro-nav dl dt > i { margin-right: 5px; font-size: 30px; color: #01AAF0; transition: 0.5s; }
.pro-nav dl dt > a { font-size: 18px; color: #333333; font-weight: bold; transition: 0.5s; }
.pro-nav dl dd { padding: 10px 0; width: 100%; display: none; }
.pro-nav dl dd > a { display: block; padding-left: 50px; width: 100%; line-height: 25px; font-size: 16px; color: #333333; transition: 0.3s; }
.pro-nav dl dd > a:hover { color: #01AAF0; }
.pro-nav dl.open dt:before { background: #FF9F00; }
.pro-nav dl.open dt i { transform: rotate(90deg); }
.pro-nav dl.open dt a { color: #01AAF0; }
.pro-nav .contact { margin: 15px 0 0 0; padding: 30px 0; width: 100%; background: url(../images/in-phone.png) no-repeat center top; }
.pro-nav .contact p { text-align: center; font-size: 22px; font-weight: bold; color: #01AAF0; }

.pro-item { width: 880px; }
.pro-item .tit { padding-left: 40px; width: 100%; background: url(../images/pro-tit.png) no-repeat center left; }
.pro-item .tit p { float: left; line-height: 40px; font-size: 20px; color: #333333; font-weight: bold; }
.pro-item .tit p span { margin-left: 15px; font-size: 16px; color: #666666; font-weight: normal; text-transform: uppercase; }
.pro-item .tit a { float: right; line-height: 40px; font-size: 16px; color: #01AAF0; }
.pro-item ul { width: 100%; }
.pro-item ul li:nth-of-type(3n) { margin-right: 0; }
.pro-item ul li { float: left; margin: 15px 35px 15px 0; width: 270px; transition: 0.5s; }
.pro-item ul li a { display: block; }
.pro-item ul li .img { width: 100%; height: 210px; background: #FFFFFF; align-items: center; justify-content: center; overflow: hidden; }
.pro-item ul li .img img { transition: 0.5s; }
.pro-item ul li .txt { padding: 10px 20px; width: 100%; height: 75px; background: #E9E9E9; transition: 0.5s; }
.pro-item ul li .txt i { float: right; margin: 5px 0; width: 40px; height: 40px; font-size: 25px; color: #666666; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.5s; }
.pro-item ul li .txt h1 { float: left; width: 170px; line-height: 28px; font-size: 18px; color: #333333; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: 0.5s; }
.pro-item ul li .txt p { float: left; width: 170px; line-height: 24px; font-size: 14px; color: #666666; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: 0.5s; }
.pro-item ul li:hover { box-shadow: 0px 0px 15px rgba(0,0,0,0.2); }
.pro-item ul li:hover img { transform: scale(1.1); }
.pro-item ul li:hover .txt { background: #01AAF0; }
.pro-item ul li:hover h1, .pro-item ul li:hover p { color: #FFFFFF; }
.pro-item ul li:hover i { color: #01AAF0; background: #FFFFFF; }

.adv-item { padding-top: 20px; width: 100%; flex-direction: row; justify-content: space-between; }
.adv-item:nth-of-type(3) { padding-top: 40px; }
.adv-item:nth-child(even) { flex-direction: row-reverse; }
.adv-item .item-info { padding-top: 20px; width: 560px; }
.adv-item .item-info .title { padding-left: 105px; width: 100%; height: 83px; }
.adv-item .item-info .title.num1 { background: url(../images/num1.png) no-repeat center left; }
.adv-item .item-info .title.num2 { background: url(../images/num2.png) no-repeat center left; }
.adv-item .item-info .title.num3 { background: url(../images/num3.png) no-repeat center left; }
.adv-item .item-info .title.num4 { background: url(../images/num4.png) no-repeat center left; }
.adv-item .item-info .title > h1 { line-height: 57px; font-size: 32px; color: #333333; font-weight: bold; }
.adv-item .item-info .title.num3 > h1 { color: #FFFFFF; }
.adv-item .item-info .title > p { line-height: 25px; font-size: 14px; color: #333333; font-weight: normal; text-transform: uppercase; }
.adv-item .item-info .content { padding-top: 20px; line-height: 45px; font-size: 16px; color: #333333; }
.adv-item .item-info .content > p { padding-left: 65px; background: url(../images/adv-dot1.png) no-repeat left 20px top 13px; }
.adv-item:nth-of-type(3) .item-info .content > p { color: #FFFFFF; background: url(../images/adv-dot2.png) no-repeat left 20px top 13px; }

.lc-title { width: 100%; text-align: center; position: relative; }
.lc-title h1 { font-size: 29px; color: #FFFFFF; font-weight: bold; opacity: 0.1; text-transform: uppercase; }
.lc-title p { position: absolute; top: 10px; width: 100%; font-size: 28px; color: #FFFFFF; font-weight: bold; }
.lc-title span { display: block; margin: 15px auto 0; width: 50px; height: 2px; background: #FF9F00; }
.lc-content { padding-top: 55px; width: 100%; justify-content: space-around; }
.lc-content li { cursor: default; }
.lc-content li i { align-items: center; justify-content: center; width: 78px; height: 78px; font-size: 40px; color: #01AAF0; background: #FFFFFF; border: 1px solid #01AAF0; border-radius: 50%; transition: 0.5s }
.lc-content li p { padding-top: 15px; text-align: center; font-size: 16px; color: #FFFFFF; letter-spacing: 1px; }
.lc-content li:hover i { color: #FFFFFF; background: #01AAF0; border: 1px solid #FFFFFF; }
.lc-contact { padding-top: 50px; width: 100%; align-items: center; justify-content: center; }
.lc-contact a { display: block; margin-right: 10px; width: 210px; line-height: 50px; text-align: center; font-size: 18px; color: #FFFFFF; border: 1px solid #FFFFFF; border-radius: 5px; transition: 0.5s; }
.lc-contact span { font-size: 14px; color: #FFFFFF; }
.lc-contact span em { font-size: 24px; font-weight: bold; }

.about-con { width: 100%; align-items: center; justify-content: space-between; }
.about-info { width: 580px; position: relative; }
.about-info > h1 { font-size: 29px; font-weight: bold; color: #333333; opacity: 0.1; text-transform: uppercase; }
.about-info > h2 { position: absolute; top: 10px; font-size: 28px; font-weight: bold; color: #01AAF0; }
.about-info > span { margin-top: 15px; display: block; width: 50px; height: 2px; background: #333333; }
.about-info > p { padding-top: 15px; width: 100%; font-size: 22px; font-weight: bold; color: #333333; }
.about-info .box-con { margin-top: 25px; width: 100%; height: 175px; line-height: 35px; font-size: 16px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.about-img { padding-right: 55px; }
.slideGroup { width: 100%; }
.slideGroup .parHd li { float: left; margin-right: 40px; width: 165px; height: 45px; line-height: 45px; text-align: center; font-size: 22px; color: #FFFFFF; background: #333333; cursor: pointer; transition: 0.5s; }
.slideGroup .parHd li.on { background: #01AAF0; }
.slideGroup .parBd { padding-top: 40px; width: 100%; height: 230px; }
.slideGroup .parBd .slideBox { padding: 0 80px; width: 100%; position: relative; overflow: hidden; }
.slideGroup .parBd .slideBox .sNext { position: absolute; right: 0; top: 50%; width: 56px; height: 56px; background: url(../images/sNext.png) no-repeat center; transform: translate(0, -50%); }
.slideGroup .parBd .slideBox .sPrev { position: absolute; left: 0; top: 50%; width: 56px; height: 56px; background: url(../images/sPrev.png) no-repeat center; transform: translate(0, -50%); }
.slideGroup .parBd ul li { align-items: center; justify-content: center; margin: 0 9px; width: 240px; height: 180px; border: 1px solid #CCCCCC; box-sizing: content-box; }

.in-case { padding-top: 40px; width: 100%; }
.al-title { width: 100%; text-align: center; position: relative; }
.al-title > h1 { font-size: 29px; color: #333333; font-weight: bold; text-transform: uppercase; opacity: 0.1; }
.al-title > h2 { position: absolute; top: 5px; width: 100%; font-size: 28px; color: #01AAF0; font-weight: bold; }
.al-title > span { display: block; margin: 5px auto; width: 50px; height: 2px; background: #333333; }
.al-title > p { font-size: 16px; color: #666666; }
.al-con { margin: 0 auto; padding-top: 40px; width: 1100px; }
.al-nav { width: 224px; }
.al-nav li { margin-bottom: 13px; padding-left: 25px;height: 53px; width: 100%;  font-size: 20px; color: #333333; background: url(../images/al-nav1.png) no-repeat center left; cursor: pointer; transition: 0.5s;display: flex; justify-content: right; align-items: center;padding-right:20px ; }
.al-nav li.curr { color: #FFFFFF; font-weight: bold; background: url(../images/al-nav2.png) no-repeat center left; }
.al-item { width: 850px; }
.al-item li:not(.active) { display: none; }
.al-item li { width: 100%; height: 270px; animation-name: fadeInRight; }
.al-item li .img { width: 440px; height: 100%; align-items: center; justify-content: center; }
.al-item li .info { padding-top: 15px; width: 380px; height: 100%; }
.al-item li .info > h1 { font-size: 22px; font-weight: bold; color: #01AAF0; }
.al-item li .info > .des { margin: 15px 0; text-indent: 20px; width: 100%; height: 150px; line-height: 30px; font-size: 16px; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.al-item li .info > .a1 { display: inline-block; width: 150px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #FFFFFF; background: #01AAF0; margin-right: 30px; }
.al-item li .info > .a2 { display: inline-block; width: 150px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #FFFFFF; background: #FF9F00; }

.xw-title { width: 100%; text-align: center; position: relative; }
.xw-title > h1 { font-size: 29px; color: #333333; font-weight: bold; text-transform: uppercase; opacity: 0.1; }
.xw-title > h2 { position: absolute; top: 5px; width: 100%; font-size: 28px; color: #01AAF0; font-weight: bold; }
.xw-title > span { display: block; margin: 5px auto; width: 50px; height: 2px; background: #333333; }
.xw-title > p { font-size: 16px; color: #666666; }
.xw-menu { padding: 25px 0; width: 100%; justify-content: center; }
.xw-menu a { display: block; margin: 0 40px; line-height: 40px; font-size: 20px; color: #333333; border-bottom: 1px solid #FFFFFF; transition: 0.3s; }
.xw-menu a:hover { color: #01AAF0; border-bottom: 1px solid #EBEBEB; }
.xw-item { width: 100%; justify-content: space-between; }
.xw-item li { width: 375px; }
.xw-item li .img { align-items: center; justify-content: center; width: 100%; height: 200px; }
.xw-item li .info { padding: 20px; width: 100%; background: #F5F5F5; }
.xw-item li .info > h1 { width: 100%; line-height: 30px; font-size: 22px; font-weight: bold; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition: 0.5s; }
.xw-item li .info > h1 a { font-size: 20px; font-weight: bold; color: #333333; transition: 0.5s; }
.xw-item li .info > p { margin: 5px 0; width: 100%; height: 50px; line-height: 25px; font-size: 14px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.xw-item li .info > a { display: flex; align-items: center; justify-content: center; width: 200px; height: 40px; font-size: 14px; color: #333333; text-transform: uppercase; letter-spacing: 3px; background: #FFFFFF; border: 1px solid #8B8B8B; border-radius: 5px; transition: 0.5s; }
.xw-item li:hover .info > h1, .xw-item li:hover .info > h1 a { color: #01AAF0; }
.xw-item li:hover .info > a { color: #FFFFFF; background: #01AAF0; border: 1px solid #01AAF0; }

/**********************************************************************************************/

/* Product Category */
#masterdiv {margin-top:10px;}
.menudiv   {margin-top:5px;}
.menutitle {width:240px;text-align:left;height:50px;line-height:50px;color:#0F5B90;cursor:pointer;font-size:12px;display:block;padding-left:40px;overflow:hidden;background:url('../images/iconAdd.png') no-repeat 5px center;}
.menutitle a:link,.menutitle a:visited {color:#333333;font-size:18px;text-decoration:none;font-weight:bold;}      
.menutitle a:hover,.menutitle a:active {color:#01AAF0;font-size:18px;text-decoration:none;font-weight:bold;}
.menutitleSub{ width:240px;text-align:left;height:50px;line-height:50px;color:#0F5B90;cursor:pointer;font-size:12px;display:block;padding-left:45px;overflow:hidden;background:url('../images/iconSub.png') no-repeat 5px center;}
.menutitleSub a,.menutitleSub a:visited {color:#01AAF0;text-decoration:none;font-size:18px;font-weight:bold;}
.menutitleSub a:hover {color:#01AAF0;text-decoration:none;font-size:18px;font-weight:bold;}

.submenu {width:240px;color:#135294;display:block;font-size:12px;padding:5px 0 0 0;overflow:hidden;}
.submenu li.checkstyle {padding-left:25px;background-color:#FFFFFF;line-height:30px;height:30px;overflow:hidden;}
.submenu li.checkstyle a,.submenu li.checkstyle a:visited {color:#333333;text-decoration:none;font-size:16px;}
.submenu li.checkstyle a:hover {color:#01AAF0;text-decoration:none;font-size:16px;}
.submenu li.checkstyleSel {padding-left:25px;background-color:#DDDDDD;line-height:22px;height:22px;overflow:hidden;background:url('../images/icon.gif') no-repeat 13px 6px;}
.submenu li.checkstyleSel a,.submenu li.checkstyleSel a:visited {color:#0000FF;text-decoration:none;font-size:12px;font-weight:normal;}
.submenu li.checkstyleSel a:hover {color:#01AAF0;text-decoration:none;font-size:14px;font-weight:normal;}
.submenu li.checkThird {padding-left:52px;line-height:22px;height:22px;border-bottom:0px #857156 solid;overflow:hidden;background:url('../images/ico10-1.gif') no-repeat 43px center;}
.submenu li.checkThird a,.submenu li.checkThird a:visited {color:#666666;text-decoration:none;font-size:14px;font-weight:normal;}
.submenu li.checkThird a:hover {color:#01AAF0;text-decoration:none;font-size:14px;font-weight:normal;}
 
/* page-main */
#page-main { padding: 20px 0; width: 100%; }

/* page-l */
.page-l { width: 245px; }

.page-l .tit1 { padding-left: 30px; width: 100%; height: 93px; font-size: 33px; color: #FFFFFF; background: url(../images/in-pro-nav.png) no-repeat center; align-items: center; justify-content: center; }
.page-l .tit2 { margin-top: 15px; padding-left: 10px; width: 100%; height: 60px; font-size: 28px; color: #FFFFFF; background: url(../images/in-pro-nav.png) no-repeat center; align-items: center; justify-content: center; }
.page-l .menu { padding: 10px 0; width: 100%; border: 1px solid #CCCCCC; }
.page-l .menu dl dt { padding: 0 0 0 10px; width: 100%; height: 57px; border-bottom: 1px solid #F5F5F5; align-items: center; cursor: pointer; position: relative; }
.page-l .menu dl dt:before { content: " "; position: absolute; left: 0; top: 3px; width: 2px; height: 50px; background: #FFFFFF; transition: 0.5s; }
.page-l .menu dl dt > i { margin-right: 5px; font-size: 30px; color: #01AAF0; transition: 0.5s; }
.page-l .menu dl dt > a { font-size: 18px; color: #333333; font-weight: bold; transition: 0.5s; }
.page-l .menu dl dd { padding: 10px 0; width: 100%; display: none; }
.page-l .menu dl dd > a { display: block; padding-left: 30px; width: 100%; line-height: 25px; font-size: 16px; color: #333333; transition: 0.3s; }
.page-l .menu dl dd > a:hover { color: #01AAF0; }
.page-l .menu dl.open dt:before { background: #FF9F00; }
.page-l .menu dl.open dt i { transform: rotate(90deg); }
.page-l .menu dl.open dt a { color: #01AAF0; }
.page-l .contact { padding: 10px; width: 100%; line-height: 24px; font-size: 14px; color: #666666; border: 1px solid #CCCCCC; }

/* page-r */
.page-r { width: 920px; background: #FFFFFF; }

.newslist-right-top { padding: 5px; width: 100%; line-height: 40px; overflow: hidden; border: 1px solid #e2e2e2; }
.newslist-right-top img { float: left; padding-top: 13px; padding-left: 30px; }
.newslist-right-top h5 { float: left; text-indent: 4px; color: #666; font-size: 18px; line-height: 39px; margin: 0; font-family: "微软雅黑",Arial; font-weight: normal; text-align: right; }
.newslist-right-top span { display: block; float: right; padding: 0px 12px 0px 0px; color: #666; font-size: 12px; }
.newslist-right-top a { color: #666; }
.about-right-bottom { border: 1px solid #e2e2e2; border-top: none; padding: 20px 20px 20px 20px; overflow: hidden; line-height: 25px; }

.table_form tbody th { text-align: right; padding-left: 56px; }
.inp_one { width: 232px; height: 38px; background: #fff; border: 1px solid #cdcdcd; line-height: 38px; margin-right: 5px; text-indent: 5px; font-family: Microsoft YaHei; }
.inp_one1 { width: 730px; height: 38px; background: #27384c; border: 1px solid #cdcdcd; line-height: 38px; margin-right: 5px; text-indent: 5px; font-family: Microsoft YaHei; color: #cecece; }
.n_tel { width: 270px; height: 38px; background: #fff; border: 1px solid #cdcdcd; line-height: 38px; text-indent: 5px; font-family: Microsoft YaHei; }
.middle_7_b_code { width: 111px; height: 38px; background: #fff; border: 1px solid #cdcdcd; line-height: 38px; text-indent: 5px; font-family: Microsoft YaHei; }
.middle_7_b_code1 { width: 111px; height: 38px; background: #fff; border: 1px solid #cdcdcd; line-height: 38px; text-indent: 5px; font-family: Microsoft YaHei; padding-top: 10px; }
.middle_7_b_text { padding: 5px; border: 1px solid #cdcdcd; }
.middle_7_b_text1 { border: 1px solid #cdcdcd; width: 730px; background: #27384c; text-indent: 5px; color: #cecece; }
.middle_7_b_dosubmit { width: 128px; height: 41px; background: #cf0007; border: 1px solid #cdcdcd; line-height: 38px; text-indent: 5px; color: #fff; font-family: Microsoft YaHei; border: none; font-size: 16px; margin-right: 15px; }
.middle_7_b_dosubmit1 { width: 128px; height: 41px; background: #cf0007; border: 1px solid #cdcdcd; line-height: 38px; text-indent: 5px; color: #fff; font-family: Microsoft YaHei; border: none; font-size: 16px; margin-right: 15px; }
.middle_7_b_reset { width: 128px; height: 41px; background: #333333; border: 1px solid #cdcdcd; line-height: 38px; text-indent: 5px; color: #fff; font-family: Microsoft YaHei; border: none; font-size: 16px; }
.middle_7_b_reset1 { width: 128px; height: 41px; background: #e69016; border: 1px solid #cdcdcd; line-height: 38px; text-indent: 5px; color: #fff; font-family: Microsoft YaHei; border: none; font-size: 16px; }
#code_img { width: 140px; }
.table_form { font-size: 12px; width: 100%; }
.table_form td { padding-left: 12px }
.table_form th { font-weight: normal; text-align: right; padding-right: 10px; color: #777 }
.table_form td label { vertical-align: middle }
.table_form td, .table_form th { padding: 16px 0 16px 8px }
.table_form tbody td, .table_form tbody th { border-bottom: 1px solid #eee; }
.colorpanel tbody td, .colorpanel tbody th { padding: 0; border-bottom: none; }
.table_form1 { font-size: 12px; width: 100%; }
.table_form1 td { padding-left: 12px }
.table_form1 th { font-weight: normal; text-align: right; padding-right: 10px; color: #777 }
.table_form1 td label { vertical-align: middle }
.table_form1 td, .table_form1 th { padding: 12px 0 12px 8px }
.table_form1 tbody td, .table_form1 tbody th { }
.colorpanel tbody td, .colorpanel tbody th { padding: 0; border-bottom: none; }

.product-right-bottom3 { border: 1px solid #e2e2e2; border-top: none; padding: 20px 0px 0px 0px; overflow: hidden; line-height: 25px; }
.product-right-bottom3 ul { overflow: hidden; padding: 0 15px; box-sizing: border-box; }
.product-right-bottom3 ul li { width: 32%; float: left; margin: 0 2% 10px 0; box-sizing: border-box; }
.product-right-bottom3 ul li:nth-of-type(3n) { margin-right: 0; }
.product-right-bottom3 ul li > .img { display: flex; align-items: center; justify-content: center; width: 100%; height: 210px; border: solid 1px #b7b7b7; box-sizing: border-box; }
.product-right-bottom3 ul li > .img img { max-width: 100%; max-height: 100%; }
.product-right-bottom3 ul li > .txt { display: block; width: 100%; line-height: 25px; text-align: center; color: #737373; }

/* pages */
#pages { padding: 15px 0 10px; margin: 0px; text-align: center; }
#pages a { display: inline-block;padding:0 8px; height: 22px; line-height: 22px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; }
#pages a.a1 { }
#pages a:hover { background: #f1f1f1; color: #000; text-decoration: none; }
#pages span { display: inline-block; width: 26px; height: 22px; line-height: 22px; background: #258C44; border: 1px solid #258C44; color: #fff; text-align: center; }
.page .noPage { display: inline-block; width: 56px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }

#nshow-middle { width: 1180px; overflow: hidden; margin: 0 auto; padding-top: 15px; padding-top: 15px; padding-bottom: 15px; }
.nshow-right { width: 900px; float: right; background: #FFFFFF; }
.nshow-right-top { height: 39px; background: #333333; overflow: hidden; line-height: 39px; }
.nshow-right-top h5 { float: left; text-indent: 38px; color: #fff; font-weight: bold; font-family: Microsoft YaHei; font-size: 14px; line-height: 39px; margin: 0; }
.nshow-right-top span { font-size: 12px; display: block; float: right; padding: 0px 12px 0px 0px; color: #fff; }
.nshow-right-top a { color: #fff; }
.nshow-right-bottom { border: 1px solid #e2e2e2; border-top: none; padding: 12px 10px 10px 10px; overflow: hidden; line-height: 25px; }
.nshow-right-bottom h1 { text-align: center; font-size: 15px; font-weight: bold; margin-top: 0px; margin-bottom: 10px; font-family: Microsoft YaHei; }

.NewsView-title-Source { text-align: center; height: 25px; line-height: 25px; background-color: #eee; }
.NewsView-title-Img { display: flex; justify-content: center; padding: 20px; width: 100%; box-sizing: border-box; }
.NewsView-title-Img img { max-width: 100%; }
.NewsView-title-Content { padding: 10px; line-height: 24px; border-bottom: 1px solid #dedede; }
.NewsView-title-Content img { padding: 5px 0; margin: 0 auto; display: block }
.NewsView-title-Keyword { margin-top: 5px; color: #ff0000; line-height: 24px; font-weight: bold; border-bottom: 1px solid #dedede; }
.NewsView-title-Keyword a { color: #FF0000; text-decoration: underline; }
.NewsView-title-Next { font-weight: bold; padding-top: 5px; font-family: Microsoft YaHei; font-size: 14px; }
.NewsView-title-Next p { margin: 5px 0; }
.NewsView-title-Next p a { color: #333333; }
.Information { margin-top: 10px; clear: both; margin-bottom: 10px; }
.Information-title { background-color: #f7f7f7; height: 30px; border: solid 1px #dedede; }
.Information-title-l { float: left; font-size: 12px; font-weight: bold; line-height: 30px; text-indent: 10px; font-family: Microsoft YaHei; }
.Information-title-r { float: right; line-height: 30px; padding-right: 10px; }

.fanhui { width: 100%; margin: 0 auto; text-align: center; margin-top: 5px; }
.fanhui a { color: #333333; }

.newslist-right-bottom { border: 1px solid #e2e2e2; border-top: none; padding: 1px 10px 10px 10px; overflow: hidden; line-height: 25px; }
.news { overflow: hidden; border-bottom: 1px dotted #dcdcdc; padding-bottom: 10px; margin: 15px 0px 10px 5px; width: 870px; padding: 0px 0px 10px 0px; }
.news-l { width: 160px; height: 100px; float: left; border: 1px solid #dcdcdc; padding: 2px; }
.news-l a { align-items: center; justify-content: center; width: 100%; height: 100%; }
.news-r { width: 700px; float: right; padding: 3px 0px 0px 0px; }
.news-r-t { font-weight: bold; font-size: 14px; font-family: Microsoft YaHei; }
.news-r-t a { color: #444; }
.news-r-b { line-height: 24px; }

.text02 {font-size:12px;line-height:30px;padding:10px 0px 0px 8px;}
.sr_lists {float:left;width:96%;padding:15px 2% 15px 2%;}
.sr_lists .c {text-align:left;}
.sr_lists .c ul {margin:10px;}
.sr_lists .c li {border-bottom:1px dashed #CCCCCC;margin-top:10px;color:#666666;}
.sr_lists .c li div p {line-height:20px;margin-top:0px;font-size:12px;color:#999999;}
.sr_lists .c li div.adds {font-size:12px;margin:5px 4px;color:#333333;}
.sr_lists .c li a {color:#666666;}
.sr_lists .c li a img {float:left;border:1px solid #ADCBE9;padding:2px;background:#FFFFFF;margin-right:10px;}
.sr_lists .c li a:hover img {background:#efefef;}
.sr_lists .c .a2 {margin:10px;}

/**********************************************************************************************/