@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

body{background: #ededed;}
/*banner*/
.banner{height: 560px;overflow: hidden;}
.banner .bd li{height: 560px;background: url(../img/banner1.jpg) no-repeat center 0;}
.banner .bd li a{display: block;height: 560px;}
/*search*/
.search{height: 80px;background: #e3e3e3;border-bottom:1px solid #d4d4d4;}
.search p{float: left;height: 80px;line-height: 80px;font-size: 14px;color: #666;overflow:hidden;}
.search p b{color: #00479d;}
.search p a{margin: 0 8px;color: #666;}
.s_box{float: right;width: 424px;height: 30px;border:1px solid #d2d2d2;margin-top:20px;background:#fff;border-radius:2px;}
.s_box .input1{float:left;width:370px;padding-left:18px;height:30px;line-height: 30px;font-size:14px;color:#b2b2b2;border:0;background: none;outline: 0;}
.s_box .input2{float: left;width:17px;height: 30px;border: 0;background:url(../img/sea.png) no-repeat center;outline: 0;cursor: pointer;}
/*intro*/
.intro{height:470px;background:url(../img/intro_bg.jpg) no-repeat center 0;}
.intro dl{height:269px;}
.intro dd{float: right;width:796px;padding-top:76px;}
.intro dd h3{font-weight:normal;position: relative;height:32px;padding-bottom:22px;margin-bottom:32px;}
.intro dd h3:after{position: absolute;width:50px;height: 2px;background: #00479d;content: "";left: 0;bottom: 0;}
.intro dd h3 b{display:inline-block;font-size: 32px;color: #00479d;line-height: 32px;}
.intro dd h3 span{display:inline-block;font-size:24px;color: #333;line-height: 24px;vertical-align:bottom;margin-left:25px;}
.intro dd p{font-size: 14px;color: #4c4c4c;line-height: 28px;}
.intro dd p b{font-size: 16px;}
.intro li{float: left;width: 346px;height: 120px;padding:7px;}
.intro li p{float: right;width: 230px;color:#fff;}
.intro li p em{display: block;font-size: 26px;line-height: 26px;padding:20px 0 14px;}
.intro li p span{display: block;font-size: 14px;line-height: 24px;}
.intro ul .l1{background:url(../img/intro1.png) no-repeat left bottom;margin-left:24px;}
.intro ul .l2{background:url(../img/intro2.png) no-repeat center;margin:0 35px;}
.intro ul .l3{background:url(../img/intro3.png) no-repeat top right;}
/*product*/
.pro{}
.pro h3{font-weight: normal;text-align: center;height:180px;border-bottom:2px solid #dedede;}
.pro h3 span{display: block;font-size: 18px;color: #4c4c4c;line-height: 18px;padding-top: 12px;}
.pro h4{font-weight:normal;height:78px;}
.pro h4 a{float: left;width: 300px;height: 70px;line-height: 70px;text-align: center;font-size:26px;color: #4c4c4c;margin-top:-2px;background:url(../img/line3.jpg) no-repeat right center;}
.pro h4 a.last{background:none;}
.pro h4 a.cur{background: #f28500;color: #fff;margin-left:-2px;margin-right: 2px;}
.pro_con{height: 600px;background:url(../img/pro_bg.jpg) no-repeat bottom center;}
.pro_con dl{height:520px;background:url(../img/pro_det.png) no-repeat;}
.pro_con dt{float: left;width: 597px;height:445px;position: relative;margin:38px 0 0 35px;}
.pro_con dt:after{position: absolute;width: 76px;height: 2px;background: #cfcfcf;content: "";top: 45px;right: -34px;z-index: 100;}
.pro_con dt p{position: relative;}
.pro_con dt p img{display: block;width: 597px;height:445px;}
.pro_con dt p em{position: absolute;width: 100%;height: 50px;line-height: 50px;background: rgba(0,0,0,0.3);font-size: 18px;color: #fff;left: 0;bottom: 0;text-align: center;}
.pro_con dt .sprev{position: absolute;top: 195px;left: 10px;}
.pro_con dt .snext{position: absolute;top: 195px;right: 10px;}
.pro_con dd{float: left;width:452px;margin-left: 60px;padding-top:64px;}
.pro_con dd h5 span{display: block;font-weight:normal;font-size: 32px;color: #333;line-height: 32px;}
.pro_con dd h5 b{display: block;font-size: 22px;color: #00479d;line-height: 22px;margin:15px 0 22px;}
.pro_con dd .des{height: 99px;}
.pro_con dd .des p{font-size: 14px;color: #4c4c4c;line-height: 33px;white-space: nowrap;}
.pro_con dd .more{display:inline-block;width:104px;height: 34px;line-height: 34px;text-align: center;font-size: 12px;color: #00479d;border:1px solid #00479d;border-radius:2px;margin-right:15px;margin-top:10px;}
.pro_con dd .zx{display:inline-block;width:106px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #fff;background: #f28500;border-radius:2px;margin-top:10px;}
.fea{margin-top:32px;border-top:1px solid #dedede;}
.fea p{float: left;width: 96px;height: 96px;border-radius:100%;text-align: center;vertical-align:middle;margin-right:22px;}
.fea p i{display:inline-block;width: 0;height: 96px;visibility: hidden;}
.fea p span{display:inline-block;font-size: 16px;color: #fff;vertical-align:middle;line-height: 24px;position: relative;top: 50%;transform: translateY(-50%);}
.fea .p1{background: #12ac5d;margin-top:40px;}
.fea .p2{background: #009fa0;margin-top: 20px;}
.fea .p3{background: #3d7cc9;margin-top:40px;}
.fea .p4{background: #008fbf;margin-top: 20px;margin-right: 0;}
/*pack*/
.pack{height: 860px;background:url(../img/pack_bg.jpg) no-repeat center 0;}
.pack h3{text-align: center;font-weight:normal;height:190px;}
.pack h3 span{display: block;font-size: 42px;color: #1a1a1a;line-height: 42px;padding:80px 0 12px;}
.pack li{float: left;width: 168px;height: 380px;position: relative;transition:all 0.3s linear;overflow:hidden;}
.pack li em{display:none;position: absolute;width: 102px;height: 102px;top: 139px;left: 129px;font-size: 20px;color: #fff;text-align: center;line-height:102px;border-radius: 50%;background: #f28500;}
.pack li i{position: absolute;width: 100%;height:100%;left: 0;top: 0;background:url(../img/tm1.png) repeat;}
.pack li.cur{width:360px;}
.pack li.cur i{display:none;}
.pack li.cur em{display: block;}
.pack h4{font-weight:normal;text-align: center;}
.pack h4 span{display: block;font-size: 28px;color: #4c4c4c;line-height:28px;padding:70px 0 16px;}
.pack h4 b{display:inline-block;width:498px;height: 50px;line-height: 50px;font-size: 24px;color: #00479d;border:1px solid #00479d;}
.pack .tel{text-align: center;height:36px;line-height: 36px;margin-top:25px;}
.pack .tel span{padding-left:40px;font-size: 28px;color: #333;background:url(../img/ph2.png) no-repeat left center;}
.pack .tel a{display:inline-block;height: 36px;padding:0 30px;font-size: 14px;color: #fff;background: #f28500;border-radius:2px;vertical-align:top;margin-left:14px;font-weight:bold;}
/*way*/
.way{height: 964px;background:url(../img/way_bg.jpg) no-repeat center 0;}
.way h3{font-weight: normal;text-align: center;padding:60px 0 0;height: 189px;}
.way h3 span{display: block;font-size: 18px;color: #4c4c4c;line-height: 18px;padding-top: 15px;}
.way ul{height: 495px;}
.way li{float: left;width: 285px;height:181px;margin-right: 20px;margin-bottom: 30px;}
.way li.nomar{margin-right: 0;}
.way_c{width: 285px;height:181px;text-align: center;background:url(../img/way_li1.png) no-repeat;}
.way_c img{margin:11px 0 25px;}
.way_c p{font-size: 26px;color: #004dab;line-height: 26px;}
.way_hv{display:none;width: 285px;height:181px;background:url(../img/way_li2.jpg) no-repeat;}
.way .l1 .way_hv,.way .l5 .way_hv{background:url(../img/way_li3.jpg) no-repeat;}
.way .l1 .way_hv img{margin-right: 12px;}
.way .l5 .way_hv img{margin-right: 15px;margin-top: 3px;}
.way_hv h4{height: 63px;padding:28px 0 0;font-weight:normal;margin-bottom:14px;}
.way_hv h4 span{float: left;padding-left:40px;font-size: 26px;color: #f28500;padding-top:10px;line-height: 26px;}
.way_hv h4 i{display: block;font-size: 12px;color: #fff;opacity: 0.2;line-height: 22px;}
.way_hv h4 img{float: right;margin-top:14px;margin-right: 32px;}
.way_hv p{font-size:16px;color: #fff;line-height: 28px;padding-left:40px;font-weight:bold;}
.way_hv p i{margin-right:18px;}
.way li:hover .way_c{display: none;}
.way li:hover .way_hv{display: block;}
.way dl{padding:0 25px;}
.way dt{float: right;position: relative;}
.way dt i{position: absolute;border:5px solid #fff;top: -25px;right: 125px;}
.way dt i img{display:block;}
.way dd{float: left;padding-left:65px;}
.way dd em{display:block;font-size: 32px;color: #4c4c4c;line-height: 54px;padding-top: 26px;}
.way dd>span{display:block;width: 444px;padding-left:18px;height:50px;background:url(../img/jt1.png) no-repeat;font-size: 22px;line-height: 50px;color:#fff;}
.way dd .tel{height:36px;line-height: 36px;margin-top:25px;margin-left:18px;}
.way dd .tel span{padding-left:40px;font-size: 28px;color: #333;background:url(../img/ph2.png) no-repeat left center;}
.way dd .tel a{display:inline-block;height: 36px;padding:0 30px;font-size: 14px;color: #fff;background: #f28500;border-radius:2px;vertical-align:top;margin-left:14px;font-weight: bold;}
/*adva*/
.adva{padding:80px 0 0;height: 885px;background:url(../img/adva_bg.jpg) no-repeat bottom center;}
.adva h3{height: 180px;position: relative;font-weight: normal;text-align: center;}
.adva h3 span{display: block;font-size: 18px;color: #4c4c4c;line-height: 18px;margin-top: -36px;}
.adva h4{height: 70px;font-weight:normal;}
.adva h4 span{float: left;width:400px;height: 70px;font-size: 28px;color: #fff;line-height: 70px;text-align: center;position: relative;}
.adva h4 span i{display:none;position: absolute;width: 36px;height: 10px;background:url(../img/san1.png) no-repeat;left: 182px;bottom: -10px;}
.adva h4 .s1{background:url(../img/one.jpg) no-repeat;}
.adva h4 .s2{background:url(../img/two.jpg) no-repeat;}
.adva h4 .s3{background:url(../img/three.jpg) no-repeat;}
.adva h4 span.cur i{display: block;}
.adva h4 .s1.cur{background:url(../img/one1.jpg) no-repeat;}
.adva h4 .s2.cur{background:url(../img/two1.jpg) no-repeat;}
.adva h4 .s3.cur{background:url(../img/three1.jpg) no-repeat;}
.adva_det .text{height: 185px;padding-left:38px;}
.adva_det .text h5{font-size: 30px;color: #fff;font-weight:normal;line-height: 50px;height: 50px;padding:22px 0 4px;position: relative;margin-bottom:20px;}
.adva_det .text h5:after{position: absolute;left: 0;bottom: 0;width: 590px;height:2px;content: "";border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);}
.adva_det .text p{display:inline-block;margin-right: 45px;font-size: 14px;color: #fff;line-height: 28px;padding-left:28px;background:url(../img/dian1.png) no-repeat left center;white-space: nowrap;}
.adva_det img{display: block;}
/*case*/
.case{padding:70px 0 0;position: relative;}
.case h3{font-weight: normal;text-align: center;height: 200px;}
.case h3 span{display: block;font-size: 18px;color: #4c4c4c;line-height: 18px;padding-top: 15px;}
.case_l{float: left;width: 598px;position: relative;}
.case_l img{display: block;width: 600px;height: 450px;}
.case_l em,.case_r p em{position: absolute;left: 0;bottom: 0;width: 100%;font-size: 14px;color: #fff;line-height: 35px;text-align: center;background:rgba(0,0,0,0.4);}
.case_r{float:left;width: 600px;}
.case_r p{float: left;width: 300px;position: relative;}
.case_r p img{display: block;width: 300px;height: 225px;}
.case_r p.first{margin-left: 300px;}
.case_item{position: absolute;top: 249px;left: 580px;width: 340px;height: 266px;background: #0056bf;box-shadow:0 0 20px rgba(0,42,94,0.7);}
.case_item p{margin-left:25px;padding-top:24px;height: 194px;}
.case_item p a{float: left;width: 138px;height: 50px;line-height:50px;text-align: center;font-size: 20px;color: #fff;border:1px solid #6296d5;margin-right:10px;margin-bottom:11px;font-weight: bold;border-radius:2px;}
.case_item p a:hover{background: #f28500;border-color: #f28500;}
.case_item .more{display: block;width: 288px;height: 28px;line-height: 28px;text-align: center;font-size: 14px;color: #c2ceea;border:1px solid #2e74c9;border-radius:2px;margin-left: 25px;}
/*news*/
.news{padding:70px 0;background:url(../img/new_bg.jpg) no-repeat bottom center;}
.news h3{font-weight: normal;text-align: center;height: 185px;}
.news h3 span{display: block;font-size: 18px;color: #4c4c4c;line-height: 18px;padding-top: 15px;}
.news h4{height: 36px;border-bottom:1px solid #cfcfcf;margin-bottom:30px;font-weight:normal;}
.news h4 span{float: left;font-size: 26px;color: #00479d;line-height: 26px;}
.news h4 i{float: right;font-size: 14px;color: #999;font-family: "Arial";line-height: 36px;text-transform: uppercase;}
.new_l{float: left;width: 366px;margin-right: 50px;}
.new_l dt img{display: block;width: 360px;height: 180px;}
.new_l dd{height: 157px;border-bottom:1px dashed #b8b8b8;}
.new_l dd h5{padding:32px 0 16px;height: 34px;font-weight:normal;}
.new_l dd h5 i{float: left;font-size: 34px;color: #333;line-height: 34px;}
.new_l dd h5 span{float: left;width:275px;padding-left:15px;}
.new_l dd h5 a{display: block;font-size: 14px;color:#333;font-weight: bold;}
.new_l dd h5 em{display: block;font-size: 14px;color:#333;}
.new_l dd p{font-size:14px;color: #737373;line-height: 25px;}
.new_list{padding-top: 20px;}
.new_list p{line-height: 30px;font-size: 14px;}
.new_r{float: right;width: 365px;}
.wen{height:389px;padding:16px 16px 0;border:1px solid #cdcdcd;border-bottom:3px solid #00479d;}
.wen img{display: block;width: 331px;height: 166px;}
.wen li{height: 75px;border-bottom:1px dashed #b8b8b8;padding-top:30px;}
.wen li a{display: block;font-size: 14px;color: #000;line-height: 14px;margin-bottom: 18px;}
.wen li p{font-size: 14px;color: #666;line-height: 14px;}
.wen li p i{color: #000;}
.wen li.nobor{border: 0;}
/*about*/
.about{height: 843px;background:url(../img/about_bg.jpg) no-repeat center 0;border-top:1px solid #dedede;}
.about h3{height: 214px;padding-top:100px;margin-left: 60px;font-weight:normal;}
.about h3 span{display: block;font-size: 40px;color: #1a1a1a;line-height: 40px;padding:36px 0 22px;}
.abt_l{float: left;width: 600px;}
.abt_l .des{height: 180px;background: #e6e6e6;padding:45px 45px 0;font-size: 15px;color: #333;line-height:33px;}
.about dl{height: 225px;}
.about dd{width: 300px;height: 153px;padding-top:72px;background:#f28500;}
.about dd img{display: block;margin:0 auto;}
.about dd em{display: block;font-size: 16px;color: #fff;line-height: 16px;padding-top: 8px;text-align: center;}
.abt_r{float: right;width: 600px;}
.about dd.bg1{background: #0056bf;}
.about dd.bg2{background: #e6e6e6;}
.about dd.bg2 em{color: #333;}






