/* CSS Document */
/*reset css*/
html, body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select { margin: 0; padding: 0; font-weight: normal; }
body { font: 12px 'Microsoft YaHei', "宋体", "Arial Narrow", HELVETICA; background: #fff; -webkit-text-size-adjust: 100%; color: #333; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #0472cd; }
li { list-style: none }
img { border: 0; vertical-align: middle }
table { border-collapse: collapse; border-spacing: 0 }
p { word-wrap: break-word }
ul, ol, li { list-style-type: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.content_w { width: 1200px; }
.bc { margin-left: auto; margin-right: auto; }
.div { display: block; }
.mt7 { margin-top: 7px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt18 { margin-top: 18px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt110 { margin-top: 110px; }
.mt120 { margin-top: 120px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.m110 { margin-left: 10px; }
.m120 { margin-left: 20px; }
.m130 { margin-left: 30px; }
.red { color: #d01313; }
.f22 { font-size: 20px; }
.w100 { width: 100%;  }
.sub_w100 {  margin:auto; width: 100%; max-width:1200px;}
.cb { clear: both; }
input { outline: none; }
input, button, textarea, select { font-size: 100%; outline: none; resize: none; }
/*=============公共样式=============*/ 
.top{ height:110px;}
.nav{ width:670px; line-height:30px;}
.nav ul li{ float:left; font-size:15px;}
.nav ul li a{ display:block; padding:0px 17px;}
.nav ul li a.a_hover{ color:#22a7f0;}

/*banner*/
.fullSlide { position: relative; height: 530px !important; z-index: 1; overflow: hidden; }
.fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 530px !important; overflow: hidden; text-align: center; }
.fullSlide .bd li a { display: block; height: 530px !important; }
.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 25px; left: 0; height: 14px; line-height: 14px; }
.fullSlide .hd ul { text-align: center; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline;zoom: 1; width: 60px; height: 6px; margin: 0 5px; overflow: hidden;background: #fff; font-size: 0; color: #fff; }
.fullSlide .hd ul .on { background: #0472cd; }
/*banner(e)*/

/*关于(e)*/
.about_title h3,.case_title h3{ font-size:24px; text-align:center; line-height:55px; background: url(../images/line_bg.png) no-repeat center bottom;}
.about_title span,.case_title p,.about_title p{ display:block; font-size:14px; color:#999; line-height:30px; text-align:center;}
.about_tu{ width:40%; padding:5%; height:360px; position:relative; background:url(../images/bg.jpg) no-repeat 0 0; background-size:100% 100%}
.about_tu img{ width:100%;}
.about_con{ background:#f5f5f5;}

.about_zi .more{ display:block; width:186px; height:45px; background:#fff url(../images/jt.png) no-repeat 146px center; border:2px solid #e3e3e3; text-align:center; line-height:45px; font-size:14px;transition: ease-in 0.5s;}
.about_zi .more:hover,.more1 a:hover{ border:2px solid #0472cd; background:#fff url(../images/jt.png) no-repeat 156px center;}
.about_zi{ width:44%;padding:3% 1% 3% 5%; height:435px; position:relative; overflow:hidden;}
.about_zi h3{ font-size:24px;}
.about_zi p{ display: block; width:100%; font-size:14px; line-height:30px; height:125px; overflow:hidden; padding-top:20px;}
.about_c{height:80px;background:#0472cd;}
.about_li{ width:90%; margin:0px auto;}
.about_li li{ float:left; width:33%;}
.about_li li.li1{ background:url(../images/icon01.png) no-repeat  center 10px; font-size:14px; color:#fff; padding-top:50px; text-align:center;}
.about_li li.li2{ background:url(../images/icon02.png) no-repeat  center 10px; font-size:14px; color:#fff; padding-top:50px; text-align:center;}
.about_li li.li3{ background:url(../images/icon03.png) no-repeat center 10px; font-size:14px; color:#fff; padding-top:50px; text-align:center;}
.about_li li.line{ width:1px; height:10px; line-height:80px;}

/*产品(e)*/
.pro_nav { line-height:45px; height:45px; border-bottom:1px solid #e3e3e3;}
.pro_nav ul li{ float:left; width:149px;}
.pro_nav ul li.line{ width:1px; height:7px; line-height:45px;}
.pro_nav ul li a{ display:block; text-align:center; font-size:16px;}
.pro_nav ul li::before{position: absolute; content: ""; width: 0px; height: 1px; background-color: #0472cd; margin-top: 45px; transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.pro_nav ul li:hover::before{ width:150px;}
.pro_li ul li{ float:left; width:293px; height:282px;  margin-right:6px; margin-bottom:20px;transition: all 0.5s ease-out 0s;}
.pro_li ul li img{ width:293px; height:222px;border:1px solid #e3e3e3;transition: all 0.5s ease-out 0s;}
.pro_li ul li a span{ display:block; text-align:center; line-height:35px; font-size:16px; margin-top:10px;}
.pro_li ul li.last{ margin-right:0px;}
.pro_li ul li:hover{ box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2);}
.pro_li ul li img:hover{ border:none;}

.more1 a{ display:block; width:186px; height:45px; margin:20px auto; background:#fff url(../images/jt.png) no-repeat 146px center; border:2px solid #e3e3e3; text-align:center; line-height:45px; font-size:14px;transition: ease-in 0.5s;}

/*案例(e)*/
.case{ background:url(../images/bg1.jpg) no-repeat center;}
.case_title{ padding-top:40px;}

#scroll { width: 1200px; margin: 0 auto; padding-top: 40px; font-family: Verdana, Geneva, sans-serif; }
#scroll .owl-wrapper-outer { margin: 0 auto; }
#scroll .item { width: 295px; height: 300px; margin: 0 auto; overflow: hidden; }
#scroll .shd,#scroll .shd img { width: 295px; height: 217px; overflow: hidden; }
#scroll .item span { display: block; text-align: center; font-size: 16px; font-family: "微软雅黑"; width: 295px; height: 35px; line-height:35px; margin-top:10px; }
#scroll .txt { width: 295px; }
#scroll h3 { width: 295px; height: 25px; margin-bottom: 6px; padding-top: 6px; font: 16px Verdana, Geneva, sans-serif; overflow: hidden; }
#scroll h3 a { color: #333; text-decoration: none; }
#scroll h3 a:hover { color: #22a7f0; }
#scroll p { width: 295px; height: 36px; line-height: 18px; font: 13px Verdana, Geneva, sans-serif; color: #999; overflow: hidden; }


.news_li ul li{ float:left; width:370px; margin-right:45px;}
.news_li ul li time{ display:block; height:55px; border-bottom:1px solid #e3e3e3; font-size:18px; line-height:24px;}
.news_li ul li time em{ display:block; font-style:normal; font-size:14px; color:#999;}
.news_li ul li h3{ font-size:18px; line-height:30px; margin-top:10px;}
.news_li ul li  p{ font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#999; margin-top:10px;}
.news_li ul li .more2{ display:block; width:100px; line-height:24px; color:#0472cd; background:url(../images/jt.png) no-repeat 55px center; margin-top:5px;transition: ease-in 0.5s;}
.news_li ul li.last{ margin-right:0px;}
.news_li ul li:hover .more2{background:url(../images/jt.png) no-repeat 70px center;}

.news_zi{ height:135px; padding:15px 0px; border-bottom:1px solid #e3e3e3;}

.footer{ height:218px; background:#c0c0c0;}
.footer_con{ padding:21px 0px; color:#333;}
.link{ font-size:18px; line-height:30px;}
.link a{ display:inline-block; padding:0px 10px; font-size:14px; color:#333;}

.footer_l{ width:880px;}
.footer_nav ul li{ float:left; line-height:35px;}
.footer_nav ul li.line1,.footer_nav ul li.line1 img{ width:1px; height:10px; line-height:35px;}
.footer_nav ul li a{ display:block; text-align:center; font-size:14px; color:#333; padding:0px 20px;}
.lx p{ font-size:14px; line-height:30px;}
.ewm{ margin-right:20px;}
.ewm span{ display:block; line-height:35px; font-size:14px; text-align:center;}

.bq{ height:50px; line-height:50px; border-top:1px solid #a5a5a5; background:#c0c0c0;}
.bq span{ display:block; line-height:50xp; font-size:14px; text-align:center; color:#333;}

/* 关于 */
.main { min-height: 500px; padding-bottom: 50px; }
.about_nav { height: 50px; line-height: 50px; border-bottom: 1px solid #e3e3e3; }
.nav_li li, .newsnav_li li { float: left; }
.nav_li { width: 700px; height: 50px; margin: 0px auto; }
.nav_li li a, .newsnav_li li a { display: block; padding: 0px 34px; font-size: 18px; }
.nav_li li a.a_hover::before, .newsnav_li li a.a_hover::before { position: absolute; content: ""; width: 70px; height: 1px; background-color: #22a7f0; margin-top: 50px; transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.nav_li li a.a_hover, .newsnav_li li a.a_hover { color: #22a7f0; }
.aboutxq h3 { display: block; line-height: 30px; text-align: center; font-size: 18px; }
/*.aboutxq p { text-align: center; line-height: 30px; font-size: 14px; margin-top: 30px; }*/
.contact { height: 70px; line-height: 70px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; }
.contact ul li { float: left; width: 33.333%; text-align: center; font-size: 14px; }
.contact ul li.li1 { background: url(../images/icon07.png) no-repeat left center; }
.contact ul li.li2 { background: url(../images/icon08.png) no-repeat 45px center; }
.contact ul li.li3 { background: url(../images/icon09.png) no-repeat 25px center; }
.contact ul li.li4 { background: url(../images/icon10.png) no-repeat 15px center; }
.aboutpic ul li { float: left; margin-right: 6px; }
.aboutpic ul li.last, .style_li ul li.last { margin-right: 0px; }
.style_li ul li { float: left; width: 295px; height: 230px; margin-right: 6px; }
.style_li ul li img { width: 295px; height: 230px; }
.style_li ul li span { display: block; line-height: 30px; text-align: center; font-size: 14px; }

/* 翻页 */	
.pageTurn { width: 500px; height: 30px; margin: 20px auto 20px; }
.pageTurn a { display: inline-block; margin-right: 7px; padding: 3px 10px; border: 1px solid #d5d5d5; text-decoration: none; color: #666; }
.pageTurn a:hover { background: #22a7f0; color: #fff; }
/* 新闻 */	
.newsnav_li { width: 420px; height: 50px; margin: 0px auto; }
.news_li1 ul li { height: 128px; border-bottom: 1px dashed #e3e3e3; padding: 10px 0px; }
.news_zi1 { height: 128px; }
.news_zi1 time { font-size: 13px; color: #999; }
.news_zi1 h3 { font-size: 16px; height: 30px; line-height: 30px; overflow: hidden; margin-top: 10px; }
.news_zi1 h3::before { position: absolute; content: ""; width: 20px; height: 1px; background-color: #3C3C3C; margin-top: 35px; transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.news_zi1 p { margin-top: 20px; line-height: 24px; height: 48px; overflow: hidden; font-size: 14px; color: #666; }
.news_li1 ul li a:hover .news_zi1 h3::before { width: 50px; }


/* 产品展示 */
.pro_nav1 { width: 240px; background: #cdcdcd; z-index: 1; }
.protop { width: 240px; height: 145px; background: #c0c0c0; z-index:99; }
.protop_con { width: 200px; margin: 0px auto; padding-top:10px;}
.protop_con h3 { font-size: 24px; color: #333; line-height: 45px; border-bottom: 1px solid #a7a7a7; }
.protop_con p { line-height: 30px; font-size: 14px; color: #999; margin-top: 5px; }
.protop_con i { display: block; width: 18px; height: 15px; margin-top: 20px; }
.content { width: 240px; }
/*以上css可不用，仅作为展示外观样式*/
.list { width : 240px; }
.list ul { list-style: none; }
.list>ul>li { width: 100%; border-bottom: 1px solid #a7a7a7; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; }
.list>ul>li p[class=title] { height : 50px; border : none; position : relative; font-size : 12px; color: #fff; margin-left: 10px; padding-right: 0; padding-left: 0; }
.list>ul>li p[class=title] a{ color: #333; display: block; font-size: 14px; line-height: 20px; font-weight: normal; padding-top: 5px; padding-bottom: 5px; height: 40px; padding-left: 10px; background-image: url(../images/icon11.png); background-repeat: no-repeat; background-position: right center; margin-right: 10px; }
.list>ul>li p[class=title] a a1 { font-size: 12px; color: #333; display: block; line-height: 20px; }
.list-se { overflow: hidden; display: none; }
.list-se>p { background: #eba34d !important; color : #ee4977; }
.list-se>li>p>a{ color:#fff;}
.list-se>li { position: relative; right : -100%; -webkit-transition: right .5s; -moz-transition : right .5s; -o-transition : right .5s; transition : right .5s; }
.list-se>li>p { background : #4f7adb; color : #f0f0f0; height : 50px; font-size: 14px; -webkit-box-sizing : border-box; box-sizing : border-box; padding-left: 25px; line-height : 50px; border-left : 5px solid #eba34d; -webkit-transition : border .5s; transition : border .5s; -webkit-transition : background .3s; transition : background .3s; }
.list-se>li>p:hover { border-color: #eba34d; background : #eba34d; }

.pro_li1{ width:900px;}
.menubread{ height:50px; line-height:50px; border-bottom:1px solid #e3e3e3; font-size:14px;}
.proimg_li h3{ display:block; font-size:16px; line-height:25px; border-left:5px solid #3e6dd8; padding-left:10px; margin-bottom:20px;}
.proimg_li ul li{ float:left; width:290px; height:212px; margin-right:15px; margin-bottom:50px;}
.proimg_li ul li.last{ margin-right:0px;}
.proimg_li ul li img{width:290px; height:212px; border:1px solid #e3e3e3;}
.proimg_li ul li span{ display:block; line-height:35px; font-size:16px; text-align:center;}

.proxq h3{ display:block; text-align:center; line-height:30px; font-size:18px;}
.pro_tu p{ margin-top:20px; font-size:14px; line-height:30px;}

/* 新闻详情 */	
.new_con1 h1 { padding: 10px 0; text-align: center; font-size: 18px; color: #333; line-height: 30px; }
.new_con1 .artInfo { width: 100%; height: 30px; text-align: center; margin-bottom: 10px; }
.new_con1 .artInfo span { display: inline-block; clear: left; color: #777; font-size: 12px; padding: 0 5px; }
.new_con1 .artCon { font-size: 14px; color: #666; line-height: 30px; padding-bottom: 20px; }
.new_con1 .artCon p { text-indent: 2rem; }
.casexq h3 { font-size: 18px; display: block; line-height: 30px; }
.case_tu span { display: block; line-height: 30px; font-size: 18px; text-align: left; margin-top: 20px; }
.contact_con span { display: block; float: left; width: 400px; border-right: 1px solid #e3e3e3; font-size: 14px; line-height: 30px; }
.map { margin-right: 100px; }

/*------------- 案例特效图片放大效果 开始 ------------------------------*/
.content-five { width: 1200px; height: 390px; margin: 40px auto; }
.contentbox-five li { width: 290px; height: 255px; margin-right: 13px; margin-bottom: 20px; }
.con-five { width: 290px; height: 217px; float: left; margin-right: 30px; overflow: hidden; cursor: pointer; }
.conimg { width: 290px; height: 217px; overflow: hidden; }
.txt-five { width: 100%; height: 45px; line-height: 45px; margin-top: 220px; text-align:center;}
.txt-five h3 { display: block; font-weight: normal; font-size: 16px; }

.txt-five i { display: block; float: right; width: 20px; height: 45px; line-height: 45px; background: url(../images/icon05.png) no-repeat left center; transition: ease-in 0.5s; margin-right: 20px; }
.contentbox-five li:hover i { margin-right: 0px; }
.con-five2 { width: 290px; height: 237px; float: left; margin-right: 20px; margin-bottom: 20px; position: relative; overflow: hidden; cursor: pointer; }
.contentbox-five li.last, .news_li ul li.last { margin-right: 0px; }
.conimg2 { width: 290px; height: 237px; }



.honor-five{ width: 1200px;min-height: 390px; margin: 40px auto; }
.honor-five li { width: 283px; height:430px; margin-right: 20px; margin-bottom: 20px;border: 1px solid #efefef; }
.honor-five li.last{ margin-right:0px;}
.honor-five1 {  width: 283px; height:389px; float: left;  overflow: hidden; cursor: pointer; text-align:center; line-height:389px; }
.honorimg { width:100%; max-width: 283px; max-height: 389px; overflow: hidden; }
/*------------- 案例特效图片放大效果 结束------------------------------*/

.map img{ width:600px;}
.banner img{ width:100%;}