@media (min-width: 1201px) {
.youjian .con a:hover{ transform: scale(1.05);  transition:all 0.5s ease; }
.prodetail .prodata a.lybtn:hover{   background:##ec461f;  transition:all ease .5s;}
.prodetail .prodata .metrial span:hover{ background:#eee; transition:all ease .5s;}
.prodetail .prodata .colorful a:hover{ 
    border: 1px solid #ccc;
   transition:all ease .5s;}
.foot li a:hover{color:##ec461f; transition:all ease .5s;}
a.gotop:hover { font-size:20px; color:#333;transition:all 0.5s ease;}
.helpyou .cont a:hover{width: 180px;border: 2px solid ##ec461f; background:##ec461f;transition: all ease .5s;}
.download a:hover span{ opacity:1;  transition:all ease .5s;}
.news a:hover span{ opacity:1;  transition:all ease .5s;}
.about .content a:hover {
    width: 180px;
    transition: all ease .5s;
}.about2 .content a:hover {
    width: 180px;
    transition: all ease .5s;
}.about3 .content a:hover {
    width: 180px;
    transition: all ease .5s;
}
.T-nav li:last-child a:hover {
    color: #fff;
    transition: all ease .5s;
}
.T-nav2 li:last-child a:hover {
    color: #fff;
    transition: all ease .5s;
}
.newsnav a:hover span{ border:2px solid #ecaa9c;  color:#e24d35; padding:10px 20px; border-radius:30px;transition: all ease .5s;}
.prolist a:hover span{ opacity:1;  transition:all ease .5s;}
.prolist li a:hover .pic .small{ opacity:0;transition: all ease .5s;}
.prolist li a:hover .pic .big{  opacity:1;transition: all ease .5s;}
.prolist2 a:hover span{ opacity:1;  transition:all ease .5s;}
.prolist2 .swiper-slide a:hover .pic .small{ opacity:0;transition: all ease .5s;}
.prolist2 .swiper-slide a:hover .pic .big{  opacity:1;transition: all ease .5s;}
.pronav a:hover span{ border:2px solid #ecaa9c;  color:#e24d35; padding:10px 20px; border-radius:30px;transition: all ease .5s;}

.pagelc a:hover img{ width:23%; transition:all ease .5s;}
.prolist li .colorful a:hover{ 
    border: 1px solid #ddd;
    transition:all ease .5s;}
.lbonea li a:hover .img img,.ybceva li a:hover .pic img{transform: scale(1.05);transition: all 0.5s;}
	.lobnea .list.on .con{
		opacity: 1;
		visibility: visible;
		transform: translateY(0px);
		transition: all 0.5s ease 0.4s;
	}
	.lobnea .list.on .num{color: #fff;transition: all 0.5s;}
	.lobnea .list.on .tit{color: #fff;transition: all 0.5s;}
	.lobnea .list.on{width: 79%;transition: all 0.5s;}
	.lobnea .list.on:before{opacity: 0;transition: all 0.5s;}
.cdst{ opacity:0; transform:translateY(-80px);transition:all 0.5s ease;}
.arenc{ opacity:0; transform:translateX(-80px);transition:all 0.5s ease;}
.active .cdst{ opacity:1; transform:translateX(0px);transition:all 0.5s ease 0.3s;}
.active .arenc{ opacity:1; transform:translateX(0px); transition:all 0.5s ease 0.5s;}
.active .olapc{ opacity:1; transform:translateX(0px); transition:all 0.5s ease 0.3s;}
.alocc .p3 a:hover:after{ width:100%; transition:all 0.5s ease;}
a.arenc:hover .p2{ transition:all 0.5s ease 0.3s; color:#1f3a8b; } 
.boprek a:hover { background:#014099 url(../images/sy.png) 120px center no-repeat;
    transition:all 0.5s ease; color:#fff;}
.boprek2 a:hover { background:#014099 url(../images/sy.png) 120px center no-repeat;
    transition:all 0.5s ease; color:#fff;}
.roslm a:hover div{ opacity:1;   transition:all ease .5s;  }
 
.ny-banner h3 a:hover{ width:23%; transition:all ease .5s;} 

.cs-list li{ opacity:0; transform:translateY(80px); transition:all 0.5s ease;}
.active .cs-list li{ opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.3s;}
.cs-list li:nth-child(2){ transition-delay:0.6s;}
.cs-list li:nth-child(3){ transition-delay:0.9s;}
.cs-list li:nth-child(4){ transition-delay:1.2s;}
.cs-list li:nth-child(5){ transition-delay:1.5s;}

.pad-solc .title{ opacity:0; transform:translateY(-80px); transition:all 0.5s ease;}
.active .pad-solc .title{ opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.3s;}
.cs-list li a:hover{ transform:translateY(-30px);transition:all 0.5s ease;}
.cs-list li a:hover .pic img{ transition:all 0.5s ease; transform:scale(1.1);}
.cs-list li a:hover .pic span{visibility: visible; opacity:1; transition:all 0.5s ease;}
.cs-list li a:hover .tit,.cs-list li a:hover .con{ height:80px; transition:all 0.5s ease;}
.cs-list li a:hover .bq{visibility: visible; opacity:1; transition:all 0.5s ease;}
.omfdl .p3 a:hover:after{ width:100%; transition:all 0.5s ease;}
.active .omfdl .p1{ opacity:0; transform:translateY(80px); transition:all 0.5s ease;}
.active .omfdl .p2{ opacity:0; transform:translateY(80px); transition:all 0.5s ease;}
.active .omfdl .p3{ opacity:0; transform:translateY(80px); transition:all 0.5s ease;}
.active .omfdl .p1{ opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.3s;}
.active .omfdl .p2{ opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.6s;}
.active .omfdl .p3{ opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.9s;}
.arenc .p4 a:after{ content:''; position:absolute; left:0; top:0; width:0; height:100%; background:#1f3a8b; transition:all 0.5s ease; z-index:1;}
.arenc .p4 a:hover:after{ width:100%; transition:all 0.5s ease;}

.pad-solc a:hover{ width:220px; transition:all 0.5s ease; background:#1f3a8b; color:#fff;}
 
.sc-neca{ opacity:0; visibility:hidden;transition:all 0.6s ease;}
.sc-neca.on{ opacity:1; visibility: visible; transition:all 0.6s ease;}
.loteca a:hover{ border-color:#00507e;}
.honor-ul li:hover{ background:#00507e; color:#fff; transition:all 0.5s ease;}
.ny-nav a:hover {
color:#000;
transition:all 0.5s ease;
}
.ny-nav a.cur:after, .ny-nav a:hover:after {
width:100%;
transition:all 0.5s ease;
}
.ny-nav a.cur {
color:#000;
}
.news-list li a:hover .pic img {
transform:scale(1.05);
transition:all 0.5s ease;
}
.news-list li a:hover {
box-shadow:0px 0 10px #ddd;
transition:all 0.5s ease;
}
.news-list li a:hover .con .d1 {
color: #1e5ca7;
transition:all 0.5s ease;
}
.news-list li a:hover .con span {
border: 2px solid #1e5ca7;
transition:all 0.5s ease;
color:#1e5ca7; width:22%;
}
.bmtea li a:hover .con{ color:#fff; background:#00507e; transition:all 0.5s ease;}
.bmtea li a:hover .con .d2{ color:#fff;}
.bolate .list .d2{ opacity:0; transform:translateY(40px); transition:all 0.5s ease;}
.bolate .list.on .d2{ opacity:1; transform:translateY(0px); transition:all 0.5s ease;}
 
.T-nav li .sec,.T-nav > li .secon{ display:block; opacity:0; visibility:hidden; transform:translateY(30px); transition:all 0.5s ease;}
.T-nav li:hover .sec,.T-nav > li:hover .secon{ opacity:1; visibility: visible; transform:translateY(0px); transition:all 0.5s ease;}
.T-nav > li:hover > a:after,.T-nav > li > a.cur:after{ width:30px; transition:all 0.5s ease;}
.T-nav > li:hover > a,.T-nav > li > a.cur{ color:##ec461f;}
.T-nav > li .secon .paeblm a.cur{background:#eee;}
.T-nav > li:hover i{background:url(../images/jt3.png) center center no-repeat;  transform: rotate(180deg);transition:all 0.5s ease;}

.T-navs li .sec,.T-navs > li .secon{ display:block; opacity:0; visibility:hidden;/* transform:translateY(30px);*/ transition:all 0.5s ease;}
.T-navs li:hover .sec,.T-navs > li:hover .secon{ opacity:1; visibility: visible; /*transform:translateY(0px); */transition:all 0.5s ease;}
.T-navs > li:hover > a:after,.T-navs > li > a.cur:after{ width:30px; transition:all 0.5s ease;}
.T-navs > li:hover > a,.T-navs > li > a.cur{ color:##ec461f;}
.T-nav > li .secon > a:hover{ background:#eee; transition:all ease .5s;}
 
}
 
 
 

@media (max-width: 1919px) {
}
 @media (max-width: 1710px) {
 
 }
 @media (max-width: 1680px) {
 
}
@media (max-width: 1570px) {
 
}
@media (max-width: 1460px) {

 
 }
 
@media (max-width: 1410px) { }

@media (max-width: 1366px) {
 
}
 @media (max-width: 1280px) {
 
}

@media (max-width: 1210px) {/*Ipad12.9 英寸*/

.T-nav > li {
      position: relative;  
}
.T-nav{ display:none; border-radius:0; position:fixed; margin:0; top:50px; left:0; height:calc(100% - 50px); overflow:auto; margin:0; width:100%; background:#fff;}
.T-nav > li i{ display:none;}
.T-nav li:last-child a{ margin:5px auto;}
.T-nav li{ display:block; width:100%; border-bottom:1px solid #eee;}
.T-nav li a{ width:100%; text-align: center; padding:0 2%; line-height:45px; height:45px; font-size:15px; color:#666;}
.T-nav li > a.cur{ background:none; border:none; color:#666;}
.T-nav li .secon{ position:relative; width:100%; left:0; margin-left:0; top:0; padding:0; display:none;}
.T-nav li .secon a{ padding:0 5%; height:35px; line-height:35px; margin:0; font-size:14px; background:none; color:#666; width:100%; background:#f9f9f9; border:none; line-height:40px;}
 
  .mob-nav {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
     
}
.public {
    padding-top: 50px;max-width: auto;
 
}
.wrap{ max-width:770px; padding:0 3%;}  
}
@media (max-width: 1110px) {/*Ipad12.9 英寸，也有可能有Ipad11 英寸的影子*/
.kongzhi{ display:none;}
.kongzhi2{ display:block;}
.prolist2 .swiper-slide i{font-size: 12px;padding: 3px 6px;}
.sublity {
    padding: 0px 3%;
    width: 100%;
 
}
.video iframe{ width:100%; height:300px;}
.news a .btn {
    padding: 30px 5% 0 5%;
    line-height: 2;
    font-size: 16px;
}
.news a .tit {
    padding: 1% 5% 0 5%;
 
    font-size: 18px;
    font-weight: bold;
}
.about3 {
    width: 100%;
    padding: 20px 0 0 0;
}
.about2{ padding:0;}
.about2 .content h3 {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
 
}
.about2 .content{ width:100%;}
.about2 .content p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
 
}
.about2 .content a {
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    border-radius: 30px;
    margin-top: 30px;
}
.about3 .content h3 {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
 
}
.about3 {
    width: 100%;
    padding: 20px 0 0 0;
}
.about3 .content{ width:100%;}
.about3 .content p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 15px;
 
}
.about3 .content a {
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    border-radius: 30px;
    margin-top: 30px;
}
.title a {font-weight: normal;}
.product{ display:none;}
.container {
    margin: 0 auto;
    width: 100%;
    height: 55px; padding:0 3%;
}
.pronav a {
     
    min-width: 130px;
    font-size: 16px;
  
    line-height: 45px;
 
}
.input_bd {
 
    height: 40px;
 
  
}
.input_bd input {
    width: 99%;
    background: none;
    text-indent: 10px; line-height:40px;
}
.input_btn02 input {
    width: 100%;
 
    height: 40px;
    background: ##ec461f;
    font-size: 12px;
 
}
.contbox {
    margin-top: 25px;
    margin-bottom: 20px;
}
.inquery {
   
   padding:80px 3% 0;
    max-width: 770px;
  
}
.inquery .cont {
    font-size: 16px;
    line-height: 26px;
    margin-top: 30px;
}
.s-t-search a { 
    width: 30px;
    height: 30px;
 
}
.logo img {
    height: 19px;
}
.lenolsa {
    margin-bottom: 15px;
   
}
.procon {
    padding: 0; line-height:26px;
    font-size: 16px;
}
.also{ padding:0;}
.also h3 {
    font-size: 18px;
    font-weight: bold;
}
.prodetail .prodata .d1{ font-size:14px; font-weight:bold;}
.prodetail .prodata h2 {
    font-size: 18px;
    line-height: 26px;
    margin:15px 0;
    font-weight: bold;
}
.nyabout {
    font-size: 16px;
    padding: 0 3%;
    margin-top: 30px;
}
.certifi {
    font-size: 14px;
    padding: 0 3%;
    margin-top: 30px;
}
.certifi .d4 {
    margin-top: 0px;
    font-size: 16px;
    text-indent: 0px; font-weight:bold;
}
.certifi .d3 {
    margin-top: 15px;
    text-indent: 0px;
    line-height: 26px;
}
a.gotop {
    font-size: 14px;
 
    margin: 50px 0 50px 0;
 
}
a.gotop img{ width:2%}
.about{ padding:0;}
.about .threepic{ display:none;}
.about .content{ width:100%; padding-top:30px;}
.about .content h3 {
    font-size: 20px;
    margin-bottom: 20px;}
.about .content p{ font-size:16px; line-height:26px;}
.about .content img{ margin:0 7px; height:35px;}
.about .content a {
    width: 120px;
    height: 40px;
    line-height: 40px;
 
 
 
    font-size: 12px;
   
    border-radius: 30px;
    margin-top: 30px;
   
}
.youjian{ display:none;}
.helpyou img{ height:90px;}
.helpyou .cont {
    font-size:18px; font-weight:bold;
  
}
.helpyou{ overflow:hidden;}
.dolsca .d1{ font-size:16px;}
.nyabout .d1{ font-size:18px; font-weight:bold; margin-top:20px;}
.nyabout .d2 {
    margin-top: 20px;
    line-height: 26px;
}

.helpyou .cont a {
    width: 100px;
    height: 30px; font-weight:normal;
    line-height: 28px;
 border: 2px solid ##ec461f; background:##ec461f;
    color: #fff;
    font-size: 12px;
 
    border-radius: 30px;
    margin: 5px auto 0;
 
}
.title {
    font-size: 20px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 30px;
 
}
.prolist {max-width:770px; padding:0 3%;width:100%;
    margin-top:10px;
}
.prolist i {
   
    box-shadow: 0 0 5px #999;
    font-size: 12px;
    padding: 3px 6px;
 
}
.prolist li {
    margin-top: 10px;
    display: block;
    margin-right: 2%;
    overflow: hidden; width:49%;
    position: relative;
}
.prolist li a .tit {
    margin: 0% 0 0 0%;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    overflow: hidden;
    
}
.prolist li .colorful {
 
    margin-top: 0;
    margin-bottom: 10px;
}
.prolist li:nth-child(3n){ margin-right:2%;}
.prolist li:nth-child(2n){ margin-right:0;}
.prodetail {padding: 53px 0 15px 0;}
.prodetail .morepic {width: 100%;}
.pagelc {
    padding: 10px 0;
}
.foot {
    padding: 0;
}
.foot .copyright{ border:none;}
.foot .copyright p{ font-size:12px; line-height:26px;}
.foot .copyright p a{ display:none;}
.foot li{ display:none;}
.foot .show{ display:none;}
}
 


@media (max-width: 970px) {/*Ipad11 英寸*/
.s-t-search {
    margin-top: 10px;
}
.logo{margin: 14px 0;}
 
}
 
@media (max-width: 920px) {/*可能这个也有Ipad11 英寸的影子*/
 
}
 @media (max-width: 780px) {
  
}
@media (max-width: 640px) {
 
}
 
 
 .right_box_hp {
	position: fixed;
	right:10px;
	top:50%;
	z-index:10;
}
@media screen and (max-width:1200px) {
 .right_box_hp {
display:none;
}
}
.right_box_hp li {
	width:60px;
	height: 60px;
	border-radius: 30px;
	color:#fff;
	font-size: 16px;
	text-align: center;
 
	box-sizing: border-box;
	 
	margin-bottom: 3px;
	position: relative;
transition: all .5s;
}
.right_box_hp li.icon_kf_hp {
	background: #0688d1 url(../images/leftIcon_kf.png) center center no-repeat;
}
.right_box_hp li.icon_tel_hp {
	background: #0688d1 url(../images/leftIcon_tel.png) center center no-repeat;
}
.right_box_hp li.icon_ok_hp {
	background: #0688d1 url(../images/leftIcon_login.png) center center no-repeat;
}
.right_box_hp li.icon_prize_hp {
	background: #0688d1 url(../images/leftIcon_prize.png) center center no-repeat;
	cursor:pointer;
}
.right_box_hp li.icon_top_hp {
	background: #999;
	cursor:pointer; overflow:hidden;
	height:60px;
	padding-top:0px;
}
.right_box_hp li:hover {
	background-color: #1f82d6 !important;
}
.right_box_hp li .openFather {
	position: absolute;
	right: 135%;
	top:0;
	border-radius: 0px;
	visibility: hidden;
	opacity: 0;
transition: opacity .6s, right .6s;
}
.right_box_hp li:hover .openFather {
	opacity: 1;
	right: 100%;
	visibility: visible;
}
.openFather .right_openDiv {
	margin-right: 15px;
	border-left: 0px solid #1f82d6;
	background: #eee;
	position: relative;
}
.right_box_hp li .right_openDiv:after {}
.right_box_hp li.icon_kf_hp .right_openDiv {
	width: 206px;
	padding: 6px 0;
}
.right_openDiv .ROD_nav {
	display: block;
	padding-left: 20px;
	padding-right:10px;
	padding-bottom:10px;
}
.right_openDiv .ROD_nav>a {
	line-height: 26px;
	font-size: 14px;
	color:#444;
	text-align: left;
	display: block;
	position: relative;
	cursor: pointer;
}
.right_openDiv .ROD_nav>a:after {
	content: "";
	display: block;
	border: 3px solid transparent;
transition: all .5s;;
	border-left-color: #1f82d6;
	position: absolute;
	left: -10px;
	top:15px;
}
.right_openDiv .ROD_nav>a.open:after {
	transform: rotateZ(90deg);
}
.ROD_nav .ROD_navList {
	padding-left: 10px;
	display: none;
}
.ROD_nav .ROD_navList a {
	display: block;
	line-height: 30px;
	font-size: 12px;
	color:#6b6b6b;
	text-align: left;
	position: relative;
}
.ROD_nav .ROD_navList a:after {
	content: "";
	display: block;
	width: 4px;
	height: 4px;
	background: #d6d6d6;
	border-radius: 50%;
	position: absolute;
	left:-10px;
	top:14px;
}
.right_box_hp li.icon_tel_hp .right_openDiv {
	padding: 10px 12px;
	box-sizing: border-box;
	width: 190px;
	font-size: 14px;
	color:#333;
	line-height: 30px;
}
.right_box_hp li.icon_kf_hp .right_openDiv {
    padding: 10px 12px;
    box-sizing: border-box;
    width: 190px;
    font-size: 14px;
    color: #333;
    line-height: 30px;
}
.right_box_hp li.icon_prize_hp .right_openDiv {
    padding: 10px 12px;
    box-sizing: border-box;
    width: 190px;
    font-size: 14px;
    color: #333;
    line-height: 30px;
}
.right_box_hp li.icon_ok_hp .right_openDiv {
	width: 240px;
	padding: 15px 20px 15px 0;
}
.right_box_hp li.icon_ok_hp .right_openDiv:after {
	top:200px;
}
.right_openDiv .ROD_ipt_one {
	margin-bottom: 10px;
}
.ROD_ipt_one .ROD_ipt_name {
	width: 30px;
	padding:3px 10px 0;
	line-height: 18px;
	font-size: 12px;
	color:#444;
	float:left;
}
.ROD_ipt_one input[type='text'] {
	width: 188px;
	height: 28px;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
	float:left;
	color:#000;
}
.ROD_ipt_one input[type='text']:focus {
	border: 1px solid #a6d6ff;
}
.ROD_ipt_one textarea {
	width: 188px;
	height: 80px;
	box-sizing: border-box;
	border: 1px solid #dcdcdc;
	resize:none;
	float:left;
	color:#000;
}
.ROD_ipt_one textarea:focus {
	border: 1px solid #a6d6ff;
}
.right_openDiv .ROD_btn {
	text-align: right
}
.ROD_btn input[type='submit'] {
	width: 89px;
	height: 28px;
	color:#fff;
	background: #1f82d6;
	font-size: 12px;
	border-radius: 2px;
}
.ROD_ipt_one input[type='text'].ROD_validatecode {
	width: 28px;
	padding-left:5px;
}
.ROD_ipt_one img {
	float:left;
	height: 20px;
	width: 70px;
	margin:4px 0;
}
.ROD_ipt_one a {
	float:left;
	height: 28px;
	margin-left: 10px;
}
.right_openDiv .error_message {
	color:#f00;
}
.right_openDiv .success_message {
	color:#0a0;
}