html,body{ font:14px 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#333;  -webkit-text-size-adjust:none;}
input, button {
    overflow: visible;
    vertical-align: middle;
    outline: none;
    border: 0;
}
td.text{ color:#333}
table{border-collapse: collapse;border-spacing: 0px;}
table>tbody>tr>td{border: 1px solid #ddd;}


img{border: none;}
body {color: #333;background: #fff;-webkit-text-size-adjust: none;}
body, h1, h2, h3, h4, h5, h6, dl, dt, li, dd, th, td, p, pre, form, input, button, textarea, hr { margin: 0;padding: 0; font-weight:normal;}
a {color: #333;text-decoration: none;border: none;}
a:hover {color: #0181e6;text-decoration: none;}
ul{list-style:none;padding: 0px;margin: 0px;}
 @font-face {
 font-family: 'DINCOND';
 src: url('dm.eot');
 src: local('dm Regular'),
        local('dm'),
        url('dm.woff') format('woff'),
        url('dm.ttf') format('truetype'),
        url('dm.svg') format('svg');
}
.center{width: 1200px;margin: auto;}

@media only screen and (max-width:768px) {
	.ny_padding{padding:0 0px}
}
.active{background: #097ada;color: white;}
.dsp{display: block!important;}
.active1{
    color: white;
    background: #005baa!important;
transition: all .5s;
}

.clear{clear: both;}

#nav_on{color: #015899;}
#nav_boder{opacity: 1;}

.tabbox .down img{width:100%;max-width: 890px;height: auto;}

#con_two_1{padding:0 160px;}
@media only screen and (max-width:768px) {
#con_two_1{padding:0px;}
}


*{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}




.sy_title{ padding: 30px 0; text-align:center}
.sy_title h1{color: #323232;font-size: 30px;}
.sy_title p{font-size: 14px;color: #b3b3b3;text-transform: uppercase;}


.index_more{ overflow:hidden}
.index_more a{ display:block; color:#333;margin:0 auto; width:140px; height:40px;  text-align:center; line-height:40px;}
.index_more a:hover{ color:#005ca1}


/* header */

.wellcomebg{width: 100%;background: #f5f5f5;border-bottom: 1px #e0e0e0 solid; height:36px;}
.wellcomebg .wrap{ overflow:visible}
.f_wellcome{width: 100%;max-width: 1440px;margin: auto;}
.f_wellcome h1{ display:none}
.f_wellcome h3{float: left;line-height: 35px;font-size: 12px;}

.head_search{ margin-top:5px;float: right;font-size: 12px;line-height: 35px;margin-right:10px;}
.head_search input[type=text]{width:150px;border:1px #ccc solid;height: 24px; float:left}
.head_search input[type=submit] { cursor:pointer;
	float:left;
	width:24px;
    height: 24px;
    background-image:url(../search.png);
	background-color:#ccc;
	background-repeat:no-repeat;
	background-position:center;
	background-size:16px;
}

.head_map{  float:right; margin-right:10px;}
.head_map a{ display:block; line-height:36px; text-align:center; font-size:14px; color:#323232;}
.head_map a:hover{ color:#005ca1}


.head_lang{ float:right; position:relative}
/*.head_lang i{display:block; margin-top:5px; cursor:pointer; font-style:normal; width:95PX; height:24px; border:1px solid #dcdcdc;  font-size:12px; color:#323232; line-height:24px; text-indent:12px; background:url(../i11.gif) no-repeat 74px center #fafafa;}
.head_lang ul{ width:100%; background:#fff; display:none; position:absolute; left:0; top:29px; z-index:999999; background:#f5f5f5}
.head_lang ul li{ width:100%; line-height:30px; text-align:center; font-size:12px; border-bottom:1px solid #e0e0e0}
*/
.head_lang a{ display:block; line-height:36px; text-align:center; font-size:14px; color:#323232;}
.head_lang a:hover{ color:#005ca1}
/*.head_lang:hover ul{ display:block}*/

/* logo */
.logobg{width: 100%;max-width: 1200px;margin: auto;padding-top: 15px;display: none;}
.f_logo{float: left;}
.logo{float: left;}
.logo_top{border-bottom: 1px #e5e5e5 solid;}
.f_title{float: left;border-left: 1px #ebebeb solid;padding-left: 15px;margin: 10px 80px 0 15px;}
.f_title h1{color: #005ca1;font-size: 25px;font-weight: bold;}
.f_title span{color: #333333;}
.f_text{float: left;}
.f_tel{float: left;position: relative;background: 10px;bottom: 15px;}
.f_tel span{font-size: 16px;color: black;color: #414141; font-family:'Microsoft YaHei'}
.f_tel h1{color: #097ada;border-bottom: 1px #d9d9d9 solid;font-weight: bold;font-family: "DINCOND";font-size: 32px;}
.f_tel h3{color: #097ada;font-size: 28px;font-family: "DINCOND";text-align: center;}
.f_tel:before{content: url(../tel.png);float: left;margin-top: 40px;margin-right: 20px;}
.f_teltext{float: left;}
.f_from{float: right;width: 250px;}
.f_from form{position: relative;}
.f_from input[type=text]{width: 220px;height: 28px;border: 1px #097ada solid;border-radius: 15px;padding-left: 20px;position: absolute;}
.f_from input[type=submit]{width: 35px;height: 29px;background: #097ada;color: white;cursor: pointer;border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;position: absolute;right:8px;}
.key{float: left;position: relative;top: 40px;}
.key h1{font-size: 12px;float: left;height: 50px;line-height: 18px}
.key ul li {float: left;margin-right:5px;font-size: 12px;line-height: 18px;color: #323232;}

/* 导航条 */
.fixed_top{ border-bottom: 1px solid #dadada;}
.fixed_top .wrap{ overflow:visible}
.logo_bottom{width: 100%;background: white;z-index: 1;margin: auto; }
/* .logo_bottom ul li{float: left;text-align: center;line-height: 60px;width: 11%; height:68px; font-size:16px;}
.logo_bottom ul li a{display: block;}
.nav_border{width: 100%;height: 8px;background: url(../nav_border.png) no-repeat;background-size: 100% 100%;opacity: 0;transition: all .5s;}
.logo_bottom ul li:hover .nav_border{opacity: 1;transition: all .5s;}
.logo_bottom ul li a:hover{color: #015899;}
.nav2{width: 1120px;position: absolute;height: 180px;background: url(../nav2_bg.jpg);left: 0;transition: all .5s;padding: 50px 40px;display: none;}
.nav2 .nav2_list{width: 25%;float: left;}
.nav2 .nav2_img{width: 46%;float: left;border: 1px #d8d8da solid;}
.nav2 .nav2_img img{width: 100%;}
.nav2 .nav2_text{width: 48%;float: left;margin-left: 5%;}
.nav2 .nav2_text h1{font-size: 14px;line-height: 30px;;color: #005ca1;font-weight: bold;border-bottom: 1px #d8d8da solid;text-align: left;display: table; margin-bottom:10px;}
.nav2 .nav2_text h3{font-size: 12px;line-height: 25px;color: #323232;text-align: left;}
.logo_bottom ul li:hover .nav2{display: block;}
.logo_bottom ul li:hover .nav2_dl{display: block;}
.nav2_dl{  display: none;  margin-left: 50px; width:100%;
    left: -50px;}
.nav2_dl dl dt{background: #005ca1;line-height: 40px;border-bottom: 1px #7f85d8 solid;width: 100%; font-size:14px;}
.nav2_dl dl dt a{color: white;}
.nav2_dl dl dt a:hover{color: white;}
.nav2_div{    width: 1120px;
text-align: center;
    position: absolute;
    height: 240px;
	border: 1px #d8d8da solid;
    left: 0;
	background: white;
    transition: all .5s;
    padding: 20px 40px;
    
}
.nav2_dt{display: inline-block;	width: 30%;float: left;border-right: 1px #d8d8da solid;padding: 0 1.5%;}
.nav2_dt h1{font-size: 18px;line-height: 30px;text-align: left;color: #015899;}
.nav2_dt h3{line-height: 25px;text-align: left;font-size: 14px;}
.nav2_dt_img{overflow: hidden;margin-top: 10px;}
.nav2_dt_img img{}
.nav2_dt:last-child{border-right: none;} */
.fex{position: fixed;top: 0px;z-index: 1000;width: 100%;background: white;}

.nav2_center{width: 100%;margin: auto; position:relative}
.ul_left{float: left;}
.ul_left li {float: left;line-height: 60px;margin-right: 50px;}
.ul_left li:last-child{margin-right: 0px;}
.ul_left li>a{font-weight: bold;display: block;position: relative;}
.ul_left li>a:after{position: absolute;content: "";height: 4px;width: 0px;bottom: 0px;background: black;transform: scaleX(0);transition: all .5s;left: 0px;}
.ul_left li>a:hover:after{height: 4px;width: 100%;transform: scaleX(1);transition: transform .5s;}
.ul_left li:hover>a{color: #005ca1;}

.nav2_main{position:fixed;
	top:96px;
    left: 0px;
    width: 100%;
    z-index:9999999;background: white;    border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;display: none;}

.nav2_main.fex2{ top:60px;}

.nav2_w1200{ max-width: 1440px;margin: auto;padding: 25px 0}

.nav2_w1200 .text{ float:left; width:80%;}
.nav2_main .text dl{width: 20%;float: left;  margin-bottom:30px;}
.nav2_main .text dl dt{line-height: 24px; margin-bottom:10px;font-size: 16px;font-weight: bold;text-align: left;}
.nav2_main .text dl dd{line-height: 30px; height:30px; overflow:hidden;}

.nav2_main .text dl dd a{font-weight: initial; font-size:14px;}

.nav2_main .text dl dd:hover>a{text-decoration: underline;color: #005ca1;}
.nav2_main .text dl dd:hover>a:after{text-decoration: underline;}

.nav2_main .img{ width:18%; max-height:350px; overflow:hidden; line-height:30px; float:right;}
.nav2_main .img a{}
.nav2_main .img img{ max-width:100%!important; height:auto!important}


.nav_img{text-align: center;height: 50px; position:absolute; left:50%; top:5px; margin-left:-75px}

.nav_img img{height: 100%; }
.ul_right{float: right;}
.ul_right li {float: left;line-height: 60px;margin-right: 50px;}
.ul_right li:last-child{margin-right: 0px;}
.ul_right li>a{font-weight: bold;display: block;position: relative;}
.ul_right li>a:after{position: absolute;content: "";height: 4px;width: 0px;bottom: 0px;background: black;transform: scaleX(0);transition: all .5s;left: 0px;}
.ul_right li>a:hover:after{height: 4px;width: 100%;transform: scaleX(1);transition: transform .5s;}
.ul_right li:hover>a{color: #005ca1;}





.ul_left li:hover .nav2_main{display: block;}
.ul_right li:hover .nav2_main{display: block;}





@-webkit-keyframes q_fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-5%, 0, 0);
            transform: translate3d(-5%, 0, 0);
  }
  
  20% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }

  80% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(5%, 0, 0);
            transform: translate3d(5%, 0, 0);
  }
}

@keyframes q_fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-5%, 0, 0);
            transform: translate3d(-5%, 0, 0);
  }
  
  30% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }

  70% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(5%, 0, 0);
            transform: translate3d(5%, 0, 0);
  }
}

.q_fadeInLeft {
  -webkit-animation-name: q_fadeInLeft;
          animation-name: q_fadeInLeft;
}



@-webkit-keyframes q_fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  
  30% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }

  70% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(5%, 0, 0);
            transform: translate3d(5%, 0, 0);
  }  
}

@keyframes q_fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  
  30% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }

  70% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(5%, 0, 0);
            transform: translate3d(5%, , 0);
  }
}

.q_fadeInDown {
  -webkit-animation-name: q_fadeInDown;
          animation-name: q_fadeInDown;
}








@-webkit-keyframes q_bannerLeft {
  0% {

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0);
  }
}

@keyframes q_bannerLeft {
  0% {

    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0);
  }
}

.q_bannerLeft {
  -webkit-animation-name: q_bannerLeft;
          animation-name: q_bannerLeft;
}






@keyframes py
{
from {left:-150%;}
to {left:100%;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:-150%;}
to {left:100%;}
}

.py {
  -webkit-animation-name: py;
          animation-name: py;
}


/* banner */
.banner{width: 100%;
   
}
.banner .wrap{ position:relative; padding-bottom:30px;}


.swiper-wrapper{display:inline}
.banner .swiper-slide {
		position:relative;
		height:480px;
		
}

.banner .swiper-slide .img { position:absolute; left:0; top:0; width:100%; overflow:hidden}

.banner .swiper-slide .img img{display: block;margin: auto; height:480px;}

.banner .swiper-slide .text{ position:absolute; left:0; top:50%; margin-top:-70px; width:100%; height:140px; z-index:22; text-align:center}
.banner .swiper-slide .text .p1{ color:#fff;font-size: 48px; font-weight:bold; line-height:100px}
.banner .swiper-slide .text .p2{ color:#fff;font-size: 18px; line-height:18px;}

.banner .swiper-slide .text span{ width:30%; height:1px; margin:0 auto; display:block; overflow:hidden; position:relative}
.banner .swiper-slide .text i{ width:150%; height:1px; display:block; background:#fff; position:absolute;}


.banner .swiper-slide .ico_play{ width:48px; height:48px; background:url(../ico-play.png) no-repeat center; position:absolute; bottom:20px; right:30px; z-index:99; cursor:pointer}


.banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0px;}


.banner .swiper-pagination-bullet{opacity:1; background:#eee; border:1px solid #000}
.banner .swiper-pagination-bullet-active{ background:#000}

.ny_banner img{display: block;margin: auto;width: 100%;}



.banner_video{position: fixed;z-index: 99999999999;width: 100%;height: 100%;left: 0px;top: 0px;background:rgba(0,0,0,0.8); display:none}
.banner_video li{ display:none; width:64%; padding-top:5%; margin:0 auto; vertical-align:middle}
.banner_video li video{ width:100%; display:inline-block;}
.banner_video .guanbi {width: 37px;height: 37px;background: url(../ico_116.png) no-repeat center;position: fixed;right: 3%;top: 50px;cursor: pointer;z-index: 99;}



.banner .bx-pager {
    overflow: hidden;
    text-align: center;
    position: absolute;
    bottom: 30px;
    width: 100%;
	display:none
}
.banner .bx-pager.bx-default-pager .bx-pager-item{display: inline-block;}
.banner .bx-pager.bx-default-pager a {
    float: left;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px #097ada solid;
    margin-right: 10px;
    cursor: pointer;
}
.banner .bx-pager.bx-default-pager a:hover, .banner .bx-pager.bx-default-pager a.active {
    background: #097ada;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.banner .bx-controls-direction a{ display:block; position:absolute;width:53px; height:138px; top:50%; margin-top:-69px; border-radius:6px;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

.banner .swiper-button-prev{ background-image:url(../ico-left-slick01.png); 
width:53px; 
height:138px; 

background-size:auto;
margin-top:-69px;
left:0;
}
.banner .swiper-button-next{ background-image:url(../ico-right-slick01.png); 
width:53px; 
height:138px; 

background-size:auto;
margin-top:-69px;
right:0
}

.banner .bx-controls-direction a:hover{ background-color:#fff}


/* 产品分类 */
.product{width: 100%;max-width: 1440px;margin:30px auto 0 auto;}
.product_title{margin: 30px 0; text-align:center}
.product_title h1{color: #323232;font-size: 26px;}
.product_title p{font-size: 14px;color: #b3b3b3;text-transform: uppercase;}
.product_li{border-bottom:1px #e6e6e6 solid;padding-bottom: 30px;}
.product_li ul li{float: left;line-height: 45px;width: 177px;border: 1px #e6e6e6 solid; background: #f5f5f5;text-align: center;margin-right: 25px; font-size:16px;}
.product_li ul li a{display: block;    transition: all .5s;
    -ms-transition: all .5s;
    -moz-transform: all .5s;
    -webkit-transition: all .5s;}
.product_li ul li:last-child{margin-right: 0px;}
.product_li ul li:hover a{color: white;background: #005baa;}
.product_li ul li.active1 a{color:white;}

.product .product_list{ overflow:hidden}
.product .product_cp{float: left;width: 18%; overflow:hidden;margin-bottom: 25px; margin-right:2.5%}
.product .product_img{width:100%; overflow:hidden;  padding:31px;}
.product .product_img img{width: 100%;    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;}
	
	
.product .product_text{width: 100%;padding:0;}

.product .product_text h1{color: #333;font-size: 14px;font-weight: bold;}
.product .product_text h3{font-size: 12px;color: #5a5a5a; margin-top:8px; line-height: 20px; height:40px; overflow:hidden;}

.product .product_text i{ font-style:normal; font-size:12px; color:#5a5a5a; padding-left:30px; margin-top:16px; display:block;
background-image:url(../product_text_i.png);
background-repeat:no-repeat;
background-position:center left;
background-size:16px;
}

.product .product_cp:nth-of-type(5n){margin-right:0;}
.product .product_cp:hover img{    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.1);}
/* 解决方案 */
.jjfa_bg{width: 100%;background: url(../jjfa.png) no-repeat center;height: 200px; margin-top:50px;}
.jjfa{width: 1200px;margin: auto;}
.jjfa_tel{float: right;}
.jjfa_tel i{background: url(../jjfa_tel.png);width: 50px;height: 40px;display: block;float: left;position: relative;right: 10px;}
.jjfa_tel h1{position: relative;color:white;font-size: 16px;float: left;width: 210px;top: 50px;left:180px;}
.jjfa_tel p{font-size: 30px;font-family: "DINCOND";font-weight: bold;}
.jjfa_tel a{display: block;float: left;position: relative;width: 130px;height: 40px;background: white;text-align: center;line-height: 40px;border-radius: 5px;top: 110px;left: 20px;color: #005baa;font-size: 18px;font-weight: bold;}


/* 澜速优势 */
.lsys_bg{width: 100%;background: #f5f5f5; display:none}
.lsys{width: 1200px;margin: auto;padding: 50px 0;}
.lsys_title h1{color: #097ada;text-align: center; font-weight:bold; font-size:24px;}
.lsys_title h1 span{color: white;background: #015899;padding: 0 5px;}
.lsys_title h1 p{color: #838383;font-size: 18px; line-height:46px; text-transform:capitalize}
.lsys_hr{width: 280px;height: 36px;background: url(../lsys_hr.png);margin: auto;margin: 10px auto 45px auto;}
.lsys_top{float: left;}
.lsys_top_img{width: 53%;overflow: hidden;float: left;margin-right: 2%;}
.lsys_top_img img{display: block;width: 100%;}
.lsys_text{width: 45%;float: left;}
.lsys_top_text{float: left;}
#lsystext{margin-bottom: 70px;position: relative;right: 50px;}
.lsys_top_text h1{color: #333;font-size: 26px;padding-bottom: 25px;border-bottom: 1px #e6e6e6 solid;margin-bottom: 10px; }
.lsys_top_text h3{font-size: 16px; line-height:26px;}
.lsys_top_text i{width: 25px;height: 25px;background: red;display: block;float: left;transform:rotate(45deg);position: relative;top: 12px;right: 10px;font-style: normal;}
.lsys_top_text span{transform:rotate(-45deg);display: block;font-size: 14px;text-align: center;font-size: 17px;color: white;}
.lsys_top_text p{color: #b3b3b3;font-size: 16px;padding-left: 25px;}
.lsys_bottom{float: left;width: 100%; margin-top:50px;}
.lsys_bottom_img{width: 53%;overflow: hidden;float: left;margin-left: 2%;}
.lsys_bottom_img img{display: block;width: 100%;}
.lsys_bottom_text{float: left;}
#lsystext1{margin-bottom: 70px;position: relative;left: 35px;}
.lsys_bottom_text h1{color: #333;font-size: 26px;padding-bottom: 25px;border-bottom: 1px #e6e6e6 solid;margin-bottom: 10px;}
.lsys_bottom_text h3{font-size: 16px; line-height:26px;}
.lsys_bottom_text i{width: 25px;height: 25px;background: red;display: block;float: left;transform:rotate(45deg);position: relative;top: 12px;right: 10px;font-style: normal;}
.lsys_bottom_text span{transform:rotate(-45deg);display: block;font-size: 14px;text-align: center;font-size: 17px;color: white;}
.lsys_bottom_text p{color: #b3b3b3;font-size: 16px;padding-left: 25px;}

/* 首页自由编辑区 */
.zybjq{max-width: 1440px; margin:10px auto; overflow:hidden}



/* 应用案例 */
.yyal{width: 100%;max-width: 1440px;margin: auto;}
.yyal_title{margin: 30px 0 45px 0;border-bottom: 1px #e6e6e6 solid;padding-bottom: 30px;}
.yyal_title h1{color: #323232;font-size: 26px;float: left;}
.yyal_title p{font-size: 14px;color: #b3b3b3;text-transform: uppercase;}
.yyal_url{-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;transform: rotate(90deg);float: right;width: 36px;height: 36px;text-align: center;line-height: 36px;background: url(../yyal_url.png);border-radius: 100%;color: white;margin-top: 10px;}
.yyal_url a{display: block;opacity: 0;}


.yyal_content{width:15.5%;float: left;margin-bottom: 18px; margin-right:1.3%; position:relative}
.yyal_content:nth-of-type(6n){ margin-right:0}
.yyal_news_img{width: 100%; overflow: hidden; height:177px;}
.yyal_news_img img{width: 100%;display: block;-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;}
.yyal_news_text{width: 100%;color: #fff; font-size: 12px; line-height:28px; height:28px; overflow:hidden; padding:0 14px; background-color:rgba(0,0,0,0.5); font-weight: bold; position:absolute; bottom:0; left:0; overflow:hidden}


.yyal_content:hover .yyal_news_img img{transform: scale(1.1);}

.yyal_url:hover{transform: rotate(0deg);-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;}
	
	
	
	
	
	
	
/* 客户案例 */
.khal{width: 100%;max-width: 1440px;margin: auto;}
.khal_title{margin: 30px 0 45px 0;border-bottom: 1px #e6e6e6 solid;padding-bottom: 30px;}
.khal_title h1{color: #323232;font-size: 26px;float: left;}
.khal_title p{font-size: 14px;color: #b3b3b3;text-transform: uppercase;}
.khal_url{-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;transform: rotate(90deg);float: right;width: 36px;height: 36px;text-align: center;line-height: 36px;background: url(../yyal_url.png);border-radius: 100%;color: white;margin-top: 10px;}
.khal_url a{display: block;opacity: 0;}


.khal_content{width:15.5%;float: left;margin-bottom: 18px; position:relative}
.khal_news_img{width: 100%; overflow: hidden;border:1px solid #ddd;}
.khal_news_img img{width: 100%;display: block; 
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;}
.khal_news_text{width: 100%;color: #333;font-size: 12px; line-height:36px; height:36px; overflow:hidden; padding:0 14px;  font-weight: bold; text-align:center;}


.khal_content:hover .yyal_news_img img{transform: scale(1.1);}

.khal_url:hover{transform: rotate(0deg);-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;}	
	
	
	

/* 公司简介 */
.about_bg{width: 100%;background: #f5f5f5;}
.about{width: 1440px;padding: 60px 0;margin: auto;}
.about_img{width: 45%;float: left;overflow: hidden;margin-right: 5%;}
.about_img img{width: 100%;display: block;animation: imgLarge 20s;
    animation-iteration-count: 1;
    transform: scale(1.3);}
@keyframes imgLarge {
 0% {transform: scale(1);}
 100% {transform: scale(1.3);}
 }
.about_text{width: 50%;float: left;}
.about_text h1{font-size: 26px;}
.about_text h1 p{font-size: 16px;color: #b3b3b3;text-transform: uppercase;}
.about_text h3{font-size: 14px;line-height: 24px;margin: 40px 0 60px 0;}
.about_text a{color: #097ada;position: relative;left: 0px;transition: all 1s;}
.about_text a:hover{left: 50px;transition: all 1s;}
/* 企业文化 */
.qywh{width: 100%;max-width: 1200px;margin: auto;}
.qywh_title{margin: 30px 0 45px 0;border-bottom: 1px #e6e6e6 solid;padding-bottom: 30px;}
.qywh_title h1{color: #323232;font-size: 26px;float: left;}
.qywh_title p{font-size: 14px;color: #b3b3b3;text-transform: uppercase;}
.qywh_url{-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;transform: rotate(90deg);position: relative;float: right;width: 36px;height: 36px;text-align: center;line-height: 36px;border-radius: 100%;color: white;margin-top: 10px;
background-image: url(../yyal_url.png);
background-repeat:no-repeat;
background-position:center;
background-size:100%;
}

.qywh_url a{display: block;opacity: 0;}
.qywh_list ul li{float: left;width: 23%;}
.qywh_img{height: 170px;overflow: hidden;}
.qywh_img img{height: 100%;display: block;margin: auto;}
.qywh_list ul li p{font-size: 16px;text-align: center;line-height: 30px;} 

.qywh_url:hover{transform: rotate(0deg);
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;}


	
.qywh_list{position: relative;}	
.qywh .bx-prev{width: 36px;height: 36px;display: block;background: url(../left.png) no-repeat center;position: absolute;top: 40%;left:-50px;}
.qywh .bx-next{width: 36px;height: 36px;display: block;background: url(../right.png) no-repeat center;position: absolute;top: 40%;right:-50px;}

.none{display: none;}


/* 服务支持 */
.fwzc{
    width: 100%;
    max-width: 1440px;
    margin:30px auto 0 auto;

    overflow: hidden;
}
.faq{ float:left;width: 56%;}
.prpblem_list{ width:100%; overflow:hidden}
.prpblem_text{border-bottom: 1px #c8c8c8 dashed}
.prpblem_text h3{margin-top: 18px;font-size: 14px;background: url(../wen.jpg) no-repeat left;padding-left: 25px;}
.prpblem_text p{margin: 15px 0;; color: #6f6f6f;font-size: 14px;display: block;line-height: 22px;background: url(../da.jpg) no-repeat left 3px;padding-left: 25px;}

.fwzc_r{ float:right; width:36%;}
.fwzc_r li{ width:100%;  margin-bottom:20px;  text-align:center;
background-repeat:no-repeat;
background-position:center;
background-size:100%;
background-color:rgba(0,0,0,0.5);
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}
.fwzc_r li a{ display:block; width:100%; height:100%; padding:30px; background:rgba(0,0,0,0.4)}
.fwzc_r li span{ display:block; width:100%; height:100%; padding:30px; background:rgba(0,0,0,0.4); cursor:pointer}
.fwzc_r li .text{border: 2px solid #eee; width:100%; height:150px; font-size:24px; line-height:150px; color:#eee; overflow:hidden}

.fwzc_r li:hover{
background-size:120%;
}


/* 新闻资讯 */
.news{width: 100%;max-width: 1440px;margin: auto;padding: 30px 0;overflow: hidden;}
.news_content{overflow: hidden;}
.news_l{width: 48%;float: left;}
.news_r{ width:48%; float:right}

.news_title{margin-bottom: 30px;overflow: hidden;}
.news_title2{margin-bottom: 30px; overflow:hidden}
.news_title h1{width: 80%;float:left ;font-size: 18px;}
.news_title2 h1{font-size: 18px; float:left}
.news_title2 .more{ float:right;}
.news_title2 .more a{ color:#333; font-size:14px; line-height:44px;}
.news_title2 .more a:hover{ color:#0181E6}

.news_title p{font-size: 14px;color: #b4b4b4;}
.news_title2 p{font-size: 14px;color: #b4b4b4;} 

.news_url{float: left;}
.news_url a{ padding:0 30px; display: block; font-size:16px; float: left;text-align: center;line-height: 50px;transition: all .5s;-ms-transition: all .5s;-moz-transform:all .5s;-webkit-transition: all .5s; background:#eee }
.news_url a:hover,.news_url a.active{background: #0181E6;color: white;}
.h_mews_top{width: 100%;overflow: hidden;}
.news_text{width:50%;float: left;}
.news_text span{font-size: 26px;color: #717171;margin-bottom: 2%;}
.news_text h3{color: #323232;font-weight: bold;border-bottom: 1px #c8c8c8 dashed ;padding:5% 0;width: 95%;font-size: 16px;}
.news_text p{color: #777777;padding: 5% 0 10% 0;width: 95%;}
.news_text h3 a:hover{color: #0181E6}
.h_mews_bottom{overflow: hidden;}
.news_img{width: 42%;overflow: hidden;float: left; margin-top:20px;}
.news_img .img{ overflow:hidden}
.news_img .img img{width: 100%; display:block}
.news_img .tit{ overflow:hidden; background:#e8e8e8; font-size:14px; line-height:50px; overflow:hidden; padding:0 10px; color:#333}


.news_li{ float:right; width:52%}
.news_li ul{}
.news_li ul li{border-bottom: 1px #c8c8c8 dashed;line-height:56px; height:56px; width:100% }
.news_li ul li h3{font-size: 14px; overflow:hidden}
.news_li ul li span{float: right;color: #aaaaaa;}
.news_li ul li:before{content: "●";position: relative;float: left;color: #0181E6;margin-right: 2%;}


.news_faq {overflow: hidden; margin-top:30px;}
.news_faq li{ overflow:hidden;border-bottom: 1px dashed #dadada; padding:16px 0}
.news_faq li .t1{ overflow:hidden; color: #151414; font-size: 14px; line-height: 25px;
background: url(../wen.jpg) no-repeat left; padding-left:25px; margin-bottom:10px;
}
.news_faq li .t2{ overflow:hidden; font-size: 14px; line-height: 25px; color: #5a5a5a; margin-bottom:10px;
background: url(../da.jpg) no-repeat left 3px; padding-left:25px;
}
.news_faq li .t3{color: #a0a0a0; font-size: 14px;font-family: Arial; background: url(../10.png) no-repeat left; padding-left: 26px;}

.question_buttom{ width:140px; height:40px; line-height:40px; background:#097ada; color:#fff; font-size:14px; text-align:center; cursor:pointer; margin:0 auto; border-radius:6px}

.question_fix{ position: fixed;z-index: 99999999999;width: 50%;height: 80%;left:25%;top: 10%;background:#fff; padding:20px; display:none; border:1px solid #ddd; overflow:auto;}

.question_fix .questio_guanbi {width: 37px;height: 37px;background: url(../ico_116_2.png) no-repeat center;position:absolute;right: 20px;top: 20px;cursor: pointer;z-index: 99;}
.question_fix .question_sq_guanbi {width: 37px;height: 37px;background: url(../ico_116_2.png) no-repeat center;position:absolute;right: 20px;top: 20px;cursor: pointer;z-index: 99;}

.question_fix .ny_feedback{ padding:0}
.question_fix .ny_feedback li .tit{ color:#333}
.question_fix .ny_feedback_tit{ font-size:18px; line-height:30px;}
.question_fix .ny_feedback li.li2{ width:100%;}
.question_fix ..ny_feedback li .tit{ font-size:16px; padding:6px 0}
.question_fix .ny_feedback li .input input{ height:40px; line-height:40px;}

.question_fix .submit{ background:#097ada}



.ny_feedback_tit{ text-align:center; font-size:22px; font-weight:bold; color:#333; line-height:50px; margin-bottom:20px;}


.case2_list{ overflow:hidden}
.case2_list li{ overflow:hidden; margin-bottom:16px;}
.case2_list li .img{ float:left; width:44%; height:160px; overflow:hidden}
.case2_list li .img img{ width:100%}
.case2_list li .text{ float:right; width:50%;}
.case2_list li .text .tit{ font-size:14px; line-height:40px; height:40px; overflow:hidden; margin-bottom:10px}
.case2_list li .text .desc{ font-size:12px; line-height:24px; height:48px; overflow:hidden}




.link{overflow: hidden;width: 100%;     max-width: 1440px; margin:20px auto 0 auto; border-top: 1px #d9d9d9 solid; padding:16px 0}
.link_l{float: left; border-right: 2px #d9d9d9 solid; font-size:14px; font-weight:bold; padding-right:10px; margin-right:10px;}
.link_r{width: 85%;float: left;}
.link_r ul li{float: left; font-size:14px; margin-bottom:10px; margin-right:14px;}


/* 底部 */
.footbg{width: 100%;background: #f5f5f5;overflow: hidden;}
.foot{width: 100%;max-width: 1440px;margin: auto;}
.foot_top {
    padding: 30px 0;
    overflow: hidden;
    /* border-bottom: 1px white solid; */
}
.foot_top .foot_logo{ float:left; margin-top:16px}
.foot_top .foot_logo .img{ width:200px; float:left; margin-top:20px; padding-right:20px; border-right:1px solid #ccc; margin-right:20px;}
.foot_top .foot_logo .img img{ width:100% }
.foot_top .foot_logo .text{ float:left; color:#333; font-size:18px; line-height:30px; margin-top:10px;}

.foot_top .foot_address{ float:right;}
.foot_top .foot_address p{ color:#333; font-size:14px; line-height:30px;}
.foot_top .foot_address a{ color:#333;}

.foot_cop{ background:#525252; text-align:center; font-size:12px; line-height:30px; padding:10px 0; color:#fff}
.foot_cop a{ color:#fff}



.ny_feedback{ 
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
	padding:50px 0;
	position:relative
}
.ny_feedback_content{ position:absolute; right:0; width:60%;  height:500px; margin-top:40px; overflow:hidden}

.ny_feedback li{ overflow:hidden; margin-bottom:10px;}
.ny_feedback li.li2{ width:30%;}
.ny_feedback li .tit{ font-size: 18px; line-height: 30px; font-weight:bold; color:#333; padding:10px 0;}
.ny_feedback li .input input{
	font-family: 'Microsoft YaHei';
	width:100%;
	height:50px;
	line-height:50px; 
	background: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    transition: all .5s;
	padding:10px
}

.ny_feedback li .input textarea{
	font-family: 'Microsoft YaHei';
	width:100%;
	height:200px;
	line-height:26px; 
	background: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    transition: all .5s;
	padding:10px
}

.ny_feedback li .input select{
	font-family: 'Microsoft YaHei';
	width:100%;
	height:50px;
	line-height:50px; 
	background: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    transition: all .5s;
	padding:10px
}

.ny_feedback li .checbox{ overflow:hidden}
.ny_feedback li .checbox dd{ float:left; width:25%;}
.ny_feedback li .checbox dd input{
	font-family: 'Microsoft YaHei';
	width:7%;
	height:50px;
	line-height:50px; 
	background: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    transition: all .5s;
	padding:10px
}
.ny_feedback li .checbox dd label{ font-family: 'Microsoft YaHei'; font-size:18px; height:30px; line-height:30px;}

/* search */
.hy_search{;max-width: 1200px;margin: auto;overflow: hidden;}
 #search_one li{float: left;line-height: 80px;background: url(../ny_weizhi_a.jpg) no-repeat left;padding-left: 10px;margin-left: 10px;}
 #search_one:before{content: url(../ny_weizhi.jpg);float: left;line-height: 80px;}
 #search_one li:nth-child(1){background: none;margin: auto;}
 #search_two li{float: left;line-height: 80px;padding-left: 10px;margin-left: 10px;cursor: pointer;}
 #search_two:before{float: left;line-height: 80px;}
 #xiahua{width: 0px;height: 2px;background: #015899;-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
	-ms-transition: all .5s; 
	transition: all 1s;}
#search_two li:hover a{color:#015899;}
#search_two li:hover #xiahua{width: 100%;}
#c{color: #015899;}
.w{width: 100% !important;}
.w1000{width: 1200px;margin: auto;}


/* 产品列表页 */
.ny_product{width: 100%;}
.ny_product_list{}
.ny_product_title h1{font-size: 26px;color: #005baa;margin-top: 40px;}
.ny_product_title h3{font-size: 14px;color: #5a5a5a;padding: 25px 0;border-bottom:1px #e5e5e5 solid;}

.ny_product .product_cp{ width:23%}
.ny_product .product_cp:nth-of-type(5n){ margin-right:2.5%}
.ny_product .product_cp:nth-of-type(4n){ margin-right:0}


/* 产品内页 */
.showproduct{max-width: 1200px;margin: auto;padding: 50px 0;overflow: hidden;}
.showproduct_l{width: 40%;float: left;margin-right: 5%;}
.showimg_img{ text-align:center;}
.showproduct_img{padding: 2%;height:500px;text-align: center;background: #ddd;}
.showproduct_img img{width: 100%;-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
	-ms-transition: all .5s; 
	transition: all .5s}	

.showproduct_r{width: 50%;float: left;}
.showproduct_text h1{width: 100%;border-bottom: 1px #ddd solid;padding-bottom: 15px;color: #333;font-size: 21px;}
.showproduct_text h2{width: 100%;padding: 10px 0; border-bottom: 1px #ddd solid; color: #333;font-size: 12px; line-height:28px;overflow: hidden;}

.showproduct_text span {    
	color: #666666;
    font-size: 14px;
    display: block;
    padding: 5px 0;
	
}
.showproduct_text dl{ overflow:hidden;border-bottom: 1px #ddd solid}
.showproduct_text dl dd{ line-height:44px; font-size:14px;}

.showproduct_tel{margin-top: 20px; overflow:hidden}
.showproduct_tel h3 {color: #666666;width: 50%;float: left;background: url(../tel.png) no-repeat left;padding-left: 60px;margin-top: 20px;}
.showproduct_tel span { font-size: 28px;
    color: #0181E6;
    display: block;}
.showproduct_tel a {float: left;display: block;width: 28%;background:#336892 url(../ico20.png) no-repeat 30px 17px;color: white;line-height: 50px;text-align: center;margin: 0 1%;-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
	-ms-transition: all .5s; 
	transition: all .5s}	
.showproduct_tel a:hover{background: #008fff url(../ico20.png) no-repeat 30px 20px;}


.img_page{max-width: 1200px;margin: auto;padding: 20px 0;}

.detail{ float:right}
.detail_m{ display:inline-block;line-height: 20px;}
.detail .time{font-family: 'ttRegular';font-size: 20px; color: #828282; display:none}
.detail .hits{font-size: 13px; color: #797a81; float:left; margin-right:14px; display:none}
.detail .share{ float:left;}
.detail .share em{font-size: 12px;color: #797a81; font-style:normal;text-align:center; line-height:30px; display:block;}
.detail .share .bdsharebuttonbox{ float:left; }
.detail .share a{ width:20px; height:20px;  display:inline-block; margin:0; padding-left:0; margin-left:10px; background-position:center; background-repeat:no-repeat; background-size:100%}
.detail .share a.bds_weixin{ background-image:url(../wx.png)}
.detail .share a.bds_tsina{ background-image:url(../wb.png)}
.detail .share a.bds_qzone{ background-image:url(../qzone.png)}
.detail .share a.bds_sqq{ background-image:url(../qq.png)}

.bd_weixin_popup{ height:auto!important}



@media only screen and (max-width: 767px) {
.detail .hits{ display:none}
.detail .share a{ margin-left:4px; background:none}
}



.jqueryzoom {
    padding: 20px;
    border: solid 1px #eaeaea;
    width: 80%;
    float: right;
    overflow: hidden;
    text-align: center;
}/*鏀惧ぇ闀滄槸鍩轰簬鍥剧墖澶у皬鑷姩鐢熸垚鐨勶紝姣忔閮借鎶妀queryzoom涓璱mg鐨勫ぇ灏忓拰jqueryzoom鐩掑瓙澶у皬璁剧疆涓轰竴鏍风殑锛屼笉鐒舵斁澶ч暅婊戝潡鏈夊彲鑳芥孩鍑�*/
.jqueryzoom img { width: 100%; display:block}

.jqueryzoom_imgs {
    width: 18%;
    overflow: hidden;
    
    float: left;
}
.jqueryzoom_imgs ul{ margin-left:-2%; zoom:1}
.jqueryzoom_imgs li {
    /* float: left; */
    width: 93%;
    /* height: 84px; */
    overflow: hidden;
    text-align: center;
    margin-left: 2%;
    border: solid 1px #eaeaea;
    margin-bottom: 16.5px;
	padding:10px;
	cursor:pointer
}
.jqueryzoom_imgs li img{ width:100%; display:block}


.showpro_com{
    width: 100%;
    max-width: 1200px;
    margin: auto auto 30px auto;
}
.showpro_com .tit{ font-size:18px; line-height:50px; border-bottom: 1px #0181E6 solid; margin-bottom:20px;}
.showpro_com .list{ overflow:hidden}
.showpro_com .list li{ float:left;}
.showpro_com .list li .img{ width:100%; border:1px #e3e3e3 solid;}

.showpro_com .list li .img{ width:100%; /*height:385px;*/   overflow:hidden; background:#fff; border:1px solid #ddd; text-align:center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.showpro_com .list li .img img{ width:100%;
transition:all .5s;
-moz-transition:all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari and Chrome */
-o-transition:all .5s; /* Opera */
}
.showpro_com .list li:hover .img img{
transform: scale(1.1);
}
.showpro_com .list li .text{ font-size:14px; color:#333333; line-height:40px; text-align:center;font-weight:normal; overflow:hidden;
transition:all .5s;
-moz-transition:all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari and Chrome */
-o-transition:all .5s; /* Opera */
}

.showpro_com .list li:hover .text{
color:#0a7bdb
}

.showpro_com .list  .bx-controls{ display:none}

@media only screen and (max-width: 767px){
.showpro_com{padding: 0 2%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
}
.tabbox{
    overflow: hidden;
    
    max-width: 1200px;
    margin: 0px auto 50px auto;
}
.tabbox .tone {
    border-top: 1px #0181E6 solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    background: #f5f5f5;
    overflow: hidden;
}
.tabbox .tone li {
    color: #333333;
    padding: 17px 50px;
    font-size: 14px;
    border-left: 1px #ddd solid;
	border-right: 1px #ddd solid;
    float: left;
    cursor: pointer;
	transition: all .5s; 
}
.tabbox .tone li:hover,.tabbox .tone li.up {
    color:#fff;
    background: #0181E6;
}

.hit{
    color:#0181E6;
    background: #fff;
}

.tabbox .down {
    
	border: 1px #ddd solid;
	padding: 20px;
	line-height:30px;
}
.cloudzoom-lens {
    border: 3px solid #1277e9;
    width: 100px;
    height: 100px;
    cursor: crosshair;
    background: #fff;
    z-index: 10;
}
.cloudzoom-zoom {
    border: 1px solid #1277e9;
    width: 500px;
    height: 200px;
    background: #fff;
}
.showpro_para dl dd{line-height: 25px;}


.showpro_para table{ width:100%!important;}
.showpro_para table tr td{ line-height:30px;}

/* 底部导航 */
.foodnav_bg{background: #f5f5f5;width: 100%; border-top:1px solid #d0d0d0}
.foodnav{max-width: 1440px;margin: auto;line-height: 50px;}
.foodnav ul li{float: left;color: #333; width:11.1%; text-align:center}
.foodnav ul li a{padding: 2% 0;color: #333;}
.foodnav ul li a:hover{ color:#0181E6}


/* tel */
.ny_title{max-width: 1200px;margin: auto;text-align: center;margin-bottom: 30px;font-size: 28px;color: #0181E6; position:relative; padding-bottom:16px;}
.ny_title:before{ content:""; display:block; width:30px; height:2px; background:#0181E6; position:absolute; left:50%; bottom:0; margin-left:-15px;}

.ny_title2{ width:200px; margin:0 auto;text-align: center;margin-bottom: 30px;font-size: 22px;color: #fff; position:relative; padding:10PX 0; background:#0181E6}

.tel{width: 100%;overflow: hidden;max-width: 1200px;margin: auto;padding: 50px 0;}
.tel_top{padding-bottom: 25px;border-bottom:  1px #e5e5e5 solid;overflow: hidden;}
.tel_top h3{font-weight: bold;margin-bottom: 40px;font-size: 20px;}
.tel_top ul li{float: left;font-family: 'DINCOND';font-size: 30px;color: #6e6e6e;margin-right: 20px;}
.tel_top span{font-size: 14px;color: #797979;}
.tel_top p{float: left;}
#tel1{background: url(../tel_1.jpg);width: 40px;height: 40px;display: block;float: left;margin-right: 10px;}
#tel2{background: url(../tel_2.jpg);width: 40px;height: 40px;display: block;float: left;margin-right: 10px;}
.tel_bottom ul{padding: 20px 0;overflow: hidden;}
.tel_bottom ul li{float: left;font-size: 14px;color: #797979;margin-right: 50px;}
	
/* About */
.about_ny {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    padding: 50px 0;
}
.about_banner img {
    width: 100%;
}
.about_title h2 {
    font-size: 20px;
    color: #191919;
    margin: 30px 0;
    text-align: center;
}
.about_title .content {
    color: #545454;
    font-size: 14px;
    line-height: 25px;
}
.ny_title2{ width:200px; margin:0 auto;text-align: center;margin-bottom: 30px;font-size: 22px;color: #fff; position:relative; padding:10PX 0; background:#0181E6}
.about_qywh {
    padding: 50px 0;
    background: url(../aboutBg01.jpg) no-repeat center;
}
.about_ry {
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 60px;
}
.about_ry_bg1{
    background: url(./aboutBg02.jpg) no-repeat center bottom;
    padding: 50px 0 0 0;
}
.about_ry_bg2{
    background: url(../aboutBg01.jpg) no-repeat center bottom;
    padding: 50px 0 0 0;
}
.wrap {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    overflow: hidden;
}
.about_ry li .img {
    width: 100%;
    overflow: hidden;
    padding: 20px;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.about_ry li .img img {
    width: 100%;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.about_ry li:hover .img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.about_ry li .tit {
    font-size: 16px;
    color: #333;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}
.about_ry .bx-pager {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.about_ry .bx-pager .bx-pager-item {
    display: inline-block;
    height: 8px;
    margin: 0 6px;
}
.about_ry .bx-pager .bx-pager-item a {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    overflow: hidden;
    background: #666;
}
.about_ry .bx-pager .bx-pager-item a.active {
    background: #097ada;
}

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

.q_zp_list_call{ overflow:hidden; float:right; margin-bottom:20px;}
.q_zp_list_call .title{ float:left; font-size:18px; color:#646464; line-height:60px; background:url(../q_contact_call.png) no-repeat center left;padding-left:54px;}
.q_zp_list_call .boxtel{ float:left; font-size:30px; line-height:60px; color:#097ada; font-family: 'ttRegular';  }

.q_zp_list_top{ padding:0 2%; height:60px; background:#097ada; line-height:60px;}
.q_zp_list_top ul li{ float:left; width:25%; font-size:16px;color:#fff; text-align:center}

.q_zp_list_main{ overflow:hidden}
.q_zp_list_tant{ overflow:hidden; margin-bottom:10px;}

.q_zp_list_tant_title{  padding:0 2%; height:52px; background:#f5f5f5; line-height:52px; cursor:pointer}
.q_zp_list_tant_title ul{ height:100%}
.q_zp_list_tant_title ul li{float:left; width:25%; height:100%; font-size:14px;color:#5a5a5a;position:relative; text-align:center}

.q_zp_list_tant_title ul li:nth-child(1):before{ content:""; display:block; position:absolute; left:250px; top:0; width:9px; height:100%; background:url(../q_zp_list_top_li_before.png) no-repeat center}

.q_zp_list_tant_content{ display:none; overflow:hidden;}
.q_zp_list_tant_content.on{ height:auto;}

.q_zp_list_tant_content_m{  padding:1% 4%; background:#fff; border-top:2px solid #eee;}
.q_zp_list_tant_content_m .text{ border-bottom:1px solid #d5d5d5; line-height:40px; padding-bottom:6px; position:relative}
.q_zp_list_tant_content_m .text h1{ font-size:16px; color:#323232; font-weight:bold}
.q_zp_list_tant_content_m .text h2{ font-size:14px; color:#5a5a5a; font-weight:bold; padding-left:10px;}
.q_zp_list_tant_content_m .text h2 span{ margin-right:20px;}
.q_zp_list_tant_content_m .text i{ display:block; position:absolute; width:30px; height:30px; border-radius:30px; overflow:hidden; bottom:10px; right:0; background:url(../q_zp_list_tant_content_i.png) no-repeat center #fe8f01; cursor:pointer}

.q_zp_list_tant_content_m .content{ font-size:14px; color:#797979; line-height:30px; padding:2% 10px}

.q_m_zp_list{ display:none; padding:20px 0}
.q_m_zp_list_tant{ overflow:hidden; margin-bottom:10px;}
.q_m_zp_list_tant .text{ background:#097ada; color:#fff;  padding:2% 4%;overflow:hidden; margin-bottom:2px; position:relative}
.q_m_zp_list_tant .text h1{ font-size:14px;line-height:36px;}
.q_m_zp_list_tant .text h2{ font-size:12px;line-height:24px; }
.q_m_zp_list_tant .text h2 span{ margin-right:20px; display:block; float:left}
.q_m_zp_list_tant .text i{  display:block; position:absolute; width:24px; height:24px; border-radius:26px; overflow:hidden; top:18%; right:4%; background:url(../q_zp_list_tant_content_i.png) no-repeat center #fe8f01; cursor:pointer;
	-moz-transition: all .5s; 
	-webkit-transition: all .5s;  
	-o-transition: all .5s; 
	-ms-transition: all .5s; 
	transition: all .5s;
}
.q_m_zp_list_tant .text i.active{transform:rotate(180deg);}

.q_m_zp_list_tant .content{padding:2% 4%; font-size:12px; line-height:26px; background:#f5f5f5; display:none}



@media only screen and (max-width: 768px) {
.q_zp_search .list li{ width:46%}
.q_zp_search .search .navsearch_input{ width:46%}
.q_zp_search .search .searchgo{ width:12%}
}

@media only screen and (max-width: 736px) {
.q_zp_list,.q_zp_list2{ display:none}
.q_m_zp_list{ display:block}
.zp_tdjl a{ width:100px; font-size:14px;}
}

@media only screen and (max-width: 568px) {
.q_zp_search{ margin-top:20px;}
.q_zp_search .list{ width:100%}
.q_zp_search .list li{ width:100%; margin-bottom:10px;}
.q_zp_search .list li select{ width:100%}

.q_zp_search .search{ width:100%}
.q_zp_search .search .navsearch_input{ width:88%}
}


.met_module2{display: none;}

/* BoxNav */
.q_nav{ width:100%; overflow:hidden; background:#097ada; line-height:45px;}
.q_nav_l{ float:left; width:20%; line-height:90px; text-align:center;border-bottom:1px solid #025fad; display:none}
.q_nav_l a{ color:#fff; display:block}
.q_nav_r{ float:right; width:100%}
.q_nav_r li{ float:left; font-size:12px; width:25%; text-align:center; border-left:1px solid #025fad; border-bottom:1px solid #025fad}
.q_nav_r li a{ color:#fff;display:block}

/* BoxBanner */
.box_banner {
    width: 100%;
    overflow: hidden;
	display: none;
    position: relative;
}
.box_banner img {
    display: block;
    margin: auto;
    width: 100%;
}
.box_banner .bx-pager {
    overflow: hidden;
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
}
.box_banner .bx-pager.bx-default-pager .bx-pager-item{display: inline-block;}
.box_banner .bx-pager.bx-default-pager a {
    float: left;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: black;
    margin-right: 10px;
    cursor: pointer;
}
.box_banner .bx-pager.bx-default-pager a:hover, .box_banner .bx-pager.bx-default-pager a.active {
    width: 10px;
    height: 10px;
    background: none;
	border: 1px #097ada solid;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
}

/* boxsearch */
.box_from{width: 90%;padding: 5%;display: none;}
.box_from input[type=text]{width: 99%;border:1px #0b71bc solid;height: 35px;}
.box_from input[type=botton]{width: 10%;border:1px #0b71bc solid;}
.box_from input[type=submit] {
    width: 40px;
    height: 37px;
    background: #097ada url(../search.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 0;
}

/* BoxNewx */
.index_tant{ width:100%; overflow:hidden}
.index_title{ width:100%; height:45px; font-size:14px; background:#04caff; overflow:hidden; line-height:45px; color:#fff;}
.index_title h1{ float:left; width:70%; font-size:16px; background:url(../news_title_h1.jpg) no-repeat left center; background-size:5%; padding-left:20px; margin-left:10px; }
.index_title h1 span{ font-size:12px; margin-left:10px; font-weight:normal}
.index_title h2{ float:right; margin-right:10px;font-weight:normal}
.index_title h2 a{ color:#fff;}
.box_news{padding: 0 2% 5% 2%; overflow:hidden; }
.box_news li{ height:30px;  line-height:30px; font-size:14px; background:url(../index_li.png) no-repeat left center; }
.box_news li a{ float:left; color:#313131;width:70%; height:30px; display:block;overflow:hidden;} 
.box_news li span{ float:right; color:#666}

/* Boxproduct */
.index_xxk_main{ padding:0px 10px 20px 10px; overflow:hidden;}
.index_xxk_main#con_two_1{ display:block}

.index_xxk_main ul{ margin-left:-3%; zoom:1}
.index_xxk_main li{ float:left; width:46%;margin-left:3%; border:1px solid #f3f3f3; margin-top:20px}
.index_xxk_main li h1{ width:100%;}
.index_xxk_main li h1 img{ width:100%;}
.index_xxk_main li h2{ width:100%; height:30px; font-size:12px; line-height:30px; text-align:center; color:#313131;background:#d2d2d2;font-weight:normal; overflow:hidden}

.q_nav{display: none;}
.met_section{display: none;}
.index_tant{display: none;}
.met_module2_list{display: none;}

/* show */
.f_showkj{width: 100%;overflow: hidden;background: white;}
.f_show{width: 100%;max-width: 1200px;overflow: hidden;margin: auto;padding: 20px 0;}
.show_title h1 {
    font-size: 24px;
    text-align: center;
    padding: 5px 0px;
    margin: 10px 0px;
    color: #333;
}
.show_data{
    text-align: center;
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
    padding: 6px 0;
}
.detail_m{
	    display: inline-block;
    line-height: 20px;
}
.detail_m .time{
    font-size: 14px;
    color: #828282;
    float: left;
    margin-right: 14px;
}
.show_content{padding:0 10px ;font-size: 16px;line-height: 2;}


@media only screen and (max-width: 767px){
.about_ny{ padding:10px 4%}
.about_ny .w1000{ width:100%;}
.ny_feedback{ padding:10px 4%}

.qywh_list ul li p{ font-size:14px;}

#saber_img { width: 100%;padding: 0 2%;}

#saber_img .w1000{ width:auto}
.img_center{ overflow:hidden; padding:10px 0}
.img_center ul{ margin-left:0!important}
.img_center li{width: 48.5%!important;margin-bottom: 25px!important; margin-right: 2.5%!important; margin-left:0!important}
.img_center li:nth-child(2n){ margin-right:0!important}
.img_rimg{ height:140px!important}

.cloudzoom-blank{ display:none!important}

.cloudzoom-lens { display:none!important}

.cloudzoom-zoom { display:none!important}

.link{ display:none}

.met_module2{display: block;}
.showproduct_tel h3:nth-child(2){display: none;}
.showproduct {
    padding: 0;
}
.showproduct_l {
    width: auto;
    float: left;
    margin-right:auto; 
    padding: 0 2%;
}

.showproduct_r {
    width: auto;
    float: left;
    padding: 0 2%;
}

.showproduct_tel h3 {
 width: auto;
}	


.showproduct_tel span{ font-size:20px; width:auto}
.detail .share{ float:right}
.tabbox .tone li {
   
    width: 50%;
    text-align: center;
}	
	
.q_nav{display: block;}
.met_section{display: block;}

.met_module2_list{display: block;}
	
	
.wellcomebg{width: auto; height:auto; overflow:hidden;}
.head_search{ display:none}
.f_wellcome{ overflow:hidden}
.f_wellcome h1{ display:block; width:40%; float:left; padding:10px 0}
.f_wellcome h1 img{ width:100%;}
.f_wellcome h3{ text-align:center; line-height:24px; padding:6px 0; border-bottom:1px solid #ccc}
.f_wellcome ul{display: none;}

.head_lang a{ line-height:74px;}
.head_map a{ line-height:74px;}

.logobg{width: auto;padding: 0 2%;max-height: 85px;overflow: hidden;}
.f_title{display: none;}
.f_from{display: none;}
.f_tel {
    float: right;
    position: static;
    background: 10px;
    
}
.f_tel:before {
    margin-top: 30px;
    margin-right: 0px;
	
}
.f_tel span {
    font-size: 14px;
    color: black;
    color: #414141;
    font-family: 'Microsoft YaHei';
}
.f_tel h1 {
    color: #097ada;
    border-bottom: 1px #d9d9d9 solid;
    font-weight: bold;
    font-family: "DINCOND";
    font-size: 22px;
}
.f_tel h3 {
    color: #097ada;
    font-size: 20px;
    font-family: "DINCOND";
    text-align: center;
}
.fixed_top{display: none;}
.banner{}
.box_banner{display: block;}

/* 澜速优势 */
.lsys {
	width: auto;
    margin: auto;
    padding: 25px 0;
}
.lsys_title h1 {
    color: #097ada;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}
.lsys_title h1 p {
    color: #838383;
    font-size: 14px;
    line-height: 46px;
    text-transform: capitalize;
}
.lsys_hr {
    margin: 10px auto 25px auto;
}
.lsys_top_img {
	width: auto;
    overflow: hidden;
    float: left;
    margin-right: 0; 
	padding: 0 2%;
}
.lsys_text {
    width: auto;
    float: left;
	
    padding: 0 6%;
}
#lsystext {
    margin-bottom: 20px;
    position: static;
}
.lsys_top_text h1 {
    font-size: 22px;
}
#lsystext1 {
    margin-bottom: 20px;
    position: static;
    
}
.lsys_bottom {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.lsys_top_text h3 {
    font-size: 14px;
    line-height: 26px;
}
.lsys_bottom_text h3 {
    font-size: 14px;
    line-height: 26px;
}
.lsys_bottom_text h1 {
    font-size: 22px;
}
.lsys_bottom_img{display: none;}
.jjfa_bg{display: none;}

/* 公司简介 */
.about {
    width: auto; 
    padding: 5%;
    margin: auto;
}
.about_img {
    width: auto;
    float: left;
    overflow: hidden;
    margin-right: 0; 
}
.about_text h3 {
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0;
}
.about_text {
    width: auto; 
    float: left;
}
/* 应用案例 */
.yyal {
    width: 96%;
    padding: 0 2%;
}
.yyal_news{ overflow:hidden; margin-top:10px;}
.yyal_content{ width:49%; margin-right:2%}
.yyal_news_img { height:120px;}

.yyal_content:nth-of-type(6n){ margin-right:1.3%}
.yyal_content:nth-of-type(2n){ margin-right:0}


/* 企业文化 */
.qywh {
    width: 96%;
    max-width: 1200px;
    margin: 0 2%;
}
.qywh_title {
    margin: 10px 0 20px 0;
    border-bottom: 1px #e6e6e6 solid;
    padding: 0 2% 2% 2%;
}
.qywh_title h1 {
    color: #323232;
    font-size: 20px;
    float: left;
}
.qywh_title p {
    font-size: 12px;
    color: #b3b3b3;
    text-transform: uppercase;
}
.qywh_url {margin-top: 0; width:26px}


.prpblem_text p{ font-size:12px;}

.khal_news{ margin-bottom:20px;width: 96%;padding: 0 2%;}
.khal_news .bx-viewport{ height:80px!important}
.khal_news_img{ overflow:auto}

.fwzc{width: 96%;padding: 0 2%;}
.faq{ float:none; width:100%;}
.fwzc_r{ float:none; width:100%; margin-top:20px;}
.fwzc_r li{ margin-bottom:10px;}
.fwzc_r li .text{ height:80px; line-height:80px; font-size:14px; overflow:hidden}



/* 新闻中心 */
.news{display: none;}

.foodnav_bg{display: none;}


.sy_title{ padding:10px 0}
.sy_title h1{ font-size:20px;}


/* 底部 */
.foot{padding: 0 2%;width: auto;}
.foot_top {
    padding: 25px 0;
    overflow: hidden;
	border-bottom: none;
}

.foot_top .foot_logo{ float:left; width:40%; margin-top:28px; display:none}
.foot_top .foot_logo .img{ border-right:none; width:100%; margin-right:0;}
.foot_top .foot_logo .img img{ width:100%;}
.foot_top .foot_logo .text{ display:none}
.foot_top .foot_address{ float:none; width:100%}
.foot_top .foot_address p{ font-size:12px;}



.foot_nav ul li h1 {
    
    margin-bottom: 20px;
    
}
.foot_nav {
    width: auto;
}
.foot_address {
    width: 96%;
   border: none;
}
.address_text {
    margin: auto;
    overflow: hidden;
	width: auto;
}
.address_text h1 {
    margin-bottom: 20px;
}
.foot_ewm{display: none;}
#technology {
    float: left;
}

.product{    width: 96%; padding: 0 2%;}

.product .product_cp{ width:48.5%;}
.product .product_img{ padding:10px}
.product .product_cp:nth-of-type(5n){ margin-right:3%}
.product .product_cp:nth-of-type(2n){ margin-right:0}

.ny_product{}
.ny_product .center{ width:auto}
.ny_product_title{ overflow:hidden}
.ny_product_title h1{ margin-top:0; font-size:22px;}
.ny_product_title h3{ padding:10px 0; line-height:30px;}


.ny_banner{display: none;}
.hy_search{display: none;}
#saber_news{display: none;}
.foot_nav{display: none;}
#beian{line-height: 25px;}
.content img{width: 100%;display: block;} 
.index_tant {
    display: block;
	width: 96%;
    padding: 0 2%;
}
.tel{
     width: auto; 
   
    padding: 50px 2%;
}

.banner .wrap{ width:100%;}
.banner .swiper-slide{ height:280px;}
.banner .swiper-slide .img{ background-size:auto 100%}
.banner .swiper-slide .img img{ height:280px;}

.banner .swiper-slide .text .p1{ font-size:28px; line-height:60px;}
.banner .swiper-slide .text .p2{ font-size:14px;}
.banner .swiper-button-prev{ width:30px; height:80px; background-size:100%;}
.banner .swiper-button-next{ width:30px; height:80px; background-size:100%;}


.banner_video li{ width:100%; padding-top:40%}







.zybjq {
    width: 96%;
    padding: 0 2%;
}












}