@import url(global.css);
/*-----------banner---------------------------------------- */
.banner {width:100%; min-width:1320px;height:700px; text-align: center; background-size: 100% auto !important;}
.banner h2{width:100%; padding-top:270px; color: #fff; line-height: 50px; font-size:42px;}
.banner p{width:800px; margin: 0 auto; padding-top:30px; color: #fff; line-height:30px; font-size:16px;}
.banner .bannernav{width:100%;height: 109px; overflow: hidden; margin-top:80px;background:url(../images/banner-nav.png) no-repeat center 0;font-size:0;  }
.banner .bannernav a{width:170px; height: 109px; line-height: 109px; display: inline-block;border-right: 1px solid rgba(255,255,255,0.1);color: #fff; font-size: 16px;}
.banner .bannernav a:last-child{border-right: 0;}
.banner .bannernav a:hover{display: inline-block; background: #003d7d;}
.banner .u-crt{display: inline-block;background: #003d7d;}

.dqwzs{height:50px; line-height:50px;font-size:15px; text-indent:25px; border-bottom: 1px solid #eee;background:#fff url(../images/zhuye.png) no-repeat 15px center; padding:0 25px;}
.dqwz{width: 1270px;margin:50px auto 0 auto; height:60px; line-height:60px;font-size:14px; text-indent:25px;background:#fff url(../images/zhuye.png) no-repeat 15px center; padding:0 25px;}
.content{ padding:20px 0;line-height: 27px; font-size: 14px; color: #666;}

.listpage{padding: 50px 0;}
.listpage .leftm .menu{ height: auto !important;}

.listpage .rightm .leftnew{float: left;}
.listpage .rightm .leftnew{width: 170px;height:120px;}
.listpage .rightm .rightnew{float: right;width: 550px;height: 120px;overflow: hidden;text-indent: 2em;position: relative;}
.listpage .rightm .leftnew img{width: 100%;height: 100%;border: 1px solid #e3e3e3;}
.listpage .rightm .leftnew img:hover{border: 1px solid #003d7d;}
.listpage .rightm .rightnew .seeMore{display: block;position: absolute;left: 0;bottom: 0;text-indent: 0;}
.listpage .rightm .rightnew .seeMore:hover{color: #003d7d;}

.listpage .rightm{width: 1040px; float: right;}
.listpage .rightm ul{}
.listpage .rightm .box{width: 1140px;}
.listpage .rightm .box li{float: left;position: relative;width: 328px;height: 368px;margin-right: 24px;margin-bottom: 24px;text-align: center;border: 1px solid #e3e3e3;overflow: hidden;background: #fff;}
.listpage .rightm .box li:nth-child(3n){margin-right: 0;}
.listpage .rightm .box li img{width: 100%;height:328px;}
.listpage .rightm .box li p{position: absolute;bottom: 0;width: 100%; height: 40px;line-height: 40px;font-size: 14px;padding: 0 15px;border-top: 1px solid #e3e3e3;box-sizing: border-box;overflow: hidden;}
.listpage .rightm .box li .des{width: 328px;height: 328px;position: absolute;top:-328px;background: url(../images/des_bk.png);transition: 200ms;text-align: center;}
.listpage .rightm .box li .des img{margin-top:120px; width: 60px;height: 60px;}
.listpage .rightm .box li:hover .des{top:0;}
.listpage .rightm .box a:hover{color: #003d7d;}

.listpage .rightm .box2 li{float: left;position: relative;width: 328px;height: 328px;margin-left: 18px;margin-top: 15px; text-align: center;border: 1px solid #e3e3e3;overflow: hidden;background: #fff;}
.listpage .rightm .box2 li .mask{width: 100%;height: 200px;overflow: hidden;}
.listpage .rightm .box2 li img{width: 100%;height: 200px;transition: 700ms;}
.listpage .rightm .box2 li:hover img{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);}
.listpage .rightm .box2 li p{position: absolute;bottom: 0;width: 100%; height: 40px;line-height: 40px;font-size: 14px;padding: 0 15px;border-top: 1px solid #e3e3e3;box-sizing: border-box;overflow: hidden;}
.listpage .rightm .box2 li:hover {color: #003d7d;}
.listpage .rightm .cont{padding: 20px 0;}

.listpage .left{width:220px;overflow:hidden;float:left;}
.listpage .left .title{ width: 100%; height:50px;line-height:50px; text-align: center; color: #fff; font-size:22px; background: #003d7d; font-weight: normal;}
.listpage .left .menus a{border-left: 4px solid #003d7d; height:40px;line-height:40px;text-align: center; font-size:16px; background: #f6f6f6; display: block; margin-top: 10px; color: #003d7d;}
.listpage .left .menus a:hover{border-left: 4px solid #ff7500;background: #ededed; display: block; color: #ff7500;}
.listpage .left .menus .u-crt{border-left: 4px solid #ff7500;background: #ededed; display: block; color: #ff7500;}
.listpage .left .list{ border: 1px solid #eee; margin-top: 10px;line-height: 30px;}
.listpage .left .list ul{ padding: 10px;}
.listpage .left .list ul li{ width:100%; height:30px; background:url(../images/cpmuli_ico.png) no-repeat 0 center; text-indent: 18px;}
.listpage .left .list ol{ width:100%; text-align: center; }
.listpage .left .list ol img{ width:100%;}
.listpage .left .list p img{ width:100%;}
.listpage .left .list h2{ font-size: 14px;}
.listpage .left .list h3{ font-size: 27px; color: #ff7500 ; font-family: "Times New Roman";}
.listpage .rightm .new{overflow: hidden;margin-top: 10px;margin-left: 18px; border: 1px solid #eee;}
.listpage .rightm .new h2{border-left: 4px solid #003d7d; height:40px;line-height:40px; text-indent:10px; font-size:16px; background: #f1f1f1; font-weight: normal;}
.listpage .rightm .new ul{ width:100%; overflow: hidden; padding: 10px 0;}
.listpage .rightm .new li{ width: 48%; height:30px; line-height: 30px; float: left; padding: 0 1%;}
.listpage .rightm .new li a{ width:65%; height:30px; float: left; display: block;background:url(../images/cpmuli_ico.png) no-repeat 0 center; text-indent: 20px;}
.listpage .rightm .new li i{ width:30%; height:30px; float: right; display: block; text-align: right; font-style: normal; padding-right: 5px;}

.listpage .rightm .fan li{padding:0 0 15px 0;margin-bottom: 15px; border-bottom: 1px dashed #e3e3e3;overflow: hidden;}
.listpage .rightm .fan .left{width: 300px;height:180px;border: 1px solid #e3e3e3;}
.listpage .rightm .fan .left img{width: 100%;height: 100%;}
.listpage .rightm .fan .right{width: 440px;}
.listpage .rightm .fan .right h2{font-size: 22px;font-weight: 300; padding-bottom: 15px;background: url(../images/bottom_line2.jpg) bottom left no-repeat;}
.listpage .rightm .fan .right h2 a{color: #222;}
.listpage .rightm .fan .right h3{font-size: 12px;color: #222222;padding: 10px 0 5px;font-weight: 300;}
.listpage .rightm .fan .right p{font-size: 14px;line-height: 1.8;height: 60px;overflow: hidden;}
.listpage .rightm .fan .button a{display: inline-block;margin-right: 10px; width: 150px; height: 40px;background: #003d7d;text-align: center;line-height: 40px;color: #fff;font-size: 16px;}
.listpage .rightm .fan .button a:hover{background:#ff7500; }

/* ------------分页--------------------- */
.page{width:100%; text-align:center; padding:10px 0;}
.page a{ display:inline-block; margin:0 2px; padding:10px 15px; border:1px solid #eee; background: #fff; font-size: 16px;}
.page .current{background:#003d7d; color:#fff;display:inline-block; margin:0 2px; padding:10px 15px; border:1px solid #eee; font-size: 16px;}
.page a:hover{background:#003d7d; color:#fff;}

/* ------------产品页面--------------------- */
.picture{width:100%; padding:30px 0; overflow:hidden; background: #fff; margin-bottom: 20px;}
.picture .left1 {width:43%; height:auto;float:left;border:1px solid #f1f1f1; overflow: hidden; margin-left: 3%;}
.picture .left1 img{width:100%;transition: all 0.5s;}
.picture .left1:hover img{transform: scale(1.1);}
.picture .right2 {width:47%;float:right; padding-right: 3%;}
.picture .right2 .con1{width:100%; height:40px; line-height:40px; padding-bottom:15px; font-size:32px; color:#000;overflow:hidden;}
.picture .right2 .con2{width:100%; height:auto;line-height:27px;overflow:hidden;border-top:1px solid #ccc;font-size: 15px;padding-top:10px;}
.picture .right2 .cpxq h2{font-size: 15px;font-weight: 400;}
.picture .right2 .cpxq h2:nth-child(1){margin-top: 10px;}
.picture .right2 .con2 .p{width:100%; max-height:81px;overflow:hidden;color: #666;}
.picture .right2 .con2 .p1{width:100%; max-height:290px;overflow:hidden;color: #666;}
.picture .right2 .con2 .tubiao{width:100%; height:auto;padding-top:20px;}
.picture .right2 .con2 .tubiao img{width:100%;}
.picture .right2 .con3{width:100%; height:50px; padding-top:10px;}
.picture .right2 .con3 a{width:150px; height:50px; line-height: 50px; border-radius: 3px; display: block; text-align: center; background: #003d7d; color: #fff; font-size: 16px; float: left; margin-right:15px;}
.picture .right2 .con3 a:hover{display: block;background: #1c893a;}
.right .titlep{ width:100%;height:45px; line-height:45px; border-bottom:1px solid #dedede;}
.right .titlep h2{ width:130px; background:#333; text-align: center; color:#fff; font-size:16px; font-weight: normal;float: left;margin-right: 10px;cursor: pointer;}
.right .titlep li.on h2{background: #003d7d;}
.right .parameter{text-align: left;}
.right .parameter th,.right .parameter td{padding: 5px;line-height: 1.5;}
.right .con5{width:100%;padding:15px 0; line-height:27px;overflow:hidden;font-size: 14px;}

/*----------------  产品介绍标题样式   ------------------------*/
.styl{color: #666;text-align: center;}
.styl h1{font-size: 38px;padding: 45px 0;color: #01a5fa;background: url(../images/tt1.png) bottom center no-repeat;}
.styl h2{font-size: 26px;font-weight: 400;margin: 0 0 35px;color: #666666;}
.styl h3{width: 100%; font-size: 23px;font-weight: 400;padding: 15px 0;margin:15px 0; color: #fff;background: url(../images/textbk.png) center 10px no-repeat;}
.styl h4{text-align: left;font-size: 18px;font-weight: 400;margin: 20px 0;}
.styl h4 span{padding-bottom: 4px;border-bottom: 2px solid #01a5fa;margin-left: 23px}
.styl h4 i{display: inline-block;width: 25px;height: 25px; padding: 5px ;margin-right:5px;margin-left: -23px; background: #01a5fa;text-align: center;line-height: 25px;color: #fff;border-radius: 20px;}

.slideBox{padding:30px; overflow:hidden; background: #fff;}
.mains{padding:30px; overflow:hidden; background: #fff;}
.slideBox1{width:100%; overflow:hidden; padding-bottom:20px;}
.mains h3{height:40px;line-height:40px;overflow:hidden; text-align: center;font-size: 30px;padding:10px 0 30px 0;}
.slideBox1 .hd{width:100%;text-align: center;overflow:hidden;}
.slideBox1 .hd li{width:15%; height:45px;line-height:45px;overflow:hidden;display: inline-block;margin:0 1%;border-radius: 20px 20px 0 0; background: #f1f1f1;font-size: 16px;cursor: pointer;}
.slideBox1 .hd .on{background: #003d7d;color: #fff;}
.slideBox1 .bd{width:100%;overflow:hidden;padding:20px 0;}
.slideBox1 .bd .a1{width:40%; float: left;}
.slideBox1 .bd .a1 h4{width:100%;height:40px;font-size: 30px;margin-top:60px;position: relative; text-indent: 35px;}
.slideBox1 .bd .a1 h4:before{content: '';position: absolute;top:2px;left: 4px; width: 7px;height: 7px;background: #1c95d9;border:6px solid #f1f1f1;border-radius: 50%;}
.slideBox1 .bd .a1 p{line-height:30px;font-size: 16px;padding-left:35px;overflow:hidden;}
.slideBox1 .bd .a2{width:50%; float: right;}
.slideBox1 .bd .a2 img{width:100%;}

.mains .list1{width:100%; overflow:hidden;padding-bottom:50px;}
.mains .list1 li{width: 26%;min-height:100px; float: left; padding:60px 3%;overflow: hidden;background: #f8f8f8; text-align: center; border-radius: 5px; margin-right: 2%;transition: all 0.5s;}
.mains .list1 li:nth-child(3n){ margin-right:0;}
.mains .list1 h4{font-size:27px;font-weight: bold;line-height: 40px;color: #003d7d;}
.mains .list1 p{width:100%; font-size: 16px;color: #333;line-height: 26px;padding-top:10px; overflow: hidden;}
.mains .list1 li:hover h4{color: #fff;}
.mains .list1 li:hover p{color: #fff;}
.mains .list1 li:hover{background-image: linear-gradient(315deg,#003d7d 0,#4295ec 100%);background-size: 104% 104%;}

.mains .list2{overflow:hidden;padding:20px 0 40px 0;margin-bottom:20px;border-radius:5px;background:#f8f8f8;}
.mains .list2 .a1{width:45%; height:250px; overflow:hidden; float:left; margin-left:5%;border-radius:5px;}
.mains .list2 .a1 img{width:100%;transition: all 0.5s;}
.mains .list2 .a1:hover img{transform: scale(1.1);}
.mains .list2 .a2{width:42%; overflow:hidden; float:right;font-size:24px;font-weight: bold;line-height: 40px;color: #003d7d; padding:40px 0 0 8%;}
.mains .list2 .a3{width:42%; overflow:hidden; float:right;font-size: 16px;color: #333;line-height:30px;overflow: hidden;padding:10px 0 0 8%;}
.mains .list2 .a3 p{position: relative; text-indent:27px;}
.mains .list2 .a3 p:before{content: '';position: absolute;top:6px;left: 0; width: 7px;height: 7px;background: #1c95d9;border:5px solid #f1f1f1;border-radius: 50%;}

.con6{height:60px;line-height:60px;overflow:hidden;font-size: 14px; padding:25px 0;}
.con6 .pre{width:48%;height:60px; float: left; background: #f8f8f8;}
.con6 .next{width:48%;height:60px; float: right; background: #f8f8f8;text-indent: 15px;}
.con6 .span{width:80px;height:60px; display: inline-block; background: #e8e8e8;}
.con6 .span:hover{display: inline-block; background: #003d7d; color: #fff;}
.con6 .pre .span{ text-align: center; margin-right: 15px;}
.con6 .next .span{float: right;}

.right .con7{padding:30px; overflow:hidden; background: #fff; margin-top: 20px;}
.box3{width:1040px; padding-top:20px;}
.box3 li{float: left;position: relative;width: 311px;height: 351px;margin:0 20px 20px 0;text-align: center;border: 1px solid #e3e3e3;overflow: hidden;background: #fff;}
.box3 li img{width: 100%;height:311px;}
.box3 li p{position: absolute;bottom: 0;width: 100%; height: 40px;line-height: 40px;font-size: 14px;padding: 0 15px;border-top: 1px solid #e3e3e3;box-sizing: border-box;overflow: hidden;}
.box3 li .des{width: 311px;height: 311px;position: absolute;top:-311px;background: url(../images/des_bk.png);transition: 200ms;text-align: center;}
.box3 li .des img{margin-top:120px; width: 60px;height: 60px;}
.box3 li:hover .des{top:0;}
.box3 a:hover{color: #003d7d;}

/* ------------新闻页面--------------------- */
.new{width:1000px;padding-bottom: 50px;float: left;}
.news{width: 1000px; overflow:hidden; padding:20px 0 30px 0; float: left;}
.rnews{width: 240px; overflow:hidden; margin:20px 0 0 0;padding:30px; float: right;background: #fff;}
.news li{width:100%; height:195px;overflow:hidden; padding: 20px; background: #fff; margin-bottom: 15px;}	
.news .a1{width:320px; height:195px; float: left; overflow: hidden; margin-right: 30px;}
.news .a1 img{width:100%;transition: all 0.5s;}
.news .a1:hover img{transform: scale(1.1);}
.news .a2{width:580px; height: 36px; line-height: 36px; float: left; overflow: hidden;font-size:20px;}	
.news .a2 a{color: #000;}	
.news .a2 a:hover{color: #003d7d;}	
.news .a3{width:580px; height: 20px;float: left;color: #666; font-size: 16px; padding: 10px 0;}	
.news .a4{width:580px; height: 81px; line-height:27px; float: left;color: #999; font-size: 13px; overflow: hidden;}
.news .a5{width:580px; height: 35px; float: left;color: #999; font-size: 14px; padding-top: 10px;}
.news .a5 a{width:130px; height: 30px; line-height:30px; float: left; display: block;background: url(../images/jt_r.png) no-repeat 80px center;}
.news .a5 a:hover{ color: #003d7d;background: url(../images/jt_r03.png) no-repeat 80px center;}

.rnews h2{ line-height: 30px; line-height: 30px; font-size: 24px; padding-bottom:20px;}
.rnews ol{overflow: hidden; padding-bottom: 20px;}
.rnews ol dl{overflow: hidden;line-height: 30px; font-size: 16px; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;background: url(../images/li1.jpg) no-repeat 220px 10px;}
.rnews ol dl a{ width: 100%;height: 30px; display: block;}
.rnews ol dl a:hover{color: #003d7d; display: block;}
.rnews .u-crt{color: #003d7d;}
.rnews ul{overflow: hidden;}
.rnews ul li{overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px;}
.rnews ul li p{line-height: 30px; font-size:14px; color: #333;}
.rnews ul li a:hover p{color: #003d7d;}
.rnews ul li i{line-height: 20px;}


.news1{overflow:hidden; background: #fff; padding:40px; margin-top:20px;}
.news1 .con1{width:100%; height:auto; line-height:40px; font-size:32px; color:#003d7d; text-align:center;overflow:hidden;}
.news1 .con3{width:100%; height:20px; padding:10px 0;}
.news1 .con4{width:100%; height:24px; line-height:24px; text-align:center; padding:30px 0; font-size: 16px; color: #999;}
.news1 .con2{height:auto;padding:20px 0; line-height:36px;overflow:hidden;border-top:1px solid #eee; font-size: 14px; color: #444;}
.news1 .con2 h5{width:100%; height:auto; text-align: center; padding: 10px 0;}
.news1 .con2 h5 img{width:600px; height:auto;}
.news1 .con5{border-left:5px solid #003d7d; background: #f6f6f6; overflow: hidden; line-height:36px; padding:10px 20px 10px 25px;color: #444;font-style: italic; font-size: 14px; margin-bottom:40px;}
.news1 .con5 strong{color: #000;}

.news2{overflow: hidden;background: #fff; padding:40px; margin-top:30px;}
.news2 .titlep{ width:100%;height:45px; line-height:45px; border-bottom:1px solid #dedede;}
.news2 .titlep h2{ width:130px; background:#333; text-align: center; color:#fff; font-size:16px; font-weight: normal;float: left;margin-right: 10px;cursor: pointer;}
.news2 ul{ width:100%; overflow: hidden; padding: 10px 0;}
.news2 li{ width: 48%; height:35px; line-height: 35px; float: left; padding-right:4%; font-size: 14px;}
.news2 li:nth-child(2n){padding-right: 0;}
.news2 li a{ width:75%; height:35px; float: left; display: block;background:url(../images/nav_icon02.png) no-repeat 0 center; text-indent: 20px; overflow: hidden;}	
.news2 li i{ width:24%; height:35px; float: right; display: block; text-align: right; font-style: normal;}	

.contact {border: 1px solid #e3e3e3;padding-bottom: 5px;}
.contact img{width: 100%;padding: 10px;box-sizing: border-box;}
.contact p{padding: 0 5px;font-size: 14px;margin: 5px 0;}

.tuijian{margin-bottom: 10px;padding:0 0 10px 0; border: 1px solid #e3e3e3;text-align: center;}
.tuijian li{padding: 0 10px;margin: 15px 0;}
.tuijian li img{width: 100%;margin-bottom: 10px;}

.zixun{margin-bottom: 10px;padding:0 0 10px 0; border: 1px solid #e3e3e3;text-align: center;overflow: hidden;}
.zixun li{ width: 100%; height:30px; line-height: 30px; padding: 0 10px;}
.zixun li a{ width:85%; height:30px; float: left; display: block;background:url(../images/cpmuli_ico.png) no-repeat 0 center; text-indent: 10px;}

/* ------------软件应用--------------------- */
.yyal{width: 100%; overflow:hidden; padding:50px 0;}
.yyal li{width:420px; height:320px;overflow:hidden; float: left; margin-right:30px; padding-bottom: 30px;}
.yyal li:nth-child(3n){margin-right: 0;}
.yyal li a{width:100%; height:280px;overflow:hidden; display: block; border-radius: 5px; background: #fff;}
.yyal li img{width:100%;transition: all 0.5s;}
.yyal li:hover img{transform: scale(1.1);}
.yyal li p{width:100%; height:40px; line-height: 40px; font-size: 14px; overflow:hidden; }

/* ------------案例--------------------- */
.case{width:100%;overflow:hidden; padding: 50px 0;}
.case .list{width:1320px; height:auto;}	
.case .list li{width: 420px; float: left; background: #fff; margin-right:30px; margin-bottom: 30px;transition: all 0.6s ease 0s;}	
.case .list li:nth-child(3n){margin-right: 0;}	
.case .list li:hover{background: #cae2fc;}		
.case .list .a1{width: 100%; height: 290px; overflow: hidden;margin-left: -1px;}
.case .list .a1 img{width:100%;height: 290px;transition: all 0.5s;}
.case .list .a1:hover img{transform: scale(1.1);}
.case .list .a2{padding:20px 20px 10px 20px; font-size: 20px;}	
.case .list .a2 a{color: #000;}	
.case .list .a3{padding: 0 20px; height: 48px; line-height: 24px; overflow: hidden;}	
.case .list .a4{height: 41px; padding: 20px;}	
.case .list .a4 .a6{width: 41px; height: 41px; display: block; overflow: hidden;background:url(../images/case01.png) 0 0 no-repeat;}	
.case .list li:hover .a6{display: block; overflow: hidden;background:url(../images/case01.png) right 0 no-repeat;}	
.case .list .a5{ height: 41px; padding: 20px 20px 10px 20px; color: #000; font-size: 16px;}	

.contents{overflow:hidden; background: #fff; padding: 60px; margin-top:20px;}