@charset "gb2312";
/* CSS Document */
/*css初始???*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, th, td, em{margin: 0; padding: 0; border: 0; list-style: none;}
h3{font-weight: normal;}
body{font-family: "Microsoft YaHei", "微软雅黑","Heiti SC","黑体-简"; font-size: 14px; line-height: 1.5;}
ul, ol{list-style: none;}
li{list-style: none;}
a{list-style: none; text-decoration: none; color: white;}

em{font-style: normal;}
/*头部*/
.box{ max-width:1200px; margin:0 auto;}
.wrap{ max-width:1600px; margin:0 auto;}
.box1{ max-width:1600px; margin:0 auto;}
.index-good{margin-top: 880px;}
.index-news{ width:100%;background:url(../images/ico2.png) repeat; height:900px; }
.index-news .wrap{overflow: inherit;}
.index-news .htitle{font-size: 40px; padding-top:60px;}
.index-news .row{margin-top: 20px;}
.index-news .js_tab2{width: 252px; margin: 0 auto;margin-top: 30px;}
.index-news .js_tab2 p{background: #fff; float: left;font-size: 24px; color: #3e4355; text-align: center; border-radius: 8px;line-height: 40px; cursor: pointer; margin: 0 10px;}
.index-news .js_tab2 p.active{background: #f14918;background-image: linear-gradient(to bottom,#ff7e00, #d62926); color: #fff; padding: 0 10px;}
.index-news .right{float: right;width: 100%; background: #fff; padding: 40px 5px 20px 5px; box-shadow: 0px 0px 12px #ccc; border-radius: 15px; margin-top: 20px;}
.index-news .js_tab_detail2 .top00 .list{width: 45%; float: left; margin: 0 2.5%;}
.index-news .js_tab_detail2 .top00 .img{width: 230px;height: 155px;float: left;}
.index-news .js_tab_detail2 .top00 .img img{border-radius: 5px;}
.index-news .js_tab_detail2 .top00 .r{width: 450px; float: right;}
.index-news .js_tab_detail2 .top00 .r .tt{margin-top: 8px;}
.index-news .js_tab_detail2 .top00 .r .tt a{color: #020746;font-size: 20px; font-weight: bold; transition: .5s; line-height: 1.5;}
.index-news .js_tab_detail2 .top00 .r .tt:hover a{color: #ff3d3d;}
.index-news .js_tab_detail2 .top00 .r .desc{margin-top: 10px; color: #888aa1; height: 48px; overflow: hidden;}
.index-news .js_tab_detail2 .top00 .r .date{color: #383a4c;}
.index-news .js_tab_detail2 .top00 .r .date:before{width: 17px; height: 17px; background: url(../images/ico42.png) no-repeat; background-size: cover; display: inline-block; content: ""; margin-right: 6px; position:relative; top: 3px; margin-top: 10px;}
.index-news .js_tab_detail2 ul{margin-top: 20px; }
.index-news .js_tab_detail2 ul li{width: 45%; float: left; margin: 10px 2.5%;  padding-bottom: 13px;}
.index-news .js_tab_detail2 ul li:nth-child(1){border-bottom: none;}
.index-news .js_tab_detail2 ul li:nth-child(11){border-bottom: none;}
.index-news .js_tab_detail2 ul li:nth-child(12){border-bottom: none;}
.index-news .js_tab_detail2 ul li a{width: 80%; display: inline-block; font-size: 17px; color: #020746; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .5s;}
.index-news .js_tab_detail2 ul li a:before{background: url(../images/ico38.png) no-repeat; width: 20px; height: 20px; content: ""; display: inline-block; background-size: cover; margin-right: 10px; position: relative; top: 5px;}
.index-news .js_tab_detail2 ul li:hover a{color: #ff3d3d;}
.index-news .js_tab_detail2 ul li p{line-height: 24px; margin: 5px 0 10px 0; color: #87899c;}
.index-news .js_tab_detail2 ul li i{color: #383a4c; display: block;}

 


.homefour{clear:both; position:relative; background:url(../images/homefourbg01.jpg) no-repeat center top #090909; padding:72px 0px 48px 0px; }
.homefour .homefourpic{width:358px;position:absolute;left:50%; bottom:0px; z-index:1; margin-left:-562px; }
.homefour .hometit p,.homefour .hometit h2{color:#fff; }
.homefour .container{margin-top:55px; position:relative; height:304px; background:url(../images/homefourbg02.png) no-repeat right top; height:304px; background-size:1000px 304px; padding-left:290px;
    filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../images/homefourbg02.png', sizingMethod='scale');
    -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../images/homefourbg02.png', sizingMethod='scale');}
.homefour .homefourtit{color:#fff; font-size:12px; padding:15px 0px 15px 35px; display:inline-block; position:relative; }
.homefour .homefourtit:after{content:''; position:absolute; right:-106px; top:25px; width:100px; height:8px; background:url(../images/homefourpic03.png) no-repeat right center; }
.homefour ul{padding:39px 0px 25px 0px; }
.homefour ul li{float:left; line-height:20px; text-align:center; width:150px; margin-right:26px; position:relative; padding:22px 10px; font-size:12px; }
.homefour ul li i{clear:both; display:block; text-align:center; font-style:normal; padding-bottom:10px; }
.homefour ul li i img{height:28px !important; display:inline-block; vertical-align:bottom; margin-right:5px; width:auto; }
.homefour ul li:after,.homefour ul li:before{content:''; position:absolute; border-style:solid; border-color:#cf2423; }
.homefour ul li:after{border-width:1px; left:0px; bottom:0px; right:5px; top:5px; }
.homefour ul li:before{border-width:2px; right:0px; top:0px; bottom:5px; left:5px; }
.homefour .homefourtxt{font-size:12px; line-height:20px; padding:0px}



    .homefour{padding:113px 0px 79px 0px; }
    .homefour .homefourpic{margin-left:-900px; width:571px;}
    .homefour .container{margin-top:86px;background-size:1600px 487px;height:487px;padding-left:464px;}
    .homefour .homefourtit{font-size:18px; padding:34px 0px 15px 60px; }
    .homefour .homefourtit:after{width:178px; right:-190px; top:45px; }
    .homefour .homefourtxt{font-size:18px; line-height:32px; padding-left:43px; padding-right:30px; }
    .homefour ul{padding:90px 0px 50px 0px; }
    .homefour ul li{font-size:18px; padding:22px 10px; margin-right:42px; width:232px; }
    .homefour ul li i{padding-bottom:20px; }
    .homefour ul li i img{height:45px !important; margin-right:10px; }
    /*模块五*/


.wrap11{width:1400px;margin:0 auto;  overflow:hidden}

.index-categary{margin-top: 80px;}
.htitle{text-align: center; font-weight: bold;color: #3e4355;}
.htitle:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 34px; height: 29px; display: inline-block; margin-right: 15px;}
.bigtips{text-align: center; font-size: 18px; margin-top: 25px; color: #4e597b;}
.index-categary h3{position: relative;font-size: 46px;}
.index-categary h3 img{margin-right: 20px;}
.index-categary h3:after{position: absolute; top: -10px; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 82px; color: #f4f5fa; z-index: -1;}
.index-categary .container{background:url(../images/ico2.png) repeat; margin-top: 40px;}
.index-categary .container ul li{float: left; width: 20%; text-align: center;}
.index-categary .container ul li img{text-align: center;}
.index-categary .container ul li p a{display: block; font-size: 20px; margin-top: 5px; transition: .5s;}
.index-categary .container ul li:hover p a{color: #ff3d3d;}
.index-categary .wrap11{ padding: 43px 0 50px 0;}
.index-categary .wrap11 img{width: 80%}
.index-tuijian{background: #f0f3fa; padding: 65px 0 65px 0;}
.index-tuijian .htitle, .index-anli .htitle{font-size: 40px;}
.index-tuijian .content{height: 601px; margin-top: 45px; background:url(../images/p17.jpg) no-repeat center center; position: relative;}
.index-tuijian .top{padding: 0 130px; overflow: inherit;}
.index-tuijian .smallimg{position: relative;}
.index-tuijian .js_tab{position: absolute; top: 360px; left: 0; z-index: 999;}
.index-tuijian .js_tab li{float: left; text-align: center; padding: 15px 15px; transition: .5s;}
.index-tuijian .js_tab li p{color: #fff;}
.index-tuijian .js_tab li.active{ background: #335082; padding: 13px 13px; border: 2px solid #f3650b; border-radius: 10px; transition: .5s;}
.index-tuijian .js_tab_detail{padding-top: 65px;}
.index-tuijian .js_tab_detail .left{width: 700px; float: left;}
.index-tuijian .js_tab_detail h3{font-size: 42px; color: #fff;}
.index-tuijian .js_tab_detail h3 a{color: #fff;}
.index-tuijian .js_tab_detail h3:before{background: url(../images/ico56.png) no-repeat;width: 58px; height: 44px; content: ""; display: inline-block; position: relative; top: 8px; margin-right: 25px;}
.index-tuijian .js_tab_detail p.tips{font-size: 16px; color: #c3cfe8; line-height: 30px; margin-top: 40px;}
.index-tuijian .js_tab_detail .info{margin-top: 26px;}
.index-tuijian .js_tab_detail .info p{float: left; font-size: 20px; color: #fff; margin-right: 60px;}
.index-tuijian .js_tab_detail .info p i{color: #e1d584;}
.index-tuijian .js_tab_detail .info p:before{width: 28px; height: 28px; display: inline-block; content: "";position: relative; top: 7px; margin-right: 15px;}
.index-tuijian .js_tab_detail .info p.jl:before{background: url(../images/ico53.png) no-repeat;}
.index-tuijian .js_tab_detail .info p.cl:before{background: url(../images/ico54.png) no-repeat;}
.index-tuijian .js_tab_detail .right{width: 560px; float: right;}
.index-tuijian .js_tab_detail .right a{display: block; width: 192px; height: 46px; line-height: 42px; background: #f14918;background-image: linear-gradient(to bottom,#ff7e00, #d62926); text-align: center; font-size: 24px; color: #fff; font-weight: bold; border-radius: 10px; margin: 30px 0 0 220px;}
.index-tuijian .js_tab_detail .right a img{margin-left: 10px;}
.tuijian-ul{margin-top: 120px;}
.tuijian-ul .wrap{overflow: inherit;}
.tuijian-ul ul li{float: left; width: 22%; margin: 0 1.5%; background: #fff url(../images/ico59.png) no-repeat; background-size: cover; border-radius: 10px; box-shadow: 0px 0px 12px #aaa; padding-bottom: 35px;}
.tuijian-ul .bigimg{text-align: center; display: block; position: relative; margin-top: -70px;}
.tuijian-ul .bigimg h4{font-size: 20px; font-weight: bold; color: #11326f; margin-top: 10px; transition: .5s;}
.tuijian-ul .info{margin: 14px 0 0 65px;}
.tuijian-ul .info p{color: #333333; font-size: 16px; line-height: 30px;}
.tuijian-ul .info p:before{width: 19px; height: 19px; content: ""; display: inline-block; position: relative; top: 4px; margin-right: 10px;}
.tuijian-ul .info p:nth-child(1):before{background: url(../images/ico58.png) no-repeat;}
.tuijian-ul .info p:nth-child(2):before{background: url(../images/ico57.png) no-repeat;}
.tuijian-ul .more{position: relative;}
.tuijian-ul .more a{display: block; position: absolute; bottom: -52px; width: 148px; height: 33px; left: 0; right: 0; margin: 0 auto;line-height: 32px; background: #f14918;background-image: linear-gradient(to bottom,#ff7e00, #d62926);text-align: center; font-size: 18px; color: #fff; border-radius: 10px; transition: .5s;}
.tuijian-ul ul li:hover .more a{width: 170px;}
.tuijian-ul ul li:hover .bigimg h4{color: #ff3d3d;}
.index-anli{background-size: cover; padding: 70px 0 70px 0;}
.index-anli .wrap{overflow: inherit}
.index-anli ul li{width: 29%; margin: 0 2%; margin-top: 80px; float: left;background: #fff;-webkit-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); -moz-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); transition: .5s; border-radius: 10px;}
.index-anli ul li:hover{background: #f0f3fa;}
.index-anli ul li .bigimg{padding-right: 14px;position: relative;}  
.index-anli ul li .bigimg img{position: relative; top: -32px;}
.index-anli ul li .bigimg:after{content: ""; position: absolute; right: 0px; top: -17px; width: 14px; height: 323px; z-index: 999; background: #10367e;background-image: linear-gradient(to bottom,#162d58, #103d92); }
.index-anli ul li h4{font-size: 24px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 20px;}
.index-anli ul li h4 a{color: #3e4355;}
.index-anli ul li .box{padding: 0 30px 30px 30px; margin-top: -10px;}
.index-anli .box .ico{font-size: 16px; color: #555; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-anli .box .ico img{position: relative; top: -2px; display: inline-block;margin-right: 10px; width: 20px;}
.index-anli .box  .more a{display: block; text-align: center; font-size: 17px; color: #fff; font-weight: bold;line-height: 50px; width: 148px; height: 55px; background: #b93c41;background-image: linear-gradient(to right,#cc6c0e, #d62926); border-top-left-radius: 15px; border-bottom-left-radius: 15px; border: 3px solid #fff; float: right; margin-top: 30px; transition: .5s;}
.index-anli .box  .more img{width: 20%; position: relative; top: -2px;}
.index-anli ul li:hover .box .more a{width: 170px;}


.common-fuwu{background: url(../images/fuwubg.jpg) no-repeat center center; background-size: cover; height:450px;padding: 50px 0;}
.common-fuwu .wrap{overflow: inherit;}
.common-fuwu h3{text-align: center; font-size: 40px; color: #fff; position: relative; z-index: 999;}
.common-fuwu h3:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 34px; height: 29px; display: inline-block; margin-right: 15px;}
.common-fuwu h3:after{position: absolute; top: 20px; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 50px; color: #414b61;  z-index: -1}
.common-fuwu ul{margin-top: 70px;}
.common-fuwu ul li{float: left; width: 20%; text-align: center; }
.common-fuwu ul li img{width: 60%;}
.common-fuwu ul li p{ font-size: 18px;color: #fff; font-weight: bold; line-height: 1.7; margin-top: 15px;}










.index-about{  clear: both; overflow: hidden; padding-bottom: 70px;  background:url(../images/bg-about01.jpg) top center no-repeat; }
.index-about ul{ clear: both; overflow: hidden; margin-top:60px; margin-left: -2%; }
.index-about ul li{ float: left; color: #FFF; width: 24%; width: 23%\0; margin-left: 2%; padding: 0 2%; box-sizing: border-box; border-right: 1px solid #4B494F; }
.index-about ul li h3{ font-size: 26px; font-weight: normal; height: 76px; line-height: 38px; overflow: hidden; margin-bottom: 20px; }
.index-about ul li p{ font-size: 14px; height: 80px; line-height: 26px; overflow: hidden; margin-bottom: 60px; }
.index-about ul li b{ display: block; text-align: center; font-size: 56px; }
.index-about ul li b font{ font-size: 14px; }
.index-about ul li:first-child{ padding-left: 0; }
.index-about ul li:last-child{ padding-right: 0; border-right: none; width: 19%;}

.index-rec{ clear: both; overflow: hidden; padding-bottom: 70px; margin-top: 70px; background:url(../images/bg-pro.jpg) top center no-repeat; }
.names span{ color: rgba(255,255,255,0.1);text-align:center; margin-top:60px; font-size:36px; font-weight:bold; }
.index-name h1{position: absolute; left: 42.5%; top: 44px; color: #222; text-align: center; font-size: 38px; font-weight: normal;}
.index-name h2{ text-align:center; margin-top:60px; font-size:36px; font-weight:bold;}
.names h2{color: #FFF;}
.boxs {
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
    _zoom: 1;
    zoom: 1;
}



.common-fuwu{background: url(../images/fuwubg.jpg) no-repeat center center; background-size: cover; height:450px;padding: 50px 0;}
.common-fuwu .wrap{overflow: inherit;}
.common-fuwu h3{text-align: center; font-size: 40px; color: #fff; position: relative; z-index: 999;}
.common-fuwu h3:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 34px; height: 29px; display: inline-block; margin-right: 15px;}
.common-fuwu h3:after{position: absolute; top: 20px; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 50px; color: #414b61;  z-index: -1}
.common-fuwu ul{margin-top: 70px;}
.common-fuwu ul li{float: left; width: 20%; text-align: center; }
.common-fuwu ul li img{width: 60%;}
.common-fuwu ul li p{ font-size: 18px;color: #fff; font-weight: bold; line-height: 1.7; margin-top: 15px;}



.index-pro li .box span img {
    /* width: 100%; */
}

.index-pro ul li:hover strong a {
    color: #e61e37;
    transition: all 0.6s;
}

.index-pro ul li:hover .box a img {
    margin-left: -15px;
    transition: all 0.6s;
}



.index-pro-list .pic,
.index-solution .pic,
.index-new .pic {
    text-align: center;
    display: block;
    margin: 0 auto; 
}

.index-pro-list h1,
.index-solution h2,
.news-shadow h2,
.index-new h2 {
    font-size: 38px;
    text-align: center;
    font-weight: bold;
    margin-top: -50px
}

.index-pro-list h1 img,
.index-solution h2 img,
.index-new h2 img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -10px
}

.index-pro-list .tit,
.index-solution .tit,
.index-new .tit {
    text-align: center;
    font-size: 18px;
    color: #555f7d;
    margin-top: 20px;
}

.index-pro-list .tit a {
    font-size: 18px;
    color: #555f7d;
}

.index-pro-list .tit a:hover {
    color: #e61e37;
}



.index-pro-list li {
    float: left;
    width: 22.5%;
    margin-left: 2.5%;
    margin-top: 35px;
}

.index-pro-list li .pro-img {
    box-sizing: border-box;
    -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    background: #3498db;
    border-bottom-right-radius: 20px;
    position: relative;
    z-index: 5;
    overflow: hidden;
    padding-top: 75%;
}

.index-pro-list li .pro-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.index-pro-list li .pro-img img {
    opacity: .95;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.index-pro-list li .pro-img:hover img {
    opacity: .4;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.index-pro-list li:hover .pro-img:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}

.index-pro-list li .pro-img img {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
}

.index-pro-list li h3 {
    background: #4b556e;
    text-align: center;
    margin-top: -20px
}



.index-pro-list li:hover h3 a {
    color: #e61e37;
    transition: all 0.6s;
}

.index-pro-list li .box {
    background: url(../pcimages/products_bot.png) no-repeat;
    width: 101.5%;
    background-size: 100% 100%;
    margin-left: -2px;
    padding: 15px 0 25px 30px;
    box-sizing: border-box;
}

.index-pro-list .box p {
    margin-top: 10px;
    font-size: 16px;
    color: #4b556e;
}

.index-pro-list .box p img {
    width: 18px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.index-pro-list .box p span {
    font-size: 16px;
    color: #e61e37;
}

    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}
.index-pro {
    margin: 30px auto;
}

.index-pro ul {
    width: 99%;
    overflow: hidden
}

.index-pro ul li {
    float: left;
    background: url(../images/index_cp_bg.png) no-repeat;
    width:19%;
    margin-left: 1%;
    padding: 25px 1.5% 25px 2%;
    box-sizing: border-box;
}

.index-pro ul li strong a {
    font-size: 26px;
    color: #001554;
    display: block;
    margin-bottom: 20px;
}

.index-pro ul li p {
    font-size: 16px;
    color: #555f7d;
    line-height: 28px;
    padding-right: 25px;
    text-align: justify;
    margin-bottom: 25px;
}

.index-pro li .box a {
    float: left;
    display: block;
   
}

.index-pro li .box a img {

    transition: all 0.6s;
}

.index-pro li .box span{ margin-right:5px;}


.index-pro ul li:hover strong a {
    color: #e61e37;
    transition: all 0.6s;
}

.index-pro ul li:hover .box a img {
    margin-left: -15px;
    transition: all 0.6s;
}

.index-pro-list {
    background: #f0f3fa;
}

.
.index-pro-list .pic,
.index-solution .pic,
.index-new .pic {
    text-align: center;
    display: block;
    margin: 0 auto;
}


.index-pro-list h1 img,
.index-solution h2 img,
.index-new h2 img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -10px
}

.index-pro-list .tit,
.index-solution .tit,
.index-new .tit {
    text-align: center;
    font-size: 18px;
    color: #555f7d;
    margin-top: 20px;
}

.index-pro-list .tit a {
    font-size: 18px;
    color: #555f7d;
}

.index-pro-list .tit a:hover {
    color: #e61e37;
}

.index-pro-list ul {
    overflow: hidden;
    margin-left: -2.5%;
}

.index-pro-list li {
    float: left;
    width: 22.5%;
    margin-left: 2.5%;
    margin-top: 35px;
}

.index-pro-list li .pro-img {
    box-sizing: border-box;
    -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    background: #3498db;
    border-bottom-right-radius: 20px;
    position: relative;
    z-index: 5;
    overflow: hidden;
    padding-top: 75%;
}

.index-pro-list li .pro-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.index-pro-list li .pro-img img {
    opacity: .95;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.index-pro-list li .pro-img:hover img {
    opacity: .4;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.index-pro-list li:hover .pro-img:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}

.index-pro-list li .pro-img img {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
}

.index-pro-list li h3 {
    background: #4b556e;
    text-align: center;
    margin-top: -20px
}

.index-pro-list li h3 a {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 38px 0 18px;
    display: block;
    transition: all 0.6s;
}

.index-pro-list li:hover h3 {
    background: #05163f;
    transition: all 0.6s;
}

.index-pro-list li:hover h3 a {
    color: #e61e37;
    transition: all 0.6s;
}

.index-pro-list li .box {
    background: url(../images/products_bot.png) no-repeat;
    width: 101.5%;
    background-size: 100% 100%;
    margin-left: -2px;
    padding: 15px 0 25px 30px;
    box-sizing: border-box;
}

.index-pro-list .box p {
    margin-top: 10px;
    font-size: 16px;
    color: #4b556e;
}

.index-pro-list .box p img {
    width: 18px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.index-pro-list .box p span {
    font-size: 16px;
    color: #e61e37;
}



.index-solution { width:100%;
    padding: 50px 45px 50px 55px;
}

.index-solution ul {
    margin-left: -3%;
    box-sizing: border-box;
    margin-top: 40px;
}

.index-solution ul li {
    float: left;
    width: 30.333%;
    margin-left:1%;
    position: relative;
}

.index-solution .box {
    padding: 25px 40px 45px 0;
    box-sizing: border-box;
    position: relative;
    background: url(../images/index_case_bg.png) no-repeat right top;
}

.index-solution .box a {
    display: block;
    overflow: hidden;
    position: relative;
    padding-top: 62%;
}

.index-solution .box img {
    width: 100%;
    transition: all 0.6s ease;
    position: absolute;
    top: 0;
    left: 0;
}

.index-solution ul li .box:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index-solution .box-bot {
    margin-top: 30px;
}

.index-solution .box-bot h3 {
    margin-bottom: 20px;
    width: 90%;
}

.index-solution .box-bot h3 a {
    font-size: 26px;
    color: #05163f;
    font-weight: bold;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap
}

.index-solution li:hover a {
    color: #e61e37;
}

.index-solution .box-bot p {
    font-size: 18px;
    color: #4b556e;
    margin-top: 10px;
}

.index-solution .box-bot p img {
    width: 22px;
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 5px;
}

.index-solution .box-bot p span {
    color: #e61e37;
    font-size: 18px;
}

.index-solution ul li .more {
    position: absolute;
    right: 10px;
    bottom: 5px
}





.main-tit{ width: 80%; margin: 0 auto;}
.main-tit h1{ color: #333; font-size: 36px; text-align: center; line-height: 1.1; margin-top:30px;}
.main-tit p{ color: #333; font-size: 16px; text-align: center; line-height: 30px; margin: 20px 0 30px;}
.index-type{ max-width:1400px; margin:0 auto;}
.index-type ul{ position: relative;}
.index-type ul:before{ content: ''; position: absolute; left: 92px; top: -290px; width: 20px; height: 290px; background: url(../images/type-line.png) no-repeat center;}
.index-type ul:after{ content: ''; position: absolute; right: 92px; top: -290px; width: 20px; height: 290px; background: url(../images/type-line.png) no-repeat center;}
.index-type li{ float: left; width: 17.5%; height: 254px; text-align: center; margin-right: 2.6%; margin-right: 2.1%\0; background: url(../images/type-bg.png) no-repeat center;}
.index-type li:last-child{ margin-right: 0;}
.index-type li img{ margin: 16px auto; transition:all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.index-type li:hover a{ color: #FF8000;}
.index-type li:hover a img{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px);}
.index-type li p a{ display: block; color: #333; font-size: 20px; font-weight: bold; text-align:center;}
.index-type li p a:hover{ color: #FF8000;}
.wp{ max-width:1600px; margin:0 auto;  }
.cp-tit h2{ text-align:center;}
.cp-tit h2 a{font-size:38px;color:#000; text-align:center;}
.cp-tit h2::before{content:"";display:inline-block;vertical-align:middle;width:104px;height:12px;background:url(../images/cp-ico2.png) center no-repeat;margin-right:20px}
.cp-tit h2::after{content:"";display:inline-block;vertical-align:middle;width:104px;height:12px;background:url(../images/cp-ico1.png) center no-repeat;margin-left:20px}




.m6{ background:url(../images/m6.jpg) no-repeat center top; height:600px;  color:#ffffff;}
.m6 .mat{ padding-top:80px;}
.m6 .mat h2{ font-size:24px; text-align:center;}
.m6 .mat p{ font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#636a79; text-align:center; line-height:25px;}
.m6txt{  width:90%; margin:0 auto; margin-bottom:50px;}
.m6txt p{text-indent:28px; font-size:14px; line-height:32px; }
.m6c{ overflow:hidden;}

.m6c li{ width:23%; float:left; margin:0 1%; background-color:#fff; text-align:center; border-radius:3px; padding:40px 0;}
.m6c li h2{ color:#091835; font-size:18px; margin-top:10px;}
.m6c li div{ margin:20px auto; width:20px; height:2px; background-color:#ff0000;}







.show-list{ margin-left: -10%;}
.show-list li{ float: left; width: 45%; margin-left: 5%; line-height:20px; padding: 20px 0; border-bottom: 1px dashed #DDD;}
.show-list li a{ float: left; width: 80%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 24px; background: url(../images/tit-ico03.png) no-repeat left center; color:#000;}
.show-list li:hover a{ color:#6774B8;}
.show-list li span{ float: right; color: #999; font-size: 15px;}


.index-mating{ margin-top: 80px;}
.index-tit{text-align: center;line-height: 1.1;}
.index-tit h1, .index-tit h2{ position: relative; display: inline-block; color: #FFF; }
.index-tit h1{ color: #333; font-size: 34px;}
.index-tit h2{ color: #333; font-size: 32px;}
.index-tit h1::before, .index-tit h2::before{ content: ''; display: block; position: absolute; top: 50%; left: -120px; width: 100px; height: 2px; background-color: #0b5bd2;}
.index-tit h1::after, .index-tit h2::after{ content: ''; display: block; position: absolute; top: 50%; right: -120px; width: 100px; height: 2px; background-color: #1E254F;}
.index-mating .index-tit { padding: 25px 0; background: url(../images/index-font01.png) no-repeat center;}




.good-show{margin-top: 80px;}
.good-show ul li{float: left;width: 29.3%;margin: 0 2%;position: relative;margin-bottom: 60px;}
.good-show ul li:before{content: "";display: inline-block;position: absolute;left: -30px;top: -30px;width: 100%;height: 90%;background: url(../images/dot-show.png);z-index: -1;}
.good-show ul li > a{position: relative;padding-top: 66.25%;display: block;overflow: hidden;}
.good-show ul li a img{position: absolute;left: 0;top: 0; width: 100%;height: 100%;-webkit-transition:.5s;-moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.good-show ul li a img:hover{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
.good-show ul li h3{margin: 15px 0;}
.good-show ul li h3 a{color: #2D203B;font-size: 24px;font-weight: bolder;margin-left: 66px; text-align:center;}
.good-show ul li h3 a:hover{color: #E93A47;}
.good-show ul li h3 a:after{content: '';display: inline-block;width: 45px;height: 37px;background: url(../images/good-line.png) no-repeat;vertical-align: middle;margin-left: 24px;}
.good-show ul li p{color: #6E757C;font-size: 16px;line-height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.good-show ul li p span{display: inline-block; width: 59px;height: 36px; background: url(../images/good-bg.png) no-repeat;text-align: center;line-height: 30px;color: #FFF;font-size: 12px;margin-right: 10px;}

.index-about1{  clear: both; overflow: hidden; padding-bottom: 70px; margin-top: 150px; background:url(../images/bg-about01.jpg) top center no-repeat; }
.index-about1 ul{ clear: both; overflow: hidden; margin-top:60px; margin-left: -2%; }
.index-about1 ul li{ float: left; color: #FFF; width: 24%; width: 23%\0; margin-left: 2%; padding: 0 2%; box-sizing: border-box; border-right: 1px solid #4B494F; }
.index-about1 ul li h3{ font-size: 26px; font-weight: normal; height: 76px; line-height: 38px; overflow: hidden; margin-bottom: 20px; }
.index-about1 ul li p{ font-size: 14px; height: 80px; line-height: 26px; overflow: hidden; margin-bottom: 60px; }
.index-about1 ul li b{ display: block; text-align: center; font-size: 56px; }
.index-about1 ul li b font{ font-size: 14px; }
.index-about1 ul li:first-child{ padding-left: 0; }
.index-about1 ul li:last-child{ padding-right: 0; border-right: none; width: 19%;}
.boxs {
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
    _zoom: 1;
    zoom: 1;
}

.index-one {
    box-sizing: border-box;
}

.index-one h1 {
    font-size: 45px;
    color: #000;
    text-align: center;
    padding-top: 38px;
}

.index-one .text {
    font-size: 14px;
    color: #666;
    text-align: center;
    padding: 20px 0 40px;
}

.index-one li {
    float: left;
    background: #fff;
    width: 20%;
    border: 4px solid #eee;
    box-sizing: border-box;
    border-right: none;
    transition: all 0.5s ease;
}

.index-one li.dy {
    border-left: none;
    transition: all 0.5s ease;
}

.index-one li strong a {
    color: #333;
    font-size: 20px;
}

.index-one li p {
    font-size: 12px;
    line-height: 20px;
    margin-top: 20px;
}

.index-one li .bef {
    position: relative;
    padding: 80px 27% 15px 27%;
    text-align: center;
}

.index-one li .bef .home-tb {
    margin-bottom: 10px;
    transition: all 0.5s ease;
    height: 45px;
}

.index-one li .bef .home-tb .hide-ic {
    display: none;
}

.index-one li:hover .bef .home-tb .show-ic {
    display: none;
    transition: all 0.5s ease;
}

.index-one li:hover .bef .home-tb .hide-ic {
    display: block;
    transition: all 0.5s ease;
}

.index-one li a i {
    background: url(../images/index_1.png) no-repeat;
    width: 29px;
    height: 28px;
    display: block;
    margin: 30px auto 0;
    transition: all 0.5s ease;
}

.index-one li:hover {
    background: url(../images/one_bg.jpg) no-repeat;
    color: #fff;
    background-size: cover;
    transition: all 0.5s ease;
}

.index-one li:hover a {
    color: #fff;
    transition: all 0.5s ease;
}

.index-one li:hover a i {
    background: url(../images/index_11.png) no-repeat;
    width: 29px;
    height: 28px;
    display: block;
    margin-top: 30px;
    transition: all 0.5s ease;
}


.index-pro-list { height:1260px;
    background: #f0f3fa; margin-top:90px;
}

.index-pro-list li h3 {
    background: #4b556e;
    text-align: center;
    margin-top: 120px;
}



.index-pro li .box span img {
    /* width: 100%; */
}

.index-pro ul li:hover strong a {
    color: #e61e37;
    transition: all 0.6s;
}

.index-pro ul li:hover .box a img {
    margin-left: -15px;
    transition: all 0.6s;
}



.index-pro-list .pic,
.index-solution .pic,
.index-new .pic {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.index-pro-list h1,
.index-solution h2,
.index-new h2 {
    font-size: 38px;
    color: #05163f;
    text-align: center;
    font-weight: bold; padding-top:60px;
}

.index-pro-list h1 img,
.index-solution h2 img,
.index-new h2 img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -10px
}

.index-pro-list .tit,
.index-solution .tit,
.index-new .tit {
    text-align: center;
    font-size: 18px;
    color: #555f7d;
    margin-top: 20px;
}

.index-pro-list .tit a {
    font-size: 18px;
    color: #555f7d;
}

.index-pro-list .tit a:hover {
    color: #e61e37;
}



.index-pro-list li {
    float: left;
    width: 22.5%;
    margin-left: 2.5%;
    margin-top: 35px;
}

.index-pro-list li .pro-img {
    box-sizing: border-box;
    -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    background: #3498db;
    border-bottom-right-radius: 20px;
    position: relative;
    z-index: 5;
    overflow: hidden;
    padding-top: 75%;
}

.index-pro-list li .pro-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.index-pro-list li .pro-img img {
    opacity: .95;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.index-pro-list li .pro-img:hover img {
    opacity: .4;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.index-pro-list li:hover .pro-img:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}

.index-pro-list li .pro-img img {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
}

.index-pro-list li h3 {
    background: #4b556e;
    text-align: center;
    margin-top: -20px
}

.index-pro-list li h3 a {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 38px 0 18px;
    display: block;
    transition: all 0.6s;
}

.index-pro-list li:hover h3 {
    background: #05163f;
    transition: all 0.6s;
}

.index-pro-list li:hover h3 a {
    color: #e61e37;
    transition: all 0.6s;
}

.index-pro-list li .box {
    background: url(../pcimages/products_bot.png) no-repeat;
    width: 101.5%;
    background-size: 100% 100%;
    margin-left: -2px;
    padding: 15px 0 25px 30px;
    box-sizing: border-box;
}

.index-pro-list .box p {
    margin-top: 10px;
    font-size: 16px;
    color: #4b556e;
}

.index-pro-list .box p img {
    width: 18px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.index-pro-list .box p span {
    font-size: 16px;
    color: #e61e37;
}


img {
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}


.cp_list { display:block;width:1200px; overflow:hidden; margin:0 auto; }
.cp_list  li{width:270px; overflow:hidden; float:left; margin-right:23px; margin-top:30px;}
.cp_list li p{ display:block; width:270px;height:38px; line-height:38px; text-align:center; overflow:hidden; background:#f7f6f6;font-size:14px; color:#333;font-family:"微软雅黑"; margin-top:-5px;}
.cp_list  li p a{font-size:14px; color:#333;font-family:"微软雅黑";}
.cp_list  li p a:hover{ color:#cb0100;}
.pl_list{ width:1200px; overflow:hidden; margin:0 auto;}
.pl_list ul{ width:1200px;height:200px; margin:0 auto; margin-top:10px;}


.pl_list ul li{width:253px;height:186px; float:left; margin-right:40px;}
.footer { width: 100%; overflow: hidden; background-color: #002c4f; border-top:3px solid #db261d; }
.footer .subfooter { width: 1180px; overflow: hidden; margin: 0 auto; padding-top: 20px; }
.footer .subfooter dl { width: 300px; height: 200px; color: white; float: left; margin-right: 36px; background: url(../images/bianxian.png) no-repeat right; }
.footer .subfooter dl dt { font-size: 16px; line-height: 2; margin-bottom: 30px; }
.footer .subfooter dl dt span { font-size: 20px; }
.footer .subfooter dl dd span { display: inline-block; font-weight: bold; line-height: 34px; text-align: center; width: 106px; height: 34px; }
.footer .subfooter dl dd span:first-child { background-color: #0f0f0f; }
.footer .subfooter dl dd span:last-child { background-color: #db261d; margin-left: 30px; }
.footer .subfooter .bnav ul { width: 150px; float: left; margin-bottom: 10px; text-align: left; }
.footer .subfooter .bnav ul li { text-align: left; line-height: 2; }

.footer .subfooter .bnav ul li a{ color:#fff;}
.footer .subfooter .bnav ul li span { font-size: 16px;  color:#fff;} 
.footer .subfooter .bnav .erwei { float: left; margin: 8px 20px 0 0; }
.footer .banquan { height: 30px; overflow: hidden; background-color: #001a69; }
.footer .banquan div { width: 1180px; margin: 0 auto; color: white; font-size: 12px; }
.footer .banquan div p { font-size:14px; height: 30px; line-height: 30px; color:#fff;}
.footer .banquan div a img { margin-top: 1px; }
.footer .banquan div span { float: right; line-height: 30px;  color:#fff;}
.footer .bnav a:hover, .banquan a:hover { color: #e60717; text-decoration: underline; }

.pad{padding: 15px 0;}
.max1200{width:100%; max-width:1200px; margin:0 auto;}

body{ margin:0; padding:0; font-size:14px; color:#333; line-height:22px; *line-height:30px; background:#fff; font-family:"Microsoft YaHei"; }
a{ text-decoration:none; }
a:focus{ outline:none; -moz-outline-style:none; }
a:hover{ color:#EB0001; text-decoration:none; }
ul, li{ list-style:none; margin:0; padding:0; }
i, b, u, em{ font-style:normal; text-decoration:none; }
input { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5 { margin:0; padding:0; }
img { border:0; }
* { margin:0; padding:0; }
table, tr, td { margin:0; padding:0; border:0; }
input,select{ border-radius:0;outline:none;}
textarea { resize:none; outline:none;}


/*public*/

.top{ height:30px; line-height:30px; background-color:#001554;}
.top .welcome{ float:left; width:50%; color:#FFF;}
.top .tel{ float:right; width:28%; text-indent:40px; color:#FFF; background:url(img/tel.png) no-repeat 5% 7px;}

.navs{ width:100%; height:80px; background-color:#FFF;}
.logo{ float:left; width:23%;}
.nav{ float:right; _width:73%;}

.navul { width:100%; margin-top:27px;}
.navul li{POSITION:relative;display:block; TEXT-ALIGN:center;FLOAT:left;  margin-left:10px;_margin-left:15px; z-index:20;}
.navul li a{ -webkit-transition:all .3s ease; -moz-transition:all .3s ease;  -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; font-size:18px; padding:10px 20px; font-weight:800;  color:#000;}   
.navul li a:hover{ color:#4eabf9}
.navul  li a.li1 { padding:26px 20px; color:#505050; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0); border-bottom:4px solid #f73d2e;}
.navul  li a.li0 { color:#505050; }
.navul li:hover dt a{ font-size:13px; padding:0; text-indent:15px;}
.navul li:hover dt a:hover{ text-decoration:none; display:block;}
.navul li:hover .plist{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:53px; LEFT:-640px;}
.navul li:hover .plist ul{ width:90%; margin:0 auto;}
.navul li:hover .ndropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:30px; LEFT:0px}
.navul li.navlm:hover .gdropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:53px; LEFT:0px; color:#666}
.list{DISPLAY:none;  padding:10px 0; color:#eee; background:url(img/nav_bg.png) repeat; width:190px; *margin-top:-10px;}   
.list DT A{height:34px; line-height:34px; text-decoration:none; display:block; text-align:left; font-weight:normal;font-size:14px; padding-left:12px; color:#fff}
.list DT A:hover{ background:#E73527; color:#fff; border-radius:0}
.plist{overflow:hidden; height:450px; position:absolute ; padding-top:10px;background:url(img/nav_bg.png) repeat; width:1700px; margin-left:-265px; }
.list li{TEXT-ALIGN:left; PADDING:0px; MARGIN:10px 0px 0px;  FLOAT:left; height:400px; overflow:hidden; padding-right:20px;}
.list li OL LI{PADDING:0px;  padding-left:10px;   height:32px; line-height:32px;margin:1px 10px 0 10px;}
.list LI OL LI span { background-position:center center; float:left;  background-repeat:no-repeat; width:30px; height:24px;}
.list LI OL LI A{MARGIN-LEFT:3px;float:left; padding:0; line-height:30px;font-size:13px; color:#FFFFFF}
.list li OL LI b { width:100%; overflow:hidden;}
.list li OL LI b  a{ font-size:16px; font-family:"Microsoft Yahei"; color:#fff; height:24px; line-height:24px; margin-bottom:20px;}
LI.feilei1{WIDTH:290px;}  
LI.feilei1 LI{WIDTH:100px}
LI.feilei2{WIDTH:290px}
LI.feilei2 LI{WIDTH:100px}
LI.feilei3{WIDTH:170px}
LI.feilei3 LI{WIDTH:160px}
LI.feilei4{WIDTH:170px;}
LI.feilei5 { WIDTH:180px;}
.dropbottom { TEXT-ALIGN:right; LINE-HEIGHT:50px;WIDTH:100%; overflow:hidden; margin-bottom:0;COLOR:#fff; padding-right:40px; font-size:15px; background:#232832; }
.dropbottom A { DISPLAY:inline; color:#fff; }
.nav_m{ display:none; float:right; width:72%;_width:73%;}
.nav_m ul{ clear:both; overflow:hidden;}
.nav_m ul li{ float:left; width:16%; font-size:16px; line-height:44px; text-align:center;}
.nav_m ul li.nav_select{ border-bottom:2px solid #f73d2e;}

#banner{ z-index:10;*z-index:-100; position:relative;  width:100%; overflow:hidden;}

#banner_list{ width:100%; margin:0 auto; overflow:hidden; }
#banner_list img{ margin:0 auto; z-index:1; width:100%; }
#banner_list a{ display:block; position:absolute; width:100%; height:100%}

#banner ul{ z-index:1002; position:absolute; right:15px; bottom:10px; padding:0px; margin:0px; list-style-type:none; }
#banner ul li{ position:relative; text-align:center; line-height:12px; width:16px; display:inline; background:url(img/ifpoff.png) no-repeat; float:left; height:16px; color:#fff; cursor:pointer; margin-right:5px;}
#banner ul li.on{BACKGROUND:url(img/ifpon.png) no-repeat; COLOR:#fff; width:26px;  }

#banner_point{ z-index:9999; position:absolute; margin:0px; width:15%; height:20px; left:36%; bottom:0px;}
#banner_point ul li .pointLayer img{ width:61px; display:block; float:left; height:61px}

.ban img{ width:100%;}
.ban_m{ display:none;}
.ban_m img{ width:100%;}

#gotoTop{ position:fixed; right:1%; bottom:50px; width:50px; height:50px; cursor:pointer; text-indent:-999em; z-index:999999; box-sizing:border-box; background:url(img/to_top.png) no-repeat rgba(229,0,18,0.8) center; background-size:40%; border-radius:4%;}
#gotoTop:hover{ background-color:rgba(229,174,0,0.9);}





/*产品分类*/


/*zhuye anli*/
.wc1180{margin:0 auto;width:1180px;}
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:20px;}
.icon{background:url(../images/icon.png) no-repeat 0 0;}

.warp-pic-list li{float:left;display:inline;}
.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden;}
.warp-pic-list .text-area{background-color:#f2f2f2;line-height:24px;}
/*全局板块*/
.row .hd{background:url(../images/hd-line_01.jpg) no-repeat 0 50px;height:55px;}
.row .hd .title{font:26px/40px "微软雅黑","Microsoft YaHei","黑体","SimHei";}
/*全局页签*/
.tab-T-3{width:66px;}
.tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#dfdfdf;float:left;margin-left:10px;cursor:pointer;display:inline;}
.tab-T-3 li.cur{background-color:#d81c1b;}
/*热门车型*/
.rowE .warp-pic-list{position:relative;width:1180px;overflow:hidden;}

.anli ul{ margin-top:0;}
.rowE .count li{margin-right:28px;width:272px; border:1px solid #ccc; height:auto; overflow:hidden;}
.rowE .count .img_wrap{width:272px;height:200px;}
.rowE .count li .text-area{padding:10px 0 10px 15px;}
.rowE .count li .text-area  p{line-height:24px;height:24px;}
.rowE .count li:hover .text-area,.rowE .count li.hover .text-area{background-color:#d81c1b;color:#fff;}
.rowE .count .p-num{font-family:"Tahoma";font-weight:bold;}
.rowE .btn{display:block;height:55px;position:absolute;top:120px;width:35px;z-index:200;cursor:pointer;}
.rowE .prev{ background-position:0 -88px;left:0;}
.rowE .prev:hover{background-position:0 -144px;}
.rowE .next{ background-position:0 -200px;right:0;}
.rowE .next:hover{background-position:0 -256px;}



.rowE .count li h4{ margin:0 5px; padding:5px 0; border-bottom:1px dashed #ccc;}
.rowE .count li h4 a{ display:block; text-align:center; font-size:14px; color:#333;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}

.home_case_p{ padding:10px 5px;}





/*i_pro*/
.container{color:#666;}
.container a{color:#666;}
.roll_List{color:#666;}
.roll_List a{color:#666;}
.container li a{display:block;}
.ititbar{text-align: center; background: url(../images/protit.jpg) no-repeat center 80px; padding: 15px 0;}
.ititbar h3{font-size: 2.5em; line-height: 1.5em; color: #333;}
.ititbar p{font-size: 1.2em; text-transform: uppercase; text-align:center;}
ul.pro_con{}
.pro_con *{transition: all .2s;}
.pro_con li{text-align: center;}
.pro_con a{display:block; text-align:center;}
.pro_con li>a{line-height: 0; position: relative;}
.pro_con li>a img{height: 200px;}
.pro_con li>p{line-height: 2em; padding: 5px 0; border-bottom: 3px solid #c9c9c9;}
.pro_con li:hover>p{border-bottom-color: #d00;}
.pro_con li:hover a{color:#d00;}
/*i_news*/

/*iabout*/


.max1200{width:100%; max-width:1200px; margin:0 auto;}
/*ul li*/
.col2, .col3, .col4, .col5, .col6, .col7, .col8, .colm2, .colm3, .colm4, .colm5, .colm6{overflow: hidden;}
.col2>li, .col3>li, .col4>li, .col5>li, .col6>li, .col7>li, .col8>li, .colm2>li, .colm3>li, .colm4>li, .colm5>li, .colm6>li{float: left;}
.col6>li{width: 16.6%;}
.col7>li{width: 14.2%;}
.col8>li{width: 12.5%;}
.col5>li{width: 20%;}
.col4>li{width: 25%;}
.colm2{margin-left: -3%;}
.colm2>li{width: 47%; margin-left: 3%; margin-bottom: 25px;}
.colm3{margin-left: -4%;}
.colm3>li{width: 29.3%; margin-left: 4%; margin-bottom: 25px;}
.colm4{margin-left: -2%;}
.colm4>li{width: 23%; margin-left: 2%; margin-bottom: 20px;}
.colm5{margin-left: -2%;}
.colm5>li{margin-left: 2%; margin-bottom: 20px; width: 18%;}

.pad{padding: 15px 0;}
.w30{width: 32%;}
/*返回顶部*/
.toolbar-item, .toolbar-layer{background: url(../images/toolbar.png) no-repeat;}
.toolbar{position: fixed; right: 0px; bottom: 50px;}
.toolbar-item{display: block; width: 52px; height: 52px; margin-top: 1px; position: relative; -moz-transition: background-position 1s; -ms-transition: background-position 1s; -o-moz-transition: background-position 1s; -webkit-moz-transition: background-position 1s; transition: background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);}
.toolbar-item-weixin{background-position: 0 -798px;}
.toolbar-item-weixin:hover{background-position: 0 -860px;}
.toolbar-item-weixin .toolbar-layer{height: 180px; background-position: 0 0;}
.toolbar-item-top{background-position: 0 -674px;}
.toolbar-item-top:hover{background-position: 0 -736px;}
.toolbar-layer{position: absolute; right: 45px; bottom: -55px; width: 150px; opacity: 0; filter: alpha(opacity=0); transform-origin: 95% 95%; -moz-transform-origin: 95% 95%; -ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%; -webkit-transform-origin: 95% 95%; transform: scale(0.01); -moz-transform: scale(0.01); -ms-transform: scale(0.01); -o-transform: scale(0.01); -webkit-transform: scale(0.01); transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s;}
.page{width:600px; margin: 0 auto; padding-top: 30px; overflow: hidden; line-height:28px;}
.page span{color: #222; border: 1px #000 solid; padding:2px 15px; margin-right:5px; display:inline-block;}
.page a{padding:2px 15px; margin-right:5px; display: inline-block; text-align: center; border: 1px #000 solid; color:#222;}
.page a:hover{color:#fff; background:#e60717; border:1px solid #e60717;}
.page .cur{background-color: #323232; color: white;}
.copyrights{display: none;text-align: center;color: #eee;padding: 5px 0;}

.banner2{ display:none;}
.banner2 a img{ width:100%;}

@media(max-width: 1200px) {
	
	
	.hproducts_button{padding:0 8px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; width:100%;margin-top:20px;}
	
	
	
	}
@media(max-width: 1024px) {
	/*header*/
	.t_banner {
	padding:15px 0;
}
.logo {
	height: 50px;
}
.navbar {
	font-size: 14px;
}
/*footer*/
	.blogo {
	width: 18%;
	padding:15px 10px 5px;
}
.copyright {
	padding:0 3%;
}
}
.footbtn {
	display: none;
}

@media(max-width: 992px) {

.logo{ width:510px;}
.t_banner .tel .phone_num{ font-size:1.7em;}
/*banner */

}

@media(max-width: 768px) {
	.logo {
	width: 99%;
}
.t_banner {
	padding:10px 0;
}
.t_banner .tel {
	display: none;
}
.nav > li > ul,.nav > li:hover > ul {
	display: none;

}
@media(max-width: 360px) {
	.navbar a {
	line-height: 22px;
	height: 45px;
}

}


/*-------------------Mobile style-------------------*/
@media(max-width: 1200px) {
.prevbtn { left: 0px; }
.nextbtn { right: 0px; background-position: -30px center; }
}

@media(max-width: 1024px) {
.sidebar { display: none; }
.main { float: none; width: 100%; }
.tabmenu { display: block; }
}
.v768 { display: none; }

@media(max-width: 768px) {
.pad, .content { padding: 10px 0; }
.v768 { display: block; }
.h768 { display: none; }
/*Index*/
.banner { display: none; }
.ititbar { background: url(../images/protit.jpg) no-repeat center center; padding: 10px 0; }
.ititbar h3 { font-size: 2em; }
.ititbar p { display: none; }
.pro_con li { width: 31.3%; }
.pro_con li > a img { height: 140px; }
.w65, .w30, .news_con ul li { float: none; width: 100%; }
.hotnews { display: none; }
.i_about { display: none; }
.case_article img { max-width: 100%; }
.imglist.colm4 li, .imglisth.colm4 li, .caselist.colm4 li { width: 31.3%; }
.imglist.colm3 li, .imglisth.colm3 li { width: 48%; }
.prevbtn, .nextbtn { top: 20%; }
.rolllist li img { width: 240px; height: 170px; }
.infor_text, .infor_img { width: 100%; float: none; }
.infor_img { max-width: 500px; }
.caselist li > a p { line-height: 1.5em; height: 48px; }
}

@media(max-width: 480px) {
.pro_con li { width: 48%; }
.news_list li > .fl, .case_list li > a.fl { display: none; }
.news_list li > .fr, .case_list li > div.fr { float: none; width: 100%; }
.related_links li { width: 97%; }
.imglist.colm4 li, .imglisth.colm4 li, .caselist.colm4 li { width: 48%; }
}
   

/*产品分类*/
.wrap11{width:1400px;margin:0 auto;  overflow:hidden}

.index-categary{margin-top: 80px;}
.htitle{text-align: center; font-weight: bold;color: #3e4355;}
.htitle:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 34px; height: 29px; display: inline-block; margin-right: 15px;}
.bigtips{text-align: center; font-size: 18px; margin-top: 25px; color: #4e597b;}
.index-categary h3{position: relative;font-size: 46px;}
.index-categary h3 img{margin-right: 20px;}
.index-categary h3:after{position: absolute; top: -10px; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 82px; color: #f4f5fa; z-index: -1;}
.index-categary .container{background:url(../images/ico2.png) repeat; margin-top: 40px;}
.index-categary .container ul li{float: left; width: 20%; text-align: center;}
.index-categary .container ul li img{text-align: center;}
.index-categary .container ul li p a{display: block; font-size: 20px; margin-top: 5px; transition: .5s;}
.index-categary .container ul li:hover p a{color: #ff3d3d;}
.index-categary .wrap11{ padding: 43px 0 50px 0;}
.index-categary .wrap11 img{width: 80%}
.index-tuijian{background: #f0f3fa; padding: 65px 0 65px 0;}
.index-tuijian .htitle, .index-anli .htitle{font-size: 40px;}
.index-tuijian .content{height: 601px; margin-top: 45px; background:url(../images/p17.jpg) no-repeat center center; position: relative;}
.index-tuijian .top{padding: 0 130px; overflow: inherit;}
.index-tuijian .smallimg{position: relative;}
.index-tuijian .js_tab{position: absolute; top: 360px; left: 0; z-index: 999;}
.index-tuijian .js_tab li{float: left; text-align: center; padding: 15px 15px; transition: .5s;}
.index-tuijian .js_tab li p{color: #fff;}
.index-tuijian .js_tab li.active{ background: #335082; padding: 13px 13px; border: 2px solid #f3650b; border-radius: 10px; transition: .5s;}
.index-tuijian .js_tab_detail{padding-top: 65px;}
.index-tuijian .js_tab_detail .left{width: 700px; float: left;}
.index-tuijian .js_tab_detail h3{font-size: 42px; color: #fff;}
.index-tuijian .js_tab_detail h3 a{color: #fff;}
.index-tuijian .js_tab_detail h3:before{background: url(../images/ico56.png) no-repeat;width: 58px; height: 44px; content: ""; display: inline-block; position: relative; top: 8px; margin-right: 25px;}
.index-tuijian .js_tab_detail p.tips{font-size: 16px; color: #c3cfe8; line-height: 30px; margin-top: 40px;}
.index-tuijian .js_tab_detail .info{margin-top: 26px;}
.index-tuijian .js_tab_detail .info p{float: left; font-size: 20px; color: #fff; margin-right: 60px;}
.index-tuijian .js_tab_detail .info p i{color: #e1d584;}
.index-tuijian .js_tab_detail .info p:before{width: 28px; height: 28px; display: inline-block; content: "";position: relative; top: 7px; margin-right: 15px;}
.index-tuijian .js_tab_detail .info p.jl:before{background: url(../images/ico53.png) no-repeat;}
.index-tuijian .js_tab_detail .info p.cl:before{background: url(../images/ico54.png) no-repeat;}
.index-tuijian .js_tab_detail .right{width: 560px; float: right;}
.index-tuijian .js_tab_detail .right a{display: block; width: 192px; height: 46px; line-height: 42px; background: #f14918;background-image: linear-gradient(to bottom,#ff7e00, #d62926); text-align: center; font-size: 24px; color: #fff; font-weight: bold; border-radius: 10px; margin: 30px 0 0 220px;}
.index-tuijian .js_tab_detail .right a img{margin-left: 10px;}
.tuijian-ul{margin-top: 120px;}
.tuijian-ul .wrap{overflow: inherit;}
.tuijian-ul ul li{float: left; width: 22%; margin: 0 1.5%; background: #fff url(../images/ico59.png) no-repeat; background-size: cover; border-radius: 10px; box-shadow: 0px 0px 12px #aaa; padding-bottom: 35px;}
.tuijian-ul .bigimg{text-align: center; display: block; position: relative; margin-top: -70px;}
.tuijian-ul .bigimg h4{font-size: 20px; font-weight: bold; color: #11326f; margin-top: 10px; transition: .5s;}
.tuijian-ul .info{margin: 14px 0 0 65px;}
.tuijian-ul .info p{color: #333333; font-size: 16px; line-height: 30px;}
.tuijian-ul .info p:before{width: 19px; height: 19px; content: ""; display: inline-block; position: relative; top: 4px; margin-right: 10px;}
.tuijian-ul .info p:nth-child(1):before{background: url(../images/ico58.png) no-repeat;}
.tuijian-ul .info p:nth-child(2):before{background: url(../images/ico57.png) no-repeat;}
.tuijian-ul .more{position: relative;}
.tuijian-ul .more a{display: block; position: absolute; bottom: -52px; width: 148px; height: 33px; left: 0; right: 0; margin: 0 auto;line-height: 32px; background: #f14918;background-image: linear-gradient(to bottom,#ff7e00, #d62926);text-align: center; font-size: 18px; color: #fff; border-radius: 10px; transition: .5s;}
.tuijian-ul ul li:hover .more a{width: 170px;}
.tuijian-ul ul li:hover .bigimg h4{color: #ff3d3d;}
.index-anli{background-size: cover; padding: 70px 0 70px 0;}
.index-anli .wrap{overflow: inherit}
.index-anli ul li{width: 29%; margin: 0 2%; margin-top: 80px; float: left;background: #fff;-webkit-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); -moz-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4); transition: .5s; border-radius: 10px;}
.index-anli ul li:hover{background: #f0f3fa;}
.index-anli ul li .bigimg{padding-right: 14px;position: relative;}  
.index-anli ul li .bigimg img{position: relative; top: -32px;}
.index-anli ul li .bigimg:after{content: ""; position: absolute; right: 0px; top: -17px; width: 14px; height: 323px; z-index: 999; background: #10367e;background-image: linear-gradient(to bottom,#162d58, #103d92); }
.index-anli ul li h4{font-size: 24px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 20px;}
.index-anli ul li h4 a{color: #3e4355;}
.index-anli ul li .box{padding: 0 30px 30px 30px; margin-top: -10px;}
.index-anli .box .ico{font-size: 16px; color: #555; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-anli .box .ico img{position: relative; top: -2px; display: inline-block;margin-right: 10px; width: 20px;}
.index-anli .box  .more a{display: block; text-align: center; font-size: 17px; color: #fff; font-weight: bold;line-height: 50px; width: 148px; height: 55px; background: #b93c41;background-image: linear-gradient(to right,#cc6c0e, #d62926); border-top-left-radius: 15px; border-bottom-left-radius: 15px; border: 3px solid #fff; float: right; margin-top: 30px; transition: .5s;}
.index-anli .box  .more img{width: 20%; position: relative; top: -2px;}
.index-anli ul li:hover .box .more a{width: 170px;}


.common-fuwu{background: url(../images/fuwubg.jpg) no-repeat center center; background-size: cover; height:450px;padding: 50px 0;}
.common-fuwu .wrap{overflow: inherit;}
.common-fuwu h3{text-align: center; font-size: 40px; color: #fff; position: relative; z-index: 999;}
.common-fuwu h3:before{content: ""; background: url(../images/ico1a.png) no-repeat; width: 34px; height: 29px; display: inline-block; margin-right: 15px;}
.common-fuwu h3:after{position: absolute; top: 20px; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 50px; color: #414b61;  z-index: -1}
.common-fuwu ul{margin-top: 70px;}
.common-fuwu ul li{float: left; width: 20%; text-align: center; }
.common-fuwu ul li img{width: 60%;}
.common-fuwu ul li p{ font-size: 18px;color: #fff; font-weight: bold; line-height: 1.7; margin-top: 15px;}



.wrap{ width:1360px; margin:0 auto;}