body{font-family:Helvetica,"微软雅黑", Arial, Helvetica,sans-serif;font-size:14px; padding:0; margin:0 auto; background:#f5f5f5;color:#333;}
a{color: #333}
a:hover{color: #ff6600}
a,a:hover{ text-decoration:none !important;}
a:focus{outline:none;text-decoration:none !important;}
p,h1,h2,h3,h4,h5,ul,dl,dd{ margin:0; padding:0;}
li{ list-style-type:none;}
h1,h2,h3,h4,h5{ font-weight:normal; }
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
input,textarea,button{outline:none !important;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

/*共用*/
.container{ width: 1200px; margin: 0 auto; overflow: hidden;}
.page{min-width: 1200px; overflow: hidden;}
.page-cloumn{height: 315px; padding: 135px 0 0; font-size: 28px; min-width: 1200px;text-align: center; color: #fff;}
.page-cloumn h1{ font-size: 48px;}
.page-cloumn h1:after{content: ""; display: block; margin: 35px auto; width: 37px; height: 5px; background: #ff6600;}
.location{ height:79px; line-height: 79px; margin-bottom: 40px; border-bottom: 1px solid #ddd;background: #fff; min-width: 1200px; overflow: hidden;}
.location .link{float: left; color: #666666;}
.location .link:before{content: ""; float: left; width: 70px;height: 79px; margin-right: 20px; background: url(../images/home.png) center #eeeeee no-repeat;}
.location .link a{ color: #666666;}
.location .link a:hover{color: #ff6600}
.location .menu{float: right; width: 900px; overflow: hidden;}
.location .menu a{float: right; padding-right: 32px;}
.location .menu a:before{content: ""; float: left; height: 15px; width: 1px; background: #bbbbbb; margin:32px 32px 0 0;}
.location .menu a:first-child{padding: 0;}
.location .menu a:last-child:before{width: 0; margin: 0;}
.location .menu .active{color: #ff6600}

/*头部*/
.header{height:120px;background: #353535; min-width: 1200px;}
.header .logo{float: left; width: 276px; margin-top:30px;overflow: hidden;}
.header .logo img{ display: block; width: 276px; height: 57px;}

/*导航*/
.navmenu{ float: right;margin-top: 45px; overflow: hidden;}
.navmenu li{float: left; font-size: 20px; padding-right:30px;}
.navmenu li:before{content: ""; float: left; margin:5px 30px 0 0; width: 1px; height:18px; background: #bbbbbb;}
.navmenu li a{ float: right;color: #fff;}
.navmenu li a:after{content: ""; display: block; height: 4px; width:0; margin: 14px auto 0; background: #ff6600;transition: 0.2s all linear;}
.navmenu li:last-child{padding-right: 15px;}
.navmenu li:first-child:before{width: 0; margin: 0}
.navmenu li:hover a:after{ width: 100%; }
.navmenu .active a:after{ width:  100%; }

/*底部*/
.footer{ background: #353535; padding:25px 0 0; font-size: 16px; min-width: 1200px; overflow: hidden; }
.footer .logo{height:46px; width: 221px; margin-bottom:25px; float: left;overflow: hidden;}
.footer .logo img{ display: block;height:46px; width: 221px;}
.footer .info{float: left;line-height: 46px;overflow: hidden;}
.footer .info li{float: left; margin-left:60px;color: #fff}
.footer .tel{ padding-left: 28px; background: url(../images/tel.png) left center no-repeat;}
.footer .fax{ padding-left: 30px; background: url(../images/fax.png) left center no-repeat;}
.footer .email{ padding-left: 32px; background: url(../images/email.png) left center no-repeat;}
.footer .copyright{ clear: both; padding:24px 0; border-top: 1px solid #555555; text-align: center; color: #999;overflow: hidden; }
.footer .copyright a{ display: inline-block; margin-left: 20px; color: #999; }
.footer .copyright a:hover{ color: #ff6600;}
.back-top{width: 50px; height: 50px; position: fixed;right: 20px; bottom: 200px; background: url(../images/back-top.png) center no-repeat;background-size: contain;}


/*====================================首页==================================*/

.index-cloumn{ text-align: center; font-size: 24px;}

.index-banner{ height:533px;overflow:hidden; position:relative; min-width:1200px;}
.index-banner .hd{ height:25px; overflow:hidden; width:100%; text-align:center; position:absolute; bottom:5px; z-index:1; }
.index-banner .hd ul{ overflow:hidden; zoom:1;}
.index-banner .hd ul li{ display:inline-block;margin:0 5px;width:12px; height:12px; border-radius:100%; line-height:14px; text-align:center; background:#fff; border:1px solid #cdcdcd; cursor:pointer; }
.index-banner .hd ul li.on{ background:#ff6600; border:1px solid #ff6600; color:transparent; }
.index-banner .bd{ position:relative; height:100%; z-index:0;   }
.index-banner .bd li{ zoom:1; vertical-align:middle; }
.index-banner .bd img{ width:100%; height:533px; display:block;  }

.index-part1{padding: 95px 0; background: #fff; min-width: 1200px; overflow: hidden;}
.index-part1 .list{margin:80px 0 0 -68px; text-align: center; overflow: hidden;}
.index-part1 .list a{float: left; line-height: 30px; width: 165px; padding: 0 10px; margin-left: 68px; color: #666666}
.index-part1 .list a:before{content: ""; display: block; width: 64px; height: 56px; margin: 0 auto 40px;}
.index-part1 .list h4{ font-size: 18px; color: #333333; font-weight: bold; margin-bottom:18px; }
.index-part1 .list .item1:before{background: url(../images/cloumn1.png) center no-repeat;}
.index-part1 .list .item2:before{background: url(../images/cloumn2.png) center no-repeat;}
.index-part1 .list .item3:before{background: url(../images/cloumn3.png) center no-repeat;}
.index-part1 .list .item4:before{background: url(../images/cloumn4.png) center no-repeat;}
.index-part1 .list .item5:before{background: url(../images/cloumn5.png) center no-repeat;}
.index-part1 .list .item6:before{background: url(../images/cloumn6.png) center no-repeat;}


.index-part2{ padding: 95px 0 100px;background: url(../images/bg1.jpg) center top no-repeat; min-width: 1200px; overflow: hidden;}
.index-part2 .index-cloumn{color: #fff; margin-bottom:70px;}
.index-part2 .stype{text-align: center; color: #fff; font-size: 16px; padding-bottom: 40px; overflow: hidden;}
.index-part2 .stype li{display: inline-block; margin: 0 10px 20px; width: 188px; height: 58px; cursor: pointer; line-height: 58px; border: 1px solid #6f7c8d; background: rgba(60,72,88,.5);}
.index-part2 .stype li:hover,.index-part2 .stype .active{ border: 1px solid #ff6600; background: #ff6600 }
.index-part2 .picList{overflow:hidden; position:relative;}
.index-part2 .hd{ position: absolute; top: 85px; left: 0; right: 0;}
.index-part2 .hd .prev,.index-part2 .hd .next{ display: block; width:43px; height:74px;cursor:pointer;}
.index-part2 .hd .prev{float: left; background:url("../images/ico/prve.png") no-repeat;}
.index-part2 .hd .next{float: right; background:url("../images/ico/next.png") no-repeat;}
.index-part2 .bd {padding-left: 60px;}
.index-part2 .bd ul{ overflow:hidden; zoom:1; margin-left: 0; }
.index-part2 .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;}
.index-part2 .product-list a{ margin: 0; width: 250px; height: 250px;}




.index-part3{ padding: 95px 0 0; height: 715px;background: url(../images/bg2.jpg) center top no-repeat; min-width: 1200px; overflow: hidden;}
.index-part3 dl{margin: 80px 0 0; overflow: hidden;}
.index-part3 dl a{display: block; position: relative; color: #fff;}
.index-part3 dt{float: left; width: 720px;overflow: hidden;}
.index-part3 dt img{display: block; width: 720px; height: 500px;}
.index-part3 dd{float: right; width: 440px; overflow: hidden;}
.index-part3 dd a{ height: 230px; margin-bottom: 40px;}
.index-part3 dd img{display: block; width: 440px; height: 230px;}
.index-part3 .info{position: absolute; left: 40px; right: 40px; bottom: 30px;}
.index-part3 .info h3{ font-size: 24px; font-weight: bold; margin-bottom:10px;}
.index-part3 .info p{line-height: 30px; font-size: 16px;}
.index-part3 .info span{display: block; margin-top: 40px; width: 138px; line-height: 38px; border: 1px solid #ddd; text-align: center; font-size: 16px;}
.index-part3 dt .info{bottom: 50px;}
.index-part3 span:hover{border: 1px solid #ff6600; background: #ff6600;color: #fff;}







.index-part4{ padding: 95px 0 0; height:885px;background: url(../images/bg3.jpg) center top no-repeat; min-width: 1200px; overflow: hidden;}
.index-part4 .index-cloumn{color: #fff; margin-bottom:80px;}


.index-part5{padding: 95px 0;min-width: 1200px; overflow: hidden;}
.index-part5 .info{background: #fff;overflow: hidden;}
.index-part5 .info dt{float: right;width: 600px; }
.index-part5 .info dt img{display: block; height:320px; width: 600px;}
.index-part5 .info dd{ float: left; width: 520px; height:260px;padding: 30px 40px;}
.index-part5 .info h4{ font-size: 20px;}
.index-part5 .info p{ line-height: 30px; margin: 24px 0 40px; max-height: 120px;overflow: hidden;}
.index-part5 .info .more{display: block; width: 158px;line-height: 48px; border: 1px solid #bbbbbb; text-align: center; color: #999999;}
.index-part5 .info .more:hover{border: 1px solid #ff6600; background: #ff6600;color: #fff;}


.index-part6{padding: 95px 0;  background: #fff; min-width: 1200px; overflow: hidden;}
.index-part6 ul{margin: 75px 0 0; color: #666666; overflow: hidden;}
.index-part6 li{float: left; width:220px; margin-left: 60px; min-height:60px; position: relative; padding-left: 80px;}
.index-part6 li:before{content: ""; width: 80px; height: 50px; position: absolute; left: 0; top:3px;}
.index-part6 li h4{font-size: 18px; color: #333333; margin-bottom:8px;}
.index-part6 .item1:before{ background: url(../images/cloumn6.png) left top no-repeat;}
.index-part6 .item2{ margin-left:122px;width: 278px}
.index-part6 .item2:before{ background: url(../images/cloumn7.png) left top no-repeat;}
.index-part6 .item3:before{ background: url(../images/cloumn8.png) left top no-repeat;}


/*====================================内页==================================*/

.page-cloumn.product{background: url(../images/product-banner.jpg) center top no-repeat;}
.page-cloumn.project{background: url(../images/project-banner.jpg) center top no-repeat;}
.page-cloumn.solution{background: url(../images/solution-banner.jpg) center top no-repeat;}
.page-cloumn.online{background: url(../images/online-banner.jpg) center top no-repeat;}

.product-list{ margin:0 0 0 -40px;overflow: hidden; }
.product-list a{background: #fff; position: relative; width: 270px; height: 270px; float: left; margin: 0 0 30px 40px;}
.product-list img{display: block; width: 230px; height: 230px; margin: 20px auto;}
.product-list h4{height: 60px; text-align: center; line-height: 60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product-list h5{font-size: 16px; font-weight: bold; margin-bottom: 15px;}
.product-list .info{ display: none; color: #fff; padding: 15px 10px 0; position: absolute;left: 0; top: 0; right: 0; bottom: 0;background: rgba(1,57,121,0.7);overflow: hidden;}
.product-list .info p{font-size: 16px; line-height: 30px; margin-bottom: 12px; color: #ffffff;float:left;text-align: left}
.product-list a:hover .info{display: block;}

.center{width: 1180px; margin: 0 auto;}
h1,h2,h3,h4,h5,p,ul,dl,dd,label{ margin:0; padding:0;}

.pagination-wrap{    text-align: center;margin:40px 0;    width: 100%;  float: right;}
.pagination-wrap span{  margin: 2px;  height: 30px;  font-size: 14px;  color: #000000;  display: inline-block;  background: #eeeeee;  line-height: 30px;  }
.pagination-wrap span a{  height: 30px;  font-size: 14px;    border-radius: 3px;  color: #000000;  display: block; padding: 0 15px;}
.pagination-wrap span .disabled{     cursor: not-allowed;background: #ddd}
.pagination-wrap span .hovers{    background: #e76b00;  color: white;}


.product-show{background: #fff; padding:40px; margin-bottom: 50px; overflow: hidden;}
.product-show .head{border-bottom: 1px solid #ddd; text-align: center; padding-bottom: 30px; overflow: hidden;}
.product-show .head h3{ font-size: 24px; color: #000000; font-weight: bold; margin-bottom: 30px;}
.product-show .head span{ display: inline-block; margin: 0 15px;color: #999999}
.product-show .info{line-height: 32px; padding: 35px 20px; color: #666666; font-size: 16px; text-align: justify; overflow: hidden;}
.product-show .other{border-top: 1px solid #ddd; padding: 40px 0 0; overflow: hidden; }
.product-show .other a{width: 48%; float: left; line-height:30px; color: #666666;height: 30px}
.product-show .other .prev:before{content: "Prev";float: left; margin-right: 25px; padding-left: 36px; background: url(../images/prev.png) left center no-repeat;}
.product-show .other .next{float: right; text-align: right;}
.product-show .other .next:before{content: "Next";float: right; margin-left: 25px; padding-right: 36px; background: url(../images/next.png) right center no-repeat;}
.product-show .other a:hover{color: #ff6600}

.project-list{margin-left: -30px;overflow: hidden;}
.project-list a{float: left; margin: 0 0 30px 30px;background: #fff; width: 380px; height: 320px;text-align: center; }
.project-list img{display: block; width: 340px;height: 240px; margin: 20px auto 0;}
.project-list h5{font-size: 14px; line-height: 60px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.project-other{background: #f2f5fa; margin-bottom: 60px; border: 1px solid #ddd; position: relative; padding-left: 260px; min-height: 300px;}
.project-other dt{width: 259px; position: absolute; left: 0; bottom: 0; top: 0; border-top: 5px solid #015bfe;}
.project-other dt h4{ font-size: 18px; line-height: 70px; padding-left: 65px;}
.project-other dt a{display: block; padding: 24px 20px 24px 65px; font-size: 16px;}
.project-other dt .active,.project-other dt a:hover{ color: #005dff; font-weight: bold; background: url(../images/ico2.png) 20px center #e0ebff no-repeat;}
.project-other dd{background: #fff; padding: 5px 40px 0; min-height: 484px;overflow: hidden;}
.project-other .list a{ display: block; border-bottom: 1px solid #ddd; line-height: 69px; font-size: 18px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.project-other .list a:before{content: ""; float: left; width: 6px; height: 6px; background: #015bfe; margin: 31px 20px 0 0}

.solution-list{overflow: hidden;}
.solution-list li{background: #fff; position: relative; padding:0 40px 0 540px; height: 350px; margin-bottom: 30px;overflow: hidden;}
.solution-list li a{display: block;}
.solution-list li h4{ font-size: 18px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.solution-list li p{color: #666666;line-height: 30px; height: 90px; margin: 20px 0 35px;}
.solution-list .more{float: right; width: 120px; height: 10px; background: url(../images/more.png) right center no-repeat;}
.solution-list .img{width: 500px; height: 350px; position: absolute; left: 0; top: 0;}
.solution-list .img img{display: block;width: 500px; height: 350px; }
.solution-list .date{margin: 20px 0 30px;font-weight: bold; overflow: hidden;}
.solution-list .date span{display: block; font-size: 48px;}

.page-online{background: #fff; padding:80px 270px 100px; margin-bottom: 60px; overflow: hidden;}
.page-online .group{margin-bottom: 20px;overflow: hidden;}
.page-online .name{line-height: 50px; float: left; font-size: 16px; width: 130px;}
.page-online .input{float: right; border: 0; width: 460px; background: #f5f5f5; line-height: 50px; padding: 0 20px;}
.page-online .textarea{float: right;resize: none;font-family: "Microsoft Yahei";  border: 0; width: 460px; background: #f5f5f5;padding:20px;}
.page-online .btn{ margin-left: 160px; width: 500px; height: 60px; border: 0; background: #ff6702; color: #fff; font-size: 16px; cursor: pointer;}

.page-help{overflow: hidden;}
.page-help dl{background: #fff; font-size: 16px; padding: 10px 30px; margin-bottom: 30px;overflow: hidden;}
.page-help dt{ line-height: 70px; padding-left: 50px; border-bottom: 1px solid #ddd;font-weight: bold; background: url(../images/Q.png) left center no-repeat;}
.page-help dd{margin:18px 0; line-height: 30px; padding-left: 50px; background: url(../images/A.png) left top no-repeat; overflow: hidden;}

.page-sale{margin-bottom: 60px; background: #fff; overflow: hidden;}
.page-sale li{padding-top: 30px; font-size: 16px; overflow: hidden;}
.page-sale li:last-child p{border-bottom: none;}
.page-sale li h4{margin-bottom: 20px; font-weight: bold;}
.page-sale li h4:before{content: ""; float: left; width: 20px; height: 10px; margin:6px 20px 0 0; background: #005dff;}
.page-sale li p{ margin: 0 30px; padding: 0 10px 30px; border-bottom: 1px solid #ddd; line-height: 32px;}

.page-download{overflow: hidden;}
.page-download li{background: #fff; padding: 30px; line-height: 30px; margin-bottom: 20px;overflow: hidden;}
.page-download li h4{float: left; margin-left: 30px; font-size: 16px; width: 1020px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.page-download .file{width: 23px; height: 26px; float: left;}
.page-download .btn{ float: right; width: 50px; height: 30px; background: url(../images/download.png) center no-repeat;}


/* 分页 */
.pagelist{margin:30px 0 60px; text-align: center; overflow:hidden;}
.pagelist li{display: inline-block;}
.pagelist .page-numbers{ height:33px; line-height:33px; padding:0 12px;display:inline-block; color:#888888;background: #fff; border: 1px solid #ddd; margin:0 3px;}
.pagelist .page-numbers:hover{color:#ff6702; border: 1px solid #ff6702;}
.pagelist .current{ background:#ff6702; border: 1px solid #ff6702; color:#fff;}