body,div,ul,li,a,dl,dd,dt,input,p,h1,h2,h3,h4,h5,h6,form,img{ margin: 0; padding: 0; }
html{ margin: 0; padding: 0; font-size:12px;}
html,body{
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}
input,textarea,select,button,area {
    appearance:button;
    -moz-appearance:button;
    -webkit-appearance:button;
    outline:none;
    font-family:'Microsoft YaHei';
}

ul,li,dl,dd,dt{list-style: none;}
a{  text-decoration:none;  color:#2b292f;
    -webkit-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}

img{border: 0; display: block;  font-size:0;}
body {color: #353535; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; }



.clearfix:before, .clearfix:after {  content:"";  display:table;}
.clearfix:after{    clear:both;    overflow:hidden;}
.clearfix{ *zoom:1;}
.fl{float:left;}
.fr{ float:right;}
.section{ width:92%; max-width:1300px; margin:auto;  }
.img-box{width: 100%; overflow: hidden;}

/*header*/
.header{width: 100%;position: fixed;}
.navfix{position: fixed; top: 0;  left: 0;  z-index: 99999;}
.header .section{position: relative; /*border-bottom: 1px solid #d5dadf;*/}
.header .logo{padding: 25px 0; float: left;}
.header .logo img{ height:55px; display:block;}
.header .head-fr{float: right;}
.header .menu{float: left;}
.header .menu ul li{float:left; position: relative; }
.header .menu ul li a{display:block;  padding: 0 40px;font-size: 16px;line-height: 105px; color: #1f1f1f;font-weight: bold}
.header .menu ul li a:hover{ color: #1f1f1f;}
.header .menu ul li a.on{color: #c71c23;}
.header .menu li .drop{ background:url("./../images/drop.png"); overflow:hidden; position:absolute; width:250px; left:0; top:97px; display:none; z-index: 9999;}
.header .menu li .drop ul{ width:100%; overflow: hidden;}
.header .menu li .drop li{ width:100%;  }
.header .menu li .drop li a{ width:90%;   padding: 0 5%; color: #fff;line-height: 40px;font-size: 14px;}
.header .menu li .drop li a:hover{background: black;}
.m_menu{ background: url(../icon_nav.png) no-repeat center;  background-size:100%;width:40px; position:absolute; right:5px; top:0; height:70px; display:none;}
.h60{width: 100%; height: 60px; display: none;}
.b-search{width: 40px; height: 105px; background: url("../search.png") no-repeat center;  float: right; position: relative; }
.b-search .search{width:218px; height:26px; border-radius: 20px; overflow:hidden;border:1px solid #bbbbbb; position: absolute;  z-index: 10;  top:105px;  right: 0;  opacity: 0;  transition: opacity 1s;}
.b-search .search input.username{  width:193px; max-width:100%; float:left; border:none;   height:26px; line-height:26px;  font-size:12px; color:#c4c4c4; background: #fff; text-indent:0.5em; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}
.b-search .search input.da_button{ width:25px; max-width:100%;float:left; border:none;   height:26px; line-height:25px;   font-size:12px; color:#CCC; background:#fff url(../search.png) no-repeat;  -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none; appearance: none; }
.b-search:hover .search {    visibility: visible;    opacity: 1;}
.fixnav { background: #fff; box-shadow: 0 0 10px #ccc;  }
.fixnav .section{border: 0;}

.i-title{width: 100%; text-align: center; margin-bottom: 50px;}
.i-title h2{ color: #232323; font-size: 32px; text-transform: uppercase;}
.i-title em{ display: block; width: 72px; height: 3px; background: #0099cc; margin:15px auto; }
.i-title .c-f{color: #fff;}
.i-title .bf{background: #fff;}


.scroll_horizontal{position:relative;width:1239px; margin:0 auto;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1239px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:413px;text-align:center;}
.scroll_horizontal .list li a{display: block; margin: auto;}
.scroll_horizontal .plus{position:absolute;top:50%;width:20px;height:37px; margin-top:-18px;background:url("../p-l.png") no-repeat;cursor:pointer;}
.scroll_horizontal .minus{position:absolute;top:50%;width:20px;height:37px; margin-top:-18px;background:url("../n-r.png") no-repeat;cursor:pointer;}
.scroll_horizontal .plus{left:-30px;}
.scroll_horizontal .minus{right:-30px;}
.scroll_horizontal .plus:hover{background:url("../p-l-h.png") no-repeat;}
.scroll_horizontal .minus:hover{background:url("../n-r-h.png") no-repeat;}


.n-title{width: 100%; overflow: hidden;  position: relative; text-align: center; margin-bottom:40px;}
.n-title h2{ display: block; line-height: 50px; font-size: 24px;  color: #232323; }
.n-title p{color:#e4e4e4; font-size: 18px; text-transform: uppercase;}
.n-title em{ display: block; width: 72px; height: 3px; background: #0099cc; margin:15px auto; }


.i-more{width: 100%; padding: 40px 0;}
.i-more a{display: block;line-height: 48px; color: #fff; font-size: 15px; background: #0099cc; text-align: center; margin: auto; width: 190px;height: 48px; border-radius: 30px; }
.i-more a:hover{color: #fff;background: #0099cc;}

.i-adv{width: 100%; overflow: hidden; padding:50px 0; text-align: center; font-size: 32px; color: #f3f8f8; background:#007aff;
margin-top:3px;
}

.i-product{width: 100%; overflow: hidden; padding:80px 0 30px 0; background:#f2f3f5 url("../i-product.jpg") no-repeat center;}
.img-box-container .product-slide{display: block; width: 90%; margin: auto; border-radius: 10px; overflow: hidden; background:#f8f8f8; box-shadow: 0 0 10px #ccc; }
.img-box-container .product-slide .img-box{background: #fff;}
.img-box-container .product-slide img{max-width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.img-box-container .product-txt{width: 90%;text-align: center; padding:45px 5% 60px 5%; }
.img-box-container .product-txt h2{font-size: 25px; color: #3e3e3e;}
.img-box-container .product-txt p{font-size: 14px; line-height: 25px; height:125px; overflow: hidden; margin-top: 20px;  color: #696969;}
.i-product a:hover h2{color:#0099cc;}
.i-product a:hover  img{transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}
/*i-solution*/
.i-solution{width: 100%;overflow: hidden; height: 695px; background:#0c0c0c url("../i-solution.jpg") no-repeat top center; position: relative;}
.i-solution .section{position: relative; }
.i-solution .i-title{position: absolute; left: 0; top:50px; z-index: 9999;}

.solution-list .solution-list-warp{position: relative; border-left: 1px solid #444444; height: 695px; border-right: 1px solid #444444;}
.solution-list .solution-img{width: 100%; overflow: hidden;}
.solution-list .solution-img img{width: 100%;  opacity: 0.1;}
.solution-list .solution-box{width: 80%; padding: 0 10%; position: absolute; top: 150px; overflow: hidden;}
.solution-list .solution-box img{margin: auto;}
.solution-list .solution-box em{background: #fff; margin:20px auto; height: 3px;  display: block;width: 33px;}
.solution-list .solution-box h2{ font-size: 27px; color: #fff; height: 70px; line-height: 35px; padding: 20px 0  0 0;}
.solution-list .solution-box .solution-box-txt{ height: 196px; margin-bottom: 15px;}
.solution-list .solution-box a{position:static; font-size: 15px;  color: #c4c4c4; line-height: 28px; border: 0;}
.solution-list .solution-box .icon-a{display: block; width: 100%; height: 40px; line-height: 40px; margin: auto; background:url("../jian.png") no-repeat top center;}
.solution-list li:hover .solution-img img{opacity: 1; transition: transform 0.6s ease 0s;}


.i-about{width: 100%; overflow: hidden; padding: 50px 0;}
.about-box{width: 100%; overflow: hidden; }
.about-box .about-fl{width:48%;float: left; position: relative;}
.about-box .about-fr{width:48%;float: right; position: relative;}
.about-box .about-txt{width:80%; position:absolute; top: 8%; left:10%; z-index: 99;}
.about-box  img{width:100%;}
.about-box  h3{color: #535353; font-size: 32px;}
.about-box  em{background: #c71c23; margin:20px 0; height: 3px; display: block;width: 72px;}
.about-box  p{color: #535353;  font-size: 15px; padding:10px 0; line-height: 30px;  }
.about-box  a{display: block;line-height: 38px; color: #fff; font-size: 14px; background: #b22c26; text-align: center; margin: 20px 0; width: 150px;height: 38px; border-radius: 20px; }
/*i-news*/

.i-news{width: 100%; padding:60px 0; overflow: hidden; background: #f7f8f9;}
.i-news .news-list li a{display: block;width: 90%; margin: auto;  }
.i-news .news-list .news-img{width: 100%; overflow: hidden;}
.i-news .news-list .news-img img{width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.i-news .news-list .news-txt{width: 100%; height: 195px; padding:20px 0; position: relative; background: #ffffff;}
.i-news .news-list .news-txt .news-txt-box{ width: 80%;background: #ffffff; position: absolute; top: -30px; left: 5%; padding:10px 5%;}
.i-news .news-list .news-txt h1{width: 100%; font-size: 45px; overflow: hidden; color: #000; height: 56px; line-height:56px; }
.i-news .news-list .news-txt span{display: block; width: 100%; font-size: 17px;color:#9b9b9b;}
.i-news .news-list .news-txt h2{width: 100%; font-size: 16px; overflow: hidden; color: #2d2d2d; height: 50px; line-height:25px; margin-top:20px; }
.i-news .news-list .news-txt p{text-align: center; margin: 20px 0 10px 0 ;height: 50px; line-height: 25px; overflow: hidden; font-size: 14px;text-transform: uppercase; color:#909090;}

.i-news .news-list .news-icon{ width: 80%;background: #cfcfcf; margin: auto; position: relative;}
.i-news .news-list .news-icon i{display: block; height: 50px; font-size: 30px; font-style: normal; color: #fff; background: url("../dian.png") no-repeat center;}
.i-news .news-list .news-icon .news-icon-txt{ width:100%; position: absolute; text-align: left; visibility: hidden; top: 0; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background:#c71c23 url("../sj.png") no-repeat right center; opacity: 0; text-indent: 1em;}

.i-news .news-list li a:hover img{transform: scale(1.1, 1.1);transition: transform 0.6s ease 0s;}
.i-news .news-list li a:hover .news-icon-txt{opacity: 1; visibility: visible;}


/*banner*/

.banner{width: 100%; height: 340px; overflow: hidden; margin-top: 106px;}
.banner img{display: block; border: 0;}
.ab-ban{background: url("./../images/b1.jpg?1") no-repeat center;}
.cp-ban{background: url("./../images/b4.jpg?1") no-repeat center;}
.solution-ban{background: url("../solution-ban.jpg?1") no-repeat center;}
.cn-ban{background: url("./../images/b3.jpg") no-repeat center;}
.job-ban{background: url("./../images/b2.jpg?1") no-repeat center;}
.news-ban{background: url("../news-ban.jpg?1") no-repeat center;}


.main-class{width: 100%; text-align: center; border-bottom: 1px solid #e5e5e5; padding: 40px 0;}
.main-class a{display: inline-block; background: #f7f7f7; padding: 15px 15px; color: #4c4c4c; font-size: 15px; margin: 10px 10px;}
.main-class a.on{background: #0099cc; color: #fff;}
.main-class a:hover{background: #0099cc; color: #fff;}

.main-nav { width: 100%; overflow:hidden; box-shadow: 0 0 10px #ccc; }
.main-nav .left-nav {  float: left;  }
.main-nav .left-nav a { float: left; height: 75px;  line-height: 73px; border-bottom: 2px solid #fff; padding: 0 20px; text-align: center; display: block; font-size: 16px; color: black; }
.main-nav .left-nav a:hover{ color: #0099cc;border-bottom: 2px solid #0099cc;  }
.main-nav .left-nav a.on{color: #0099cc; border-bottom: 2px solid #0099cc; }
.main-nav .right-now {  float: right; height: 75px;  line-height: 75px;}
.main-nav .right-now a {  float: left;  font-size: 14px;  color: #999;  transition: color .3s;}
.main-nav .right-now a.hm{background: url("../ico4.png") no-repeat left center; padding-left: 20px;}
.main-nav .right-now i {  width: 6px;  height: 75px;  display: block;  float: left;  background: url(../case26.png) no-repeat center;  margin: 0 8px;}
.main-nav .right-now a.nav{color: #c71c23;}

/*about*/
.main-about{width: 100%; padding: 50px 0; overflow: hidden;}
.main-about .ab-txt{width:100%;  float: left; font-size: 16px; line-height: 28px; color: #747474; text-align: left;}
.main-about .ab-txt p{ width:78%;  margin: auto; font-size: 15px; color: #747474; line-height: 35px; }
.main-about .ab-img{width:100%; float: right; overflow: hidden;  line-height: 25px; margin-top: 50px; color: #444; }
.main-about .ab-img img{max-width:100%; margin: auto;}


.main-gshj{width: 100%; padding: 50px 0; overflow: hidden; background: #f8f8f8;}
.gshj-box-container .gshj-slide{display: block; width: 100%; overflow: hidden;  }
.gshj-box-container .gshj-slide img{max-width: 100%;}

.main-wh{width: 100%; padding: 50px 0; overflow: hidden;}
.main-wh ul{width: 100%; overflow: hidden; margin-top: 40px;}
.main-wh ul li{; float: left; color: #fff; padding: 50px 0; text-align: center;}
.main-wh ul li img{ margin: auto; }
.main-wh ul li h4{ font-size: 22px;line-height: 60px;}
.main-wh ul li h5{ font-size: 22px; color:#0099cc; line-height: 60px;}
.main-wh ul li p{width: 90%; height: 96px; margin: auto;font-size: 14px; line-height: 24px;}
.main-wh ul li span{display: block;height: 96px; width: 90%; margin: auto; font-size: 14px; line-height: 24px; color:#666666; }
.main-wh ul li.blue{background: #0099cc;}
.main-wh ul li.w20{width: 23%;}
.main-wh ul li.w40{width: 31%;}
.main-wh .wh-img{padding-top: 80px;}

/*发展历程*/
.main-lc{width: 100%; margin: 50px 0; overflow: hidden; background: url("../main-lc.jpg") no-repeat center;}
.biz-timeline-box{  width:100%;  margin: 0 auto 45px auto;}
/*奇数 odd*/
.biz-timeline-box:nth-child(odd) .biz_timeline-eventbox{  -webkit-border-radius:  0 40px 40px 0;  -moz-border-radius:  0 40px 40px 0;  border-radius: 0 40px 40px 0;  float:right;}
/*偶数 even*/
.biz-timeline-box:nth-child(even) .biz_timeline-eventbox{  -webkit-border-radius:  40px 0 0 40px;  -moz-border-radius: 40px 0 0 40px;  border-radius: 40px 0 0 40px;  float:left;}
/*奇数 odd*/
.biz-timeline-box:nth-child(odd) .biz_timeline-event{  -webkit-border-radius:0 30px 30px 0;  -moz-border-radius:0 30px 30px 0;  border-radius:0 30px 30px 0;}
/*偶数 even*/
.biz-timeline-box:nth-child(even) .biz_timeline-event{  -webkit-border-radius:  30px 0 0 30px;  -moz-border-radius: 30px 0 0 30px;  border-radius: 30px 0 0 30px; text-align: right;}
.biz-timeline-box:nth-child(odd) .biz_timeline-time{  float:left;  width:47%;  text-align: right;}
.biz-timeline-box:nth-child(even) .biz_timeline-time{  float:right;  width:47%;  text-align: left;}
.biz-timeline-box:nth-child(even) .biz_timeline-node{  float:right;}
.biz-timeline-box:nth-child(odd) .biz_timeline-node{  float:left;}
.biz_timeline-time{  font-size:24px;  color:#c71c23;  font-weight: 600;  line-height:73px;}
.biz_timeline-eventbox{  width:47%; }
.biz_timeline-event{  color:#666;    font-size:16px; padding: 20px 0; line-height: 25px;}
.biz_timeline-node{  width:2%;  height:26px; background: url("../node.png") no-repeat center center; background-size: 100%; margin:20px 2%;}
.biz_longString{  position:absolute;  left:50%;  width:94px;  height:1783px;   background: url("../ls.jpg");  top:-57px;  z-index:10;  margin-left:-47px;}
.biz_timtline-box{  position: relative;  margin-top:100px;}
.biz_timeline{  z-index:20;  position:relative;}
.biz_title{  text-align: center;  margin:0 auto 35px;}
.biz_title h2{  font-size:28px;  color:#0070c0;}
.biz_title p{  color:#eca7a7;  margin-top:15px;}

.main-wh ul li img{    margin: auto;max-width: 100%;}

.main-wh-top{width: 100%;margin-top: 60px; background: #fff; overflow: hidden;}
.scroll_horizontal .ry-list li{float:left;width:259.8px;text-align:center;}
.scroll_horizontal .ry-list li a{width: 92%;  margin:20px auto;  box-shadow: 0 0 10px #ccc;}
.scroll_horizontal .ry-list li img{max-width: 100%; margin: auto;}

.main-wh-bottom-1{width: 100%; margin: 45px 0; background: #fff; overflow: hidden;}
.main-wh-bottom-1 ul{overflow:hidden;width:100%; font-size: 0;}
.main-wh-bottom-1 ul li{display:inline-block; width:25%; text-align:center; vertical-align: top;}
.main-wh-bottom-1 ul li a{display: block; width: 90%; margin:20px auto; box-shadow: 0 0 10px #ccc;}
.main-wh-bottom-1 ul li img{width: 100%; transform: translateZ(0px);transition: transform 0.3s ease 0s; }
.main-wh-bottom-1 ul li a:hover img{transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}

.main-wh-bottom{width: 100%; margin: 45px 0; background: #fff; overflow: hidden;}
.main-wh-bottom ul{overflow:hidden;width:100%; font-size: 0;}
.main-wh-bottom ul li{display:inline-block; width:20%; text-align:center; vertical-align: top;}
.main-wh-bottom ul li a{display: block; width: 90%; margin:20px auto; box-shadow: 0 0 10px #ccc;}
.main-wh-bottom ul li img{width: 100%; transform: translateZ(0px);transition: transform 0.3s ease 0s; }
.main-wh-bottom ul li a:hover img{transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}



.search-box{width: 100%; padding:60px 0; overflow: hidden; background:#fff;}
.search-box ul{width: 100%;}
.search-box ul li{ width: 100%; font-size: 16px; line-height: 40px; border-bottom: 1px solid #ccc; background: url("../case26.png") no-repeat 3px 15px; padding-left: 20px;}
.search-box ul li a:hover{color:#c71c23;}
.search-box .cp-sm{width: 100%; border-bottom: 2px solid #c71c23; margin-top: 50px;}
.search-box .cp-sm span{display: block; width: 150px; height: 40px; font-size: 16px; line-height: 40px; text-align: center; color: #fff; background: #c71c23;}



.main-box{width: 100%; padding: 50px 0 120px 0; overflow: hidden;}
.main-box img{max-width:100%;  margin:20px auto;}
.main-box h3 {width: 90%; padding:20px 5%;  font-size: 36px;  color: #333; text-align: center;   line-height: 60px}

/*新闻中心*/

.main-news{width:100%; overflow: hidden; padding:45px 0  60px 0;  background: #f8f8f8;}
.main-news ul{ width:100%;}
.main-news ul li{ width:33.333%; margin:10px 0; float: left; overflow: hidden; }
.main-news ul li a{display: block;width: 90%; margin: auto; color: #2c2c2c;background: #fff; }
.main-news .news-img{width: 100%; overflow: hidden;}
.main-news .news-img img{width:100%; height: 240px; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.main-news .news-txt{width: 90%; padding: 10px  5%; overflow: hidden;}
.main-news .news-txt h4{font-size: 18px; overflow: hidden; color: #333333; height: 60px; line-height:30px; }
.main-news .news-txt p{font-size: 14px; overflow: hidden; color: #666666; height: 56px; line-height:28px; margin: 5px 0; }
.main-news .news-time{width: 94%; overflow: hidden; line-height: 25px; padding: 10px 3%; border-top: 1px solid #e5e5e5; }
.main-news .news-time span{display: block;font-size: 14px;}
.main-news ul li a:hover .news-time{ background: #0099cc;}
.main-news ul li a:hover img{transform: scale(1.15, 1.15);transition: transform 0.6s ease 0s;}
.main-news ul li a:hover span{ color: #fff;}
.news-detail{width: 100%; background: #f8f8f8; padding: 50px 0; overflow: hidden;}
.news-detail .section{width: 90%; background: #fff; padding: 20px 4%; }
.news-detail h2{ width: 100%; text-align: center; font-size: 30px; color: #000; line-height: 54px; padding: 19px 0;    }
.news-detail .news-time{width: 100%; padding: 10px 0; font-size: 14px; line-height: 24px; border-bottom: 1px solid #e6e6e6; color: #666666; text-align: center;}
.news-detail .news-intro{width: 100%; padding-top: 20px; line-height: 28px; font-size: 14px; color: #333;}
.news-detail .news-intro h3{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.news-detail .news-intro p{padding: 5px 0;}
.news-detail .news-intro img{max-width: 100%; margin:10px auto;}

/*产品中心*/

.main-product {overflow: hidden; padding: 30px 0 20px 0;}
.main-product ul { width: 100%}
.main-product ul li { width: 33.333%; float: left;  margin:15px 0;    overflow: hidden;    position: relative}
.main-product ul li a{display: block; width: 95%; margin: auto;}
.main-product .img-box{position: relative; width: 100%; border: 1px solid #d2d2d2;}
.main-product .img-box .img01{width: 100%; height: 375px;transform: translateZ(0px);transition: transform 0.3s ease 0s; }
.main-product .img-box .img-bj{position: absolute; width: 100%; height:100%; background:url("./../images/img-bj.png"); opacity: 0;visibility: hidden; top: 0; z-index: 10; }
.main-product .img-box .img02{position: absolute; z-index: 11; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px;transition:1s;  -webkit-transition:1s;  -moz-transition:1s;}
.main-product  ul li h2 { font-size: 16px;width: 96%; float: left;  padding: 15px 0  30px 0; color: #333333; text-align: center;    line-height: 30px; }
.main-product ul li a:hover .img01{transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s;}
.main-product ul li a:hover .img02 { -webkit-transform:rotate(360deg) scale(1.5);  -moz-transform:rotate(360deg) scale(1.5);  -ms-transform:rotate(360deg) scale(1.5);  -o-transform:rotate(360deg) scale(1.5);}
.main-product ul li a:hover .img-bj{opacity: 1; visibility: visible;}
.main-product ul li a:hover h2{color: #0099cc;}


.cp-detail-content{width: 100%; padding: 50px 0; overflow: hidden;}

.cp-detail-content .cp-detail-fl{width: 55%; float: left;}
.cp-detail-content .cp-detail-fr{width: 43%; float: right;}
.cp-detail-content .cp-detail-fr h5{ width: 100%;  font-size: 20px; color: #202020; line-height: 30px; margin: 10px 0 30px 0; }
.cp-detail-content .cp-detail-fr p{color: #666666; padding: 5px 5px; background:#fff;font-size: 15px; line-height: 30px;}
.cp-detail-content .cp-detail-fr ul{width: 100%;}
.cp-detail-content .cp-detail-fr ul li{float: left; margin: 10px 30px; }
.cp-detail-content .cp-detail-fr ul li img{max-width:100%; margin:10px auto;}
.cp-detail-content .cp-detail-fr ul li span{display: block;text-align: center; color: #555555; font-size: 16px;}

.cp-detail-content .cp-intro{width: 100%; line-height: 30px; padding: 30px 0; overflow: hidden; font-size: 15px; color: #555;}
.cp-detail-content .cp-intro h3{ color: #333333; font-size: 24px; padding: 10px 0; text-align: center; }
.cp-detail-content .cp-intro em{ display: block; width: 60px; height: 1px; background: #0099cc; margin:15px auto; }
.cp-detail-content .cp-intro img{max-width:100%; margin:10px auto;}
.cp-detail-content .cp-intro .td{width: 100%; overflow: hidden; padding: 20px 0;}
.cp-detail-content .cp-intro .td ul{width: 100%;}
.cp-detail-content .cp-intro .td ul li{background: url("../ld.jpg") no-repeat 0 5px; line-height: 25px; margin: 8px 0; padding-left: 28px;}

.cp-detail-content .cp-intro .jm{width: 100%; overflow: hidden; padding: 20px 0;}
.cp-detail-content .cp-intro .jm-fl{width: 48%; float: left; margin-top: 10px;}
.cp-detail-content .cp-intro .jm-fr{width: 48%; float: right; margin-top: 10px;}
.cp-detail-content .cp-intro .jm-fr ul{width: 100%;}
.cp-detail-content .cp-intro .jm-fr ul li{ line-height: 25px; margin: 8px 20px 8px 0;float: left; }

.cp-detail-content .cp-intro .gg{width: 100%; overflow: hidden; padding: 20px 0;}



/*main-technology*/
.solution-class{width: 100%; text-align: center; border-bottom: 1px solid #e5e5e5; padding: 40px 0;}
.solution-class a{display: inline-block; background: #f7f7f7; padding: 60px 15px  15px 15px; color: #4c4c4c; font-size: 15px; margin: 10px 10px;}
.solution-class a:nth-child(1){background: url("../img03.jpg") no-repeat top center;}
.solution-class a:nth-child(2){background: url("../img04.jpg") no-repeat top center;}
.solution-class a:nth-child(3){background: url("../img05.jpg") no-repeat top center;}
.solution-class a:nth-child(4){background: url("../img06.jpg") no-repeat top center;}
.solution-class a.on{ color: #c71c23;}
.solution-class a:hover{color: #c71c23;}

.main-solution-box{width: 100%; padding:40px 0; overflow: hidden; background: #f8f8f8;}
.main-solution-box .main-solution-fl{width:48%; float: left; overflow: hidden; padding:20px 0;}
.main-solution-box .main-solution-fl h2{color: #202020; font-size: 20px; line-height: 50px;}
.main-solution-box .main-solution-fl p{color: #666666; font-size: 15px; line-height: 35px; margin: 5px 0 75px 0;}
.main-solution-box .main-solution-fl a{display: block;line-height: 48px; color: #fff; font-size: 15px; background: #b22c26; text-align: center; width: 190px;height: 48px; border-radius: 30px; }
.main-solution-box .main-solution-fr{width:48%; float: right; overflow: hidden; padding:20px 0;}
.main-solution-box .main-solution-fr img{max-width: 100%; margin: auto;}


.main-solution{width: 100%; padding: 50px 0; overflow: hidden;}
.main-solution ul{overflow:hidden;width:100%;}
.main-solution ul li{float:left;width:33.333%;text-align:center; margin: 10px 0 30px 0;}
.main-solution ul li a{display: block; width: 90%; margin: auto;}
.main-solution .img-box{border: 1px solid #d2d2d2;}
.main-solution ul li img{width: 100%;  height: 275px; transform: translateZ(0px);transition: transform 0.3s ease 0s; }
.main-solution ul li h4{ color: #4e4e4e; font-size: 15px; line-height: 28px; padding: 10px 0 30px 0; }
.main-solution ul li a:hover img{transform: scale(1.05, 1.05);  transition: transform 0.6s ease 0s;}
.main-solution ul li a:hover h4{color: #c71c23;}


.solution-detail-content{width: 100%; padding: 50px 0; font-size: 15px; line-height: 28px; color: #666; overflow: hidden;}
.solution-detail-content h2{font-size: 24px; color: #c71c23; padding: 15px 0; font-weight: bold;}
.solution-detail-content h4{font-size: 18px; color: #111; padding: 10px 0;font-weight: bold;}
.solution-detail-content h5{font-size: 16px; color: #222; padding: 5px 0;font-weight: bold;}
.solution-detail-content p{font-size: 15px; line-height: 28px; color: #666;}
.solution-detail-content img{max-width: 100%;}
/*联系我们*/
.main-contact{width:100%; overflow: hidden; margin:50px 0;}
.main-contact .con-content{width: 90%; margin: auto; overflow: hidden; }
.main-contact .con-fl{width:48%; float: left; }
.main-contact .con-fl img{max-width: 100%;}
.main-contact .con-fr{width: 48%; float: right; padding-top: 50px; }
.main-contact .con-fr p{font-size: 15px; padding-left: 30px; line-height: 30px; margin:20px 0;color: #444;}
.main-contact .con-fr .adr{ background: url("../adr.jpg") no-repeat left center;}
.main-contact .con-fr .tel{ background: url("../tel.jpg") no-repeat left center;}
.main-contact .con-fr .fax{ background: url("../fax.jpg") no-repeat left center;}
.main-contact .con-fr .mail{ background: url("../mail.jpg") no-repeat left center;}
.main-contact .con-fr .web{ background: url("../web.jpg") no-repeat left center;}

.main-contact-ul{ width: 100%; overflow: hidden; padding: 30px 0; border-top:1px solid #e5e5e5;}
.main-contact-ul ul{width: 100%;}
.main-contact-ul ul li{ width: 31.333%; margin: 20px 1%; float: left;}
.main-contact-ul ul li img{width: 100%;}
.main-contact-ul ul li h4{font-size: 20px; padding: 12px 0; color: #222; }
.main-contact-ul ul li p{font-size: 15px; line-height: 25px; padding:4px 0 4px 35px;  color: #444;}
.main-contact-ul ul li p.tel{ background: url("../tel.jpg") no-repeat left center;}
.main-contact-ul ul li p.adr{ background: url("../adr.jpg") no-repeat left center;}
.main-contact-ul ul li p.mail{ background: url("../mail.jpg") no-repeat left center;}


.main-service{width:100%; overflow: hidden; margin:50px 0;}

.main-service .sh01{background: url("../sh01.jpg") no-repeat; height: 414px; color: #fff; text-align: center;overflow: hidden;}
.main-service .sh01 h3{font-size: 20px; margin-top: 200px;}
.main-service .sh01 p{font-size: 16px; padding: 10px 0;}

.main-service .sh02{background: url("../sh02.jpg") no-repeat;height: 358px; color: #fff; margin-bottom:80px; overflow: hidden; }
.main-service .sh02 ul{width: 100%; margin-top: 50px;}
.main-service .sh02 ul li{ width: 23%; margin: 20px 1%; float: left; text-align: center;}
.main-service .sh02 ul li img{max-width: 100%; margin:5px auto;}
.main-service .sh02 ul li h3{font-size: 18px; padding: 12px 0;}
.main-service .sh02 ul li p{font-size: 16px; line-height: 25px; padding:4px 0; }


.main-service .sh03 dl{width: 48%;float: left;  margin: 10px 1%; line-height: 40px;}
.main-service .sh03 dl dt{width: 15%; float: left; color: #0099cc; font-size: 40px;}
.main-service .sh03 dl dd{width: 82%; float: right;color: #333333; font-size: 16px; height: 80px;}


.main-recruitment{width: 100%; overflow: hidden;  margin-top:50px;}
.main-recruitment ul{width: 100%; background: #0099cc;margin: auto;overflow: hidden;  color: #fff; line-height: 54px; font-size: 18px; }
.main-recruitment ul li{ float: left;}
.main-recruitment ul li.zw{width: 32.333%; padding-left: 1%;}
.main-recruitment ul li.lx{width: 33.333%;}
.main-recruitment ul li.sj{width: 33.333%;}

.list{width: 100%;overflow: hidden;}
.list ul li{ overflow: hidden;background:#fbf9f5; border-bottom:1px solid #e6e6e6;}
.list ul li a{ width: 100%; margin: auto;display: block;height:55px;overflow: hidden;  font-size: 15px; color: #333; line-height: 55px;position: relative;}
.list ul li .zp-t{ width:32.333%;padding-left: 1%; font-size: 15px;  float: left;color: #1d1d1d;}
.list ul li .zp-adr{width:33.333%;float: left; font-size: 15px;  }
.list ul li .zp-time{width:33.333%;float: left; font-size: 15px;  }
.list ul li .inactive{background:url("./../images/x-j.png") no-repeat right center;}
.list ul li .inactives{background:url("./../images/x-j-h.png") no-repeat right center;}
.list ul li ul{display: none; background: #f0f3f8;}
.list ul li ul li {padding: 25px 30px; border:1px solid #e6e6e6; border-top:0; background-color:#fff; font-size: 15px; line-height: 35px; color: #5c5c5c;}
.list ul li ul li h5{font-size: 17px; line-height: 45px; color: #1f1f1f;}
.list .td{padding:0 0 0 30px; }
.list .td:hover{color: #dda645;}

.main-down{width:100%; overflow: hidden; margin:35px 0;}
.main-down .main-down-list{width: 100%;display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;   font-size: 0;  margin: auto; overflow: hidden;}
.main-down .main-down-list li {  width: 48%; margin: 15px 1%; padding:20px ; box-sizing: border-box; line-height: 38px; box-shadow: 0 0 10px #ccc;  position: relative; overflow: hidden}
.main-down .main-down-list li a{width: 70%; box-sizing: border-box; display: -webkit-box;  font-size:16px; color: #212121;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;  overflow: hidden;  margin: 15px 0;float: left; position: relative; padding-left: 45px; }
.main-down .main-down-list li a:before{display: block; content: ''; width: 31px; height: 37px; float:left ; background: url("../pdf.png") no-repeat; position: absolute; left: 0; top: 0;}
.main-down .main-down-list li span{width: 25%;box-sizing: border-box;float: right; display: -webkit-box; font-size:18px; color: #777777;   -webkit-box-orient: vertical;  -webkit-line-clamp: 1;   margin: 15px 0;  overflow: hidden; }
.main-down .main-down-list li:hover{background: #c71c23;}
.main-down .main-down-list li:hover a {    color: #fff}
.main-down .main-down-list li:hover span {    color: #fff}




.qt-pagination{ width:94%; margin:auto; overflow:hidden; padding:30px 0; text-align:center;}
.qt-pagination a{ background-color: #fff;border: 1px solid #e3e3e3;padding: 0 10px;margin-right: 3px; min-width: 30px;  height: 30px;  line-height: 30px;   display: inline-block;   text-align: center;}
.qt-pagination .pages{ background:#c71c23; color:#fff;}





.foot-box{width: 100%; background:#111; padding:50px 0 70px 0;overflow: hidden;}
.foot-box .foot-menu{ float: left;}
.foot-box .foot-menu ul{ margin-right:120px;float: left;}
.foot-box .foot-menu ul h3{ font-size:20px; line-height: 60px; color: #fff;}
.foot-box .foot-menu ul li{padding-left: 16px; line-height: 30px; font-size: 15px;}
.foot-box .foot-menu ul li a{ color: #cccccc;}
.foot-box .foot-menu ul li a:hover{color: #0099cc;}
.foot-box .foot-contact{ float: right;  }
.foot-box .foot-contact h3{ font-size:23px; line-height: 60px; color: #fff;}
.foot-box .foot-contact p{width: 100%; line-height: 30px; color: #cccccc; font-size: 14px; padding-left: 28px;}
.foot-box .foot-contact p.tel{background: url("../icon02.png") no-repeat left center;}
.foot-box .foot-contact p.adr{background: url("../icon01.png") no-repeat left center;}
.foot-box .foot-contact p.mail{background: url("../icon04.png") no-repeat left center;}
.foot-box .foot-contact p.fax{background: url("../icon03.png") no-repeat left center;}

.footer{width: 100%; color: #7f7f7f; background:#323232; border-top: 1px solid #494949; line-height: 25px; padding: 15px 0; overflow: hidden;}
.footer a{color: #7f7f7f;}




@media (min-width:1025px){
	/*.swiper-slide img{height:32rem;width:100%;}
	.swiper-slide-active img{ height:28rem}
	*/
}


@media (max-width:1024px){

    .header{z-index: 9999; background: #fff;position: fixed; top:0;}
    .header .section{width: 100%;}
    .m_menu{ display:block;}
    .header .menu { position:absolute; left:0; top:70px; background:#0099cc; width:100%; display:none;z-index: 999;}
    .header .menu ul li{ width:100%; border-bottom:1px solid #0099dd; text-align: center;}
    .header .menu ul li a{ padding:0; line-height: 40px; color: #fff;}
	.header .menu ul li a:hover{ padding:0; line-height: 40px; color: blue;}
    .header .menu li .drop ul{ width:100%; padding:0;}
    .header .menu li .drop{width: 100%; position:static;}
    .header .menu li .drop .hide{ display:none;}
    .header .menu li .drop li{ width:100%; text-align:center;  box-sizing:border-box; border:none;}
    .header .logo{padding: 10px 8px;}
    .header .logo img{ height: 50px;}
    .b-search{display: none;}
    .i-title h2{font-size: 28px;}
    .i-title p{font-size: 24px;}
    .main-about .ab-l h4{font-size: 24px;}
    .scroll_horizontal{position:relative;width:900px; }
    .scroll_horizontal .box{width:900px;}
    .scroll_horizontal .list li{width:300px;}
    .banner{ margin-top: 105px;}
    .main-box h3{font-size: 24px;}
    .banner{height:10rem; padding-top: 21%; margin-top: 71px;}
    .ab-ban{background-size: cover;}
    .cp-ban{background-size: cover;}
    .solution-ban{background-size: cover;}
    .cn-ban{background-size: cover;}
	.job-ban{background-size: cover;}
    .hz-ban{background-size: cover;}
    .zs-ban{background-size: cover;}
    .news-ban{background-size: cover;}
    .foot-box .foot-contact{display: none;}
		.foot-menu ul:first{
		display:none
	}
	
	.swiper-slide img{height:18rem;width:100%;}
	.swiper-slide-active img{ height:18rem}
	
	.productCenter{
		display:none
	}

    .foot-box{padding: 25px 0;}

    .main-class .section{ 
	height: 150px; 
	/**
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap; 
	**/
	}
    .main-class .section::-webkit-scrollbar {display:none}
    .main-class .section a{  
	display: inline-block; 
	width: auto; 
	padding: 10px 10px; 
	margin: 2px;  
	
	}


}





@media (max-width:1200px){
    .i-adv{font-size: 25px;}
    .n-title span{font-size: 28px;    width: 150px;    margin-left: -75px;}
    .cp-detail-content .cp-detail-fl{width: 100%;}
    .cp-detail-content .cp-detail-fr{width: 100%; margin-top: 40px;}
    .cp-detail-content .cp-detail-fr h5{text-align: center;}
    .cp-detail-content .cp-detail-fr p{text-align: center;}
    .cp-detail-content .cp-detail-fr ul{max-width: 265px; margin: auto;}
}

@media (max-width:1120px){
    .scroll_horizontal{position:relative;width:768px; }
    .scroll_horizontal .box{width:768px;}
    .scroll_horizontal .list li{width:256px;}
}



@media (max-width:1024px){
    .main-solution-box .main-solution-fl{width: 100%;}
    .main-solution-box .main-solution-fr{width: 100%;}
}

@media (max-width:999px){

    .about-box .about-fl{width: 100%;}
    .about-box .about-fl img{margin: auto;}
    .about-box .about-fr{width: 100%; margin-top: 20px;}
    .main-product ul li{width: 50%;}
    .main-news ul li{width: 50%;}
    .main-solution ul li{width: 50%;}
}

@media (max-width:856px){

    .main-news ul li{width: 50%;}
    .scroll_horizontal{position:relative;width:500px; }
    .scroll_horizontal .box{width:500px;}
    .scroll_horizontal .list li{width:250px;}
    .main-contact .con-fl{width: 100%;}
    .main-contact .con-fr{width: 100%;}
    .main-contact-ul ul li{width: 48%;}
}



/*banner媒体查询*/

@media (max-width:768px){
    .i-adv{width: 90%;font-size: 14px;padding:40px 5%;}
    .scroll_horizontal .list li h4{    font-size: 16px;}
    .about-box .about-fr h4{font-size: 22px;}
    .main-nav .right-now{display: none;}
    .main-nav .left-nav{width: 100%;  line-height: 50px; height: 50px;  overflow-x: scroll; overflow-y: hidden; white-space: nowrap; }
    .main-nav .left-nav::-webkit-scrollbar {display:none}
    .main-nav .left-nav a{display: inline-block; float: none;  width: 15%;line-height: 48px; height: 48px;  padding:  0 10px; margin: 0 10px 0 0;  font-size: 16px; color: #000;  }
    .n-title h2{font-size: 20px;}
    .n-title p{font-size: 15px;}


    .cp-detail-content .cp-intro .jm-fl{width: 100%;}
    .cp-detail-content .cp-intro .jm-fr{width: 100%;}
}





@media (max-width:658px){

  .cp-detail-content .cp-intro .table-box {
  	width: auto;
  
  	overflow-x: scroll;
  	overflow-y: hidden;
  	white-space: nowrap;
  }
  
  .cp-detail-content .cp-intro .table-box table {
  	min-width: 700px;
  }
  
  
    .scroll_horizontal{position:relative;width:300px; }
    .scroll_horizontal .box{width:300px;}
    .scroll_horizontal .list li{width:300px;}
    .about-box h3{font-size: 25px;}
    .about-box a{    line-height: 30px;  font-size: 14px;  margin: 10px 0;  width: 120px;  height: 30px;}
    .about-box em{ margin:10px 0;}
    .about-box p{    font-size: 14px;}
    .footer{text-align: center; }
    .footer .fr{width: 100% ; display: block;}
    .foot-box .foot-menu{display: none;}
    .main-wh ul li.w20{width: 100%; border: 1px solid #eee; box-sizing: border-box;}
    .main-wh ul li.w40{width: 100%; border: 1px solid #eee; box-sizing: border-box;}
    .foot-box .foot-contact{display:block; width: 100%;}
	.main-wh-bottom-1 ul li{width: 50%;}
    .main-wh-bottom ul li{width: 50%;}
    .main-contact-ul ul li{width: 98%;}
    .main-product ul li{width: 100%;}
    .main-product .img-box .img01{height: auto;}

    .main-about .ab-txt p{width: 100%;}

    .main-news ul li{width: 100%;}
    .main-news .news-img img{height: auto;}
    .main-nav .left-nav{float: left;}
    .main-solution ul li{width: 100%;}
    .main-solution ul li img{height: auto;}
    .solution-class .section{  overflow-x: scroll; overflow-y: hidden;white-space: nowrap; }
    .solution-class .section::-webkit-scrollbar {display:none}
    .solution-class .section a{  display: inline-block;  margin: 0 10px 0 0;   }

    .list ul li .zp-t,.main-recruitment ul li.zw{width: 39%;}
    .list ul li .zp-adr,.main-recruitment ul li.lx{width: 60%;}
    .list ul li .zp-time,.main-recruitment ul li.sj{display: none;}
    .main-service .sh01{height: 220px;}
    .main-service .sh01 h3{    margin-top: 60px;}
    .main-service .sh02 ul li{width: 44%;    margin: 10px 3%;}
    .main-service .sh02 ul{    margin-top: 10px;}
    .main-service .sh02 ul li h3{   padding: 5px 0; font-size: 15px;}
    .main-service .sh02 ul li p{font-size: 14px;}
    .main-service .sh02 ul li img{height: 40px;}
    .main-service .sh03 dl{width: 98%;}
    .main-service .sh03 dl dt{font-size: 30px;}
}



@media (max-width:525px){



}



@media (max-width:850px){

.drop{
	display:none!important;
}



}