@charset "utf-8";
/** reset css **/

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; font-weight: normal }
audio, canvas, video { display:inline-block; *display:inline;
*zoom:1
}
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; }
ol, ul, li { list-style:none }
caption, th { text-align: left; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button, textarea, select { *font-size:100%;
}
body, button, input, select, textarea { font:12px/1.5 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; color:#666; word-break:break-all; }
:focus { outline: 0; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.overflow { overflow:hidden; }
.clearfix { display: inline; zoom: 1; }
a { text-decoration: none; margin: 0; padding: 0; color:#555; }
a:hover { text-decoration: none; }
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
html { _filter:expression(document.execCommand("BackgroundImageCache", false, true));
}
em { font-style: normal; }
th { text-align:inherit; }
iframe { display:block; }
* { margin: 0px; padding: 0px; list-style: none; }
.divtest { opacity: 0 }
/*reset end*/



.container { margin-right: auto; margin-left: auto; width: 1200px; }
.header_area { padding: 6px 0; background: #eee; line-height: 28px; font-size: 12px; color: #555; overflow: hidden; }
.area-right span { float: right; }
.phoneway { background: url(../images/hotline.png) no-repeat left; padding: 1px 0 1px 54px; }
.hotline { font-size: 14px; color: #333; }
.hotnum { font-size: 24px; font-weight: bold; color: #3280e5; }
.top-nav { overflow: hidden; }
.main_nav { background: #2c81ec; overflow: hidden; }
.main_nav .point, .main_nav li:hover { background: #106cde; }
.main_nav li { width: 120px; line-height: 56px; height: 56px; color:#fff; font-size: 16px; text-align: center; background: url(../images/navbg.jpg) no-repeat right; float: left; }
/*banner*/

.banner { position:relative; width: 100%; margin: 0 auto; margin-bottom: 44px; }
.banner .hd { position: absolute; display:block; text-align:center; overflow: hidden; z-index: 9; top: 90%; left: 0; right: 0; }
.banner .hd li { width: 18px; height: 7px; border-radius:12px; background: #adadad; cursor: pointer; margin: 0 4px; display: inline-block; }
.banner .hd li.on { background-color: #fff; }
.banner .bd { position:relative; height:100%; z-index:0; }
.banner .bd li { zoom:1; vertical-align:middle; }
.banner .bd img { width: 100%; }
/*end banner*/

/*优势*/
.adv { margin-bottom: 44px; }
.advt { background: url(../images/adv.png) no-repeat center; background-color: #016bd9; height: 190px; text-align: center; overflow: hidden;}
.advt p{ font-size: 36px; color: #fff; padding-top:46px; }
.advt .adveng{ font-size: 16px; color: #bbb; padding-top:0; }
.advnum{font-size: 36px;width: 54px;height:54px;display: block;float: left;background: #0082d0;text-align: center;border-radius: 10px;line-height: 54px; color: #fff;margin-right: 25px;
	background-image: -moz-linear-gradient( 90deg, rgb(1,84,152) 0%, rgb(18,141,242) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(1,84,152) 0%, rgb(18,141,242) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(1,84,152) 0%, rgb(18,141,242) 100%);}
.advimgr{float: right;margin-right: 70px;}
.advimgr img,.advimgl img{display: block;}
.advimgl{float: left;margin-right: 70px;}
.advl{box-shadow: -4px 3px 1px 0px rgba(177, 177, 177, 0.2);padding-left: 70px;padding-top: 50px; padding-bottom: 10px; overflow: hidden;}
.advl p span{font-size: 26px;color: #237aeb; line-height: 54px; font-weight: bold;overflow: hidden; width: 460px;display: block;}
.advl em,.advr em{display: block;font-size: 14px;color:#999;line-height: 24px;height: 24px;  overflow: hidden;text-transform: uppercase;}
.advl ul{width: 500px;display: block;margin: 0;padding:0;border: 0;margin-top: 20px; line-height: 40px;font-size: 16px; margin-left: 80px;}
.advl ul li,.advr ul li{list-style-type: disc;color: #333; font-size: 16px;}
.advl ul li b,.advr ul li b{color:#237aeb;font-weight: normal;}
.advr{box-shadow: 4px 3px 1px 0px rgba(177, 177, 177, 0.2);padding-left: 50px;padding-top: 50px;color: #333; overflow: hidden; padding-bottom: 10px;}
.advr p span{font-size: 26px;color: #237aeb; line-height: 54px; font-weight: bold;overflow: hidden; width: 500px;display: block;}
.advr ul{width: 500px;display: block;margin: 0;padding:0;border: 0;margin-top: 20px; line-height: 40px;font-size: 16px; margin-left: 80px; float: right;}

/*product*/

.product { margin-bottom: 22px; }
.product .left_list { width: 240px; float: left; overflow: hidden; background: #f5f5f5; padding-bottom: 3px; margin-right: 20px; }
.product .left_list h4 { width: 240px; height: 86px; background: url(../images/cpttbg.jpg) no-repeat; text-align: center; line-height:86px; color: #fff; font-size: 24px; }
.sortlist { }
.sortlist dl { overflow: hidden; padding-bottom: 6px; padding-top:10px }
.sortlist dl dt { height: 60px; line-height: 60px; margin-bottom: 6px; background:#e0e0e0 url(../images/cpdtbg.png) no-repeat 44px center; padding-left: 58px; padding-right: 10px; }
.sortlist dl dt a { font-size: 14px; color: #1b1b1b; display: inline-block; width: 100%; height: 60px; line-height: 60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sortlist dl dd { height: 38px; padding-left: 66px; padding-right:10px; background:url(../images/cpddbg_h.png) no-repeat 44px center; }
.sortlist dl dd a { display: inline-block; width: 100%; height: 38px; text-decoration: none; line-height: 38px; font-size: 16px; color: #404040; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sortlist dl dd:hover { background:url(../images/cpddbg.png) no-repeat 44px center; }
.sortlist dl dd:hover a { color: #3280e5; }
/*leftlist_end*/



.right_show { width: 940px; float: left; }
.right_show ul { overflow: hidden; }
.right_show ul li { width: 223px; height: 280px; margin-bottom: 20px; margin-left: 10px; float: left; overflow: hidden; position: relative; text-align: center; background:url(../images/cppicbg.jpg) no-repeat; border: 1px solid #efefef; }
.right_show ul li .pic { display: block; width: 223px; height: 208px; position: relative; z-index: 15; overflow: hidden }
.right_show ul li .pic img { display: inline-block; margin-top: 25px; width: 176px; height: 176px; overflow: hidden }
.right_show ul li .detail { height: 60px; width: 100%; background: #3280e5; position: absolute; bottom: 0px; left: 0px; z-index: 6; overflow: hidden; }
.right_show ul li .detail h5 { padding-top: 20px; font-size: 14px; font-weight: normal; padding-bottom: 15px; }
.right_show ul li .detail h5 a { color: #fff; line-height: 20px; height: 40px; overflow: hidden; padding: 0 8px; display: block; }
.right_show ul li:hover .pic img { transform: scale(1.05); transition: transform .4s
}
/*end product*/



/*应用场景*/

.scene_box { margin-bottom: 44px; overflow: hidden; }
.scene li { float: left; position: relative; overflow: hidden }
.sc-p p { text-align: center; font-size: 16px; color: #666; line-height: 24px; margin: 0 auto; max-width: 680px; margin-bottom: 30px; }
.scene_icon { position: absolute; top: 50%; left: 50%; width: 270px; height: 30px; margin-left: -135px; margin-top: -15px; font-size: 22px; line-height: 84px; color: #fff; z-index: 100; text-align: center; }
.scene_icon img { position: absolute; left: 50%; margin-left: -30px; margin-top: -30px; top: 0; }
.scene_img { position: relative; width: 300px; height: 220px; border-bottom: solid 1px #919fad; }
.scene li:hover .scene_icon img { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease; }
.scene li:hover .scene_img img { transform: scale(1.05); transition: transform 1s }
.scene_icon a{ color:#fff;}
/*about us*/

.con-title { text-align: center; margin-bottom: 28px; }
.main-title { font-size: 24px; color: #333; margin-bottom: 4px; }
.sec-title { font-size: 14px; color: #888; }
.aboutus { background: url(../images/aboutbg.jpg) no-repeat center; padding: 40px 0; margin-bottom: 20px; }
.about-words { text-align: center; padding: 0 140px; }
.about-words p { font-size: 16px; line-height: 26px; color: #fff; }
/*案例*/

.case_box { background: #eee; padding: 40px 0; overflow: hidden; margin-bottom: 44px; }
.case { width: 1220px; }
.case li { background: #fff; margin-right: 16px; width: 288px; float: left; }
.case li:hover { margin-top: -6px; box-shadow: 0px 4px 8px #999; }
.case li img { width: 288px; height: 255px; }
.case .case_words { padding: 0 20px; }
.case .case_words h4 { font-size: 18px; font-weight: normal; color: #333; margin:10px 0 6px 0; text-align: center;}
.case .case_words p { font-size: 14px; color: #888; line-height: 22px; padding-bottom: 20px; }
.news { margin-bottom: 20px; overflow: hidden; }
.zixun { width: 580px; margin-right: 50px; float: left; }
.news .news-title { height: 40px; border-bottom: solid 1px #eee; margin-bottom: 20px; padding-bottom: 10px; }
.news .news-title p { font-size: 24px; color: #333; line-height: 40px; float: left; }
.news-title span { float: right; color: #666; font-size: 14px; line-height: 40px; }
.news-article img { width: 580px; height: 160px; }
.news-article { margin-bottom: 16px; }
.zixun .news-article h4 { font-size: 16px; font-weight: normal; color: #333; margin-top: 8px; }
.zixun .news-article p { font-size: 14px; color: #c1c1c1; line-height: 22px; margin-top: 4px; }
.zixun li span { float: right; color: #666; font-size: 14px; line-height: 26px; }
.news-title span:hover { text-decoration: underline; }
.zixun li a:hover, .problem li a:hover { color: #3280e5; }
.news .button { width: 148px; height: 38px; text-align: center; color: 12px; border: solid 1px #237aeb; border-radius: 20px; line-height: 38px; margin: 10px 0; }
.news .button:hover { color: #237aeb; }
.problem { width: 570px; float: left; }
.zixun li { margin-bottom: 10px; font-size: 18px; color: #333; height: 26px; overflow: hidden; }
.zixun li a { height: 26px; width:490px; overflow: hidden; float: left; font-size: 16px }
.problem li { border-bottom: dotted 1px #eee; background: url(../images/problem.png) no-repeat; padding-left: 60px; margin-bottom: 10px; }
.problem li:hover { background: url(../images/problemh.png) no-repeat; }
.problem li p { font-size: 14px; color: #c1c1c1; height: 22px; overflow: hidden; margin:0 0 10px; }
.problem li a { font-size: 16px; color: #333; height: 24px; overflow: hidden; }
.link a:hover { color: #3280e5; }
.link { font-size: 12px; color: #555; margin-bottom: 30px; height: 22px; line-height: 22px; background: url(../images/links.png) no-repeat; padding-left: 28px; }
.footer_box { background: #0852b2; color: #f8f8f8; overflow: hidden; }
.footer_box .code { width:240px; text-align: center; margin-right: 100px; background: #1561c3; }
.code .minlogo { width: 180px; margin: 0 auto; margin-bottom: 20px; }
.code .minlogo h4 { font-size: 20px; color: #F8F8F8; line-height: 22px; }
.code .minlogo p { font-size: 12px; color: #F8F8F8; }
.code .minlogo img { float: left; }
.footer_box .code img { margin-bottom: 8px; }
.footer_box .code, .footer_box .min_nav { float: left; padding: 40px 0; }
.copy p, .copy a, .menu a { font-size: 16px; color: #F8F8F8; line-height: 28px; }
.menu { border-bottom: solid 1px #1362c8; padding-bottom: 20px; margin-bottom: 40px; width: 100%; }
.menu a li { float: left; }
.menu a { border-right: dashed 1px #85a6d0; padding-right: 16px; margin-right: 16px; font-size: 16px }
.footer_box a:hover { text-decoration: underline; }
#con { width: 1200px; min-width: 1200px; margin: 32px auto; background: #fff; height: auto; overflow: hidden; }
.con { padding: 0px 21px; height: auto; overflow: hidden; }
.dleft { float: left; width: 250px; }
.dright { float: right; width: 865px; }
.title { height: 58px; line-height: 58px; border-bottom: 1px solid #d6d6d6; }
h1.title { border: 0; text-align: center; font-weight: normal }
.title h2 { float: left; color: #000000; height: 58px; line-height: 58px; text-indent: 0; font-size: 22px; }
.title span { display: block; float: right; color: #535353; font-size: 13px; height: 58px; line-height: 58px; padding-right: 15px; }
.title span a { margin: 0 5px; color: #535353; font-size: 13px; }
.lanmu { margin-bottom: 8px; }
.lanmu h2 { background: #2c81ec; color: #fff; text-align: center; height: 92px; line-height: 92px; font-size: 20px; border-top: 4px solid #106cde; }
.lanmu h2.lx { height: 101px; text-indent: -9999em; background: url(../images/bg_lx.png) no-repeat 0 0; border-top: none; }
.lanmu ul li { margin-bottom: 2px; }
.lanmu ul li a { display: block; height: 53px; transition: all ease-in-out .2s;
background: url(../images/bg_dl.png) no-repeat right center #e5e5e5; line-height: 53px; text-indent: 36px; color: #010101; font-size: 16px; }
.lanmu ul li a:hover, .lanmu ul li a.hover { background: url(../images/bg_dl.png) no-repeat right center #f8f8f8; }
.lanmu .lxwm { line-height: 2em; font-size: 16px; color: #000000; padding: 10px; }
.chanpin { font-size: 14px; line-height: 32px; margin-top: 20px; }
.chanpin ul { height: auto; overflow: hidden; padding: 0 0 0 4px; }
.chanpin ul li { float: left; margin-right: 16px; margin-bottom: 6px; }
.chanpin ul li a { display: block; width: 270px; }
.chanpin ul li a .pic { display: table-cell; padding: 4px; border: 1px solid #ccc; border-radius: 2px; text-align: center; overflow: hidden; vertical-align: middle; width: 250px; height: 220px; line-height: 0px;}
.chanpin ul li a .pic img { }
.chanpin ul li p { text-align: center; height: 36px; line-height: 36px; overflow: hidden }
.news_list2 { font-size: 16px }
#textarea p { text-indent: 2em; margin-bottom: 20px; }
.conttitle {padding-bottom: 7px; margin-bottom: 27px; margin-top:27px; line-height: 24px; border-bottom: 1px solid #ddd; font-size: 14px; }
.page_list, .contPage { text-align: center; margin-top: 30px; height: 40px }
.page_list a, .contPage a { padding: 10px; border: 1px solid #ccc; margin: 5px; color: #666 }
.page_list a.on, .contPage a.on { background: #2c81ec; color: #fff; border-color: #2c81ec }
.page_info { font-size: 14px; text-align: center; line-height: 50px }
.listConts h1 { height: auto; font-size: 22px; }
.listConts .info { text-align: center; }
.listConts .desc { width: 95%; margin: 30px auto; background: antiquewhite; padding: 5px 20px; font-size: 14px }
.listConts .text { margin-top: 50px; }
.listConts .text li { float: none }
.listConts .text li a { width: 80%; display: inline }
.showimg img { display: block; margin: 0px auto }
/*productShow*/

.product .overflow { margin-top: 40px; }
.product .left { width: 40%; }
.product .right { width: 55%; }
.product .right .title { font-size: 22x; line-height: 38px; color: #000; }
.product .left { border: 1px solid #ccc; }
.product .left .showimg img { }
.product .right .type { width: 90%; margin: 10px auto 0; }
.product .right .type table { width: 100%; }
.product .right .type table td { width: 25%; line-height: 40px; box-sizing: border-box; border: 1px solid #ccc; padding-left: 10px }
.product .right .type table td.zuo { width: 10%; border-right: 0; }

.rt { float:right;}
.lf { float:left;}