body{ width:100%; min-width:769px;margin:0;padding:0;font-family: Arial, Helvetica, sans-serif, Impact; font-size:14px; color:#444; background:#fff; m-webkit-tap-highlight-color:transparent;/*去除苹果链接带边框*/ -webkit-text-size-adjust:none;}
img,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#444}
a:active,a:focus,a:hover{outline:none; color:#e1000b}
.tc{ text-align:center;}
.main_content{padding: 80px 0 0;}
.main_content2{padding: 80px 0 0;}
.wrapper {width: 92%;max-width: 1500px;margin-left: auto;margin-right: auto;}

/**/
.boxMax{ width:100%;margin:0 auto; position:relative}

.boxTop{ background:#fff; height:auto; position:relative}
.boxTop_t{  width:100%;  margin:0 auto;height:40px;  background-color:#4e4c4d;}
.boxTop_l{ width:100%;  max-width:1400px;  margin:0 auto;height:40px; border-bottom:#efefef 1px solid;}
.boxTop_l span{ font-size:14px;  line-height:40px; color:#999}
.boxTop_r{height:40px; float:right;}

.boxTop1{position:relative; height:122px; box-sizing:border-box; width:100%; max-width:1500px; margin:0 auto}
.logo{ position:absolute; left:0; margin:0!important}
.bgTop{ box-shadow:0 2px 2px rgba(0,0,0,0.1)}

.header-info p {
    width: 208px;
    font: 14px "Microsoft Yahei";
    color: #666;
    float: right;
    margin-top: 36px;
    background: url(../images/lx.png) no-repeat left 5px;
    padding-left: 40px;
}
.header-info p em {
    display: block;
    font: 26px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #1458b1;
    font-weight: bold;
}

.boxTop2{position:relative; height:50px; box-sizing:border-box; width:100%;margin:0 auto;text-align:center; background-color:#2472DB;}
@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:60px; text-align:center;display:inline-block;  vertical-align:middle; width:90%;}
.boxNav li{display:inline-block;position:relative; width:14%;}
.boxNav li span a{display:block;font-size:16px; color:#fff;line-height:50px;}
.boxNav li span a:hover{color:#333;background:#eae9e9; font-weight:bold;}
.boxNav li span i{ height:3px; background:#dfdfdf; width:100%; position:absolute;bottom:-3px; left:0; display:none}
.boxNav li .on i{ display:block;animation:ANavI 0.3s;}
.boxNav li .on a{    background: #2472DB;font-weight: bold;color: #fff; }
.boxNav li div{position:absolute; top:60px; left:0;width:200px; background:rgba(68,163,17,0.8); z-index:2; display:none; opacity:0.95; }
.boxNav li div a{display:block;font-size:14px; padding:0;color:#fff;line-height:50px;}
.boxNav li div a:hover{ background:#f6ab00}@keyframes AsubNavI{0%{width:0;}100%{width:100%;}}


.banner{width:100%; /*height:calc(100vh - 390px);*/ height:25vw;min-height:370px; max-height:400px;overflow:hidden; position:relative;color:#fff;  margin:0 auto;}
.banner-1{width:100%; /*height:calc(100vh - 390px);*/ height:30vw;overflow:hidden; position:relative;color:#fff;  margin:0 auto;}
.swiper-slide div{ width:100%; height:100%; position:relative; overflow:hidden}
.swiper-pagination{bottom:20px!important; left:50%!important; margin-left:-600px!important; width:1200px!important; text-align:right;}
.swiper-pagination-bullet{width:20px; height:6px;background:#fff; opacity:0.8;border-radius:6px;}
.swiper-pagination-bullet-active{opacity:1.0;  background:#e1000b}
.swiper-button-prev{left:20px; margin-top:-22px; width:38px; width:38x;  background:url(../images/bannerJtLeft.png);background-size:100% 100%;opacity:0.2;}
.swiper-button-prev:hover{background:url(../images/bannerJtLeft.png);background-size:100% 100%;opacity:0.7;}
.swiper-button-next{right:20px;margin-top:-22px;width:38px; height:38px;background:url(../images/bannerJtRight.png);background-size:100% 100%;opacity:0.2;}
.swiper-button-next:hover{background:url(../images/bannerJtRight.png);background-size:100% 100%; opacity:0.7;}
.bannerImg{background-position:center center!important;background-size:cover!important;}


/*index_about*/
.index_about_b{    width: 100%;overflow: hidden;height: auto; border-top:#e5e5e5 solid 1px;}
.index_about{ width: 94%;
    max-width: 1500px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin: 3% auto 1% auto;overflow: hidden;
    padding:0}
	
.index_about_b .left{width: 100%;height:auto;overflow: hidden; box-sizing: border-box;color: #fff; margin:0 auto;}
.index_about_b .left h1{ text-align: center;font-size: 36px;color: #333;font-family: "Raleway-Regular"; font-weight:bold;}
.index_about_b .left h1 span{color: #2472DB;}
.index_about_b .left h1 div {border-bottom: 2px solid #444;padding-top: 25px;width: 36px;margin: 0 auto;}
.index_about_b .left .con{ padding: 36px 0;color: #555;line-height: 200%;font-size: 15px;text-align: center; width:75%; margin:0 auto;overflow: hidden; }
.index_about_b .left .link a:hover { background: #fbc82d;}
.index_about_b .left .link a {display: block;width: 140px;height: 40px;line-height: 40px;text-align: center;text-decoration: none;background: #fec107;border-radius: 5px; margin: 0 auto;font-size: 15px;text-transform: uppercase; color:#fff;}

.ab_p{ width:100%; height:auto;overflow: hidden;margin:0 auto;display:inline-block;}
.ab_p ul li{width: 30%;height: 260px;float: left; padding:0 1px 0 0;overflow: hidden; margin:20px; text-align:center;}
.ab_p ul li a{font-size:20px;color: #333; font-weight:bold;display: block;
width: 99%;height:80%; padding-top:40px; padding-bottom:50px;
background-color: rgba(255, 255, 255, 0);
    border: 1px solid #e2e2e2;
    transition: 0.3s;}
.ab_p ul li.cur a{ background:#2472DB url(../images/jz_line.gif) no-repeat 50% 154px; text-decoration:none; color:#fff;}
.ab_p ul li.cur em{color:#fff;}
.ab_p ul li em{display: block;font-size: 15px; font-family:Arial, Helvetica, sans-serif; padding:50px 0 0; color:#666; line-height:26px;}
.ab_p ul li a:hover{ color:#fff;background:url(../images/jz_line.gif) no-repeat 50% 154px; text-decoration:none; background-color:#fec107}
.ab_p ul li a:hover em{color:#fff;}



.more{ width:75px;background-color: #2472DB;color: #fff;padding: 10px 20px;display:block;font-size: 14px;outline: 0;cursor: pointer;border-width: 0; margin:10px;
    border-style: solid; border-color: transparent; text-align:center;line-height: 1.42857;text-decoration: none!important; border-radius: 6px; -webkit-border-radius: 6px;}
.more:hover{background-color: #fff; border:#2472DB solid 1px; text-align:center;color:#0159b0; font-weight:bold;}


/*pro*/
.index_pro_b{ width:100%;padding:35px 0 30px; background-color:#f7f7f7;}
.index_box { width:100%;
    max-width: 1500px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin:0 auto;overflow: hidden;position:relative;}
.pro_title{text-align:left;color:#333; font-size:32px; font-weight:bold; line-height:80px; }
.pro_title span{color: #2472DB;}
.pro_title_bottom{	width: 100%;max-width: 63px; height: auto;max-height: none;min-height: 40px; border-top:#0d4486 solid 3px;
}
.title_box {width:100%;text-align:center;position:relative;z-index:9;}
.title_box_title1 {font-size:26px;color:#308e20; line-height:48px;}
.title_box_title2 {font-size:22px;line-height:30px;color:#b7b7b7; text-transform:uppercase; font-family:Arial;font-weight:initial;}

.lh-pro-index{width:100%; height:auto; overflow:hidden;}
.pnav{width: 1480px;position: relative;padding-top: 1px;margin: 30px auto;}
.pnav ul{text-align: center;margin: 0 auto;}
.pnav ul li {display: block;margin: 0 5px;width:300px;height: auto;overflow: hidden;float: left; border:#fff solid 6px; background-color:#fff;
	transform:translateY(-3px);
	-webkit-transform: translateY(-3px);
	box-shadow: 0 0 5px rgba(115,115,115,.3);
	transition:all 0.5s;
	-webkit-transition:all 0.5s;}
.pnav ul li a{display: block;}
.pnav ul li a img{transition:  1s;width:300px;height:225px;/*border-radius: 50%;*/transition: all .3s;}
.pnav ul li a p{text-align: center;font-size: 15px;color: #404040;margin: 15px 0;transition: .5s;width: 100%; border: none;}

.pnav ul li a:hover img{filter: brightness(110%);}
.pnav ul li a:hover p {color: #e40000;}

.pnav .btnLeft,.pnav .btnRight{position:absolute;top:40%;margin-top:-15px;width:68px;height:71px;transition: 0.5s;opacity: 1;}
.pnav .btnLeft{left:0;background:url(../images/index_28.jpg) no-repeat center;}
.pnav .btnLeft:hover{left:-5px;opacity: 0.6;}
.pnav .btnRight{right:0;background:url(../images/index_31.jpg) no-repeat center;}
.pnav .btnRight:hover{right:-5px;opacity: 1;}

/* changjing */

.m1{ margin:50px auto;}
.com_left{ width:35%; float:left; height:auto; overflow:hidden;}
.com_left ul{ margin-top:80px;}
.com_left li{ width:85%; height:55px; line-height:55px; border-radius:20px; margin:18px auto; background-color:#2472DB;border:#2472DB solid 1px; color:#fff; text-align:center; font-size:16px;}
.com_left li:hover{ background-color:#fff; border:#2472DB solid 1px; color:#2472DB;}
.com_right{ width:63%; float:left; height:auto; overflow:hidden;}
.m1 h1{ text-align: center;font-size: 36px;color: #333;font-family: "Raleway-Regular"; font-weight:bold;}
.m1 h1 span{color: #2472DB; text-transform:uppercase; font-size:30px;}
.m1 h1 div {border-bottom: 2px solid #444;padding-top: 25px;width: 36px;margin: 0 auto;}
.m1 .con{ padding: 36px 0;color: #555;line-height: 200%;font-size: 15px;text-align: center; width:75%; margin:0 auto;overflow: hidden; }

.pro_list1{display:flex;display:-ms-flexbox;display:-webkit-flex;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.pro_list1 dd{width:27.6666%;padding:15px;border: 1px solid #d2d2d2;margin: 0 10px 20px 10px;transition:all 0.5s;-webkit-transition:all 0.5s;}

@media screen and (min-width: 1201px) and (max-width: 1600px){
.ab_p ul li{width: 30%;height: 260px;float: left; padding:0 1px 0 0;overflow: hidden; margin:15px; text-align:center;}
.pro_list1 dd{width:25%;padding:15px;border: 1px solid #d2d2d2;margin: 0 5px 20px 5px;transition:all 0.5s;-webkit-transition:all 0.5s;}	
.pro_list1_pic img{ width:100%; height:auto;}
}


@media screen and (min-width: 1024px) and (max-width: 1200px){
.index_about{ width: 94%;
    max-width: 1200px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin: 3% auto 1% auto;overflow: hidden;
    padding:0}
.com_right{ width:53%; float:left; height:auto; overflow:hidden;}
.ab_p ul li{width: 30%;height: 260px;float: left; padding:0 1px 0 0;overflow: hidden; margin:10px; text-align:center;}
.index_p1{width: 100%;overflow: hidden;height: auto;}
.index_box { width:100%; max-width: 1024px;height: auto;max-height: none;min-height: 0px; margin:0 auto;overflow: hidden;position:relative;}
.pro_list1 dd{width:24%;padding:15px;border: 1px solid #d2d2d2;margin: 0 5px 20px 5px;transition:all 0.5s;-webkit-transition:all 0.5s;}	
.pro_list1_pic img{ width:100%; height:auto;}
}

@media screen and (min-width: 980px) and (max-width: 1023px){
.index_about{ width: 94%;
    max-width: 1000px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin: 3% auto 1% auto;overflow: hidden;
    padding:0}
.ab_p ul li{width: 30%;height: 260px;float: left; padding:0 1px 0 0;overflow: hidden; margin:10px; text-align:center;}
	
.index_p1{width: 100%;overflow: hidden;height: auto;}
.index_box { width:100%; max-width: 1000px;height: auto;max-height: none;min-height: 0px; margin:0 auto;overflow: hidden;position:relative;}
.pro_list1 dd{width:24%;padding:15px;border: 1px solid #d2d2d2;margin: 0 5px 20px 5px;transition:all 0.5s;-webkit-transition:all 0.5s;}	
.pro_list1_pic img{ width:100%; height:auto;}
}

.pro_list1_pic{overflow: hidden;}
.pro_list1_pic img{ width:100%; height:auto;}
.pro_list1_con{padding: 17px 0 0;}
.pro_list1_tags{display:flex;display:-ms-flexbox;display:-webkit-flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;}
.pro_list1_tags .item{padding: 0 25px;line-height: 38px;border: 1px solid #d2d2d2;margin: 0 10px 15px 0;}
.pro_list1_tags .item:hover{color: #222;background: #f9bf00;border-color: #f9bf00;}
.pro_list1_con .list_text1{margin: 15px 0 25px;}
.pro_list1 dd:hover{
	transform:translateY(-3px);
	-webkit-transform: translateY(-3px);
	box-shadow: 0 0 15px rgba(115,115,115,.3);
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.pro_list1 dd:hover .list_tt24{ font-size:14px;color: #f9bf00;transition:all 0.5s;-webkit-transition:all 0.5s;}


/*NEWS*/
.porBbox {position: relative;overflow: hidden;width:29%;height:auto; padding: 20px 15px 10px;border: 1px solid #d2d2d2;float: left; margin:10px; background-color:#fff;}
.newTitle {font-size:16px;color: #333;overflow: hidden;width: 100%; font-weight:bold;}
.newSummry {overflow: hidden;margin: 20px 0; font-size:14px; height:80px; line-height:26px;}
.lookDetail {position: relative;display: block; color: #777;height: 38px;line-height: 38px;border-top: 1px solid #e5e5e5;
 background:url(../images/n2.png) no-repeat right}
.lookDetail:hover{ background:url(../images/n1.png) no-repeat right;}
.porBbox:hover{ background-color:#FFF;border: 1px solid #D2D2D2;	
transform:translateY(-3px);
	-webkit-transform: translateY(-3px);
	box-shadow: 0 0 15px rgba(115,115,115,.3);
	transition:all 0.5s;
	-webkit-transition:all 0.5s; }

.bot{width:100%; height:auto;overflow:hidden; }
.bot img{width:100%; height:auto;overflow:hidden;}


.porBbox1 {position: relative;overflow: hidden;width:95%;height:auto; padding: 20px 15px 10px;border: 1px solid #d2d2d2;float: left; margin:10px; background-color:#fff;}
.newTitle {font-size:16px;color: #333;overflow: hidden;width: 100%; font-weight:bold;}
.newSummry {overflow: hidden;margin: 20px 0; font-size:14px; height:60px; line-height:26px;}
.lookDetail {position: relative;display: block; color: #777;height: 38px;line-height: 38px;border-top: 1px solid #e5e5e5;
 background:url(../images/n2.png) no-repeat right}
.lookDetail:hover{ background:url(../images/n1.png) no-repeat right;}
.porBbox1:hover{ background-color:#FFF;border: 1px solid #D2D2D2;	
transform:translateY(-3px);
	-webkit-transform: translateY(-3px);
	box-shadow: 0 0 15px rgba(115,115,115,.3);
	transition:all 0.5s;
	-webkit-transition:all 0.5s; }



/*foot*/


.boxFoot{width:100%; height:auto;color:#FFF; overflow:hidden; background-color:#252432; }
.boxFoot a{color:#FFF}
.boxFoot a:hover{color:#0159b0}
.boxFoot1{ width:100%;max-width:1500px;position:relative; overflow:hidden;margin:35px auto 10px auto; }
.boxNav_foot{ width:25%;height:auto; margin:15px 30px 0 0; float:left;}
.boxNav_foot span{ font-family: 'Roboto',sans-serif;font-weight: 600;font-size: 18px;line-height: 24px;margin: 0 0 25px; display:block;}
.boxNav_foot li{position:relative; padding:0 10px;}
.boxNav_foot li  a{display:block;font-size:13px;color:#dddddd;line-height:30px; border-bottom:#393842 1px dashed; width:100%;}
.boxNav_foot li  a:hover{color:#0159b0;}


.footText{line-height:36px;font-size:14px; width:25%; float:left;margin:40px auto;}
.footimg{ width:200px; float:right; padding:0 200px; text-align:center;font-size:14px; }
.footimg img{ width:100%;}

.boxFoot2{width:100%; height:72px; min-width:1200px; margin:0 auto; position:relative; background-color:#292838;color: #fff; font-size: 13px;text-align:center; line-height:70px;}

.feedback {width: 38%; float:right;}
.feedback .input {width: 90%;height:40px;border: 1px solid #d4d4d4;padding: 0 20px; margin-top: 10px; background-color:#fff;}
.feedback .title {width: 90%;color: #333; font-size:22px;background-color:#fff;}
.feedback .textarea {width: 90%;height:40px; border: 1px solid #d4d4d4;padding: 20px;margin-top: 10px;font-size: 14px;
    color: #333; font-family:Arial, Helvetica, sans-serif;}
.feedback .btn {width: 120px;height: 45px; cursor: pointer;background: #0159b0;color: #fff; margin-top: 10px;font-size: 14px;
   font-family:Arial, Helvetica, sans-serif;}
.feedback .yanzheng {width:20%;height: 43px;border: 1px solid #d4d4d4;padding: 0 20px; margin-top: 10px;margin-right: 5px;}



/*内页*/

.banner-inner .text {position: absolute;width: 80%;color: #fff;text-align: left;top: 50%;left: 50%;line-height: 1.6;transform: translate(-50%, -50%); z-index: 4;}
.banner-inner .text .ad-tit{font-size: 28px;font-weight: normal; line-height: 1.6;}
.banner-inner .text .ad-line{height: 2px;width: 3%;background: #fff;margin: 0.8% 0% 0.8% 0%;}
.banner-inner .text .ad-sum{font-size: 38px;font-weight: bold;line-height: 1.6;}

/* location */
.location{border-bottom: 1px solid #e5e5e5; margin-top:155px;}
.location1{border-bottom: 1px solid #e5e5e5;}
.location_con{display: flex;display: -ms-flexbox;display: -webkit-flex;align-items: center;-webkit-align-items: center;-ms-align-items: center;font-size: 14px;color: #222;height: 55px;}
.location_con a{color: #444;margin: 0 3px;}


/*about*/
.about_a{width: 100%;overflow: hidden; margin:40px auto; height:auto;}  
.about{     width: 94%;
    max-width: 1500px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin: 1% auto;overflow: hidden;
    padding:0}
	
.about .left{ width:56.66666667%; float:left;}
.about .right{width: 42.33333333%; float:right;text-align:center;}
.about .right img{ width:auto; }
.about .right h1 {font-weight: normal;font-size: 28px;    color: #333;line-height: 35px;}
.imgbox {position: relative;overflow: hidden;}
.center-block {display: block;margin-left: auto;margin-right: auto;}
.img-responsive{ display: block; max-width: 100%;height: auto;}
.seek-price{background-color: #0159b0;color: #fff;padding: 15px 30px;display:block;font-size: 14px;outline: 0;cursor: pointer;border-width: 0; margin:10px;
    border-style: solid; border-color: transparent; text-align:center;line-height: 1.42857;text-decoration: none!important; border-radius: 6px; -webkit-border-radius: 6px;float:left;}
.seek-price:hover{background-color: #78bcff;text-align:center;color:#333; }

.about .con1{ width:100%;font-size:16px;line-height:1.8;color:#333;font-family:微软雅黑;margin: 20px 0;}
.about .con1 h1{font-size:22px;color:#308e20;line-height:2; font-weight:bold; background:none; text-align:center; margin:30px auto 10px;}
.about .con1 h2{font-size:16px;color:#A9A9A9; letter-spacing:0; text-align:center; }
.about .con1 p{font-size: 16px;line-height:30px;color:#333; margin:3px 0;letter-spacing:0px;}


.pro{ width:100%;max-width: 1500px;min-width: 0px; height: auto;max-height: none;min-height: 0px;margin: 2% auto 0 auto;overflow: hidden;padding:0}
.pro .left {width:24.66666667%; float:left;}
.pro .left span{ display:block; width:100%; height:70px; margin:0 auto; line-height:70px; font-size:26px; font-weight:bold; background:url(../images/plist.png) 15px  no-repeat;text-indent:85px; border:#ebebeb solid 1px;}

.prolist{ width:100%;margin:0 auto;overflow: hidden;}
.prolist li{ width:100%; height:60px; margin:8px auto; overflow:hidden;}
.prolist li a{ display:block;width:100%; height:60px; line-height:60px; font-size:14px; background-color:#119bb8; border-left:solid 5px #045e71; color:#fff; text-indent:15px;}
.prolist li a:hover{ background-color:#e3e3e3;  color:#333;}
.prolist .on{ background-color:#e3e3e3;  color:#333; border-left:solid 5px #045e71;}
.pro .right{width:73.33333333%; float:right;text-align:center;}
.list_tt30{color: #222;font-size: 30px;font-weight: bold;transition:all 0.5s;-webkit-transition:all 0.5s; }
.list_tt30 span{color: #D3D3D3; font-family:Arial, Helvetica, sans-serif;}

.pro_list{display:flex;display:-ms-flexbox;display:-webkit-flex;flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.pro_list dd{width:19.6666%;padding:15px;border: 1px solid #d2d2d2;margin: 0 10px 20px 10px;transition:all 0.5s;-webkit-transition:all 0.5s;}

@media screen and (min-width: 1201px) and (max-width: 1600px){
	
.pro_list dd{width:19%;padding:15px;border: 1px solid #d2d2d2;margin: 0 5px 20px 5px;transition:all 0.5s;-webkit-transition:all 0.5s;}	
.pro_list_pic img{ width:100%; height:auto;}
.porBbox {position: relative;overflow: hidden;width:26%;height: 130px; padding: 20px 20px 10px;border: 1px solid #d2d2d2;float: left; margin:10px; background-color:#fff;}
.search {width: 100%;max-width: 1200px;overflow: hidden; margin:3% auto;}
}


@media screen and (min-width: 1024px) and (max-width: 1200px){
	.about{     width: 94%;
    max-width: 1024px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin: 1% auto;overflow: hidden;
    padding:0}
	
.pro{ width:100%;max-width: 1200px;min-width: 0px; height: auto;max-height: none;min-height: 0px;margin: 2% auto 0 auto;overflow: hidden;padding:0}
.pro_list dd{width:19%;padding:15px;border: 1px solid #d2d2d2;margin: 0 5px 20px 5px;transition:all 0.5s;-webkit-transition:all 0.5s;}	
.pro_list_pic img{ width:100%; height:auto;}
.porBbox {position: relative;overflow: hidden;width:26%;height: 130px; padding: 20px 20px 10px;border: 1px solid #d2d2d2;float: left; margin:10px; background-color:#fff;}
.search {width: 100%;max-width: 1024;overflow: hidden; margin:3% auto;}
}

@media screen and (min-width: 980px) and (max-width: 1023px){
	.about{     width: 94%;
    max-width: 980px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin: 1% auto;overflow: hidden;
    padding:0}
.pro{ width:100%;max-width: 1000px;min-width: 0px; height: auto;max-height: none;min-height: 0px;margin: 2% auto 0 auto;overflow: hidden;padding:0}
.pro_list dd{width:19%;padding:15px;border: 1px solid #d2d2d2;margin: 0 5px 20px 5px;transition:all 0.5s;-webkit-transition:all 0.5s;}	
.pro_list_pic img{ width:100%; height:auto;}

.porBbox {position: relative;overflow: hidden;width:26%;height: 130px; padding: 20px 20px 10px;border: 1px solid #d2d2d2;float: left; margin:10px; background-color:#fff;}
.search {width: 100%;max-width: 980px;overflow: hidden; margin:3% auto;}
}

@media screen and (min-width: 769px) and (max-width:979px){
	.about{     width: 94%;
    max-width:767px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin: 1% auto;overflow: hidden;
    padding:0}
.pro{ width:100%;    max-width:767px;min-width: 0px; height: auto;max-height: none;min-height: 0px;margin: 2% auto 0 auto;overflow: hidden;padding:0}
.pro_list dd{width:19%;padding:15px;border: 1px solid #d2d2d2;margin: 0 5px 20px 5px;transition:all 0.5s;-webkit-transition:all 0.5s;}	
.pro_list_pic img{ width:100%; height:auto;}

.search {width: 100%;max-width:769px;overflow: hidden; margin:3% auto;}
}

.pro_list_pic{overflow: hidden;}
.pro_list_pic img{ width:100%; height:auto;}
.pro_list_con{padding: 17px 0 0;}
.pro_list_tags{display:flex;display:-ms-flexbox;display:-webkit-flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;}
.pro_list_tags .item{padding: 0 25px;line-height: 38px;border: 1px solid #d2d2d2;margin: 0 10px 15px 0;}
.pro_list_tags .item:hover{color: #222;background: #f9bf00;border-color: #f9bf00;}
.pro_list_con .list_text1{margin: 15px 0 25px;}
.pro_list dd:hover{
	transform:translateY(-3px);
	-webkit-transform: translateY(-3px);
	box-shadow: 0 0 15px rgba(115,115,115,.3);
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.pro_list dd:hover .list_tt24{ font-size:14px;color: #f9bf00;transition:all 0.5s;-webkit-transition:all 0.5s;}




.product{     width: 94%;
    max-width: 1500px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin: 1% auto;overflow: hidden;
    padding:0}
	
.product .left{ width:29.66666667%; float:left;}
.product .right{width: 70.33333333%; float:right;}
.product .right h1 {font-weight: normal;font-size: 28px;    color: #333;line-height: 35px;}
.product .tit{width:100%; height:60px; border-bottom:#d7d7d7 solid 1px; margin-top:20px; } 
.product .tit span{ border-bottom:#0159b0 solid 3px; font-size:16px; font-weight:bold; line-height:60px; padding:20px 0;}
.product .con2{ width:100%;font-size:16px;line-height:1.8;color:#333;font-family:微软雅黑;margin: 20px 0;}
.p_product_application {border-bottom: 1px solid #d7d7d7;padding: 5px 0;margin: 20px 0; text-align: left;}
.p_product_application p{    line-height: 32px;color: #666;box-sizing: border-box; font-size:16px;}


.new{ width: 94%;max-width: 1500px;margin: 1% auto;overflow: hidden;padding:0}
.new h1 {font-weight: normal;font-size: 28px; color: #333;line-height: 35px; text-align:center;}
.new h2{border-bottom:#e3e3e3 solid 1px; font-size:14px; line-height:60px;text-align:center; margin-bottom:30px; }
.new p{ font-size:16px;line-height:30px;}



/*搜索*/

.search {width: 100%;max-width: 1500px;overflow: hidden; margin:3% auto;}
.search .porBbox {position: relative;overflow: hidden;width:95%;height: 130px; padding: 20px 20px 10px;border: 1px solid #f2f2f2;margin:20px;}
.search .newTitle {font-size:16px;color: #333;overflow: hidden;width: 100%;}
.search .newSummry {color: #777;white-space: nowrap; overflow: hidden;margin: 10px 0;text-overflow: ellipsis; font-size:14px;}
.search .lookDetail {position: relative;display: block; color: #777;height: 38px;line-height: 38px;border-top: 1px solid #e5e5e5; font-size:14px;
 background:url(../images/n2.png) no-repeat right}
.search .lookDetail:hover{ background:url(../images/n1.png) no-repeat right;}
.search .porBbox:hover{ background-color:#eef2f5;border: 1px solid #ecebeb;}

.search_pos{ width:95%;font-size: 14px;color: #555; margin: 25px 30px; text-align:left;}
.search_pos img{ margin:0 10px;}

/*contact*/
.boxContact{ width:100%; height:700px; position:relative; margin:30px auto;}
.boxContact1{ width:49.5%; height:100%; display:inline-block; background:#0e68b0; vertical-align:top; text-align:right}
.boxContact2{ display:inline-block; width:600px; height:100%; color:#fff; text-align:left}
.boxContact2 i{ width:1px; height:100%; display:inline-block; vertical-align:middle}
.boxContact2 div{width:99%; display:inline-block; vertical-align:middle}
.boxContact2 h1{ display:inline-block; border-bottom:2px solid #fff; font-size:30px; line-height:100%; padding:0 0 15px 0; margin-bottom:15px; font-weight:bold}
.boxContact2 p{ font-size:15px; line-height:25px; display:block;color:#fff}
.boxContact2 a{ color:#fff}
.boxContact2 a:hover{ color:#fff; text-decoration:underline}

/*page*/
.list-nav{ width: 100%;max-width: 1500px;overflow: hidden; text-align:center; margin:40px auto;}
.list-nav a{padding:10px; font-size:14px; line-height:26px; color:#555555; }
.text-secondary{ width:100%;margin-right: 10px;padding: 0;vertical-align: middle;}
.text-secondary li{height: auto;width: 49%; float:left;color: #707070;text-align: left; list-style:none; font-size:14px;}

.toTop{ position:fixed;bottom:10px; right:10px; display:block; width:42px; height:42px; border-radius:20%; background:url(../images/toTop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(../images/toTopHover.png?v=1.0) no-repeat;background-size:100% 100%;opacity:1.0}

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