@charset "utf-8";
/*dwj*/

/*全局控制*/
body{margin:0px;padding:0px;font-family:"微软雅黑";color:#000;font-size:12px;line-height:22px;-webkit-text-size-adjust: none;background: #fff;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select{font-size:12px;line-height:16px;font-family:"微软雅黑";}
img{border:0;vertical-align:top;}
ul,li{list-style:none;}
a{color:#000;text-decoration:none;transition:all 0.3s;}
a:hover{text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.cl{clear:both;}.fb{font-weight:bold;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}


/*header*/
.header{width: 1002px; height: 84px; position: relative; margin: 0 auto;}
.logo{width: 176px; position: absolute; top: 24px; left: 0;}
.tel{color: #666; font-size: 18px; background: url(../images/tel_img.jpg) no-repeat left center; padding-left: 28px; position: absolute; top: 30px; right: 8px;}
.search_bg{width: 212px; height: 27px; border: solid 1px #cacaca; border-radius: 30px; position: absolute; top: 70px; right: 0;}
.search{float: left; width: 160px; height: 27px; line-height: 27px; padding-left: 14px; font-size: 14px; color: #444; border: none; border-radius: 30px;}
input.search::-webkit-input-placeholder{color:#444;}
input.search:-moz-placeholder{color:#444;}
input.search:focus{ outline:none;}
.search_btn{float: right; width: 17px; height: 17px; line-height: 0; margin: 5px 10px 0;}
.nav{min-width:1002px; height: 41px; text-align: center;}
.nav ul{padding-right: 62px;}
.nav li{display: inline-block; margin: 0 20px; font-size: 16px; line-height: 32px;}
.nav a{color: #333; height: 38px; display: inline-block;}
.subnav{width: 100%; text-align: center; padding: 12px 0; line-height: 30px; background: rgba(255,255,255,0.3); position: absolute; top: 125px; left: 0; z-index: 999; opacity: 0; visibility: hidden;transition:all .3s ease-out 0s;transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0);}
.nav li:hover .subnav{opacity:1;visibility:visible;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
.subnav a{padding: 0 18px; color: black; height: 30px;}
.subnav a:hover{text-decoration: underline;}

/* banner */
.flexslider{min-width:1002px;position:relative;overflow:hidden;}
.slides{width:100%;position:relative;z-index:1;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.slides img{width: 100%; display: block;}
.flex-control-nav{position:absolute;bottom:26px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 7px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;border-radius:50%;line-height:40px;overflow:hidden;background:rgba(255,255,255,0.4);cursor:pointer;}
.flex-control-nav .flex-active{background:#fff;}


/*mainbody*/
.product_bg{min-width: 1002px; height: 617px; padding-top: 36px; background: url(../images/product_bg.jpg) no-repeat center top; background-size: cover;}
.product_title{width: 100%; text-align: center; line-height: 26px; color: #004ea2; font-size: 24px; text-transform: uppercase; margin-bottom: 12px;}
.product_title h4{color: #444; font-size: 18px; font-weight: normal;}
.product_title span{color: #b10000;}
.product{width: 1002px; height: 500px; margin: 25px auto 0 auto; overflow: hidden;}
.product ul{width: 1003px;}
.product li{float: left; width: 123px; height: 500px; position: relative; margin-right: 2px; transition:all 0.3s ease; overflow: hidden;}
.product ul:hover li{width:87px;}
.product ul li:hover{width:378px;}
.product .product_on{width: 378px;}
.product_tab{width: 100%; text-align: center; height: 500px; color: #fff; font-size: 20px; writing-mode:tb-rl; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; transition:all 0.6s ease;}
.product li:hover .product_tab{left: -100%;}
.product_tm{width: 100%; height: 148px; padding: 5px 25px 20px 25px; box-sizing: border-box; background: rgba(0,0,0,0.9); color: #fff; font-size: 14px; position: absolute; bottom: -150px; left: 0; transition:all 0.6s ease;}
.product ul li:hover .product_tm{bottom: 0;}
.product_tm h4{color: #fff; font-size: 24px; height: 58px; line-height: 58px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product_tm p{height: 70px; overflow: hidden;}

.about_part{min-width: 1002px; height: 560px;}
.about_left{float: left; width: 50%; height: 560px; background: url(../images/about_left.jpg) no-repeat center top; background-size: cover;}
.about_right{float: left; width: 50%; height: 560px; background: url(../images/about_right.jpg) no-repeat center top; background-size: cover;}
.about{float: right; width: 44%; padding-top: 95px; margin-right: 6%; color: #fff; font-size: 14px; text-transform: uppercase;}
.about h1{font-size: 31px; text-transform: uppercase;}
.about h1 span{padding-left: 18px; font-size: 28px; font-weight: normal;}
.about i{width: 30px; height: 3px; line-height: 0; background: #fff; display: block; margin: 25px 0 15px 0;}
.about h4{line-height: 52px; font-size: 20px; font-weight: normal;}
.about_fon{font-size: 14px; line-height: 30px; height: 150px; text-align: justify; overflow: hidden;}

.com_bg{width: 1002px; height: 118px; padding-top: 35px; background: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); position: absolute; top: -187px; left: 0;}
.blk_29 {width: 944px; height: 100px; background: url(../images/com_line.jpg) repeat-x left 42px; margin: 0 auto; overflow: hidden; position: relative;}
.blk_29 .LeftBotton {width: 28px; height: 28px; background: url(../images/com_left.jpg) no-repeat; position: absolute; top: 28px; left: 0; cursor: pointer;}
.blk_29 .RightBotton {width: 28px; height: 28px; background: url(../images/com_right.jpg) no-repeat; position: absolute; top: 28px; right: 0; cursor: pointer;}
.blk_29 .Cont {width: 800px; margin: 0 auto; overflow: hidden;}
.blk_29 .box {float: left; width: 150px; text-align: center; font-size: 16px; line-height: 36px; margin: 0 5px;}
.box h4{font-size: 16px; font-weight: normal;}
.box a{color: #666;}
.box a:hover{color: #b10000;}
.box i{width: 14px; height: 14px; background: url(../images/com_01.jpg) no-repeat center center; display: block; line-height: 0; margin: 0 auto;}
.box a:hover i{background: url(../images/com_02.jpg) no-repeat;}

.case_bg{min-width: 1002px; height: 440px; padding: 111px 0 2px 0; background: url(../images/case_bg.jpg) no-repeat center top; background-size: cover;}
.case_part{width: 1002px; margin: 0 auto; position: relative;}
.case_list{width: 100%; text-align: center; margin-bottom: 30px;}
.case_list li{display: inline; font-size: 15px; margin: 0 7px;}
.case_list a{display: inline-block; width: 102px; height: 31px; line-height: 31px; background: #9bcbff; border-radius: 30px; color: #fff;}
.case_list li:first-child a:hover{background: #004ea1;}
.case_list li:last-child a:hover{background: #b20000;}
.case{width: 1002px; overflow: hidden;}
.case ul{width: 1015px;}
.case li{float: left; width: 186px; height: 127px; border: solid 1px #dcdcdc; margin: 0 15px 15px 0;}
.case img{width: 186px; height: 124px;}


/*footer*/
.foot_bg{min-width: 1002px; background: #383838;}
.foot_top{width: 1002px; padding: 60px 0 51px 0; margin: 0 auto;}
.foot{float: left; width: 750px;}
.foot dl{float: left; width: 140px; margin-right: 10px;}
.foot i{display: block; width: 10px; height: 1px; line-height: 0; background: #7b7b7b;}
.foot dt{line-height: 38px; color: #fff; font-size: 18px; margin-bottom: 20px;}
.foot dd{line-height: 32px; font-size: 14px;}
.foot a{color: #fff;}
.foot a:hover{text-decoration: underline;}
.f_tel{float: right; width: 205px; font-size: 18px; color: #fff;}
.f_tel img{float: left; margin: 12px 10px 0 0;}
.f_tel h4{color: #888; font-size: 15px; font-weight: normal;}
.foot_bot{width: 1002px; border-top: solid 1px #4c4c4c; padding: 30px 0 25px 0; margin: 0 auto;}
.f_logo{float: left; margin: 6px 0 8px 0;}
.foot_r{float: right; width: 600px;}
.share{width: 100%; text-align: right; line-height: 36px; color: #888; font-size: 16px; margin-bottom: 16px;}
.share img{width: 36px; height: 36px; border-radius: 50%; margin-left: 15px;}
.share span{margin-right: -10px;}
.copyright{width: 100%; text-align: right; color: #888; font-size: 14px;}


/*产品中心*/
.pic{min-width: 1002px; position: relative;}
.pic img{width: 100%;}
.tit{width: 100%; text-align: center; line-height: 24px; color: #fff; font-size: 18px; text-transform: uppercase; position: absolute; top: 38%; left: 0;}
.tit h4{font-size: 30px; font-weight: normal; line-height: 40px;}
.main_bg{min-width: 1002px; min-height: 464px; _height:464px; background: url(../images/bg.jpg) no-repeat center top; padding-bottom: 40px;}
.path_bg{width: 100%; border-bottom: solid 1px #dcdcdc; background: url(../images/bg.jpg) no-repeat center top;}
.path{width: 1002px; line-height: 24px; padding: 25px 0 20px 0; color: #999; font-size: 14px; margin: 0 auto;}
.path a{color: #999;}
.path a:hover{color: #000;}
.mainbody{width: 1002px; padding-top: 40px; margin: 0 auto;}
.left{float: left; width: 223px;}
.right{float: right; width: 739px;}
.pro_tit{height: 68px; line-height: 68px; text-align: center; border-radius: 3px; background: #004ea2; color: #fff; font-size: 20px; margin-bottom: 2px;}
.pro_list{width:100%;}
.pro_list li{margin-bottom: 2px;}
.pro_list h3{height:46px; line-height:46px; padding-left: 20px; font-weight:normal; font-size:14px; color: #666; background: #f5f5f5;}
.pro_list a{color: #666; display: block;}
.pro_list02{width:100%; display:none;}
.pro_list02 li{line-height: 46px;}
.pro_list02 a{color:#999; display: block; padding-left: 40px;}
.pro_list02 a:hover{background: #004ea2; color: #fff;}
.pro_list02 .pro_on a{background: #004ea2; color: #fff;}
.pro{width: 739px; overflow: hidden;}
.pro ul{width: 762px;}
.pro li{float: left; width: 357px; margin: 0 24px 10px 0;}
.pro img{width: 355px; border: solid 1px #dcdcdc;height: 235.83px;}
.pro h4{width: 337px; height: 56px; line-height: 56px; color: #666; font-size: 16px; font-weight: normal; margin: 0 auto;}
.pro a:hover h4{color: #a90200;}
.page{width: 100%; text-align: center; padding-top: 10px; font-size: 14px; color: #999;}
.page a{border: solid 1px #e1e1e1; padding: 5px 12px; display: inline-block; color: #999; margin: 0 1px;}
.page a:hover{border: solid 1px #a90200; background: #a90200; color: #fff;}
.page a:first-child{padding: 5px 18px;}
.page a:last-child{padding: 5px 18px;}
.page_l{margin: 0 8px 0 1px;}
.page_r{margin: 0 1px 0 8px;}


/*about*/
.bellows_item:not(.bellows--is-open)>.bellows_content{display:none}
.bellows_item.bellows--is-open>.bellows_content-wrapper,.bellows_item.bellows--is-closing>.bellows_content-wrapper{display:block}
.bellows_content-wrapper{display:none}
.bellows{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color: #FFFFFF;}
.bellows_header{position: relative;color: #666;-webkit-tap-highlight-color: transparent; background: #e4e4e4; height: 64px; line-height: 64px; font-size: 18px; padding: 0 40px; margin-bottom: 2px; cursor: pointer;}
.bellows_header h3 span{font-size: 14px; padding-left: 25px;}
.bellows--is-open .bellows_header{background: #004ea2; color: #fff;}
.bellows_header::before,.bellows_header::after{content:'';position:absolute;top:50%;right:40px;z-index:2;display:block;width:24px;height:1px;margin-top:-2px;background:#fff;pointer-events:none;-webkit-transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out}
.bellows_header::before{content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.bellows_header::after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.bellows_item.bellows--is-open>.bellows_header::before,.bellows_item.bellows--is-opening>.bellows_header::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.bellows_item.bellows--is-open>.bellows_header::after,.bellows_item.bellows--is-opening>.bellows_header::after{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.bellows_item:last-child>.bellows_header{border-bottom:0}
.bellows_header h3{font-weight: normal;}
.bellows_content{color:#666; font-size:14px; line-height: 24px; padding: 32px 40px;}
.bellows_content .bellows{margin-top:20px}

.contact{float: left; width: 440px; line-height: 34px; color: #666; font-size: 16px;}
.contact h1{color: #004ea2; font-size: 30px; line-height: 36px;}
.contact h4{color: #999; font-size: 14px; text-transform: uppercase; font-weight: normal; line-height: 22px; margin-bottom: 48px;}
.map{float: right; width: 541px; height: 210px;}

.int_bg{min-width: 1002px; height: 216px; padding-top: 73px; background: url(../images/int_bg.jpg) no-repeat center top; background-size: cover;}
.int{width: 930px; text-align: center; line-height: 24px; color: #666; font-size: 14px; margin: 0 auto;}
.int h4{height: 48px; background: url(../images/int_top.gif) no-repeat center bottom; line-height: 38px; color: #004ea2; font-size: 24px; font-weight: normal; margin-bottom: 22px;}
.int_list{width: 1002px; padding: 50px 0 44px 0; margin: 0 auto; overflow: hidden;}
.int_list ul{width: 1095px;}
.int_list li{float: left; width: 272px; text-align: center; color: #999; font-size: 14px; margin-right: 93px;}
.int_list img{width: 131px; height: 131px; border-radius: 50%;}
.int_list h4{line-height: 40px; color: #333; font-size: 24px; font-weight: normal; margin: 13px 0 8px 0;}
.dev_bg{min-width: 1002px; height: 449px; background: url(../images/dev_bg.jpg) no-repeat center top; background-size: cover;}
.dev_tit{width: 1002px; text-align: center; line-height: 40px; color: #fff; font-size: 24px; padding: 72px 0 10px 0; margin: 0 auto;}
.dev_part{width: 1002px; height: 260px; background: url(../images/dev_line.jpg) no-repeat 28px 100px; margin: 0 auto; overflow: hidden; position: relative;}
.dev_part .dev_left {width: 28px; height: 28px; background: url(../images/dev_left.png) no-repeat; position: absolute; top: 86px; left: 0; cursor: pointer;}
.dev_part .dev_right {width: 28px; height: 28px; background: url(../images/dev_right.png) no-repeat; position: absolute; top: 86px; right: 0; cursor: pointer;}
.dev_part .dev_cont {width: 930px; margin: 0 auto; overflow: hidden;}
.dev_part .dev {float: left; width: 286px; height: 226px; padding: 20px; box-sizing: border-box; color: #fff; font-size: 14px; margin: 20px 12px;}
.dev:hover{box-shadow: 0 0 20px rgba(0,0,0,0.25); border-radius: 8px;}
.dev h1{font-size: 30px; font-weight: normal; line-height: 46px;}
.dev i{width: 14px; height: 14px; background: url(../images/dev_01.png) no-repeat center center; display: block; line-height: 0; margin: 8px 0;}
.dev:hover i{background: url(../images/dev_02.png) no-repeat;}
.dev h4{font-size: 16px; font-weight: normal; line-height: 38px; margin-bottom: 3px;}







.ent{width: 1002px; padding: 50px 0; margin: 0 auto;}
.ent li{color: #666; font-size: 14px;}
.ent_fon{width: 450px; line-height: 30px;}
.ent_fon h4{margin: 38px 0 25px 0; color: #004ea2; font-size: 24px; font-weight: normal;}
.ent_pic{width: 501px;}
.ent_pic img{width: 501px; height: 350px;}

.honor{width: 1002px; overflow: hidden;}
.honor ul{width: 1026px;}
.honor li{float: left; width: 318px; text-align: center; margin: 0 24px 10px 0;}
.honor img{border: solid 1px #dcdcdc; width: 316px;}
.honor h4{height: 54px; line-height: 54px; text-align: center; color: #666; font-size: 16px; font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/*合作与服务*/
.hotline{width: 100%; text-align: center; line-height: 52px; padding: 28px 0; color: #333; font-size: 18px; background: #edeef1; margin-bottom: 27px;}
.hotline img{margin-right: 22px;}
.hotline span{color: #a90200; font-size: 36px;}
.server{width: 100%;}
.server li{border-bottom: dashed 1px #e2e2e2; padding-bottom: 28px; margin-bottom: 28px;}
.server_pic{float: left; padding: 0 5px 5px 0; margin: 19px 0 12px 5px; border-right: solid 5px #e9eaee; border-bottom: solid 5px #e9eaee;}
.server_r{float: right; width: 646px; color: #666; font-size: 14px;}
.server_r h1{color: #004ea2; font-size: 24px; font-weight: normal; line-height: 50px;}
.server_r h4{color: #000; font-size: 18px; font-weight: normal; line-height: 46px;}
.server_r p{margin-bottom: 14px;}

.ser_tit{width: 188px; text-align: center; height: 38px; line-height: 38px; background: #004ea2; color: #fff; font-size: 18px; border-radius: 30px; margin: 0 auto 30px;}
.ser_part{padding-bottom: 20px;}
.ser_p{padding-bottom: 20px;}
.fon01{float: left; width: 136px; text-align: right; line-height: 39px; padding-right: 8px; color: #333; font-size: 16px;}
.fon01 span{color: #004ea2; padding-right: 5px;}
.fon02{float: left; width: 214px; text-align: right; line-height: 39px; padding-right: 8px; color: #333; font-size: 16px;}
.fon02 span{color: #004ea2; padding-right: 5px;}
.fon03{color: #b10000; font-size: 14px; padding: 0 0 36px 144px;}
.name{float: left; width: 305px; height: 37px; line-height: 37px; padding: 0 5px; border: solid 1px #ddd; background: #fff; font-size: 14px; color: #999;}
input.name::-webkit-input-placeholder{color:#999;}
input.name:-moz-placeholder{color:#999;}
input.name:focus{ outline:none;}
.yye{float: left; width: 250px; height: 37px; line-height: 37px; padding: 0 8px; border: solid 1px #ddd; background: #fff;}
.yye span{float: right; font-size: 14px; color: #333;}
.rmb{float: left; width: 140px; height: 37px; line-height: 37px; border: none; background: #fff; font-size: 14px; color: #999;}
input.rmb::-webkit-input-placeholder{color:#999;}
input.rmb:-moz-placeholder{color:#999;}
input.rmb:focus{ outline:none;}
.m_r{margin-right: 26px;}
.zhuyao{float: left; width: 854px; padding: 10px; box-sizing: border-box; height: 138px; line-height: 24px; border: solid 1px #ddd; background: #fff; font-size: 14px; color: #999; font-family: "微软雅黑";}
.business{padding: 0 0 12px 144px;}
.business li{float: left; width: 214px; line-height: 34px; color: #333; font-size: 16px;}
.xuan{float: left; margin: 10px 8px 0 0;}
textarea.zhuyao::-webkit-input-placeholder{color:#999;}
textarea.zhuyao:-moz-placeholder{color:#999;}
textarea.zhuyao:focus{ outline:none;}
.btn{width: 115px; height: 32px; background: #9bcbff; border: none; border-radius: 30px; color: #fff; font-size: 16px; cursor: pointer; margin: 0 5px;}


/*news*/
.news{width: 100%;}
.news li{margin-bottom: 30px; font-size: 14px;}
.news img{float: left; width: 299px; height: 150px;}
.news_r{float: right; width: 674px;}
.news_r h4{height: 44px; line-height: 44px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #333; font-size: 16px; font-weight: normal;}
.news_fon{color: #999; height: 44px; overflow: hidden; margin-bottom: 28px;}
.news_date{color: #999;}

.f_WeChat{float: right;width: 205px;font-size: 18px;color: #fff;margin-top: 30px;}