@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0; box-sizing:border-box; }

body{font-size:14px;color:#666;font-family:'微软雅黑';}
a{ text-decoration:none; color:#333;}
li{ list-style:none;}
img{ max-width:100%; margin:0 auto; display:block;}
.clr{ clear:both;}
.ri{ float:right;}
.le{ float:left;}
.w1200{ max-width:1200px; margin:0 auto;}
.w1400{ max-width:1400px; margin:0 auto;}


.wap{ display:none;}
.hei50{ height:50px; width:100%;}
.sp_header{height:50px;overflow:hidden;background:#f1f1f1;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#0279b1;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


.fot.wap{ height:60px; width:100%; position:fixed; bottom:0; left:0; box-shadow:0 0 10px #999; background:#f6f6f6; z-index:99;}
.fot.wap a{ display:inline-block; float:left; width:25%; text-align:center; padding-top:37px; font-size:12px; background-repeat:no-repeat; background-position:center 7px; background-size:auto 25px;}
.fot.wap a.hom{ background-image:url(../images/homeicon.png);}
.fot.wap a.pro{ background-image:url(../images/proicon.png);}
.fot.wap a.abo{ background-image:url(../images/abouticon.png);}
.fot.wap a.con{ background-image:url(../images/lxwmicon.png);}
.GoTop {
    /*position: fixed;*/
    width: 80px;
    /*bottom: 0;
    right: 0;*/
    z-index: 99999;
    height: 80px;
    background: none;
    cursor: pointer;
    opacity: 1;
    text-align: center;
    line-height: 80px;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
	background: #0279b1;
	color:#fff;
}



.myTop a.active {
    opacity: 1;
    visibility: visible;
}
.myTop{width: 80px; height:320px;position: fixed;right: 0;bottom: 0px; z-index: 99;}
.myTop a{width: 100%; 
	height: 80px;
	opacity: 0; 
	visibility: hidden;
	text-align: center;
	line-height: 80px;
	color: #000; 
	display: block; 
	position: relative;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out;
	background:#0279b1;
}
.myTop p{height: 80px; 
	line-height: 80px; 
	width: 190px; 
	color: rgba(0,0,0,0); 
	padding-left: 60px; 
	font-size: 14px; 
	background: rgba(255,255,255,0.15); 
	position: absolute; 
	left: 0; 
	top: 0;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
.myPhone p {
	background: #0279b1
	url(../images/mynum1.png) no-repeat 26px center;
}
.myPhone:hover p {
	background: #0279b1
	url(../images/mynum1.png) no-repeat 26px center;
	left: -170px;
	color: #fff;
}
.myTop .myQQ {
	background: #0279b1 url(../images/myqq1.png) no-repeat center;
}
.myTop .myQQ:hover {
	background-image: url(../images/myqq1.png);
	background-color: #0279b1;
}

/*.myweixin{ position: relative; width: 100%; height: 80px; background: rgba(255,255,255,.15) url(../images/wxs1.png) no-repeat 22px center;}*/
/*.myweixin:hover{background: rgba(255,255,255,.15) url(../images/wxs2.png) no-repeat 22px center; background-color: rgba(0,0,0,.1);}*/
.myweixin p {
	background: #0279b1 url(../images/wxs2.png) no-repeat 22px center;
}
.myweixin:hover p {
	background: #0279b1 url(../images/wxs2.png) no-repeat 22px center;
	left: -170px;
	color: #fff;
}
.myweixin i{display: inline-block;vertical-align: middle;line-height: 20px;text-align: left;margin-left: 15px;}
.myweixin img{ width: 80px;display: inline-block;vertical-align: top;
/*	opacity: 0;
	visibility: hidden;
	z-index: -4;
	filter: alpha(opacity='0');
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out; 
	-webkit-transition: all .3s ease-in-out;*/
}
.myweixin:hover img{
	opacity: 1;
	visibility: visible;
	z-index: 1;
	filter: alpha(opacity='100');
}
.Tpiaochuan{
	font-size: 0
}
.Tpiaochuan h2{
	color:#ffffff;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 28px
}
.tpc_left{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	text-align: center;
	position: relative;
	z-index: 2;
}

.tpc_left img:nth-child(1){
	/* margin-right: 30px */
}

.tpc_left img:nth-child(2){
	display: none
}
.tpc_left span{
	display: block;
	margin-top: 20px;
	font-size: 14px;
	color:#fff
}
.tpc_right{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	text-align: center;
	position: relative;
	z-index: 2;
}
.tpc_right a{
	display: inline-block;
	width: 160px !important;
	line-height: 34px;
	border-radius: 34px;
	box-sizing: border-box;
	border:1px solid #fff;
	color:#fff;
	font-size:18px;
	margin-bottom: 15px;
	position: static !important
}
.tpc_right a:hover{
	background: #fff;
	color:rgba(200, 0, 0, .8);
}
.tpc_right h3{
	color:#ffffff;
	font-weight: bold;
	font-size: 28px;
	margin-top:24px;
}
.Tpiaochuan {
			width: 578px;
			/* background: url(../images/bgx-1.png) no-repeat center center; */
			background-color: rgba(2,121,177,.95);
			position: fixed;
			left: 50%;
			margin-left: -250px;
			z-index: 9999;
			top: 50%;
			margin-top: -115px;
			background-size: 100% 100%;
			-webkit-background-size: 100% 100%;
			-moz-background-size: 100% 100%;
			display: none;
			opacity: 0.9;
			-html-opacity: 0.9;
			padding: 46px 50px
		}
		.Tpiaochuan:before{
			content:'';
			display: block;
			width: calc(100% - 20px);
			height: calc(100% - 20px);
			border: 1px solid #fff;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translateY(-50%) translateX(-50%);
			-ms-transform: translateY(-50%) translateX(-50%);
			-webkit-transform: translateY(-50%) translateX(-50%);
		}

		.Tpiaochuan .zixun {
			position: absolute;
			bottom: 54px;
			left: 114px;
			cursor: pointer;
		}

		.Tpiaochuan .noneyin {
			position: absolute;
			bottom: 54px;
			right: 141px;
			cursor: pointer;
		}

		.Tpiaochuan .youxuan {
			position: absolute;
			bottom: 16px;
			left: 11px;
			cursor: pointer;
		}


.topper { height:45px; line-height:45px; color:#7f7f7f; border-bottom:1px solid #d7d7d7;}


.topper .ri{ width:250px; height:27px; border-radius:100px; border:1px solid #7f7f7f; padding:0 5px 0 15px; margin-top:9px;}
.topper .ri input{ float:left; outline:none;}
.topper .ri .search_btn{ width:20px; height:25px; background:url(../images/index_03.jpg) no-repeat left center;border:none; cursor:pointer;}
.topper .ri .search { width:200px; height:25px; line-height:25px; border:none;}

.head {  background:#f1f1f1; padding:30px 0;}
.head .tel{ background:url(../images/index_10.jpg) no-repeat left center; padding-left:68px; height:58px; margin-top:14px;}
.head .tel  span{ font-size:16px; line-height:28px; font-size:14px; color:#7f7f7f;}
.head .tel p{ font-size:24px; color:#0279b1; font-weight:bold; line-height:30px;}

.nav{ background:#0279b1;}
.nav li{ width:125px; position:relative; display:inline-block; float:left; text-align:center;}
.nav li>a{ line-height:60px; display:block; color:#fff; font-size:16px;}
.nav li.on>a{background:#0088c8;}
.nav li .sub_menu { display:none; position:absolute; width:155px; left:0; top:60px; background:#0088c8; text-align:left; z-index:2;}
.nav li .sub_menu a{ display:block; line-height:40px; padding:0 10px; color:#fff;}
.nav li .sub_menu a:hover{ background:#00a0eb;}


.banner .swiper-slide{ background-position: center center; background-size:auto 100%; background-repeat:no-repeat;}
.banner .swiper-pagination-bullet{ width:15px; height:15px; opacity:1;background-color:#0279b1}
.banner .swiper-pagination-bullet-active{ background-color:#32bdff}

.title { border-bottom:2px solid #9da0a7; margin:45px auto 65px;}

.t1 { width:485px; background:#fff; height:100px; text-align:center; margin:0 auto;margin-bottom:-50px; position:relative; }
.t1 span{ font-size:40px; color:#000; font-weight:bold;}
.t1 span em{ font-style:normal; color:#0279b1;}
.t1 p{ font-size:24px; color:#737474;}
.t1 span::after{content:""; display:block; width:12px; height:12px; border:2px solid #9da0a7; border-radius:100px; position:absolute; right:0; top:50%; margin-top:-6px;}
.t1 span::before{content:""; display:block; width:12px; height:12px; border:2px solid #9da0a7; border-radius:100px; position:absolute; left:0; top:50%; margin-top:-6px;}

.pro_le { background:url(../images/left.jpg) no-repeat center center; width:350px;}

.pro_le_tit { padding:25px 0; text-align:center;}
.pro_le_tit span{ color:#fff; font-size:24px;}
.pro_le_tit p{ font-size:18px; color:#fff; text-transform:uppercase;}

.pro_le a{ display:block; background:url(../images/index_21.jpg) 50px center no-repeat; padding-left:80px; color:#fff; line-height:55px; margin-bottom:10px; font-size:18px; border:2px solid #417994; background-color:#00496d;}
.contac { position:relative; margin:40px auto;}
.contac .con_txt{ width:200px; background:#0279b1; text-align:center; padding:10px 0; position:absolute; left:50%; margin-left:-100px; bottom:10px;}
.contac span{ font-size:18px; color:#fff; display:block; padding-bottom:5px;}
.contac p{ font-size:24px; color:#fff;}

.pro_ri { width:1020px;}
.pro_ri .forms{ width:100%;}
.pro_ri .forms input{ outline:none; border:none; height:75px; line-height:71px; box-sizing:border-box;float:left; font-size:18px;}
.pro_ri .forms input.input_box{ width:calc(100% - 115px); border:2px solid #c7c7c7; border-right:none; padding:0 60px; background:url(../images/index_17.jpg) no-repeat 10px center;}
.pro_ri .forms .input_btn{ width:115px; height:75px; background:#00a1e9; color:#fff; cursor:pointer; font-size:18px;}
.pro_ri li{ width:30.3333333333%; float:left; display:inline-block; margin:1.5%; text-align:center;}
.pro_ri li span{ display:block; background:#f0f0f0; line-height:30px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.pro_ri li:hover img{ transform:scale(1.1);}
.pro_ri li .imgs{ overflow:hidden;}
.pro_ri li .imgs img{ transition:all 0.4s; height:248px;}
.pro_ri li:hover span a{ color:#0088c8;}
.pro_ri .remen{ font-size:16px; color:#000; padding:20px 0;}
.pro_ri .remen a{ color:#828485; margin-right:15px;}
.pro_ri .remen a:hover{ color:#0088c8}


.index_02 { background:url(../images/bac_02.jpg) repeat-y center center; padding:40px 0; margin:40px auto;}
.title2 { text-align:center;}
.title2 .t3{ font-size:40px; font-weight:bold;color:#fff;}
.title2 .t4{ font-size:24px; color:#fff;}

.index_02_box{ padding:50px 0 0;}
.index_02_box img{ float:left; display:inline-block; margin:50px; margin-top:0;}
.index_02_box span{ font-size:24px; font-weight:bold;color:#fff; display:block; padding:15px;}
.index_02_box p{ font-size:16px; line-height:28px; color:#fff;}

.title3 { text-align:center; margin-bottom:40px;}
.title3 .t5{ font-size:40px; color:#000; border-bottom:2px solid #a3a3a3; padding-bottom:10px;}
.title3 .t5 em{ font-style:normal; color:#0279b1;}
.title3 span{ display:inline-block; padding:10px 15px; color:#fff; background:#0279b1; font-size:18px;}

.index_03_li{ margin-bottom:40px;}
.index_03_li .texts,.index_03_li .imgs{ width:50%;}
.index_03_li .texts .t7{ margin-bottom:20px; margin-top:35px; height:110px; line-height:110px; font-size:40px; color:#0279b1; background-repeat:no-repeat; background-position: left center; padding-left:120px; font-weight:bold;}
.index_03_li .texts p{ font-size:18px; color:#828485; line-height:28px; position:relative; display:block; padding-left:15px; margin-left:45px;}
.index_03_li .texts p::before{ content:""; display:block; width:9px; height:11px; background:#0279b1; position:absolute; left:0; top:9px; }


.in_04_le{ width:950px; }
.in_04_le li{ margin-left:-1px; width:33.333333333333%; float:left; text-align:center; display:inline-block; box-sizing:border-box; border:1px solid #9c9c9c;}
.in_04_le li a{line-height:55px; color:#0279b1; cursor:pointer; font-size:24px;}
.in_04_le li.on{ background:#0279b1;}
.in_04_le li.on a{ color:#fff;}
.news_li { margin-top:35px;}
.in_04_le .imgs{ float:left; width:340px; overflow:hidden;}
.in_04_le .texts{ float:right; width:580px;}
.news_li span{ margin-top:10px; background:url(../images/index_71.jpg) no-repeat left center; padding-left:34px; line-height:30px; font-size:18px; height:30px; display:block;}
.in_04_ri{  width:410px; background:#0b73b2; padding:30px; box-sizing:border-box;padding-bottom:140px;}
.news_li h2 a{ font-size:18px; color:#000; display:block; padding:25px 0 10px; display:block;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.news_li:hover h2 a{ color:#0279b1;}
.news_li p{ font-size:16px; line-height:36px; max-height:72px; overflow:hidden;}
.news_li p a{ color:#0279b1}
.in_04_le .imgs img{ width:340px; height:185px;}
.in_04_le .news_li .imgs img{ transition:all 0.5s;}
.in_04_le .news_li:hover .imgs img{ transform:scale(1.1);}

input::-webkit-input-placeholder {
        color: #c8c8c8;
      }
      input::-moz-input-placeholder {
        color: #c8c8c8;
      }
      input::-ms-input-placeholder {
        color: #c8c8c8;
      }
.in_04_ri b{ display:block; line-height:85px; background:#fff; color:#0b73b2; text-align:center; font-size:24px;}
.in_04_ri input,.in_04_ri textarea{ font-size:18px; width:100%; margin-top:20px; border:1px solid #fff; box-sizing:border-box; padding:15px 10px;  background:none; color:#c8c8c8;}
textarea::-webkit-input-placeholder {
        color: #c8c8c8;
      }
      textarea::-moz-input-placeholder {
        color: #c8c8c8;
      }
      textarea::-ms-input-placeholder {
        color: #c8c8c8;
      }
.in_04_ri input.in_btns { width:200px; color:#fff; background:#50d5ff; border:none; cursor:pointer; font-size:24px;}
.in_04_ri textarea{ height:140px;}

.footer{ background:#00a1e9; margin-top:40px; padding:40px 0;}
.links { margin-top:20px; margin-bottom:10px; color:#fff; font-size:16px;}
.links a{ color:#fff;}
.footer .fot_fot{ font-size:16px; text-align:center; color:#fff; border-top:1px solid #fff; padding-top:10px;}
.fot_fot a{ color:#fff;}

.fot_li { display:inline-block; padding-right:50px; max-width:550px;}
.fot_li span,.fot_li a,.fot_li p{ display:block; color:#fff;}
.ewm{ text-align:center;}
.ewm span{ display:block; text-align:center; background:#fff; color:#00a1e9; padding:5px 0;}
.fot_li span{ font-size:20px; display:block; padding-bottom:15px;}
.fot_li a { font-size:18px; line-height:32px;}
.fot_li p{ font-size:16px; line-height:30px;}
.fot_li b{ color:#fff; font-size:24px;}
.fot_li2 { padding-left:50px;}




.sub_ban { background-size:auto 100%; background-position:center center; background-repeat:no-repeat;}
.dowebok { width: 100%; height: 680px; margin: 0 auto; font-size: 14px;}
.dowebok ul { margin: 0; line-height: 30px; text-align:center;}
.dowebok ul li{ margin-bottom:10px;}
.dowebok a { color: #333; text-decoration: none;}
.dowebok a:hover span{ color:#0279b1;}
.dowebok a span{ font-size:16px; color:#7b7979; display:block; padding:5px 0;}

.main_le { width:320px;}
.pa15{ padding:15px;}
.dowebok img,.main_le_zuixin{ border:1px solid #ececec;}
.dowebok img{ width:100%; display:block;}
.dowebok.str_wrap{ background:#fff;}
.dowebok.str_wrap.str_active{ background:#fff;}
.main_le .t8{ font-size:18px; color:#fff; background:#0279b1; line-height:60px; padding-left:40px;}

.main_box { padding:30px 0;}
.main_le_pro a{ display:block; margin-top:8px; color:#fff; padding-left:40px;font-size:18px; background:#0088c8; line-height:50px;}
.main_le_pro a:hover,.main_le_pro a.on{ background:#00a0eb}
.main_le_zuixin,.main_le_contac { margin-top:35px;}
.main_le_contac{border:1px solid #ececec; padding-bottom:25px;}
.main_le_contac span,.main_le_contac b{ display:block; text-align:center;}
.main_le_contac span{ font-size:16px; padding-top:20px;}
.main_le_contac b{ font-size:24px; padding:15px 0;}
.main_le_contac p{ display:block; padding:0 25px; display:block; font-size:16px; color:#636363; line-height:28px;}


.main_ri { width:1080px; box-sizing:border-box; padding-left:30px;}
.position .ri,.position .ri a{ line-height:60px; font-size:16px; color:#989898;}
.position{ border-bottom:2px solid #b0b0b0; }
.position .t9 span{ line-height:60px; font-size:24px; color:#636363; border-bottom:2px solid #7c7c7c; display:inline-block; height:60px; margin-bottom:-2px;}
.about_box,.about_box p{ font-size:16px; color:#636363; line-height:28px;}
.about_box { padding:30px 0;}
.pro_jianjie,.pro_jianjie p{ font-size:16px; color:#636363; line-height:28px; color:#737373;}
.pto_view_img img{ margin:0 auto;}
.pto_view_img .imgs,.pto_view_img .texts{ width:50%; padding:0 30px;}

.pro_view { padding:30px;}
.pto_view_img .texts{ height:100%; position:relative;}
.pto_view_img table{ width:100%;}
.pto_view_img td{ width:50%;  }
.pto_view_img td:nth-child(2){ padding:20px 30px;}
.pto_view_img td h1{ font-size:20px; color:#0279b1; margin-bottom:20px; display:block; font-weight:normal;}
.pto_view_img td p{ font-size:14px; color:#5c5c5c; display:block; margin-bottom:10px;}
.pto_view_img td  a{ display:block; padding:10px; background:#0088c8; color:#fff; font-size:14px; margin-top:20px;}

.chanpin { padding:20px 0; font-size:24px; color:#0279b1;}


.titlt_zong{ padding:20px 10px 40px;}
.titlt_zong h1{ font-size:30px; display:block; text-align:center; color:#636363; font-weight:normal;}

.forms { max-width:520px; margin:50px auto;}
.forms .inputs{ margin-bottom:20px;}
.forms span{ display:inline-block; font-size:16px; color:#000000; width:80px; vertical-align:top; line-height:35px; float:left; height:35px;}
.forms input{ height:35px; border:1px solid #b5b5b5; border-radius:5px; width:440px; float:left; padding:0 10px;}
.forms textarea{border:1px solid #b5b5b5; border-radius:5px; width:440px; float:left; padding:0 10px; height:100px;}
.forms input.lxwm_btn{ width:125px; color:#fff; background:#0088c8; border:none; cursor:pointer;}



.pro_list{ padding:30px 0;}
.pro_list li{ width:30.3333333333%; float:left; display:inline-block; margin:1.5%; text-align:center; border:2px solid #ececec;}
.pro_list li span{ display:block; padding:10px 0; font-size:16px; line-height:30px;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.pro_list li:hover img{ transform:scale(1.1);}
.pro_list li .imgs{ overflow:hidden;}
.pro_list li .imgs img{ transition:all 0.4s; height:248px;width:100%;}
.pro_list li:hover span a{ color:#0088c8;}

.page{ text-align:center; padding-top:30px;}
.page a{ display:inline-block; padding:0 10px; border:1px solid #999999; margin:0 5px;}
.page a.thisclass{ background:#00a0e9; color:#fff; border:1px solid #00a0e9;}

.news_li h2 a{ display:block;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.news_list.in_04_le{ width:100%; padding:30px 0;}
.news_list.in_04_le .texts{ width:680px;}












@media screen and (max-width:1410px){
	  .w1400 { box-sizing:border-box; padding:0 15px;}
	  .pro_ri{ width:calc(100% - 370px);}
	  .in_04_ri{ width:310px;}
	  .in_04_le,.main_ri{ width:calc(100% - 340px);}
	  .in_04_le .news_li .imgs img,.in_04_le .imgs{ width:240px;}
	  .in_04_le .texts{ width:calc(100% - 250px);}
	  .in_04_le li a{ font-size:18px;}
	  .fot_li span{ font-size:16px;}
	  .fot_li a,.fot_li p{ font-size:14px;}
	  .fot_li{ padding-right:20px;}
	  
	  .news_list.in_04_le .texts{width:calc(100% - 250px);}
	  
	  
	}
@media screen and (max-width:1210px){
	  .w1200 { box-sizing:border-box; padding:0 15px;}
	  .nav li{ width:90px;}
	  .pro_le{ width:250px;}
	  .pro_ri{ width:calc(100% - 270px);}
	  .contac{ padding:0 10px;}
	  .pro_le a{ padding-left:30px; background:none; background-color:#00496d; font-size:16px;}
	  .index_03_li .texts p{ font-size:14px;}
	  .title3 .t5{ font-size:26px;}
	  .index_03_li .texts{ padding:15px;}
	  .index_03_li .texts .t7{ font-size:24px; background-size:50px 50px; padding-left:60px; height:50px; line-height:50px; margin-top:15px;}
	  .fot_li{ display:none;}
	  .fot_li2{ display:block; padding:0;}
	}

@media screen and (max-width:960px){
.head .tel,.topper .ri{ display:none;}
.t1{ height:50px; margin-bottom:-25px; width:285px;}
.t1 span{ font-size:24px;line-height:30px;}
.t1 p{ font-size:18px; line-height:20px;}
.pro_ri,.pro_le{ width:100%; float:none;}
.pro_le{ display:none;}
.pro_ri .forms input,.pro_ri .forms .input_btn{ height:50px; line-height:46px;}
.pro_le{ background:#0b73b2; margin-top:25px;}
.index_02_box img{ float:none; margin:20px auto; display:block;}
.index_02_box{ padding-top:20px;}
.title2 .t3{ font-size:24px;}
.title2 .t4{ font-size:18px;}
.index_02_box span{ padding-left:0;}
.in_04_le{ width:100%;float:none;}
.in_04_ri{ width:100%; float:none; margin-top:20px;}
.index_03_li .texts p{ margin-left:0;}
.index_03_li .texts{ padding-top:0;}
.main_le{ width:210px;}
.main_ri{ width:calc(100% - 220px);}
.main_le_pro a{ padding-left:10px; font-size:14px;}
.main_le .t8{ padding-left:10px; font-size:18px;}
.main_le_contac p{ font-size:14px;}
.about_box,.about_box p,.position .ri, .position .ri a{ font-size:14px;}
.pro_view{ padding:20px 0;}
} 


@media screen and (max-width:768px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .banner .swiper-pagination-bullet{ width:7px; height:7px;}
	 .fot_li2{ float:none; }
	 .ewm{ float:none; width:165px; margin:25px auto;}
	 .Tpiaochuan{ width:300px; margin-left:-150px; padding:15px;}
	 .Tpiaochuan h2{ font-size:20px;}
	 .index_03_li .texts, .index_03_li .imgs{ width:100%; float:none;}
	 .tpc_right a{ width:100px !important ;font-size:14px;}
	 .tpc_right h3{ font-size:14px;}
	 
	 .in_04_le .news_li .imgs img, .in_04_le .imgs{ width:100px; height:100px;}
	 .in_04_le .texts{ width:calc(100% - 110px);}
	 .news_li span{ display:none;}
	 .news_li h2 a{ padding:0; padding:5px 0 15px;}
	 .news_li p{ line-height:24px; height:48px;}
	 .news_li{ margin-top:15px;}
	 .news_li h2 a{ font-size:16px;}
	 
	 .main_ri,.main_le{ width:100%; float:none; padding:0;}
	 .position .t9 span{ font-size:18px;}
	 .pto_view_img td:nth-child(2){ padding-right:0;}
	 .chanpin,.pto_view_img td h1{ font-size:18px;}
	 .pro_jianjie, .pro_jianjie p{ font-size:14px;}
	 .pro_jianjie{ padding-bottom:30px;}
	 
	 .news_list.in_04_le .texts{ width:calc(100% - 110px);}
	}
@media screen and (max-width:640px){
	  .pro_ri li{ width:48%; margin:1%;}
	  .pro_ri .remen{ font-size:14px;}
	  .pro_ri .remen a{ display:inline-block; line-height:28px;}
	  .pro_ri .forms input.input_box{ font-size:12px; padding:0 0 0 60px;}
	  .pro_le{ padding-bottom:15px;}
	  .index_02_box span{ font-size:18px;}
	  .index_03_li .texts p::before{ top:8px; margin-top:0;}
	  .in_04_le li a,.index_02_box p,.links,.footer .fot_fot{ font-size:14px;}
	  .in_04_ri input.in_btns{ font-size:16px;}
	  .in_04_ri b{ line-height:55px; font-size:20px;}
	  .title3 .t5,.t1 span{ font-size:20px;}
	  .in_04_ri input, .in_04_ri textarea,.news_li p,.title3 span{ font-size:14px;}
	  .footer{ padding-bottom:80px;}
	  .dowebok a span,.pro_jianjie,.pro_jianjie p{ font-size:14px;}
	  
	  .pto_view_img td{ width:100%; display:block;}
	  .pto_view_img td:nth-child(2){ padding-left:0;}
	  
	  .forms span{ display:block; float:none;}
	  .forms span.no{ display:none;}
	  .forms input,.forms textarea{ float:none; width:100%;}
	  .forms .inputs{ margin-bottom:10px;}
	  .forms{ margin:0 auto;}
	  .forms span{ font-size:14px;}
	  .pro_list li{ width:48%; margin:1%;}
	  
	  .pro_ri li .imgs img,.pro_list li .imgs img{ height:170px;}
.pro_ri li span a{ font-size:14px;}
	}
@media screen and (max-width:420px){
	 .position .ri{ float:none;line-height:28px; margin-bottom:15px;}
	 .position .t9 span{ line-height:28px; height:38px;}
	 .news_list.in_04_le .texts,.news_list.in_04_le .imgs{ height:auto; width:100%; float:none;}
	 .news_list.in_04_le .imgs img{ width:100%; height:auto;}
	 .news_list .news_li h2 a{ padding-top:10px;}
	 .news_list .news_li p{ height:auto;}
	}