.index_banner{ height: 100%;}

.index_banner .swiper-container{ height: 100%;}

.index_banner .swiper-slide{ height: 100%;}

.index_banner .swiper-pagination{ font-size: 16px; color: #fff;}

.index_banner .swiper-button-next{ display: none; left: 50%;  margin-left: 30px; right: auto; bottom: 18px; top: auto; width: 12px; height: 22px;background-size: 12px 22px;}

.index_banner .swiper-button-prev{ display: none; right: 50%;  margin-right: 30px; left: auto; bottom: 18px; top: auto; width: 12px; height: 22px;background-size: 12px 22px;}

.index_banner .swiper-slide .content h1{ font-weight: bold; color: #fff; font-size: 50px;position: absolute;top: 32%; width:1200px;  left: 50%; margin-left: -600px; text-align: center; opacity: 0; transition: 0.4s;  transition-delay: 0.4s;transition-timing-function: linear; }

.index_banner .swiper-slide .content h2{ color: #fff; font-size: 30px;position: absolute; top: 43%;  width:1200px;  left: 50%; margin-left: -600px; text-align: center; font-weight: normal; opacity: 0; transition: 0.6s;  transition-delay: 0.6s;transition-timing-function: linear; }

.index_banner .swiper-slide-active .content h1{margin-left: -600px;  opacity: 1;top: 30%; text-shadow:0px 2px 2px rgba(0,0,0,0.3);}

.index_banner .swiper-slide-active .content h2{margin-left: -600px; opacity: 1;top: 41%; text-shadow:0px 2px 2px rgba(0,0,0,0.3);}

.index_solution{ padding-top: 50px; padding-bottom: 30px;}

.index_solution .title h1{ text-align: center; font-size: 30px; color: #333333;margin-bottom: 5px;}

.index_solution .title h2{ text-align: center; font-size: 18px; font-weight:normal; color: #333333;}

.index_solution .title span{ display: block; width:50px; height: 2px; background: #16336b; margin: 20px auto;}

.index_solution .content{ position: relative; height: 460px;}

.index_solution .content .solution1:after,.index_solution .content .solution2:after,.index_solution .content .solution3:after,.index_solution .content .solution4:after,.index_solution .content .solution5:after{ position: absolute; content: ""; height: 80px;  left: 0px; right: 0px; bottom: 0px; z-index: 8ï¼›background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%) ; overflow: hidden;

    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);

    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);}

.index_solution .content .solution1{ position: absolute; width: 290px; height: 460px; left: 0px; overflow: hidden;}

.index_solution .content .solution2{ position: absolute; width: 560px; height: 210px; left: 330px;overflow: hidden;}

.index_solution .content .solution3{ position: absolute; width: 270px; height: 210px; right: 0px;overflow: hidden;}

.index_solution .content .solution4{ position: absolute; width: 270px; height: 210px; left: 330px;bottom:0px;overflow: hidden;}

.index_solution .content .solution5{ position: absolute; width: 560px; height: 210px; right: 0px;bottom:0px;overflow: hidden;}



.index_solution .content .solution img{width: 100%; height: 100%; position: absolute; z-index: 9; line-height: 20px; display: block; font-size: 0px;vertical-align:middle;transition: .5s transform; transform: translateZ(0);}

.index_solution .content .solution:hover img{transform: rotate(-2deg) scale(1.1); transition: .6s transform;}

.index_solution .content .solution h1{ font-weight: normal; font-size: 18px; font-weight: bold; color: #fff; position: absolute; width: 100%; text-align: center; bottom: 20px; z-index: 110;transition-duration: 0.3s;-moz-transition-duration: 0.3s; /* Firefox 4 */-webkit-transition-duration: 0.3s; /* Safari 鍜� Chrome */-o-transition-duration: 0.3s; /* Opera */ opacity: 0.8}

.index_solution .content .solution:hover h1{opacity: 1; font-weight: bold; color: #fff; position: absolute; width: 100%; text-align: center; bottom: 25px; z-index: 110;}

.index_solution .content .solution:after{content: ""; position: absolute; bottom: 0; width: 100%; height: 60px; position: absolute; z-index: 10;

    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);

    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);

    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);

}

.xia {

    left: 50%;

    background: url(../images/xia.png);

    height: 57px;

    width: 70px;

    position: absolute;

    display: inline-block;

    bottom: 60px;

    z-index: 9999;

    margin-left: -35px;    animation: mylogo 1s linear 0s infinite alternate;



}



.ks {position: absolute;width:200px;text-align: center;line-height: 2;font-size: 16px;}

.ks a{color: #fff}

.ks1{top: 70%;left: 29%;margin-left: -100px;}/*火车*/

.ks2{top: 36%;left: 72%;margin-left: -100px;}

.ks4{top: 20%;left: 50%;margin-left: -100px;}

.ks3{top: 70%;left: 71%;margin-left: -100px;}

.ks5{top: 33%;left: 27%;margin-left: -100px;}/*车子*/

.ks:hover {animation: mylogo 1s linear 0s infinite alternate;}

.index_solution .htitle { margin: 35px auto;margin-top: 20px}

.index_solution .htitle h1{text-align: center;font-size: 36px;color: #424242;font-weight: 500;}

.index_solution .htitle span{ display: block; width:34px; height: 3px; background: #16336b; margin: 10px auto;}

.index_solution .htitle p{text-align: center;color: #787777;}

.ifanganbox {

    height: 230px;

    width:630px;

    background: rgba(0,0,0,0.7);

    margin: auto;margin-top: 190px;

    padding: 30px 80px 0 0px;

    color: #fff;

}

.ifanganico {line-height: 1.8;width:18%;float: left;text-align: center;padding-top: 10px; }

.ifangancon {line-height: 1.8;width:82%;float: right;}

.ifangancontit {font-size: 24px;margin-bottom: 15px; }

.ifanganconmore  {text-align: right;color: #fff}

.ifanganconmore a{text-align: right;color: #fff}



.slideBox{ height: 670px; overflow: hidden; width: 1200px; position:relative;  } 

.slideBox .hd{ width: 1200px; height: 54px; position:absolute; bottom:0; z-index:1; } 

.slideBox .hd li{width:20%;float:left;height:54px;line-height:54px;overflow:hidden; color:#222222;text-align:center; cursor:pointer; }  

.slideBox .hd li.on{color:#FFF;background:#16336b url(../images/k.png) top center no-repeat;text-decoration:none;}

.slideBox .bd li{ width:1200px;height:670px; overflow:hidden;    } 

.slideBox .bd .hezi{ width:1200px;height:630px; overflow:hidden;} 

.slideBox .txtBg{ position:absolute; width:100%; height:54px; bottom:0; background:#d4d4d4;    }





.index-lianxi{margin-left: -10px;}

.index-lianxi li .inner{position: relative;  height: 210px; overflow: hidden;}

.index-lianxi li .inner a{display:block;height: 100%}

 



.index-lianxi .lianxi-item{ width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}

.index-lianxi li{position: relative;float: left;width: 33.333%;text-align: center;padding-left: 10px;    box-sizing: border-box; }

.index-lianxi li .lianxi-ico{ margin-top: 30px; color:#ccc;font-size: 50px;text-align: center;}

.index-lianxi li h3{font-size: 16px;color: #000;font-weight:600; line-height: 1;padding: 15px 0 0px 0;}

.index-lianxi li .lianxi-des{font-size: 16px;color: #595959;padding: 10px 20px;}

.index-lianxi li .lianxi-ince{font-size: 16px;color: #595959;padding: 0 20px;}

.index-lianxi li .lianxi-line{width: 60px;height: 3px;background: #16336b;margin:10px auto;}

.index-lianxi ul{background: url(../images/bglin.png) center center no-repeat;overflow: hidden;}

@keyframes mylogo2

{

from  {margin-top: 40px;}

to  {margin-top: 20px;}

}

.index-lianxi li .lianxi-ico:hover{



    animation: mylogo2 1s linear 0s infinite alternate;

}

.mt50 {margin-top:35px; }

.aboutpage-tit {margin-bottom:50px;margin-top:15px;text-align: center; }

.aboutpage-tit h2{   color: #16336b; font-weight: normal;font-size: 32px;line-height: 1.3}

.aboutpage-tit span{ display: block; margin:8px auto; height: 2px;width: 30px; background: #16336b;}

.aboutpage-tit p{ line-height: 1.5; color: #979797; font-size: 14px;text-transform:uppercase}





.abouttit {margin-bottom:30px;text-align: center; }

.abouttit h2{   color: #16336b; font-weight: normal;font-size: 36px;line-height: 1.3}

.abouttit span{ display: block; margin:8px auto; height: 2px;width: 30px; background: #16336b;}

.abouttit p{ line-height: 1.5; color: #090909; font-size: 14px;text-transform:uppercase}

.footer .contact p strong{ font-size: 18px!important; color: #fff!important;}



.abouta{color: #333;font-size:16px;}

.abouta p{margin-bottom: 10px; }

.aboutcon {}

.abouta .aboutl{width: 50%;float: left;line-height: 1.8}

.abouta .aboutr{width: 537px;float: right; }

.abouta .aboutr img{width: 537px; }

.abouta .aboutr .p{text-align: center;font-size: 20px;margin-top: 20px;color:#000; }





.yunying{color: #333;font-size:16px;height: 300px}

.yunying p{margin-bottom: 10px;     text-indent: 2em;
}

.yunyingcon {}

.yunying .yunyingl{width: 640px;    padding-left: 40px;
float: left;line-height: 1.8;font-size:16px;}

.yunying .yunyingr{width: 400px;float: right;padding-right:110px;  position: relative; }

.yunying .yunyingr img{position: absolute; top:-60px;width: 350px }

 

.aboutatxtimg {text-align: center}

.detail_page_huif5 {background: #f5f5f5}

.detail_page_hui {background: #f3f3f3;padding: 50px 0}

.detail_page_hui2 {background: #f4f6fa;padding-top: 50px}

.aboutb{color: #333;margin-bottom: 20px }

.aboutb .aboutcon {padding-left: 30px;font-size:18px;}
.aboutcon li {float: left;width: 50%;font-size: 16px;}

.aboutb .aboutl{width: 418px;border:1px solid #ccc; float: left; margin-top:6px }

.aboutb .aboutl img{width: 418px;display: block; }

.aboutb .aboutr{width: 65%;float: left;line-height: 1.8}



.aboutc .hd   {margin-left: -87px}

.aboutc .hd li {float:left;padding: 0 15px;}

.aboutc .hd li.on {color: #013893}



.index-products{margin-left: -10px; }

.index-products li .inner{position: relative; transition: all .2s ease;height: 240px;margin-bottom: 25px;overflow: hidden;}

.index-products li .inner a{display:block;height: 100%}

.index-products li .inner:hover{ transform: translateY(-20px);transition: all 0.2s ease; }

.index-products li .inner:hover .products-ico{color:#0763ed;}

.index-products li .inner:hover .products-line{  }

.index-products li .inner:hover h3{color:#444;}





.index-products .products-item{transition: 0.2s ease;-moz-transition: 0.2s ease;-webkit-transition: 0.2s ease;-o-transition: 0.2s ease;width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}

.index-products li{position: relative;float: left;width: 25%;text-align: center;padding-left: 10px;    box-sizing: border-box; }

.index-products li .products-ico{ margin-top: 30px;transition: all 0.2s ease;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease; color:#ccc;font-size: 50px;text-align: center;}

.index-products li h3{font-size: 20px;color: #000;font-weight:400; line-height: 1;padding: 10px 0 5px 0;}

.index-products li .products-des{font-size: 16px;color: #000; padding: 10px 20px; height: 55px;line-height: 1.6;}

.index-products li .products-ince{font-size: 14px;color: #bbbbbb;padding: 0 20px;}

.index-products li .products-line{width: 60px;height: 3px;background: #16336b;margin:10px auto;}







/** 表单 **/

.form{padding: 30px 40px 0 40px;}

.forma{float: left;width: 48%;}

.formb{float: right;width: 48%;}

.form .form-items .form-item{display: inline-block;}

.form .form-item{margin-bottom: 25px;clear: both;position: relative; }

.form .form-item:after{content: "";display: block;clear: both;}

.form .form-label{float: left;display: block;padding: 8px 15px 8px 0px;width: 110px;font-weight: 400;text-align: right;}

.form .input-block{position: relative; min-height: 36px;line-height: 31px;}

.form .input-inline{float: left;}

.form .tips{color: #ccc;line-height: 32px;}

.form .exf{color: #989090;line-height: 36px;position: absolute;top: 1px;right: 1px;background: #eee;padding: 0 10px;}

.input, .textarea, .select{height: 42px;line-height: 1.3;line-height: 42px\9;border: 1px solid #ddd;background-color: #fff;border-radius: 2px;}

.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select::-webkit-input-placeholder{line-height: 1.3;}

.input, .textarea{display: block;width: 100%;padding-left: 15px; box-sizing: border-box;}

.input:focus, .textarea:focus{border-color: #C9C9C9;}

.textarea{position: relative;min-height: 175px;height: auto;line-height: 20px;padding: 8px 10px;resize: vertical;}

.select{padding: 0 10px;width: 100%}

.btn-submit {     text-align: center;

    padding: 12px 30px;

    color: #0e1c63;

    font-size: 18px;

    border-radius: 5px;

    border: 1px solid #0e1c63;

    background: transparent;margin:auto;margin-top: 20px;}

.map{height: 500px;width: 100%}

    

    /* timeline */



    li{list-style: none;}



    #timeline{width:1024px;height:440px;overflow:hidden;margin:50px auto;position:relative;}



    #timeline:after{background:#c1c7e7;position: absolute;display: block;content: '';width: 100%;height:3px;bottom: 58px;}



    #dates{width:100%;height:100px;overflow:hidden;position: relative;}



    #dates li{list-style:none;float:left;width:120px;height:50px;font-size:16px;text-align:center;position: relative}



    #dates a{line-height:38px;padding-bottom:10px;text-decoration: none;color: #866f6f;position: absolute;}



    #dates li  a{bottom:-60px}



    #dates li  a:after{top:-21px}



    #dates li  a.selected:after{top:-23px}



    #dates li a:after{z-index: 999;background:#c1c7e7;position: absolute;display: block;content: '';width: 10px;height:10px;border-radius: 50%;bottom: -2px;left: 45%}



    #dates .selected:after{z-index: 999;background:#fff;border:3px solid #22348b;position: absolute;display: block;content: '';width: 10px;height:10px;border-radius: 50%;bottom: -2px;left: 45%}



    #dates .selected{font-size:24px;color: #303030}











    #issues{width:100%;height:270px;overflow:hidden;margin-bottom: 64px;}

    .abc {    height: 190px;

    width: 500px;overflow-y: auto;padding-bottom: 5px }

    #issues li{height:270px;float:left;width: 1024px}



    #issues li img{float:left;margin:10px 40px 10px 50px;width: 388px;height: 270px;}



    #issues li h1{color:#303030;font-size:28px;margin:10px 0 20px 0;font-weight: normal}

    #issues li h1 span{color:#303030; margin:20px 0;font-weight: normal}



    #issues li .djsbt{font-size:16px;margin-right:70px;font-weight:400;line-height:1.5;margin-bottom: 15px;color: #333;  }

    #issues li p{font-size:14px;margin-right:70px;font-weight:400;line-height:1.5; color: #333;  }



    #grad_left,#grad_right{width:100px;height:270px;position:absolute;top:0;}



    #issues li h2{color:#ffcc00;font-size:36px;margin:20px 0;text-shadow:#000 1px 1px 2px;}



    #next, #prev {



        position: absolute;



        top: 0;



        font-size: 70px;



        top: 120px;



        width: 32px;



        height: 32px;



        background-position: 0 0;



        background-repeat: no-repeat;



        text-indent: -9999px;



        overflow: hidden;



    }



    #next {



        right: -6px;



        background-image: url('../images/arrow.png');



    }



    



    #prev {



        left: 0;



        background-image: url('../images/arrow.png');



        transform:rotate(180deg);



        -ms-transform:rotate(180deg);   /* IE 9 */



        -moz-transform:rotate(180deg);  /* Firefox */



        -webkit-transform:rotate(180deg); /* Safari 和 Chrome */



        -o-transform:rotate(180deg); 



    }



    



    #next.disabled,#prev.disabled {



        opacity: .2;



    }



    

@keyframes mylogo

{

from  {bottom: 60px;}

to  {bottom: 75px;}

}

.slideBox .swiper-pagination-bullet{ background: #979797!important; width: 14px!important; height: 14px!important;border: 1px #fff solid}

.slideBox .swiper-pagination-bullet-active{background: #2e4b87!important;border: 1px #eee solid }

.product_info_html img{max-width: 600px;}

.submenu{margin: 30px 0 }

.submenu ul li{ float: left;}

.submenu ul li a{ display:block; height: 50px; line-height:50px; color: #232323; font-size: 16px; text-align: center;padding: 0 20px; }

.submenu ul li.active a{  color: #fff;background: #16336b; }



.mobile_index_solution{display:none;}

.more  { margin:20px auto;}

.more a{display: block;width: 150px;    font-size: 14px;height: 38px;line-height: 38px;margin: auto;border-radius: 2px; border:1px solid #6f6e6e; color:#6f6e6e; text-align: center;}

.more a:hover{  background: #16336b;color:#fff;text-align: center;}

.index_product {margin-top:100px;margin-bottom: 30px;}

.index_product .pagewidth { width: 1224px; }

.index_product ul{  width: 1240px;}



.index_product ul li{ float: left; width: 372px;margin-right:40px;box-sizing: border-box; }

.index_product ul li .icon{   text-align: center; margin: 0 auto;}

.index_product ul li img{ display: block; width: 100%; }

.index_product ul li .tit{ color: #fff; font-size: 24px; font-weight: normal; padding:25px 25px 0 25px; }
.index_product ul li .tit3{  text-align: center;}

.index_product ul li .pdes{ color: #fff; font-size: 14px;line-height: 2; font-weight: normal; padding:10px 25px 0px 25px;height: 135px; }

.index_product ul li p a{ color: #fff; font-size: 14px;  }

.index_product ul li .tit a{ color: #fff;  }

.index_product ul li .tit a:hover{ color: #fff;  }

.index_product li .inner{border: 1px solid #eee;background: #004db9;margin-bottom: 25px;position: relative;}

.index_product li .inner:hover{ transform: translateY(-30px);transition: all 0.2s ease; }

.ijia {

    display: none;

    width: 72px;

    height: 72px;

    background: url(../images/i_41.png);

    margin: auto;

    position: absolute;

    left: 50%;

    margin-left: -36px;

    bottom: -36px;}

.index_product li .inner:hover .ijia{ display: block; }

.index_solution .htitle h1,.index_product .htitle h1,.index_process .htitle h1,.index_cases .htitle h1,.index_news .htitle h1,.index_about .htitle h1,.abouttit h2{ font-size: 36px; }



.abouttit p,.index_solution .htitle p,.index_solution .htitle p,.index_product .htitle p,.index_cases .htitle p,.index_news .htitle p,.index_about .htitle p,.index_process .htitle p{font-size: 16px;}



 .index_product .htitle { margin:30px auto 100px auto;padding-bottom: 30px;  border-bottom:1px solid #dbdada;}

.index_product .htitle h1{text-align: center;color: #16336b;font-weight: 500;}

.index_product .htitle span{ display: block; width:34px; height: 3px; background: #16336b; margin: 10px auto;}

.index_product .htitle p{text-align: center; color: #000;}

.index_product .more {margin-top: 100px;  margin-bottom:30px;}

.index_product .more a{width: 150px;    font-size: 14px;height: 38px;line-height: 38px;}

.index_process{ padding-bottom:40px;}

.index_process .htitle { margin: 40px auto;margin-top:20px;}

.index_process .htitle h1{text-align: center; color: #424242;font-weight: 500;}

.index_process .htitle span{ display: block; width:50px; height: 3px; background: #16336b; margin: 20px auto;}

.index_process .htitle p{text-align: center; color: #787777;}

.index_process .content { padding-top: 10px;}

.index_process .content ul li{ color: #666666; float: left; width: 11.71111%; font-size: 18px;}

.index_process .content ul li .icon{ text-align: center; margin: 0 auto;height: 100px;line-height: 100px; ;vertical-align: middle;}

.index_process .content ul li .icon img{margin: auto; 

    vertical-align: middle; margin: auto;}

.index_process .content ul li .icon .hei{display: none;}

.index_process .content ul li .icon:hover .bai{display: none}

.index_process .content ul li .icon:hover .hei{display: inline-block;}

.index_process .content ul li h1{ font-size: 18px; padding-top: 20px; text-align: center;font-weight: 400}

.index_process .content ul li.jg{ float: left; width: 3%;height: 113px; text-align: center;background: url(../images/indexarrow.png) center center no-repeat;}

.index_process .content ul li:hover  h1{  color:#16336b; }



.adbanner {text-align: center;}

.index_cases{  }

.index_cases .htitle { margin: 40px auto;margin-top:20px;}

.index_cases .htitle h1{text-align: center; color: #424242;font-weight: 500;}

.index_cases .htitle span{ display: block; width:50px; height: 3px; background: #16336b; margin: 20px auto;}

.index_cases .htitle p{text-align: center; color: #787777;}

.index_cases .content .swiper-slide .img img{ width: 100%; display: block;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden;height: 286px}

.index_cases .content .swiper-slide .img:hover img{ width: 100%; display: block;  transform: rotate(0deg) scale(1.1); transition-duration: 0.3s;}

.index_cases .content .swiper-slide .img { position: relative; overflow: hidden;}

.index_cases .content .swiper-slide .img  span{ display: none; position: absolute; left: 0px;bottom: 0px; right: 0px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; z-index: 999; text-indent: 1em;}

.index_cases .swiper-container{ padding-bottom: 60px;}

.index_cases .content .swiper-slide .txt { background: #fff; padding: 20px; height: 118px;}

.index_cases .content .swiper-slide .txt .title { color: #424242; font-size: 18px;height:50px; line-height: 1.6em;}

.index_cases .content .swiper-slide .txt span{ display: block; width:70px; height: 1px; background: #16336b;margin-bottom: 20px;  }

.index_cases .content .swiper-slide .txt .describe { color: #424242; font-size: 18px; font-weight: normal; text-align: justify; line-height: 1.7em;}

.index_cases .swiper-pagination-bullet{ background: #bebebe!important; width: 14px!important; height: 14px!important;}

.index_cases .swiper-pagination-bullet-active{background: #8c8c8c!important; }

.index_cases .content .swiper-slide a{ display: block; text-decoration: none; opacity: 0.9; }

.index_cases .content .swiper-slide a:hover .txt {}

.index_cases .content .swiper-slide .img:after{content: ""; position: absolute; bottom: 0; width: 100%; height: 60px; position: absolute; z-index: 10;

    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);

    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);

    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);

}



.index_about {background: url(../images/abg.jpg) center top;        background-size: inherit; padding-top: 40px;}

.index_about .htitle { margin: 40px auto;margin-top:30px;}

.index_about .htitle h1{text-align: center;color: #232323;font-weight: 500;}

.index_about .htitle span{ display: block; width:34px; height: 3px; background: #16336b; margin: 10px auto;}

.index_about .htitle p{text-align: center; color: #000;}

.index_about .content {padding:0 30px 30px 30px;line-height: 2;font-size:18px;}

 

.index_news{ padding-bottom:45px;}

.index_news .htitle { margin: 40px auto;margin-top:20px;}

.index_news .htitle h1{text-align: center; color: #424242;font-weight: 500;}

.index_news .htitle span{ display: block; width:50px; height: 3px; background: #16336b; margin: 20px auto;}

.index_news .htitle p{text-align: center; color: #787777;}

.index_news .content .swiper-slide .img img{ width: 100%; display: block;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}

.index_news .content .swiper-slide .img:hover img{ width: 100%; display: block; transform: rotate(0deg) scale(1.1); transition-duration: 0.3s;}

.index_news .content .swiper-slide .img { position: relative; overflow: hidden;}

.index_news .content .swiper-slide .img  span{ display: none; position: absolute; left: 0px;bottom: 0px; right: 0px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; z-index: 999; text-indent: 1em;}

.index_news .swiper-container{ padding-bottom: 60px;}

.index_news .content .swiper-slide .txt { background: #fff; padding: 20px; height: 148px;}

.index_news .content .swiper-slide .txt .title { color: #333; font-size: 18px;height:50px;text-align: center; margin-bottom: 10px; line-height: 1.6em;}

.index_news .content .swiper-slide .txt .describe { color: #999999; font-size: 14px; font-weight: normal; text-align: justify; line-height: 1.7em;}

.index_news .swiper-pagination-bullet{ background: #bebebe!important; width: 14px!important; height: 14px!important;}

.index_news .swiper-pagination-bullet-active{background: #8c8c8c!important; }

.index_news .content .swiper-slide a{ display: block; text-decoration: none; opacity: 0.9; }

.index_news .content .swiper-slide a:hover .txt {}

.index_news .content .swiper-slide .img:after{content: ""; position: absolute; bottom: 0; width: 100%; height: 60px; position: absolute; z-index: 10;

    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);

    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);

    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);

}







.index-lianxi .htitle { margin: 30px auto;}

.index-lianxi .htitle h1{ text-align: center; font-size:24px; color: #424242; font-weight: 500;}

.index-lianxi .htitle span{ display: block; width:70px; height: 3px; background: #16336b; margin: 20px auto;}

.index-lianxi .htitle p{ text-align: center; font-size: 16px; color: #787777;}





.liuyan .htitle { margin: 20px auto;}

.liuyan .htitle h1{ text-align: center; font-size:24px; color: #424242; font-weight: 500;}

.liuyan .htitle span{ display: block; width:70px; height: 3px; background: #16336b; margin: 20px auto;}

.liuyan .htitle p{ text-align: center; font-size: 16px; color: #787777;}







.detail_page{  padding-top: 30px;padding-bottom:40px;}

.detail_page .html{ line-height: 2em; font-size: 16px; color: #333; background: #fff; padding: 25px; }

.about1 img{float:left; width:520px; margin-right:50px;}

.about1 p{text-indent: 2em; color:#111; line-height:2em; font-size:16px;}

.about2 .box1{ margin-bottom: 30px;}

.about2 .box1 .l{width: 700px; float:left;}

.about2 .box1 .l img{width: 100%; display: block;}

.about2 .box1 .r{width: 400px; float:left; text-indent: 5em;}

.about2 .box1 .r h2{ color: #16336b; font-size: 30px; margin-bottom: 10px; padding-top: 110px;}

.about2 .box1 .r p{ color: #666; font-size: 18px;}

.about2 .box2{ margin-bottom: 30px;}

.about2 .box2 .l{width: 400px; float:left; text-indent: 7em;}

.about2 .box2 .l h2{ color: #16336b; font-size: 30px; margin-bottom: 10px; padding-top: 110px;}

.about2 .box2 .l p{ color: #666; font-size: 18px;}

.about2 .box2 .r{width: 700px; float:left;}

.about2 .box2 .r img{width: 100%; display: block;}

.about2 .box3{ margin-bottom: 30px;}

.about2 .box3 .l{width: 700px; float:left;}

.about2 .box3 .l img{width: 100%; display: block;}

.about2 .box3 .r{width: 400px; float:left; text-indent: 5em;}

.about2 .box3 .r h2{ color: #16336b; font-size: 30px; margin-bottom: 10px; padding-top: 110px;}

.about2 .box3 .r p{ color: #666; font-size: 18px;}

.about2 .box4 img{ width: 100%}

.about2 .box4{ padding-top: 40px; padding-bottom: 40px;}

.contact1 { margin-bottom: 50px;}

.contact1 .l{ float: left;}

.contact1 .r{ float: right; width: 400px; padding-top:28px;}

.contact1 .l h2{ font-size: 20px; color: #16336b; margin-bottom: 10px; }

.contact1 .l span{ display: block; margin: 20px 0; height: 1px;width: 40px; background: #656565;}

.contact1 .l p{ line-height: 2em; color: #333; font-size: 16px; font-weight: normal;}

.contact1 .l p strong{ font-weight:normal;}

.contact1 .r { float: right; text-align: center; font-size: 14px; line-height: 1.5em; color: #666;}

.contact1 .r img{ width: 120px;}

.contact2 img{ width: 100%;}

.service1 .box1{ background: #f5f7f9 }

.service1 .box1 .r{width: 50%; float:right;padding: 40px 0 10px 30px;box-sizing: border-box;}

.service1 .box1 .r p{ color: #333; font-size: 16px;  line-height: 2}

.service1 .box1 .l{width: 50%; float:left;}

.service1 .box1 .l img{width: 100%; display: block;}



.service1 .box2{ background: #f5f7f9 }

.service1 .box2 .r{width: 50%; float:left;padding: 40px 30px 10px 0;box-sizing: border-box;}

.service1 .box2 .r p{ color: #333; font-size: 16px;  line-height: 2}

.service1 .box2 .l{width: 50%; float:right;}

.service1 .box2 .l img{width: 100%; display: block;}



.service1 .box10{ margin-bottom: 50px;}

.service1 .box10 h1{ color: #16336b;font-weight: 400; font-size: 26px; text-align:center; position: relative;}

.service1 .box10 .des{ text-align: center;color:#999;}

.service1 .box10 ul{ padding-top: 40px;}

.service1 .box10 ul li{ float: left; width: 16.66666%; text-align: center;    border-bottom: 1px solid #eee;}

.service1 .box10 ul li .icon{ height: 100px; width: 100px;text-align: center; margin: 0 auto;}

.service1 .box10 ul li img{ display: block; width: 100%; margin: 0 auto;margin-top: 20px;}

.service1 .box10 ul li p{ color: #666666; font-size: 16px; font-weight: normal; padding-bottom:  20px; text-align: center;}



.html1 {margin-bottom: 20px }

.b1 { position: relative;margin-bottom: 30px }

.b1 .jiao{height: 100%;display: block;width: 50%;position: absolute;background: #f6f7f9;right: 0;}

.b2 { position: relative;margin-bottom: 50px }

.b2 .jiao{height: 100%;display: block;width: 50%;position: absolute;background: #f6f7f9;left: 0;}

.b1 .pagewidth,.b2 .pagewidth {    position: inherit;}

.xiangmu {margin-top: 15px; }

.xiangmu .box4 ul{  width: 1220px;}



.xiangmu .box4 ul li{ float: left; width: 285px;margin-right:20px;box-sizing: border-box; border: 1px solid #eee;}

.xiangmu .box4 ul li:hover{background: #013893}

.xiangmu .box4 ul li .icon{   text-align: center; margin: 0 auto;}

.xiangmu .box4 ul li img{ display: block; width: 100%; }



.imga{ overflow: hidden;}

.imga img{  transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}

.imga:hover img{  transform: rotate(0deg) scale(1.1); transition-duration: 0.3s;}



.yewubg{background: url(../images/yewubg.png) center center;height: 541px;}

.yewubg .aboutpage-tit h2{color: #fff}

.yewubg .aboutpage-tit span {background: #fff;}

.yewubg .aboutpage-tit p {color: #fff;}

.yewu li{float:left;width: 25%;color: #fff;}

.yewu li p{font-size:18px;line-height: 1.8; color: #fff;padding-left: 100px; }

.yewu li .titnum{font-size:36px;margin-bottom: 30px;line-height: 1;  color: #fff;}







.xiangmu .box4 ul li .tit{ color: #000; font-size: 18px; font-weight: normal; padding:15px 15px 0 15px; }

.xiangmu .box4 ul li p{ color: #333; font-size: 14px; font-weight: normal; padding:10px 0px 0px 15px;height: 60px; }

.xiangmu .box4 ul li .tit a{ color: #000;  }

.xiangmu .box4 ul li .tit a:hover{ color: #fff;  }

.xiangmu .box4 ul li span{ display: block; margin: 20px 0px 30px 15px; height: 2px;width: 30px; background: #16336b;}

.xiangmu .box4 ul li:hover a{color:  #fff}

.xiangmu .box4 ul li:hover span{background: #fff}



 

.xiangmu1  { position: relative;padding-left: 300px; }

.xiangmu1 .box10 h1{ color: #16336b;font-weight: 400; font-size: 24px; position: relative;margin-bottom: 3px;}

.xiangmu1 .box10 h1 a{ color: #16336b; }

.xiangmu1 .box10 .des{ font-style: italic;color:#999;}

.xiangmu1 .img { position: absolute;left: 0;top: 0}

.xiangmu1 .txt { padding-left: 210px; }

.xiangmu1 .jieshao { background: #f9fafc;font-size: 16px;height: 220px; padding: 35px 50px 50px 210px;line-height: 1.8;margin-top: 30px;}



.xiangmu .box10 h1{ color: #16336b;font-weight: 400; font-size: 24px; position: relative;margin-bottom: 3px;}

.xiangmu .box10 .des{ font-style: italic;color:#999;}

.xiangmu .box10 ul{ padding-top: 40px;width: 1220px;}



.xiangmu .box10 ul li{ float: left; width: 285px;margin-right:20px;box-sizing: border-box; border: 1px solid #eee;}

.xiangmu .box10 ul li .icon{   text-align: center; margin: 0 auto;}

.xiangmu .box10 ul li img{ display: block; width: 100%; }

.xiangmu .box10 ul li .tit{ color: #000; font-size: 18px; font-weight: normal; padding:15px 0 0 15px; }

.xiangmu .box10 ul li p{ color: #333; font-size: 14px; font-weight: normal; padding:10px 0px 0px 15px;height: 60px; }

.xiangmu .box10 ul li .tit a{ color: #000;  }

.xiangmu .box10 ul li .tit a:hover{ color: #16336c;  }







.service1 .box2 ul li p{ font-size: 16px; color: #333; }

.service1 .box3{ margin-bottom: 10px;}

.service1 .box3 .r{width: 550px; float:right; }

.service1 .box3 .r h2{ color: #111; font-size: 18px;}

.service1 .box3 .r p{ color: #333; font-size: 16px; text-align: justify; margin-bottom: 20px; }

.service1 .box3 .l{width: 550px; float:left;}

.service1 .box3 .l img{width: 100%; display: block;}

.service1 .box4{ }

.service1 .box4 .l{width: 500px; float:left; }

.service1 .box4 .l h2{ color: #111; font-size: 18px;  }

.service1 .box4 .l p{ color: #666; font-size: 14px;line-height: 1.8; text-align: justify;   }

.service1 .box4 .r{width: 520px; float:right;}

.service1 .box4 .r img{width: 100%; display: block;}

.service1 .box5{ margin-bottom: 50px;padding: 0 30px}

.service1 .box5 .r{width: 520px; float:right; }

.service1 .box5 .r h2{ color: #111; font-size: 18px;  }

.service1 .box5 .r p{ color: #666; font-size: 14px;line-height: 1.8; text-align: justify;  }

.service1 .box5 .l{width: 520px; float:left;}

.service1 .box5 .l img{width: 100%; display: block;}

.service1 .box6{}

.service1 .box6 .l{width: 550px; float:left; }

.service1 .box6 .l h2{ color: #111; font-size: 18px; padding-top: 95px;}

.service1 .box6 .l p{ color: #333; font-size: 16px; text-align: justify; margin-bottom: 20px; }

.service1 .box6 .r{width: 550px; float:right;}

.service1 .box6 .r img{width: 100%; display: block;}





.service1 .box4 .svetit {margin-bottom:20px; }

.service1 .box4 .svetit h2{   color: #000; font-weight: 400;font-size: 20px;line-height: 1.8}

.service1 .box4 .svetit span{ display: block; margin: 5px 0; height: 2px;width: 30px; background: #16336b;}

.service1 .box4 .svetit p{ line-height: 1.5; color: #090909; font-size: 20px;text-transform:uppercase}





.service1 .box5 .svetit {margin-bottom:20px; }

.service1 .box5 .svetit h2{   color: #000; font-weight: 400;font-size: 20px;line-height: 1.8}

.service1 .box5 .svetit span{ display: block; margin: 5px 0; height: 2px;width: 30px; background: #16336b;}

.service1 .box5 .svetit p{ line-height: 1.5; color: #090909; font-size: 20px;text-transform:uppercase}



.solution_box .box1{ margin-bottom: 50px;}

.solution_box .box1 .r{width: 530px; float:right; }

.solution_box .box1 .r h2{ color: #111; font-size: 18px;}

.solution_box .box1 .r p{ color: #333; font-size: 16px; text-align: justify;text-indent: 2em; }

.solution_box .box1 .l{width: 530px; float:left;}

.solution_box .box1 .l img{width: 100%; display: block;}

.solution_box .box2{ margin-bottom: 50px;}

.solution_box .box2 .l{width: 530px; float:left; }

.solution_box .box2 .l h2{ color: #111; font-size: 18px;}

.solution_box .box2 .l p{ color: #333; font-size: 16px; text-align: justify; text-indent: 2em;  }

.solution_box .box2 .r{width: 530px; float:right;}

.solution_box .box2 .r img{width: 100%; display: block;}









.service1 .box1 .svetit {margin-bottom:20px; }

.service1 .box1 .svetit h2{   color: #000; font-weight: 400;font-size: 24px;line-height: 1.8}

.service1 .box1 .svetit span{ display: block; margin: 5px 0; height: 2px;width: 30px; background: #16336b;}

.service1 .box1 .svetit p{ line-height: 1.5; color: #090909; font-size: 20px;text-transform:uppercase}







.service1 .box2 .svetit {margin-bottom:20px; }

.service1 .box2 .svetit h2{   color: #000; font-weight: 400;font-size: 24px;line-height: 1.8}

.service1 .box2 .svetit span{ display: block; margin: 5px 0; height: 2px;width: 30px; background: #16336b;}

.service1 .box2 .svetit p{ line-height: 1.5; color: #090909; font-size: 20px;text-transform:uppercase}

 



.service1 .box3 .svetit {margin:40px 0;text-align: center; }

.service1 .box3 .svetit h2{   color: #000; font-weight: 400;font-size: 24px;line-height: 1.8}

.service1 .box3 .svetit span{ display: block; margin: 5px auto; height: 2px;width: 30px; background: #16336b;}

.service1 .box3 .svetit p{ line-height: 1.5; color: #090909; font-size: 20px;text-transform:uppercase}



.service1 .box3 .con{ line-height: 1.8;padding: 0 100px;color: #666; }











 .fangan a {

    margin-top: 80px;

    padding: 12px 30px;

    font-size: 14px;

    color: #666;

    display: block;

    border: 1px solid #666;

    width: 90px;

    border-radius: 30px;

    background: url(../images/xjth.png) center right 20px no-repeat;

}



 .fangan a:hover {

     background: url(../images/xjth.png) center right 30px no-repeat;

}



















.detail_solution_menu { margin-top: -60px; position: relative; z-index: 9999}

.detail_solution_menu .onemenu{ background: #fff; border-bottom: #ececec solid 1px;}

.detail_solution_menu .onemenu ul li{ width: 20%; float: left;}

.detail_solution_menu .onemenu ul li a{ display:block; height: 60px; line-height:60px; color: #666666; font-size: 16px; text-align: center;}

.detail_solution_menu .onemenu ul li a.active{display:block; height: 60px; line-height:60px; color: #16336b; font-weight: bold; font-size: 18px;}

.detail_solution_menu .twomenu{ background: #f5f5f5; text-align: center; padding-top: 10px; padding-bottom: 10px;}

.detail_solution_menu .twomenu ul li{ display: inline-block;}

.detail_solution_menu .twomenu ul li a{ color: #666; font-size: 14px; display: block; padding: 5px 15px; margin-left: 5px; margin-right: 5px;}

.detail_solution_menu .twomenu ul li a.active{ background: #16336b; border-radius: 3px; color: #fff;}

.detail_product_category .onemenu{ background: #fff;  border-top: #ececec solid 1px;padding-top: 32px; padding-bottom:30px; text-align: center;}  

.detail_product_category .onemenu ul li{ display: inline-block;float: left;}

.detail_product_category .onemenu ul li a{ color: #666; font-size: 18px; display: block; padding: 18px 35px;  margin-right: 30px;}

.detail_product_category .onemenu ul li a.active{ background: #16336b; color: #fff;}

.detail_solution{padding-bottom:40px;}

.detail_solution .html{ line-height: 2em; font-size: 16px; color: #333; background: #fff; padding: 45px; padding-top: 0px;}

.detail_solution .duotu{ padding: 45px; background: #fff;}

.detail_solution .duotu .box{ border:#ececec solid 1px; padding: 4px;}

.detail_solution .duotu .swiper-slide img{width: 100%; display:block;}

.detail_product_list .pagewidth { width: 1224px; padding-top: 24px; }

.detail_product_list ul{   margin-bottom: 10px; }

.detail_product_list ul li{ width: 33.333333%;box-sizing: border-box; margin-bottom: 40px; float: left; padding:0px 10px; background: #fff;  text-align: center;}

.detail_product_list ul li .img{ overflow: hidden; height: 240px;  margin-bottom: 10px;   background: #f4f6fa;}

.detail_product_list ul li .img img{ width: 100%;height: 100%; display: block;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}

.detail_product_list ul li .img:hover img{ width: 100%; display: block; transform: rotate(0deg) scale(1.1); transition-duration: 0.3s;}



.detail_product_list ul li h1{ }

.detail_product_list ul li h1 a{color: #1a1a1a;font-size: 16px; font-weight:400;}

.detail_product_list ul li p{ font-size: 14px; color: #999; height: 24px;}



.detail_product_list5 .pagewidth { width: 1224px; padding-top: 24px; }

.detail_product_list5 ul{   margin-bottom: 10px; }

.detail_product_list5 ul li{ width: 33.333333%;box-sizing: border-box; margin-bottom: 40px; float: left; padding:0px 10px;  text-align: center;}

.detail_product_list5 ul li .img{ overflow: hidden; height: 240px;  margin-bottom: 10px;  }

.detail_product_list5 ul li .img img{ width: 100%;height: 100%; display: block;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}

.detail_product_list5 ul li .img:hover img{ width: 100%; display: block; transform: rotate(0deg) scale(1.1); transition-duration: 0.3s;}



.detail_product_list5 ul li h1{ }

.detail_product_list5 ul li h1 a{color: #1a1a1a;font-size: 16px; font-weight:400;}

.detail_product_list5 ul li p{ font-size: 14px; color: #999; height: 24px;}





.detail_product_detail { }

.detail_product_detail .pagewidth{ background: #fff;}

.detail_product_detail .product_info{ padding: 40px;position: relative;}

.detail_product_detail .product_info .l{ float: left; width:35%; margin-right: 5%; }

.detail_product_detail .product_info .l img{ width: 100%;}

.detail_product_detail .product_info .r{ float: right; width: 60%;}

.detail_product_detail .product_info .r h1{  font-size:26px; color: #333;margin-bottom: 15px;}

.detail_product_detail .product_info .r h2{  font-size:16px; color: #4d4d4d; font-weight: normal;margin-bottom: 20px;}

.detail_product_detail .product_info .r .ly {color:#434343;font-size: 19px;margin-bottom: 10px;padding-top: 10px;}

.detail_product_detail .product_info .r p{ line-height: 1.8em; font-size: 16px; color: #666;}

.detail_product_detail .product_info .r .slt{position: absolute;bottom: 40px;}

.detail_product_detail .product_info .r .slt li {float: left;margin-right: 15px;}

.detail_product_detail .product_info .r .slt img {width:100px;height: 100px;border:1px solid #b2b2b2;}

.fangantit {font-size:26px;height: 36px;line-height: 36px; color: #000;margin-bottom: 15px;}

.fangantit img{vertical-align: middle;margin-right: 20px;max-height: 36px;}







.tedian{padding: 30px 0px 30px 30px;overflow: hidden;}

.tedian li{ overflow: hidden;margin-bottom: 10px; line-height: 1.5;  color: #373737;font-size:16px;padding-right: 30px;box-sizing: border-box;}

.tedian li span{color:#373737;font-size: 22px;font-weight: 700;font-style:italic;height: 40px;float: left;line-height: 24px;margin-right: 3px;}



 

.service1 .ly {

    color: #434343;

    font-size: 19px;

    margin-bottom: 5px;

    padding-top: 10px;

}

.service1 .lycon {

    color: #434343;

    font-size: 14px;

    margin-bottom: 10px;

 }



.youshi{ margin-top: 20px;overflow: hidden;}

.youshi li .inner{position: relative; border: 1px solid transparent;transition: all .2s ease;height: 230px;overflow: hidden;}

.youshi li .inner a{display:block;height: 100%}



.youshi .products-item{transition: 0.2s ease;-moz-transition: 0.2s ease;-webkit-transition: 0.2s ease;-o-transition: 0.2s ease;width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}

.youshi li{position: relative;float: left;width: 33.333%;text-align: center;    box-sizing: border-box; }

.youshi li .products-ico{ line-height: 1;margin-top: 0px;transition: all 0.2s ease;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease; color:#ccc; text-align: center;}

.youshi li h3{font-size: 24px; color: #144298;font-weight: 700;line-height: 1;padding: 10px 0 15px 0;}

.youshi li .products-des{font-size: 18px;color: #232323;padding: 10px 20px;  line-height: 1.6; }

.youshi li .products-ince{font-size: 14px;color: #bbbbbb;padding: 0 20px;}

.youshi li .products-line{width: 60px;height: 3px;background: #16336b;margin:10px auto;}

.youshi .x2{border-left: 1px solid #013893;border-right: 1px solid #013893}

.index_about .more {  margin-bottom: 100px;}
/*
.index_about .more a{background: #013893;color: #fff; border:1px solid #013893;width: 280px;height: 38px;line-height: 38px;margin-top: 50px;font-size:14px;}

.index_about .more a:hover{background: #fff;color: #013893; border:1px solid #013893;width: 280px;height: 38px;line-height: 38px;margin-top: 50px;font-size:14px;}
*/


.iabout p{color:#232323;font-size:16px;text-indent:2em; }
 
.detail_news_list2 { padding-top: 40px; }

.detail_news_list2 .pagewidth{ }

.detail_news_list2 ul{ padding:0px 25px; padding-bottom: 0px;}



.detail_news_list2 ul li .img{ width: 395px; height: auto; float: left; margin-right: 30px; border-radius: 2px; overflow: hidden;}

.detail_news_list2 ul li .img img{ width: 395px; height: 210px;}

  


.detail_news_list2 ul li{ }

.detail_news_list2 ul li .des{ height: 150px;  }

.detail_news_list2 ul li .time{   }

.detail_news_list2 ul li .time-d {font-size:24px;}

.detail_news_list2 ul li .time-y {font-size:16px;}

 

.detail_news_list2 ul li .text{ float: left; width: 700px;}

.detail_news_list2 ul li .text h2{ color: #232323; font-size: 18px; font-weight: normal; margin-bottom: 20px;}

.detail_news_list2 ul li .text h2 a{ color: #232323;font-size: 20px; }

.detail_news_list2 ul li .text h2 a:hover{color: #16336b; }

.detail_news_list2 ul li .text .ltime{margin-bottom: 25px; }

.detail_news_list2 ul li .text p{ color: #232323; font-size: 14px; font-weight: normal; line-height: 24px;}

.detail_news_list2 ul li .newbox{ padding: 0 30px;}





.detail_news_list { padding-top: 0px; padding-bottom: 40px;}

.detail_news_list .pagewidth{ }

.detail_news_list ul{ padding:35px 0px; margin-bottom: 0px;}



.detail_news_list ul li .img{ width: 380px; height: auto; float: left; margin-right: 25px; border-radius: 2px; overflow: hidden;}

.detail_news_list ul li .img img{ width: 380px; height: auto; display: block;}

.detail_news_list ul li .img img{ width: 100%; height: auto; display: block;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}

.detail_news_list ul li .img:hover img{ width: 100%;  height: auto;display: block; transform: rotate(0deg) scale(1.1); transition-duration: 0.3s;}



.detail_news_list ul li{ border-top: 1px dashed #e5e5e5;padding:30px 0; }

.detail_news_list ul li .time{ float: right; width: 70px;padding-top: 15px; }

.detail_news_list ul li .time-d {font-size:24px;}

.detail_news_list ul li .time-y {font-size:16px;}

.detail_news_list ul li:hover {

    background: #fff;

    box-shadow: 1px 2px 20px 12px rgba(76, 100, 109, 0.08);

 }

.detail_news_list ul li .text{ float: left; width: 1000px;}

.detail_news_list ul li .text h2{ color: #232323; font-size: 18px; font-weight: normal; margin-bottom: 20px;}

.detail_news_list ul li .text h2 a{ color: #232323;font-size: 20px; }

.detail_news_list ul li .text h2 a:hover{color: #16336b; }

.detail_news_list ul li .text .ltime{margin-bottom: 25px; }

.detail_news_list ul li .text p{ color: #232323; font-size: 14px; font-weight: normal; line-height: 24px;}

.detail_news_list ul li .newbox{ padding: 0 30px;}

.detail_news_list .page{ text-align: center;  }

.page_news_detail{  padding-top: 30px;padding-bottom: 30px;}

.page_news_detail .content{padding-bottom:30px;background: #fff;}

.page_news_detail .html{ line-height: 2em; font-size: 14px; color: #333; margin-bottom: 30px;}

.page_news_detail .html p{ text-indent:2em;}

.page_news_detail .description{ background: #f8f8f8; color: #999999; font-size: 14px; line-height: 1.6em; padding: 20px; margin-bottom: 20px;}

.page_news_detail .title{ text-align: center; border-bottom: #ececec solid 1px; margin-bottom: 20px; padding-bottom: 20px; padding-top: 20px;}

.page_news_detail .title h2{ text-align: center; font-size: 22px; color: #333;padding-bottom: 20px}

.page_news_detail .title p{ text-align: center; font-size: 14px; color: #999;}

.page_news_detail .news_other { }

.page_news_detail .news_other {padding-top: 20px;font-size: 16px;color: #666;}

.page_news_detail .news_other p{}

.page_news_detail .news_other a {color: #666;}

.page_news_detail .news_other .left {line-height: 55px;float: left;width: 50%;background: #edeef1 ; box-sizing: border-box;text-align: center; }

.page_news_detail .news_other .right {line-height: 55px;float: right;width: 50%;box-sizing: border-box;text-align: center; background: #f5f6fa}

.page_news_detail .news_other  .left i {float: right; }

.page_news_detail .news_other  .right i {float: left; }



.page_news_detail .news_other i {font-size: 32px;vertical-align: middle;margin:0 20px; padding-top: 2px; }

.page_news_detail .news_other div:hover { color: #16336b}

.page_news_detail .news_other a:hover { color: #16336b;text-decoration: none}





.detail_case_list { padding-top: 30px; padding-bottom: 40px;}

.detail_case_list .pagewidth{/* background: #fff; */overflow:hidden;}

.detail_case_list ul{/* padding: 40px; */padding-bottom: 0px;width:110%;}

.detail_case_list ul li{width: 390px;float:left;margin-right:20px;}

.detail_case_list ul li .img{width: 390px; height: 265px;border-radius: 2px;overflow: hidden;}

.detail_case_list ul li .img img{ width: 100%; height: 265px; display: block;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}

.detail_case_list ul li .img:hover img{ width: 100%;  display: block; transform: rotate(0deg) scale(1.1); transition-duration: 0.3s;}



.detail_case_list ul li{margin-bottom:30px;transition-duration: 0.3s;-moz-transition-duration: 0.3s; /* Firefox 4 */-webkit-transition-duration: 0.3s; /* Safari  Chrome */-o-transition-duration: 0.3s; /* Opera */background: #fff;}

.detail_case_list ul li h2{color: #333;font-size: 18px;font-weight: 400;margin-bottom: 10px;height: 24px;overflow: hidden;}

.detail_case_list ul li h2 a{ color: #333;}

.detail_case_list .page{ text-align: center;  }

.detail_case_list ul li span{ display: block; margin: 20px 0; height: 1px;width: 70px; background: #656565;}

.detail_case_list ul li p{ line-height: 2em;  font-size: 14px;}

.detail_case_list ul li p strong{ font-size: 18px!important; color: #fff!important;}

.detail_case_list ul li .txt {padding: 20px;}

 .detail_case_list ul li   a:hover{ color: #16336b;}

  .detail_case_list ul li:hover   a { color: #16336b;}



.page_case_detail{  padding-top: 30px;padding-bottom: 30px;}

.page_case_detail .content{padding: 30px;background: #fff;}

.page_case_detail .html{ line-height: 2em; font-size: 16px; color: #333; margin-bottom: 30px;}

.page_case_detail .html p{ text-indent:2em;}

.page_case_detail .title{ text-align: center; border-bottom: #ececec solid 1px; margin-bottom: 20px; padding-bottom: 20px; padding-top: 20px;}

.page_case_detail .title h2{ text-align: center; font-size: 22px; color: #333;padding-bottom: 20px}

.page_case_detail .title p{ text-align: center; font-size: 14px; color: #999;}

.page_case_detail .news_other { border-top: #ececec solid 1px;}

.page_case_detail .news_other {padding-top: 20px;font-size: 16px;color: #666;}

.page_case_detail .news_other a {color: #666;}

.page_case_detail .news_other .left {float: left}

.page_case_detail .news_other .right {float: right}





/*大屏幕*/

@media screen and (max-width: 1920px) {} 

/*平板*/







@media screen and (max-width: 1024px) {

.footer .box,.footer .linx {

   display: none

}

.footer .contact {text-align: center;padding: 20px 10px; box-sizing: border-box;}

.footer .contact p {

    line-height: 2em;

    color: #a7a7a7;

    font-size: 12px;

}

.footer-nav{display: none}

.xia{display: none}

.index_product .pagewidth {

    width: 100%;

    padding-top: 24px;

}

.index_cases{padding: 0}

.index_product .htitle {

    margin: 20px auto;

    margin-top:0; 

}

.index_process .htitle,.index_cases .htitle,.index_news .htitle{

    margin: 20px auto;

}

.index_process .htitle span,.index_product .htitle span,.index_cases .htitle span {

     margin: 10px auto;

}

.index_product ul li {

    width: 50%;

    margin-bottom: 20px;

    float: left;

    margin-left: 0;

    margin-right: 0;

 
    padding-left: 5px;

    padding-right: 5px;

    box-sizing: border-box;

}

.index_product ul li .img img {

     height: auto;

 }

 .more {

    margin: 10px auto;

    margin-bottom: 20px;

}

.index_product ul li h1 {

    font-size: 18px;

    height: 25px;

    margin-top: 10px;

    font-weight: 400;

}

.index_product .htitle h1,.index_process .htitle h1 ,.index_cases .htitle h1,.index_news .htitle h1,.abouttit h2 {

     font-size: 24px;

 }

 .pagewidth {

    width: auto;

     margin: 0  

}

.index_process .content {

     padding-top: 0px;

     overflow-x: auto;

}

.index_process .content ul{

     width:1200px;

}

.index_cases .htitle p,.abouttit p {

     font-size: 12px;

 }

.adbanner img{width:100%;}

.mobile_index_solution{ display:block;}

.index_banner{ height: 300px;position: relative;}

.index_banner .swiper-container{ height: 300px;}

.index_banner .swiper-slide{ height: 300px;}

.index_banner .swiper-slide .content h1{ font-weight: bold; color: #fff; font-size: 24px;position: absolute;top: 32%; width:1200px;  left: 50%; margin-left: -600px; text-align: center; opacity: 0; transition: 0.4s;  transition-delay: 0.4s;transition-timing-function: linear; }

.index_banner .swiper-slide .content h2{ color: #fff; font-size: 14px;position: absolute; top: 43%;  width:1200px;  left: 50%; margin-left: -600px; text-align: center; font-weight: normal; opacity: 0; transition: 0.6s;  transition-delay: 0.6s;transition-timing-function: linear; }

.index_banner .swiper-slide-active .content h1{margin-left: -600px;  opacity: 1;top: 30%; text-shadow:0px 2px 2px rgba(0,0,0,0.3);}

.index_banner .swiper-slide-active .content h2{margin-left: -600px; opacity: 1;top: 41%; text-shadow:0px 2px 2px rgba(0,0,0,0.3);}



.mobile_index_solution{ padding-top:30px; padding-bottom:30px;}

.mobile_index_solution .title h1{ text-align: center; font-size: 18px; color: #333333;margin-bottom: 5px;}

.mobile_index_solution .title h2{ text-align: center; font-size: 14px; font-weight:normal; color: #333333;}

.mobile_index_solution .content{ position: relative; height: 250px; padding-top:20px;}

.mobile_index_solution .content .swiper-slide{ background:#fff;}

.mobile_index_solution .content .swiper-slide .solution{ height:200px; position:relative}

.mobile_index_solution .content .swiper-slide .solution a{  }

.mobile_index_solution .swiper-container{ padding-bottom:60px;}



.mobile_index_solution .content .swiper-slide .solution h1{ position:absolute;left:10px;bottom:10px; right:10px;font-size:14px; text-align:center}

.mobile_index_solution .content .swiper-slide .solution a h1 { color:#fff;}

.mobile_index_solution .swiper-pagination-bullet {

        border: #999 solid 2px;

        background: none !important;

        width: 8px !important;

        height: 8px !important;

        opacity: 0.7 !important

    }



    .mobile_index_solution .swiper-pagination-bullet-active {

        border: #666 solid 2px;

        opacity: 1 !important

    }



.index_solution .pagewidth{width:1000px}

.index_solution .title h1{ text-align: center; font-size: 18px; color: #333333;margin-bottom: 5px;}

.index_solution .title h2{ text-align: center; font-size: 14px; font-weight:normal; color: #333333;}

.index_solution .content{ position: relative; height: 440px;}

.index_solution .content .solution1:after,.index_solution .content .solution2:after,.index_solution .content .solution3:after,.index_solution .content .solution4:after,.index_solution .content .solution5:after{ position: absolute; content: ""; height: 80px;  left: 0px; right: 0px; bottom: 0px; z-index: 8ï¼›background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%) ; overflow: hidden;

    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);

    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);}

.index_solution .content .solution1{ position: absolute; width: 200px; height: 440px; left: 0px; overflow: hidden;}

.index_solution .content .solution2{ position: absolute; width: 490px; height: 210px; left: 220px;overflow: hidden;}

.index_solution .content .solution3{ position: absolute; width: 270px; height: 210px; right: 0px;overflow: hidden;}

.index_solution .content .solution4{ position: absolute; width: 270px; height: 210px; left: 220px;bottom:0px;overflow: hidden;}

.index_solution .content .solution5{ position: absolute; width: 490px; height: 210px; right: 0px;bottom:0px;overflow: hidden;}



.index_solution .content .solution img{width: 100%; height: 100%; position: absolute; z-index: 9; line-height: 20px; display: block; font-size: 0px;vertical-align:middle;transition: .5s transform; transform: translateZ(0);}

.index_solution .content .solution:hover img{transform: rotate(-2deg) scale(1.1); transition: .6s transform;}

.index_solution .content .solution h1{ font-weight: normal; font-size: 18px; font-weight: bold; color: #fff; position: absolute; width: 100%; text-align: center; bottom: 20px; z-index: 110;transition-duration: 0.3s;-moz-transition-duration: 0.3s; /* Firefox 4 */-webkit-transition-duration: 0.3s; /* Safari 鍜� Chrome */-o-transition-duration: 0.3s; /* Opera */ opacity: 0.8}

.index_solution .content .solution:hover h1{opacity: 1; font-weight: bold; color: #fff; position: absolute; width: 100%; text-align: center; bottom: 25px; z-index: 110;}

.index_solution .content .solution:after{content: ""; position: absolute; bottom: 0; width: 100%; height: 60px; position: absolute; z-index: 10;

    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);

    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);

    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);

}







.index_process{ padding-bottom:45px;}

.index_process .title h1{ text-align: center; font-size: 18px; color: #333333; margin-bottom: 5px;}

.index_process .title h2{ text-align: center; font-size: 14px; font-weight:normal; color: #333333; padding-top: 5px; padding-left: 30px; padding-right: 30px;}

.index_process .title h2 em{padding: 0px; position: relative;  width: 40px;  display:block; margin: 10px auto; margin-bottom: 20px;}

.index_process .title h2 em:after{content: ""; position: absolute; width: 100%; left: 0px; top: 0px; background: #000; height: 1px;}

/*

.index_process .content ul li{ float: left; width: 33.333%; margin-bottom: 20px;}

.index_process .content ul li .icon{ border-radius: 92px; height: 80px; width: 80px; background: #ffffff; border:#f8f8f8 solid 6px; text-align: center; margin: 0 auto;}

.index_process .content ul li .icon .white{ display: none; width: 40px; margin: 0 auto; margin-top: 20px;}

.index_process .content ul li .icon .gray{ display: block; width: 40px; margin: 0 auto;margin-top: 20px;}

.index_process .content ul li h1{ font-size: 14px;}

.index_process .content ul li:hover .icon{ border-radius: 92px; height: 80px; width: 80px; background: #16336b; border:#dc4b55 solid 6px; text-align: center; margin: 0 auto;}

.index_process .content ul li:hover .icon .white{ display: block; width: 40px; margin: 0 auto; margin-top: 20px;}

.index_process .content ul li:hover .icon .gray{ display: none; width: 40px; margin: 0 auto;margin-top: 20px;}

.index_process .content ul li:hover h1{ font-size: 14px; }

*/





.index_news{ padding-bottom:45px;}

.index_news .title h1{ text-align: center; font-size: 18px; color: #333333;}

.index_news .title span{ display: block; width:50px; height: 2px; background: #16336b; margin: 20px auto;}

.index_news .content .swiper-slide .img img{ width: 100%; display: block;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}

.index_news .content .swiper-slide .img:hover img{ width: 100%; display: block; transform: rotate(-2deg) scale(1.1); transition-duration: 0.3s;}

.index_news .content .swiper-slide .img { position: relative; overflow: hidden;}

.index_news .content .swiper-slide .img  span{ position: absolute; left: 0px;bottom: 0px; right: 0px; height: 40px; line-height: 40px; color: #fff; font-size: 14px; z-index: 999; text-indent: 1em;}

.index_news .swiper-container{ padding-bottom: 50px;}

.index_news .content .swiper-slide .txt { background: #fff; padding: 20px; height: auto;}

.index_news .swiper-pagination-bullet{ border:#999 solid 2px; background: none!important; width: 8px!important; height: 8px!important;opacity: 0.7!important}

.index_news .swiper-pagination-bullet-active{  border:#666 solid 2px;opacity: 1!important}

.index_news .content .swiper-slide a{ display: block; text-decoration: none; opacity: 0.9; }

.index_news .content .swiper-slide a:hover .txt {}

.index_news .content .swiper-slide{border-radius: 4px; overflow: hidden;}





.index_news .content .swiper-slide .img:after{content: ""; position: absolute; bottom: 0; width: 100%; height: 60px; position: absolute; z-index: 10;

    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);

    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);

    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);

}













.detail_page{  padding-top: 1px;padding-bottom:20px;}

.detail_page .pagewidth{margin: 0 auto;}

.detail_page .html{ line-height: 2em; font-size: 16px; color: #333; background: #fff; padding: 20px; }

.about1 img{float:none; width:100%; margin-right:0px;}

.about1 p{text-indent: 2em; color:#111; line-height:2em; font-size:16px;}

.about2 .box1{ margin-bottom: 30px;

border-bottom: #ececec solid 2px;

padding-bottom: 30px;}

.about2 .box1 .l{width: 100%; float:none;}

.about2 .box1 .l img{width: 100%; display: block;}

.about2 .box1 .r{width: 100%; float:left; text-indent: 0em;}

.about2 .box1 .r h2{ color: #16336b; font-size: 20px; margin-bottom: 0px; padding-top:10px;}

.about2 .box1 .r p{ color: #666; font-size: 16px;}

.about2 .box2{  margin-bottom: 30px;

border-bottom: #ececec solid 2px;

padding-bottom: 30px;}

.about2 .box2 .l{width: 100%; float:left; text-indent: 0em;}

.about2 .box2 .l h2{ color: #16336b; font-size: 20px; margin-bottom: 0px; padding-top: 10px;}

.about2 .box2 .l p{ color: #666; font-size: 16px;}

.about2 .box2 .r{width: 100%; float:left;}

.about2 .box2 .r img{width: 100%; display: block;}

.about2 .box3{ margin-bottom: 30px;}

.about2 .box3 .l{width: 100%; float:left;}

.about2 .box3 .l img{width: 100%; display: block;}

.about2 .box3 .r{width: 100%; float:left; text-indent: 0em;}

.about2 .box3 .r h2{ color: #16336b; font-size: 20px; margin-bottom: 0px; padding-top: 10px;}

.about2 .box3 .r p{ color: #666; font-size: 16px;}

.about2 .box4 img{ width: 100%}

.about2 .box4{ padding-top: 20px; padding-bottom: 20px;}

.contact1 { margin-bottom: 50px;}

.contact1 .l{ float: none;}

.contact1 .r{ float: none; width: 100%; padding-top:28px;}

.contact1 .l h2{ font-size: 20px; color: #16336b; margin-bottom: 10px; }

.contact1 .l span{ display: block; margin: 20px 0; height: 1px;width: 40px; background: #656565;}

.contact1 .l p{ line-height: 2em; color: #333; font-size: 16px; font-weight: normal;}

.contact1 .l p strong{ font-weight:normal;}

.contact1 .r { float: right; text-align: center; font-size: 14px; line-height: 1.5em; color: #666;}

.contact1 .r img{ width: 120px;}

.contact2 img{ width: 100%;}

.service1 .box1{ margin-bottom: 30px;}

.service1 .box1 .l{width: 100%; float:none; }

.service1 .box1 .l p{ color: #333; font-size: 16px; text-align: justify; text-indent: 2em;}

.service1 .box1 .r{width: 100%; float:none;}

.service1 .box1 .r img{width: 100%; display: block;}

/*

.service1 .box2 ul li{ width: 33.33%; float:left; text-align: center; margin-bottom: 20px;}

.service1 .box2 ul li img{ width: 72px;}

.service1 .box2 ul li p{ font-size: 13px; color: #333; line-height: 1.3em;}

*/

.service1 .box3{ margin-bottom: 20px;}

.service1 .box3 .r{width: 100%; float:none; }

.service1 .box3 .r h2{ color: #111; font-size: 18px;}

.service1 .box3 .r p{ color: #333; font-size: 16px; text-align: justify; margin-bottom: 20px; }

.service1 .box3 .l{width: 100%; float:none;}

.service1 .box3 .l img{width: 100%; display: block;}

.service1 .box4{ margin-bottom: 20px;}

.service1 .box4 .l{width: 100%; float:none; }

.service1 .box4 .l h2{ color: #111; font-size: 18px; padding-top: 0px;}

.service1 .box4 .l p{ color: #333; font-size: 16px; text-align: justify; margin-bottom: 20px; }

.service1 .box4 .r{width: 100%; float:none;}

.service1 .box4 .r img{width: 100%; display: block;}

.service1 .box5{ margin-bottom: 20px;}

.service1 .box5 .r{width: 100%; float:none; }

.service1 .box5 .r h2{ color: #111; font-size: 18px; padding-top: 0px;}

.service1 .box5 .r p{ color: #333; font-size: 16px; text-align: justify; margin-bottom: 20px; }

.service1 .box5 .l{width: 100%; float:none;}

.service1 .box5 .l img{width: 100%; display: block;}

.service1 .box6{}

.service1 .box6 .l{width: 100%; float:none; }

.service1 .box6 .l h2{ color: #111; font-size: 18px; padding-top: 0px;}

.service1 .box6 .l p{ color: #333; font-size: 16px; text-align: justify; margin-bottom: 20px; }

.service1 .box6 .r{width: 100%; float:none;}

.service1 .box6 .r img{width: 100%; display: block;}









.solution_box .box1{ margin-bottom: 20px;}

.solution_box .box1 .r{width: 100%; float:none; }

.solution_box .box1 .r h2{ color: #111; font-size: 18px;}

.solution_box .box1 .r p{ color: #333; font-size: 16px; text-align: justify;}

.solution_box .box1 .l{width: 100%; float:none;}

.solution_box .box1 .l img{width: 100%; display: block;}

.solution_box .box2{ margin-bottom: 20px;}

.solution_box .box2 .l{width: 100%; float:none; }

.solution_box .box2 .l h2{ color: #111; font-size: 18px;}

.solution_box .box2 .l p{ color: #333; font-size: 16px; text-align: justify;  }

.solution_box .box2 .r{width: 100%; float:none;}

.solution_box .box2 .r img{width: 100%; display: block;}

























.detail_solution .pagewidth{ margin: 0 auto;}



.detail_solution_menu { margin-top: 0px; position: relative; z-index: 9999}

.detail_solution_menu .pagewidth{ margin: 0 auto;}

.detail_solution_menu .onemenu{ background: #fff;  border-bottom: #ececec solid 1px; display: none;}

.detail_solution_menu .onemenu ul li{ width: 20%; float: left;}

.detail_solution_menu .onemenu ul li a{ display:block; height: 60px; line-height:60px; color: #666666; font-size: 16px; text-align: center;}

.detail_solution_menu .onemenu ul li a.active{display:block; height: 60px; line-height:60px; color: #16336b; font-weight: bold; font-size: 18px;}

.detail_solution_menu .twomenu{ background: #f5f5f5; text-align: center; padding-top: 10px; padding-bottom: 10px;}

.detail_solution_menu .twomenu ul li{ display: inline-block;}

.detail_solution_menu .twomenu ul li a{ color: #666; font-size: 14px; display: block; padding: 5px 5px; margin-left: 5px; margin-right: 5px;}

.detail_solution_menu .twomenu ul li a.active{ background: #16336b; border-radius: 3px; color: #fff;}

.detail_product_category .onemenu{ display: none;}  

.detail_solution{padding-bottom:40px;}

.detail_solution .html{ line-height: 2em; font-size: 16px; color: #333; background: #fff; padding: 20px; padding-top: 0px;}

.detail_solution .duotu{ padding: 20px; background: #fff;}

.detail_solution .duotu .box{ border:#ececec solid 1px; padding: 4px;}

.detail_solution .duotu .swiper-slide img{width: 100%; display:block;}







.detail_product_list .pagewidth { width: auto; margin: 0 auto; padding-top: 10px; }

.detail_product_list ul li{ width: calc(50% - 10px);margin-bottom: 10px; float: left; padding-bottom: 10px; background: #fff; margin-left: 5px; margin-right: 5px; text-align: center;}

.detail_product_list ul li .img{overflow: hidden;

position: relative;width: 100%;

height: 0;

padding-top: 100%;}

.detail_product_list ul li .img img{position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;}

.detail_product_list ul li .img:hover img{ width: 100%;height: 100%;transform: rotate(0deg) scale(1.1); transition-duration: 0.3s;}





.detail_product_list ul li h1{ font-size: 12px; font-weight: normal;  height: 40px; padding-left: 5px; padding-right:5px;}

.detail_product_list ul li h1 a{color: #333;}

.detail_product_list ul li p{ font-size: 12px; color: #999; height: 20px; padding-left: 5px; padding-right: 5px;}

.detail_product_detail {  }

.detail_product_detail .pagewidth{ background: #fff; margin: 0 auto;}

.detail_product_detail .product_info{ padding: 20px;}

.detail_product_detail .product_info .l{ float: none; width:100%; margin-right: 0; }

.detail_product_detail .product_info .l img{ width: 100%;}

.detail_product_detail .product_info .r{ float: none; width: 100%;}

.detail_product_detail .product_info .r h1{  font-size:20px; color: #333;margin-bottom: 5px;}

.detail_product_detail .product_info .r h2{  font-size:14px; color: #999; font-weight: normal;margin-bottom: 20px;}

.detail_product_detail .product_info .r p{ line-height: 1.8em; font-size: 16px; color: #666;}

.product_info_html .tab{ background: #f5f5f5; height: 32px; line-height: 32px; font-size: 14px; font-weight: bold;}

.product_info_html .tab .sd01{ color: #fff; background: #16336b; float: left; padding-left: 20px; padding-right: 20px; cursor: pointer;}

.product_info_html .tab .sd02{ color: #666; float: left; padding-left: 20px; padding-right: 20px; cursor: pointer;}

.product_info_html .content{ padding: 20px; line-height: 1.8em; font-size: 16px; color: #333;}





.product_info_html .content img{max-width:100%!important; height:auto!important;}

 



.detail_news_list { padding-top: 1px; padding-bottom: 20px;}

.detail_news_list .pagewidth{ background: #fff; margin: 0 auto;}

.detail_news_list ul{ padding: 20px; padding-bottom: 0px;}

.detail_news_list ul li .img{ width: 100%; height: auto; float: none; margin-right: 0px; border-radius: 2px; overflow: hidden;}

.detail_news_list ul li .img img{ width: 100%; height: auto; display: block;}

.detail_news_list ul li .img img{ width: 100%; height: auto; display: block;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}

.detail_news_list ul li .img:hover img{ width: 100%;  height: auto;display: block; transform: rotate(0deg) scale(1.1); transition-duration: 0.3s;}



.detail_news_list ul li{ margin-bottom:30px;transition-duration: 0.3s;-moz-transition-duration: 0.3s; /* Firefox 4 */-webkit-transition-duration: 0.3s; /* Safari  Chrome */-o-transition-duration: 0.3s; /* Opera */}

.detail_news_list ul li .text{ float: none; width: 100%;}

.detail_news_list ul li .text h2{ color: #333; font-size: 16px; font-weight: normal; margin-bottom: 5px; padding-top: 10px;}

.detail_news_list ul li .text h2 a{ color: #333;}

.detail_news_list ul li .text p{ color: #999999; font-size: 14px; font-weight: normal; line-height: 24px;}

.detail_news_list ul li .box{ width: 100%; margin: 0 auto;}

.detail_news_list .page{ text-align: center; border-top: #dddddd solid 1px;}

.page_news_detail{  padding-top: 1px;padding-bottom: 20px;}

.page_news_detail .pagewidth{ margin: 0 auto;}

.page_news_detail .content{padding: 20px;background: #fff;}

.page_news_detail .html span{ font-weight: normal!important; line-height: 2em; font-size: 16px; color: #333; margin-bottom: 30px; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif!important; font-size: 16px!important; }

.page_news_detail .html p{ text-align: justify!important; font-weight: normal!important; line-height: 2em; font-size: 16px; color: #333; margin-bottom: 10px; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif!important; font-size: 16px!important; }

.page_news_detail .html img{ width: 100%!important; height: auto!important}

.page_news_detail .description{ background: #f8f8f8; color: #999999; font-size: 14px; line-height: 1.6em; padding: 20px; margin-bottom: 20px;}

.page_news_detail .title{ text-align: center; border-bottom: #ececec solid 1px; margin-bottom: 20px; padding-bottom: 20px; padding-top: 20px;}

.page_news_detail .title h2{ text-align: center; font-size: 22px; color: #333;padding-bottom: 20px}

.page_news_detail .title p{ text-align: center; font-size: 14px; color: #999; }

.page_news_detail .news_other { border-top: #ececec solid 1px;}

.page_news_detail .news_other {padding-top: 20px;font-size: 16px;color: #666;}

.page_news_detail .news_other a {color: #666;}

.page_news_detail .news_other .left {float: none;width: 100%;height: 35px;line-height: 35px;text-align: left; overflow: hidden; margin-bottom: 10px;border-right: 0}

.page_news_detail .news_other .right {float: none;width: 100%; height: 35px;line-height: 35px; overflow: hidden; }

.page_news_detail .news_other  .left i {float: left; }

.page_news_detail .news_other  i {display: none; }



.detail_news_content{background: #f7f7f7;}

.detail_news_content ul li{ background: #fff; margin-bottom: 20px;}

.detail_news_content ul li .img{ width: 300px; height: 200px; float: left;}

.detail_news_content ul li .img img{ width: 300px; height: 200px; display: block;}

.detail_news_content ul li .info{ width: 850px; float: left; padding: 25px;}

.detail_news_content ul li .info h4{ font-size: 14px; color: #999; font-weight: normal; height: 28px;}

.detail_news_content ul li .info h1{ font-size:22px; color: #333; font-weight: bold; height: 40px;}

.detail_news_content ul li .info h1 a{ color: #333;}

.detail_news_content ul li .info p{ font-size:14px; color: #999;   line-height: 1.6em;}





.detail_case_list { padding-top: 1px; padding-bottom: 20px;}

.detail_case_list .pagewidth{ background: #fff; margin: 0 auto;}

.detail_case_list ul{ padding: 20px; padding-bottom: 0px; width:auto}

.detail_case_list ul li .img{ width: 100%; height: auto; float: none; margin-right: 0px; border-radius: 2px; overflow: hidden;}

.detail_case_list ul li .img img{ width: 100%; height: auto; display: block;}

.detail_case_list ul li .img img{ width: 100%; height: auto; display: block;transition: transform 0.3s linear 0s;-webkit-backface-visibility: hidden}

.detail_case_list ul li .img:hover img{ width: 100%;  height: auto;display: block; transform: rotate(0deg) scale(1.1); transition-duration: 0.3s;}



.detail_case_list ul li{width:100%;  margin-right:0px; margin-bottom:30px;transition-duration: 0.3s;-moz-transition-duration: 0.3s; /* Firefox 4 */-webkit-transition-duration: 0.3s; /* Safari  Chrome */-o-transition-duration: 0.3s; /* Opera */}

.detail_case_list ul li .text{ float: none; width: 100%;}

.detail_case_list ul li .text h2{ color: #333; font-size: 16px; font-weight: normal; margin-bottom: 5px; padding-top: 10px;}

.detail_case_list ul li .text h2 a{ color: #333;}

.detail_case_list ul li .text p{ color: #999999; font-size: 14px; font-weight: normal; line-height: 24px;}

.detail_case_list ul li .box{ width: 100%; margin: 0 auto;}

.detail_case_list .page{ text-align: center; border-top: #dddddd solid 1px;}





.page_case_detail{  padding-top: 1px;padding-bottom: 20px;}

.page_case_detail .pagewidth{ margin: 0 auto;}

.page_case_detail .content{padding: 20px;background: #fff;}

.page_case_detail .html span{ font-weight: normal!important; line-height: 2em; font-size: 16px; color: #333; margin-bottom: 30px; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif!important; font-size: 16px!important; }

.page_case_detail .html p{ text-align: justify!important; font-weight: normal!important; line-height: 2em; font-size: 16px; color: #333; margin-bottom: 10px; font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif!important; font-size: 16px!important; }

.page_case_detail .html img{ width: 100%!important; height: auto!important}

.page_case_detail .title{ text-align: center; border-bottom: #ececec solid 1px; margin-bottom: 20px; padding-bottom: 20px; padding-top: 20px;}

.page_case_detail .title h2{ text-align: center; font-size: 22px; color: #333;padding-bottom: 20px}

.page_case_detail .title p{ text-align: center; font-size: 14px; color: #999; }

.page_case_detail .news_other { border-top: #ececec solid 1px;}

.page_case_detail .news_other {padding-top: 20px;font-size: 16px;color: #666;}

.page_case_detail .news_other a {color: #666;}

.page_case_detail .news_other .left {float: none; margin-bottom: 10px;}

.page_case_detail .news_other .right {float: none}

/*

.index_process .content ul li{ float: left; width: 14.28%;}

*/

}



@media screen and (max-width: 900px) {

    .mobile_index_solution{ display:block;}


    .index_solution .content{ position: relative; height: auto; padding: 10px;}

.index_solution .content .solution1:after,.index_solution .content .solution2:after,.index_solution .content .solution3:after,.index_solution .content .solution4:after,.index_solution .content .solution5:after{ position: absolute; content: ""; height: 80px;  left: 0px; right: 0px; bottom: 0px; z-index: 8ï¼›background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%) ; overflow: hidden;

    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);

    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);}

.index_solution .content .solution1{ position:inherit; width: 100%; height: 240px; left: auto; overflow: hidden; margin-bottom: 10px;}

.index_solution .content .solution2{ position: inherit; width: 100%; height: 240px; left: auto;overflow: hidden;margin-bottom: 10px;}

.index_solution .content .solution3{ position: inherit; width: 100%; height: 240px; right: auto;overflow: hidden;margin-bottom: 10px;}

.index_solution .content .solution4{ position: inherit; width: 100%; height: 240px; left: auto;bottom:auto;overflow: hidden;margin-bottom: 10px;}

.index_solution .content .solution5{ position: inherit; width: 100%; height: 240px; right: auto;bottom:auto;overflow: hidden;margin-bottom: 10px;}

/*

.index_process .content ul li{ float: left; width:33.333%;}

*/

    .index_solution .pagewidth{width:auto}



    .page_news_detail .html p{text-indent:0em}

    .page_case_detail .html p{text-indent:0em}

    .solution_box .box1{ margin-bottom:30px; border-bottom:#ececec solid 2px; padding-bottom:30px;}

    .solution_box .box2{ margin-bottom:30px; border-bottom:#ececec solid 2px; padding-bottom:30px;}

}

.adbanner img{max-width: 100%}

@media screen and (max-width: 768px) {

#box table {width:100%!important;}

.index_product ul li h1 a{

    font-size: 14px;

}



  .youshi li img {

    width: auto!important;

    height: auto!important;

}



.ks {position: absolute;width:200px;text-align: center;line-height: 1;font-size: 10px; }

.ks img{height: 30px;}

.ks a{color: #fff;font-size: 10px;}

.ks1{top: 70%;left: 19%;margin-left: -100px;}/*火车*/

.ks2{top: 36%;left: 80%;margin-left: -100px;}

.ks4{top: 50px;left: 50%;margin-left: -100px;}/*人*/

.ks3{top: 70%;left: 80%;rgin-left: -100px;px;}

.ks5{top: 33%;left: 17%;margin-left: -100px;}/*车子*/



    .fangantit{margin:10px 0;}

    .fangantit img{display: none!important;}

    #timeline{width:100%;height:670px;overflow:hidden;margin:0px auto;position:relative;}

.service1 .box4 {

    padding: 0px;

}

.service1 .box5 {

    padding: 0px;

}

.huadong {overflow: auto;}

.service1 .box2 ul{width:1150px;}



.service1 .box10 ul li{width:33.333333%;}

    #issues{width:100%;height:670px;overflow:hidden;margin-bottom: 64px;}

    .abc {height: 190px;width: 500px;overflow-y: auto;padding-bottom: 5px }

    #issues li{height:670px;float:left;width: 100vw}

    #issues li img{float:none;margin:10px 0px 10px 0px;width: 100%;height: 220px;}

    #issues li h1{color:#303030;font-size:28px;margin:10px 0 20px 0;font-weight: normal}

    #issues li h1 span{color:#303030; margin:20px 0;font-weight: normal}

        #issues li .wz{padding: 10px;}



    #issues li p{font-size:16px;margin-right:0px;font-weight:normal;line-height:1.5;margin-bottom: 15px;color: #666;  text-shadow:#000 0px 0px 0px;}

    #grad_left,#grad_right{width:100px;height:270px;position:absolute;top:0;}

    #issues li h2{color:#ffcc00;font-size:36px;margin:20px 0;text-shadow:#000 1px 1px 2px;}



#dates {display: none;}

#timeline:after {

     display: none;

 }



.tedian li span{

    line-height: 1.8

}

 .tedian {

    padding: 0px;

 }

 .tedian li{width:100%;height: auto;line-height: 40px;    padding-right:0px;

}

 .maidian li{width:100%;}



.product_info_html .tab  li{    box-sizing: border-box;

 color: #666;width: 25%; float: left; padding-left: 0px; padding-right: 0px;text-align: center; cursor: pointer;border-left: 1px solid #e0e0e0}



 .abouttit{text-align: center;}

 .aboutl,.aboutr{float: none;width:100%;padding: 10px; box-sizing: border-box;}

 .aboutcon img,.aboutr img{max-width: 100%}

 .index-lianxi ul{background:none}

 .form {padding: 0px 10px 0 10px;}

 .detail_page_bai{padding: 15px 0;}

 .aboutb .abouttit {float: none;text-align: center;}

 .aboutb .abouttit span,.aboutb .abouttit p  {float: none;}

 .abouttit span{margin:10px auto;}

 .aboutb .aboutcon {padding: 0 10px;}

 .aboutr .p {

    text-align: center;

    font-size: 18px;

    margin-top: 20px;

    color: #000;

}

.form {padding: 10px;}

.index-lianxi li {

    position: relative;

    float: left;

    width: 50%;

    text-align: center;

    padding-left: 10px;

    box-sizing: border-box;

}

.index-lianxi li .lianxi-ico {

    margin-top: 20px;

 

}





.index-lianxi li h3 {

    font-size: 16px;

    color: #000;

    font-weight: 600;

    line-height: 1;

    padding: 0px 0 0px 0;

}

.index-lianxi li .inner {

    position: relative;

    height: 160px;

    overflow: hidden;

}.index-products li {

     width:50%;

 }

    .mobile_index_solution{ display:block;}

.index_solution{ display:none;}

    .index_solution .content{ position: relative; height: auto; padding: 10px;}

.index_solution .content .solution1:after,.index_solution .content .solution2:after,.index_solution .content .solution3:after,.index_solution .content .solution4:after,.index_solution .content .solution5:after{ position: absolute; content: ""; height: 80px;  left: 0px; right: 0px; bottom: 0px; z-index: 8ï¼›background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%) ; overflow: hidden;

    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);

    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);}

.index_solution .content .solution1{ position:inherit; width: 100%; height: 240px; left: auto; overflow: hidden; margin-bottom: 10px;}

.index_solution .content .solution2{ position: inherit; width: 100%; height: 240px; left: auto;overflow: hidden;margin-bottom: 10px;}

.index_solution .content .solution3{ position: inherit; width: 100%; height: 240px; right: auto;overflow: hidden;margin-bottom: 10px;}

.index_solution .content .solution4{ position: inherit; width: 100%; height: 240px; left: auto;bottom:auto;overflow: hidden;margin-bottom: 10px;}

.index_solution .content .solution5{ position: inherit; width: 100%; height: 240px; right: auto;bottom:auto;overflow: hidden;margin-bottom: 10px;}

/*

.index_process .content ul li{ float: left; width:33.333%;}

*/  .index_solution .pagewidth{width:auto}



    .page_news_detail .html p{text-indent:0em}

    .page_case_detail .html p{text-indent:0em}

    .solution_box .box1{ margin-bottom:30px; border-bottom:#ececec solid 2px; padding-bottom:30px;}

    .solution_box .box2{ margin-bottom:30px; border-bottom:#ececec solid 2px; padding-bottom:30px;}

}

/*手机*/

@media screen and (max-width: 480px) {}

/*小尺寸手机*/

@media screen and (max-width: 320px) {}











.BMap_bubble_content {

    background-color:white;

    padding-left:5px;

    padding-top:5px;

    padding-bottom:10px;font-size: 14px;

    line-height: 1.8;

}



.culturetit {margin-bottom:30px;text-align: center; }

.culturetit h2{   color: #16336b; font-weight: normal;font-size: 36px;line-height: 1.5;margin-bottom: 10px; }

.culturetit span{ display: block; margin: 5px 0; height: 2px;width: 60px; background: #16336b;}

.culturetit p{ line-height: 1.5; color: #090909; font-size: 14px;text-transform:uppercase}

 



.lianxi1 {background: url(../images/ditu.png) center right no-repeat;height: 500px;padding: 30px 0}

.lianxi1 .ltit {color: #000;font-size:22px;padding: 50px 0}

.lianxi1 .lxq {color: #000;font-size:14px;width: 465px;margin-bottom: 30px;}

.lianxi1 .lxq .ico {width: 65px; float:left;margin-top: 10px;}

.lianxi1 .lxq .ico img{width: 45px;}

.lianxi1 .lxq .info {width: 400px;float:left; }

.lianxi1 .lxq .info p{line-height: 32px;}









.lianxi2 {background: #eee url(../images/fgs.jpg) center center; }

.lianxi2 .ltit {color: #16336b;font-size:22px;padding: 50px 0 10px 0}

.lianxi2 .ltit-en {color: #979797;font-size:13px;padding:   0}

.lianxi2 .linfo ul{margin-top: 50px; }

.lianxi2 .linfo li{width: 50%;float:left; font-size:14px; margin-bottom: 50px;}

.lianxi2 .linfo li .lgsm{font-size:16px;font-weight: 600}

.lianxi2 .linfo li .lgdz{margin-top: 10px;}

.lianxi2 .lmore a{border: 1px solid #16336b; padding: 10px 70px; display: inline-block; color: #16336b;margin-bottom: 50px;}

.lianxi2 .lmore a:hover{border: 1px solid #16336b; background: #16336b;color: #fff;}







.lianxi3 {background: #fff; }

.lianxi3 .ltit {font-size:22px;padding: 50px 0 10px 0;text-align: center;}

.lianxi3 .ltit-en {color: #979797;font-size:13px;text-align: center;}





 

.zplist{margin-bottom: 15px;}



.zplisthead{width: 100%; height: 60px; line-height: 60px;background: #15336e;color: #fff;}

.zplisthead2{ background: #f9fafc;color: #000}



.zplisthead .zphead1{width: 35%; display: block; float: left;padding-left: 70px }

.zplisthead .zphead2{width: 30%; display: block; float: left; }

.zplisthead .zphead3{width: 20%; display: block; float: left; }



.detailmain_a{width: 78px; height: 28px; display: block;  float: right; margin-top: 14px; border-radius: 7px;background: url(../images/jjj.png) no-repeat center    }

.zplisthead2 .detailmain_a{background: url(../images/jjjj.png) no-repeat center    }

.deal_info_box {width: 100%;line-height: 2; padding: 50px 70px;background-color: #f9fafc;box-sizing: border-box;}





.fullSlide {

    width: 100%;

    position: relative;

    height: 600px;

 }

.fullSlide .bd {

    margin: 0 auto;

    position: relative;

    z-index: 0;

    overflow: hidden;

}

.fullSlide .bd ul {

    width: 100% !important;

}

.fullSlide .bd li {

    width: 100% !important;

    height: 600px;

    overflow: hidden;

    text-align: center;

}

.fullSlide .bd li a {

}

.fullSlide .hd {

    width: 100%;

    position: absolute;

    z-index: 1;

    bottom: 10px;

    left: 0;

    height: 30px;

    line-height: 30px;

    background: url(../images/touming.png) repeat-x;

    text-align: center;

    _background: #000;

    _filter: alpha(opacity=60);

}

.fullSlide .hd ul {

    text-align: center;

 }

.fullSlide .hd ul li {

    display: inline-block;

    text-indent: -99999px;

    cursor: pointer;

    zoom: 1;

    width: 16px;

    height: 16px;

    margin-right: 12px;

    border:1px solid #fff;

    border-radius: 100%;

}

.fullSlide .hd ul .on {

    background: #fff;

}









.index-solution{margin-left: -12px;margin-top: 20px;}

.index-solution li .inner{ position: relative; transition: all .2s ease;height: 400px;width: 230px; margin-bottom: 25px;overflow: hidden;}

.index-solution li .inner a{display:block;height: 100%}

.index-solution li .inner:hover{  

 transform: translateY(-20px);transition: all 0.2s ease; }

.index-solution li .inner:hover .products-ico{color:#0763ed;}

.index-solution li .inner:hover .products-line{  }

.index-solution li .inner:hover h3{color:#444;}

.index-solution li .inner:hover .products-img{    transform: rotate(0deg) scale(1.1);

    transition-duration: 0.3s;

}

.index-solution li .inner  .products-img{height: 400px;width: 230px;position: absolute;top: 0;left: 0}





.index-solution .products-item{transition: 0.2s ease;-moz-transition: 0.2s ease;-webkit-transition: 0.2s ease;-o-transition: 0.2s ease;width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}

.index-solution li{position: relative;float: left;width: 230px; text-align: center;margin-left: 12px;    box-sizing: border-box; }

.index-solution li .products-ico{ margin-top: 68px; transition: all 0.2s ease;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-o-transition: all 0.2s ease; color:#ccc;font-size: 50px;text-align: center;}

.index-solution li .products-ico img{width: 70px;height: 68px}

.index-solution li h3{font-size: 24px;color: #333;font-weight:400; line-height: 1;padding: 10px 0 5px 0;}

.index-solution li .products-des{font-size: 16px;color: #333; padding: 10px 20px; height: 55px;line-height: 1.6;}

.index-solution li .products-ince{font-size: 14px;color: #bbbbbb;padding: 0 20px;}

.index-solution li .products-line{width: 35px;height: 3px;background: #16336b;margin:18px auto 12px auto;}





.newimg {float:left;width: 320px;margin-right:50px;text-align: center;line-height: 2}

.newimg img{max-width: 320px; }

.newimg a{font-size:14px;color:#424242;}

.newlist {float:left;width: 720px;}

.newlist li {float:left;width: 50%;margin:25px 0 15px 0;}

.newlist .num {width: 60px;font-size:40px;color:#424242;float:left;font-weight:700;text-align: center;    font-family: arial;margin-right: 20px;}

.newlist .text {  float:left;}



.newlist .text .time {font-size:14px;color:#61ade7}

.newimg a:hover{color:#61ade7}



.newlist .text h3 {padding: 0;margin: 0}

.newlist .text h3 a{font-size:14px;color:#424242;font-weight:400;}

.newlist .text h3 a:hover{color:#61ade7}



.wrapper { width: 1005px; margin: 0 auto; position: relative; }

#banner { width: 100%; height: 650px; background: #000; overflow: hidden; position: relative; }

#banner_img { display: block; position: relative; }

#banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 650px; background-position: center; background-size: cover; display: none; }

#banner_img li.item1 { background-image: url(../images/banner_bg4.jpg); display: block; }

#banner_img li.item2 { background-image: url(../images/banner_bg2.jpg); }

#banner_img li.item3 { background-image: url(../images/banner_bg3.jpg); }

#banner_img li.item4 { background-image: url(../images/banner_bg4.jpg); }

#banner_img li.item5 { background-image: url(../images/banner_bg5.jpg); }

#banner_ctr .q1 { background: url(../images/q1.png) center center no-repeat;  }

#banner_ctr .q2 { background: url(../images/q2.png) center center no-repeat;  }

#banner_ctr .q3 { background: url(../images/q3.png) center center no-repeat;  }

#banner_ctr .q4 { background: url(../images/q4.png) center center no-repeat;  }

#banner_ctr .q5 { background: url(../images/q5.png) center center no-repeat;  }

#banner_ctr .q6 { background: url(../images/q6.png) center center no-repeat;  }

#banner_img .ad_img { position: absolute; right: 20px; top: 80px; width: 506px; height: 404px; }

#banner_img .ad_txt { position: absolute; left: 20px; top: 170px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3); }

#banner_img .ad_txt h2 { font: bold 36px/60px Microsoft YaHei;margin-bottom:10px; }

#banner_img .ad_txt p { line-height: 1.8;font-size: 14px; }

#banner_img .ad_txt a { font-size:18px; display: block; width: 100px; height: 25px; font-weight: 700; line-height: 25px; text-align: center; margin-top: 30px; color: #fff; text-decoration: none; text-shadow: none; }

#banner_ctr { position: absolute; width: 1005px; height: 122px; margin-left: -480px; left: 50%; bottom: 40px; z-index: 1; }

#banner_ctr ul { width: 1005px; height: 122px; background:#fff;border-radius: 15px; font-size: 0; line-height: 0; position: relative; }

#banner_ctr ul2 { width: 1005px; height: 122px; background: url(../images/serv_ico.png) center no-repeat; font-size: 0; line-height: 0; position: relative; }

#banner_ctr li { display: block; float: left; width: 156px; height: 122px; cursor: pointer; }

#banner_ctr li.first-item {   width: 20px;margin-right: 90px;  }

#banner_ctr li.last-item {  width: 20px;   }

#drag_ctr { position: absolute; top: -14px; left: 130px; width: 115px; height: 156px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 170px; background: #0084cf; }

#drag_arrow { position: absolute; top: -14px; left: 130px; width: 115px; height: 156px; background: url(../images/drag_banner_arrow.gif) center 14px no-repeat; }



.page-jiejue {padding:60px 0}

.rongyu {padding:40px 0;}

.qunar .hd {overflow: hidden;margin-bottom:50px;}

.lianxi3 .ltit-en {margin-bottom:50px;}

.yunwei2 {padding-bottom: 60px }



.chanpinbg{padding: 70px 0;}

.chanpinbg1{background: #f5f7f9}

.chanpinbg .ptitle h1{color: #16336b;font-size:30px;font-weight:400;text-align: center;}

.chanpinbg .ptitle h1 a{color: #16336b;}

.chanpinbg .ptitle p{color: #16336b;font-size:13px;text-align: center;margin-top:5px;margin-bottom: 50px}

.cptab li {float:left;padding:0 30px;}

.cptab2 {    padding: 0 145px;}

.cptab {text-align: center;margin-bottom: 80px;line-height: 2 }

.cptab a{color: #232323;font-size:16px;margin:10px;}

.cptab a.on{color: #16336b}



.cpcon .cpcon-img{width: 485px;float:left;margin-right: 50px;margin-left: 150px; text-align: center;}

.cpcon .cpcon-img img{width: 480px;height: 303px; }

.cpcon .cpcon-info{width: 355px;float:left;}

.cpcon .h2{font-size:22px; color:#000;padding-top: 15px; }

.cpcon .xian{background: #16336b;height: 2px;width: 36px;margin:10px 0 15px 0;}

.cpcon .xinxi{color: #333333;line-height: 2;}

.cpcon .xinxilist li{height: 70px;line-height: 70px;}

.cpcon .xinxilist .ico{width: 43px;float:left;margin-right: 15px;}

.cpcon .xinxilist .ico img{width: 43px;vertical-align: middle;}

.cpcon .xinxilist .txt{ float:left;font-size:19px;}

.cpcon .gengduo2 {margin-top: 30px;}

.cpcon .gengduo {margin-top: 30px;}

.cpcon .gengduo a{padding: 12px 30px;font-size:14px; color: #fff; display: block;width: 90px;border:1px solid #16336b;border-radius: 30px;background:#16336b url(../images/xjtb.png) center right 20px no-repeat ;}

.cpcon .gengduo2 a{padding: 12px 30px;font-size:14px; color: #666; display: block;border:1px solid #666; width: 90px;border-radius: 30px;background: url(../images/xjth.png) center right 20px no-repeat ;}

.cpcon .gengduo2 a:hover{background: url(../images/xjth.png) center right 30px no-repeat ;}

.cpcon .gengduo a:hover{background:#16336b url(../images/xjtb.png) center right 30px no-repeat ;}



.detail_product_detail { background: #f5f7f9;}

.product-left-bg{background: #f0f2f3;float:left;width: 50%;min-height: 950px;}

.product-right-bg{background: #fff url(../images/cbg.png) top repeat-x;float:left;width: 50%;min-height: 950px;}

.product-left-width {width: 600px;float:right;}

.product-right-width {width: 600px;float:left;}

.product-left-width .bigbox {text-align: center;padding: 150px 0 50px 0}

.product-left-width .bigbox img{max-width: 600px;}

.product-left-width .slt{ margin-left: 100px; overflow: hidden;}

.product-left-width .slt li {float: left;margin-right: 15px;}

.product-left-width .slt img {width:120px;height: 120px;border:1px solid #c6c6c6;}



.product-right-width {padding-left: 50px;padding-top: 90px; }

.product-right-width h1{  font-size:26px; color: #16336b;margin-bottom: 30px;font-weight:400;}

.product-right-width h2{  font-size:16px; color: #333; font-weight: normal;margin-bottom: 50px;line-height: 2}

.product-right-width p{ line-height: 2; font-size: 14px; color: #000;}



.product-right-width .tab{  height: 44px; line-height: 44px; font-size: 16px; font-weight: bold;}

.product-right-width .tab  li{ color: #666; background: #f0f2f3;margin-right: 24px;border-radius: 22px;font-size:14px;float: left; padding:0 36px; cursor: pointer; }

.product-right-width .tab  li.zh{margin-right: 0;}

.product-right-width .tab .on{ color: #fff; background: #16336b; }

.product-right-width .tab li:hover{ color: #fff; background: #16336b; }

.product-right-width .content{ padding: 30px 0; line-height: 1.8em; font-size: 14px; color: #333;}

.golist {margin-top: 30px;margin-bottom: 80px;}

.golist a{padding: 12px 30px 12px 55px;font-size:14px; color: #666; display: block;border:1px solid #666; width: 60px;border-radius: 30px;background: url(../images/xjth2.png) center left 20px no-repeat ;}

.golist a:hover{background: url(../images/xjth2.png) center left 30px no-repeat ;}

.yunwei {padding-top: 40px}

.morea a{display: block;width: 186px;height: 64px;line-height: 64px;color: #000; margin:40px auto 75px auto;font-size:24px;padding-left: 20px;  background: url(../images/gda.png) center right 30px no-repeat; ;border-bottom:2px solid #000;}

.morea a:hover{ background: url(../images/gda.png) center right 10px no-repeat; padding-left: 46px;width: 160px;  }



 

#solid{

    width:100%;

    clear:both;

    position:relative;

}

#solid .solid0,#solid .solid1,#solid .solid2{

    position:absolute;

    left:0px;

    top:0px;

    width:100%;

    height: calc(100% - 0.01px);

    display:none;

}

#solid .solid0{

    background:#ffffff;

}

#solid .solid1{

    background:#ffffff;

}

#solid .solid2{

    background:#ffffff;

}

#solid .solid3{

    background:#ffffff;

}

#solid .solid4{

    background:#ffffff;

}

#solid .solid5{

    background:#ffffff;

}

#solid ul{

    margin:0px;

    padding:0px;

    list-style:none;    

}

#solid ul li{

    position:absolute;

    top: 0px;

    width: 100%;

    max-width: 1920px;

    display:none;

    margin: 0 auto;

    position: relative;

}

#solid #btt{

    width: 100%;

    max-width: 1920px;

    height: 10px;

    position: relative;

    bottom: 35px;

    margin: 0 auto;

}

#solid #btt span{

    position:absolute;

    display:block;

    right: 60px;

    width:30px;

    height:5px;

    background:#ffffff;

    z-index:1000;

    cursor:pointer;

    filter:alpha(opacity=70); /*IE滤镜，透明度50%*/

    -moz-opacity:0.7; /*Firefox私有，透明度50%*/

    opacity:0.7;/*其他，透明度50%*/

}

.fullSlide li .ban-txt {

    width: 1000px;

    position: absolute;

    left: 50%;

    margin-left: -500px;

    top: 50%;

    margin-top: -122px;

    text-align: left;

    

}

.fullSlide li .ban-txt h2 {

    height: 60px;

    line-height: 60px;

    margin-top: 5px;

    font-size: 58px;

    color: #fff;

    font-weight:400;
    text-shadow: 0 2px 2px #333333;

}

.fullSlide li .ban-txt h4 {



    margin-top: 10px;

    font-size: 16px;font-style: italic;

    margin-bottom: 35px;
    text-shadow: 0 2px 2px #333333;



    color: #fff;

}

.banner-bg {

    height: 54px;

    width: 100%;

    position: absolute;

    left: 0;

    bottom: -30px;

    z-index: 60;

}

.ban-txt p {

    width: 100%;

    text-align: left;

    margin-top: 5px;

    height: 50px;

    line-height: 50px;

    padding: 0px;

}

.ban-txt p a {

    padding: 6px 30px;

    color: #fff;

    border: 1px solid #759ff1;
		background: rgba(47,119,234, 0.7);
    border-radius: 2px;

    font-size: 16px;

}

 .ban-txt p a:hover {

    padding: 6px 30px;

    color: #303031;

    border: 1px solid #fff;

    border-radius: 2px;

    font-size: 16px;

    background: #fff;

}

  @media screen and (max-width: 768px) {

      

        .fullSlide li .ban-txt h2 {

            font-size: 50px;

        }

        .fullSlide li .ban-txt h2 {

            height: 84px;

            line-height: 84px;

        }

        .fullSlide li.s2 .ban-txt {

            margin: 0;

            width: 100%;

            left: 0;

            top: 0;

            text-align: center;

        }

        .fullSlide li .ban-txt p {

            width: 100%;

            text-align: center;

        }

        .fullSlide li.s2 .ban-txt h2 {

            font-size: 50px;

        }

  }

@media screen and (max-width: 680px) {

    .fullSlide li.s2 .ban-txt h4{

        display: none;

    }

    .fullSlide li .ban-txt h2 {

        font-size: 25px;

    }

    

    .ban-txt p {

        height: 40px;

        line-height: 40px;

    }

    .ban-txt p a {

        padding: 3px 18px;

        font-size: 14px;

    }

 

}

 @media screen and (max-width: 640px) {

    

    .fullSlide li .ban-txt h2 {

        font-size: 25px;

    }

    .fullSlide li .ban-txt h2 {

        height: 84px;

        line-height: 84px;

    }

    

    .fullSlide li.s2 .ban-txt h2 {

        font-size: 25px;

    }

 }



 @media screen and (max-width: 480px) {

     

        .fullSlide li .ban-txt {

            height: auto;

        }

        .fullSlide li .ban-txt h2 {

            height: 54px;

            line-height: 54px;

        }

        .fullSlide li.s2 .ban-txt h2 {

            font-size: 25px;

        }

 }



.linfo {height: 440px;overflow: hidden;}





.qunar { width: 1200px;    box-sizing: border-box;position: relative;   padding-left: 87px }

.qunar .e_pic_wrap { z-index: 1; white-space: nowrap; width: 1037px; height: 350px; }

.qunar .e_pic_wrap li {position:relative;  display: inline; width: 1037px; height:350px; overflow: hidden; background: #fff}

.qunar .e_bg_flt { position: absolute; right: 0; top: 0; width: 1037px; height: 350px; background: #000; filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; z-index: 10; }

.qunar .e_flt_inf {  padding: 45px 28px 10px 50px; overflow: hidden; z-index: 20; color: #fff; white-space: normal; word-wrap: break-word; }

.qunar .e_flt_inf h2 {font-size:24px;margin-bottom: 30px;font-weight:400;  }

 .qunar .e_flt_inf h2 a { color: #333; }

.qunar .e_flt_inf .t_info { line-height: 2;  overflow: hidden; }

.qunar .e_flt_inf .t_info a,.qunar .e_flt_inf .t_info  { color: #333;font-size:16px; }



.qunar .e_sep { color: #81d6d3; position: absolute; bottom: 20px; right: 20px; width: 235px; z-index: 20; }

.qunar .e_sep a { color: #81d6d3; }

.qunar .prev, .qunar .next { position: absolute; z-index: 30; display: block; }

.qunar .prev { top: 230px; left: 0px; }

.qunar .next { top: 230px; right: 0px; }

.qunar .prev a, .qunar .next a { display: block; width: 41px; height: 41px; overflow: hidden; }

.qunar .prev a {  background: url(../images/jl.png) no-repeat scroll 0 0;}

.qunar .next a { background: url(../images/jr.png) no-repeat scroll 0 0; }

              .rongyubox{position: relative;}

             .rongyubox .pic{ position:relative; z-index:0; }

             .rongyubox .pic img { width:418px;height: 318px;   display: block; }

             .rongyubox .hd {

                width: 100%;

                position: absolute;

                z-index: 1;

                bottom: 30px;

                left: 0;

                height: 10px;

                line-height: 10px;

                text-align: center;

             }

             .rongyubox .hd  {

             }

             .rongyubox .hd  li {

                display: inline-block;

                text-indent: -99999px;

                cursor: pointer;

                zoom: 1;

                width: 8px;

                height: 8px;

                margin-right: 5px;

                border: 1px solid #233b77;

                border-radius: 100%;

             }

             .rongyubox .hd .on {

                background: #233b77;

             }

            .jiaodianbox{position: relative;}

             .jiaodianbox .pic{ position:relative; z-index:0; }

             .jiaodianbox .pic img { width:600px; height:425px; display: block; }

             .jiaodianbox .hd {

                width: 100%;

                position: absolute;

                z-index: 1;

                bottom: 30px;

                left: 0;

                height: 10px;

                line-height: 10px;

                text-align: center;

             }

             .jiaodianbox .hd  {

             }

             .jiaodianbox .hd  li {

                display: inline-block;

                text-indent: -99999px;

                cursor: pointer;

                zoom: 1;

                width: 8px;

                height: 8px;

                margin-right: 5px;

                border: 1px solid #233b77;

                border-radius: 100%;

             }

             .jiaodianbox .hd .on {

                background: #233b77;

             }



            .newsbox{position: relative;}

             .newsbox .pic{ position:relative; z-index:0; }

             .newsbox .pic img { width:320px; height:206px; display: block; }

             .newsbox .hd {

                width: 100%;

                position: absolute;

                z-index: 1;

                bottom: 50px;

                left: 0;

                height: 10px;

                line-height: 10px;

                text-align: center;

             }

             .newsbox .hd  {

             }

             .newsbox .hd  li {

                display: inline-block;

                text-indent: -99999px;

                cursor: pointer;

                zoom: 1;

                width: 8px;

                height: 8px;

                margin-right: 5px;

                border: 1px solid #233b77;

                border-radius: 100%;

             }

             .newsbox .hd .on {

                background: #233b77;

             }

html {

    overflow-x: hidden

}

.clear{clear:both;height:0;line-height:0;font-size:0;margin:0;padding:0;border:0}

.ellipsis{text-overflow:ellipsis;-o-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.timeS{font-size:12px;margin-bottom:5px} 

.serviceBox{width:184px;height:303px;position:absolute;top:250px;z-index:100;background:url(../images/kefuda.png) -275px 0 no-repeat}

.serviceBox .serviceTitle{position:absolute;top:72px;right:25px;width:90px;height:28px;line-height:28px;text-align:center;font-size:16px;font-weight:bold;color:#013684;text-decoration:none}

.serviceBox .serviceTitle:hover{color:#013684}

.serviceBox .serviceText{position:absolute;top:105px;right:0;width:150px;height:30px;line-height:30px;text-align:center;color:#013684;cursor:pointer;font-size:14px}

.serviceBox .oemServiceTitle{position:absolute;top:212px;right:20px;width:90px;height:28px;line-height:28px;text-align:center;font-size:16px;font-weight:bold;color:#013684;text-decoration:none}

.serviceBox .oemServiceTitle:hover{color:#013684}

.serviceBox .oemServiceText{position:absolute;top:244px;right:0;width:130px;height:30px;line-height:30px;text-align:center;color:#fff;cursor:pointer;font-size:14px}

 

 .titanli h1 {
    text-align: center;
    font-size: 30px;
    color: #424242;
    font-weight: 500;
}
.titanli span {
    display: block;
    width: 50px;
    height: 2px;
    background: #4eb6f7;
    margin: 20px auto;
}
.position .menu2{ float: right;  }
.position .menu2 ul li{ float: left; font-size: 14px; }
.position .menu2 ul li a{ color: #999999; font-weight: 500; display: block; padding-right: 17px;}
.position .menu2 ul li a.active{ color: #4bb0f8; position: relative;}
.position .menu2 ul li a:hover{ color: #4bb0f8; position: relative;}
 
.jiejueanli2  {overflow: hidden;margin-bottom: 30px;}
.jiejueanli2 ul{width: 50%;float: left;}
.jiejueanli2 ul li{ line-height: 1.7;font-size:14px;}
.jiejueanli3  {overflow: hidden;margin-bottom: 40px;margin-top: 40px;}
.jiejueanli3 ul{width: 50%;float: left;}
.jiejueanli3 ul li{ line-height: 1.5}
.jiejueanli3 ul li img{ margin-top:5px;}

.jiejueanli ul{width: 50%;float: left;}
.jiejueanli ul li{text-decoration:underline;line-height: 1.7}
.fb {font-weight:600;}
.fz24 {font-size: 24px;}
.fz18 {font-size: 18px;}
.fz14 {font-size: 14px;}
.landian {background: url(../images/dian.png) center left no-repeat;padding-left: 15px;font-size:18px; }
.jj2 h2 {background: url(../images/dian.png) center left no-repeat;padding-left: 15px;font-size:18px;font-weight:700; }
.jj2 .fl {float: left; }
.jj2 .fr {float: right; }
.jjitem {overflow: hidden;margin:20px 0 25px 0;line-height: 1.7}
.jjitem2 h2{margin-bottom:10px;font-weight: 700;}
.jjitem2 p{margin-bottom:15px;font-size:14px;}
.jj2 .j2img {width: 474px; }
.jj2 .j2txt {width: 600px;font-size: 14px}
.jj2 .j2img1 {width: 600px}
.jj2 .j2txt1 {width: 474px;font-size: 14px}
.jj2 .j2txt2 {width: 100%;font-size: 14px}
.jj2 .j2img3 {width: 320px}
.jj2 .j2txt3 {width: 760px;font-size: 14px;line-height: 1.7}
.jj2 .j2img4 { width: 340px; text-align: right;}
.pagehui{background: #f8f9fa;color:#313131;}
.text-align {text-align:center;}
.plr15 {padding:0 15px;}
.p30 {padding: 30px;}
.jiebanner {height: 307px;background: url('../images/jiebanner1.png') center center;color:#fff;background-size: cover;}
.jiebanner2 {height: 373px;background: url('../images/jiebanner2.png') center center;color:#fff;background-size: cover;}
.jiebanner3 {height: 373px;background: url('../images/jiebanner3.png') center center;color:#fff;background-size: cover;}
.jiebanner .titanli{padding-top:50px; }
.jiebanner .titanli h1{color: #fff; }
.jiebanner .bannertxt{font-size: 18px;width: 82%;margin:auto;line-height: 1.8;margin-top:30px;}
.jiebanner2 .bannertxt{font-size: 18px;width: 1040px;margin:auto;line-height: 1.8;margin-top:30px;margin-bottom:20px;}
.jiebanner3 .bannertxt{text-align:center; font-size: 18px;width: 1040px;margin:auto;line-height: 1.8;margin-top:30px;margin-bottom:20px;}
.jiebanner3 .titanli{padding-top:100px;}
.jie1 {padding: 50px 0}
.bellows {margin-top:50px;margin-bottom:50px;}
.bellows__content .qiehuan{width: 50%;float: left;}
.bellows__content .qiehuantit{width: 100px;padding-right: 15px;float: left;text-align:right;line-height: 1.8}
.bellows__content .qiehuancon{ float: left; color:#3c3d3d;line-height: 1.8;max-width: 410px;}
.pagelanse {background: #ebf6fd;padding: 20px 50px 30px 50px;font-size:14px;line-height: 1.7}
.pagelanse .fz18{margin-bottom: 10px;margin-top:20px;}
.jiejiefangan {color:#313131;line-height: 1.7}
.pr50 {padding: 0 50px;}
.xinxihua .fz18{margin-bottom: 10px; }
.xinxihua {line-height: 1.7 }
.ptb7{padding-top: 7px;padding-bottom: 7px }
.ptb15{padding-top: 15px;padding-bottom: 15px }
.ptb20{padding-top: 20px;padding-bottom: 20px }
.ptb30{padding-top: 30px;padding-bottom: 30px }
.lanxian span{display: block;height: 2px ;background: #4eb6f7;width: 60px; }
.lanxian .fz24{ margin-bottom:20px;}
.jiejueanli {margin-bottom:25px;overflow: hidden;}
.bgbai {background: #fff}
.jj {margin:15px 0 50px 0;}
.jjimg {width: 350px;float: left;padding-top: 10px; }
.jjtxt {width: 750px;font-size:14px; float: right;}
.jjtxt p{margin-bottom:10px;}
.w1100 {width: 1113px;margin:auto;}
.w1110{width: 1110px;margin:auto;}
.jj3tit {margin-bottom: 20px;}
.jj3con {line-height: 1.8}
.jj3con p{margin-bottom: 18px}
.mb50 {margin-bottom:60px;}
/* 必要布局样式css */
.ato-content {
    width: 1180px;
    margin: 0 auto;
    padding-top: 50px;
}

.ato-list ul {
    height: 470px;
}

.ato-list ul li {
    margin-top:30px;
    width: 270px;
    height: 420px;
    float: left;
    margin-left: 26px;
    margin-right: 0;
    text-align: center;
    background-color: #fff;
    -webkit-transition: height 300ms;
    -moz-transition: height 300ms;
    -ms-transition: height 300ms;
    -o-transition: height 300ms;
    transition: height 300ms;
    position: relative;
    box-shadow: 1px 0px 8px rgba(0,0,0,0.12);
    top: 10px;
    left: -10px;
}

.ato-list ul li:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0px 2px rgba(0,0,0,0.24);
}

.ato-list ul li div {
    width: 270px;
    margin: 30px 0 10px 0;
    text-align: center;
}

.ato-list ul li div img {
    width: 100px;
    height: 100px;
    border: none;
    display: block;
    margin: 0 auto;
}

.ato-list ul li h3 {
    font-size: 18px;
    color: #0060a5;
    font-weight: 700;
    margin-bottom: 10px;
}

.ato-list ul li span {
    display: block;
    width: 50px;
    height: 3px;
    background: #0060a5;
    margin: 20px auto;
}
.ato-list ul li p {
    margin: 0;
    text-align: left;
    font-size: 16px;
    color: #818283;
    line-height:2;
    padding: 0 36px 20px 36px;
}

.ato-more {
    width: 157px;
    height: 36px;
    text-align: center;
    display: none;
    display: inline-block;
    border: 1px solid #7D7D7D;
    line-height: 34px;
    color: #666;
    font-size: 13px;
    text-decoration: none;
    position: absolute;
    bottom: 30px;
    left: 55px;
}

.ato-more:hover {
    background-color: #108cee;
    border-color: #108CEE;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #FFF;
}

.ato-list-fl {
    float: left;
}

.ato-title {
    width: 260px;
    margin-top: 130px;
    padding-right: 20px;
}

.ato-title h2 {
    font-size: 30px;
    line-height: 40px;
    color: #333;
    padding: 0;
    margin: 0;
    font-weight: inherit;
}

.ato-title p {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.ato-list-fl a {
    width: 50px;
    height: 50px;
    position: relative;
    margin-top: 54px;
    margin-right: 10px;
    float: left;
    border: 1px solid #ABABAB;
    display: block;
    background: #f2f2f2;
    overflow: hidden;
}

.ato-list-fl a img {
    width: 22px;
    height: 22px;
    display: block;
    border: none;
    margin: 0 auto;
    margin-top: 12px;
}

.ato-list {
    float: left;
    width: 900px;
    height: 500px;
}

.ato-list ul li:hover {
    top: -5px;
    box-shadow: 0 10px 12px rgba(0,0,0,0.12);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

.prev:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}

.prev:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 11px;
}

.prev:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}

.prev:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 11px;
}

.next:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}

.next:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 11px;
}

.next:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}

.next:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top: 0;
    right: 11px;
}

.ato-list-fl a:hover {
    background: #108cee;
    border: 1px solid #108cee;
}

/*移动端*/
@media screen and (max-width: 992px) {

    #faiscoService {display: none;}
    #banner {display: none;}
    .index_solution {display: block;}
    .menu-back .top {
    padding: 0;
    }
    .menu-back .top .logo {
     padding: 5px 10px;
    }
.menu-back .top .logo img {
    height: 40px;
    display: block;
}
.dl-menuwrapper button{
    background-size: 60%;
}
.fullSlide {height: 260px}
.fullSlide .bd li{height: 260px}
.fullSlide li .ban-txt {
    width: 100%;
    position: inherit;
    left: 0;
    margin-left: 0;
    top:0;
    margin-top: 20px;
    text-align: center;
}
.fullSlide .hd ul li {
    display: inline-block;
    text-indent: -99999px;
    cursor: pointer;
    zoom: 1;
    width: 6px;
    height: 6px;
    margin-right: 5px;
    border: 1px solid #fff;
    border-radius: 100%;
}
.index-solution li {width: 50%}
.index-solution li .inner {
    position: relative;
    transition: all .2s ease;
    height: 400px;
    width: 100%;
    margin-bottom: 25px;
    overflow: hidden;
}
.index-solution li .inner .products-img {
    display: none;
    height: 100%;
    width: auto;
}

.lianxi1 {background: none;height: auto;padding: 30px 0}

.lianxi1 .ltit {color: #000;font-size:22px;padding: 0px 0}

.lianxi1 .lxq {color: #000;font-size:14px;width: 100%;margin-bottom: 30px;}

.lianxi1 .lxq .ico {width: 65px; float:left;margin-top: 10px;}

.lianxi1 .lxq .ico img{width: 45px;}

.lianxi1 .lxq .info {width: 400px;float:left; }

.lianxi1 .lxq .info p{line-height: 32px;}


.index_product ul li {
    width: 100%;
    margin-bottom: 20px;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}
.index_product li .inner {margin-bottom: 0 }
.newlist li {
    width: 100%;
     margin: 15px 0 15px 0;
}
.index_product ul {
    width: 100%;
}

.footer {text-align:center;padding: 20px 0}
.footer .copy2 {line-height: 2}
}




.jiebanner4 {height: 297px;background: url('../images/jiebanner4.png') center center;color:#fff;background-size: cover;}
.jiebanner4 .titanli{padding-top:80px;}
.jiebanner4 p{ text-align:center;font-size:14px;}
.jiebanner5 {height: 373px;background: url('../images/jiebanner5.png') center center;color:#fff;background-size: cover;}

.jiebanner5 .bannertxt {
    font-size: 14px;
    width: 90%;
    margin: auto;
    line-height: 2;
 }
.jiebanner6 {height: 297px;background: url('../images/jiebanner4.png') center center;color:#fff;background-size: cover;}
.jiebanner6 .titanli{padding-top:70px;}
.jiebanner6 .titanli h1{font-size:34px;}
.jiebanner6 p{ text-align:center;font-size:14px;}
.jiebanner4 .bannertxt,.jiebanner6 .bannertxt{margin-top: 2px;}

.bellows__content_p {line-height: 2;text-indent:2em;font-size:14px;}
.kongehei {height: 10px;}
.bgbai {background: #fff}
.jj4box {margin-bottom: 50px; }
.jj4tit {height: 65px;line-height: 65px;font-size: 18px;background: #1675ca; color: #fff; padding-left: 20px;   }
.jj4tit span{height: 5px;width: 5px; display:block;float: left;margin-right: 10px;  margin-top: 30px;background: #fff}
.jj4con  {padding: 30px;}  .jj4con ul{padding-left: 20px; }
.jj4con li{list-style: disc;}
.bellows__header h3 span {
    width: 10px;
    height: 10px;
    border: 2px solid #eee;
    display: inline-block;
    margin-right: 10px;
    vertical-align: baseline;
}
.bellows--is-open .bellows__header {background: #1775ca}
.jiebanner6 .titanli span{margin-bottom: 12px }
 .titanli5 h1 {
    text-align: left;
    font-size: 30px;
    color: #424242;
    font-weight: 500;
}
.titanli5 span {
    display: block;
    width: 50px;
    height: 2px;
    background: #4eb6f7;
    margin: 20px 0;
}
.jj5-1 {width: 50%;float:left;border-right:1px solid #eee;    box-sizing: border-box;}
.jj5-2 {width: 50%;float:left;padding-left:70px; box-sizing: border-box;}
.jj5tit {background: url(../images/dian.png) center left no-repeat;padding-left: 15px;font-weight: 700 }
.mb30{margin-bottom: 30px }
.mb15{margin-bottom: 15px }
.pt50 {padding-top: 50px;}
.pt30{padding-top: 30px; }
.w50 {float: left;width: 50%;}
.ptb50 {padding-top: 50px; padding-bottom: 50px;  }
.li50 li{width: 50%;float: left;font-size:14px;}
.xingnneg .w50 {padding-right: 50px; line-height: 2;margin-bottom: 50px;    box-sizing: border-box;}
.imgleft {float: left;margin: 0 35px 10px 0}
.jj5-3 {float: left;width: 780px;padding-top: 30px; }
.jj5-4 {float: right;}
.jj5ge2 {height: 20px;}
.jj5ge {height: 50px;}
.w40 {float: right;width:40%;padding-top: 40px; }
.w53 {float: left;width:53%;}
.jj5anli {line-height: 2;margin-top: 40px;}

.igengduo {
      color: #fff;
    font-size: 12px;
    position: absolute;
    right: 20px;
    bottom: 30px;}

    .fanganmap .tith1 {margin-top: 40px;margin-bottom: 10px;
    color: #393838;
    font-size: 36px;
    font-weight: 400;
    text-align: center;
}
.fanganmapbg {background: url(../images/fangantitbg.png) center center no-repeat;height: 146px;}
.fanganmapbg li {float:left;width: 20%;color: #393838;text-align: center;padding-top: 105px;}
.fanganmapbg li a{ color: #393838}
.fanganlist {margin-top: 50px;padding-top: 50px; padding-bottom: 80px; border-top:1px solid #d1d6db;}
.fanganlist li {float:left;width: 50%;}
.fanganlitit {font-size: 24px;height: 64px;line-height: 64px;margin-bottom: 15px;}
.fanganlitit img {width: 64px; margin-right: 5px; vertical-align: middle;}
.fanganliconimg  {width: 250px;height: 175px;float:left;}
.fanganliconimg img {width: 250px;height: 175px;}
.fanganlicontxt {background: url(../images/dbg.png) left -2px no-repeat; font-size: 14px;float:left;width: 270px;padding-left: 44px;line-height: 1.8; box-sizing: border-box; }
.fanganlicontxt a{color: #0d79cd}
.fanganlicon {margin-bottom: 45px;}

.index_product ul li.zhihuiyun .tit {   
}.index_product ul li.zhihuiyun .pdes {
    color: #fff;
    font-size: 14px;
    line-height: 2;
    font-weight: normal;
    padding: 40px 25px 0px 25px;
    height: 105px;
}
.pcw80 {padding: 30px 69px;}
.pcyc {display: none;}
.pcyc2 {display: none;}

 .aboutcon li {float: left;width: 50%;font-size: 14px;    line-height: 28px;}
 @media screen and (min-width: 1900px) {

    

    .fullSlide,.fullSlide .bd li {

        height: 720px;

    }
 
 }