@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; }
body{ font-size: 14px; margin: 0 auto; text-align: left; }

.imghove img{transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.imghove:hover img{transform:scale(1.1,1.1);}

a{ color: #333;
	-webkit-transition:color .2s ease-in-out;
-moz-transition:color .2s ease-in-out;
transition:color .2s ease-in-out;
-webkit-transition:background-color .2s ease-in-out;
-moz-transition:background-color .2s ease-in-out;
transition:background-color .2s ease-in-out}

.w{ width: 1200px; margin: 0 auto }
.top{ background-color: #2a65bd; line-height: 40px; color: #fff }
.top a{ color: #fff }
.top span{ margin-right: 30px; }
.top span.toptel{ background: url(../images/tel.png) left center no-repeat; padding-left: 30px;  }
.top span.topadd{background: url(../images/address.png) left center no-repeat; padding-left: 30px;}
.top .fr{ background:url(../images/English.png) left center no-repeat; padding-left: 40px;  }

.header{ height: 100px; }
.header .fl{ padding-top: 10px; }
.header .fr{ padding-top: 30px; }
.header .fr li{ float: left; margin: 0 20px; }
.header .fr li a{ color: #333; font-size: 16px; line-height: 35px; display: block; }
.header .fr li a:hover{ border-bottom: 2px solid #2a65bd; color: #2a65bd }
.header .fr li.active a{ border-bottom: 2px solid #2a65bd; color: #2a65bd}

.sidepic{ background:url(../images/sidepic.jpg) center bottom no-repeat; height: 360px; display: flex; position: relative;  }
.sidebg{ width: 50%; height: 360px; background: url(../images/cbg.png) right top no-repeat;  filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8}
.sidecon{ width: 1200px; position:absolute; top: 0; left: 50%; margin-left: -600px; height: 360px; text-align: left; }

.sidecon .fl{ width: 55%; padding-top: 60px; text-align: left; }
.sidecon .fr{ width: 45%; padding-top: 60px; text-align: left; }
.sidecon h2{ display: block; color: #fff; font-size:48px; }
.sidecon span{ display: block; color: #fff; font-size: 36px;  font-family: arial; margin: 10px 0 20px 0; }
.sidecon a{ margin: 0; line-height: 45px; width: 180px; font-size: 16px; border: 2px solid #fff; display: block; text-align: center; font-weight: bolder; color: #fff }
.sidecon a:hover{ background-color: #fff; color: #004086;  }


.sidecon .fr h2{color: #2a65bd;}
.sidecon .fr span{color: #2a65bd;}
.sidecon .fr a{border: 2px solid #2a65bd; background-color: #2a65bd;}
.sidecon .fr a:hover{ background-color: #fff; color: #004086;  }
.footer{ color: #333; line-height: 27px; padding: 20px 0; border-top: 1px solid #eee }

.prolocal{ background: #2a65bd; overflow: hidden; }
.prolocal h3{ float: left; line-height: 100px; display: block; font-size: 24px; color: #fff; font-weight: bolder; }
.prolocal span{ float: right; line-height: 100px; display: block; font-size: 14px; color: #fff;  }
.prolocal a{ color: #fff }

.aboutinfo{ overflow: hidden; }

.aboutinfo p{ color: #615f5f; font-size: 16px; line-height: 30px; margin-top: 15px;}

.aboutinfo1 p{ color: #615f5f; font-size: 16px; line-height: 25px; margin-top: 15px;}

/*内容*/

.product-bigImg { background-size: auto 100%;  height: 300px; }
.product-bigImg .w { padding: 100px 0px; }
.product-bigImg span {font-size: 48px; font-weight: 300; margin-right: 40px; }
.product-bigImg p { font-size: 18px; margin-top: 10px;color: #666; }

.local .title-label { display: inline-block; position: relative;  width: 250px; background: #024198; color: white;
  text-align: center; padding: 30px 0px; top: -75px; }
.local .title-label p:first-child { font-size: 32px; }
.local .title-label p:last-child { font-size: 16px; }

.main { margin-top: -30px; padding-bottom: 50px; }
.main .left-nav { width: 250px; float: left;}
.main .left-nav li { font-size: 18px; line-height: 60px; overflow: hidden; margin-bottom: 3px; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }
.main .left-nav li a { display: block; padding-left: 20px; cursor: pointer; text-decoration: none; background: #eee; border-left: 4px solid #2a65bd; color: #2a65bd }
.main .left-nav li a:hover {   color: #fff; background: #2a65bd; transition:1s all;}
.main .left-nav li a.active {  color: #fff; background: #2a65bd; }
.main .left-nav li ul li a{ background: #fff; border-left: 4px solid #2a65bd;}
.m-left-nav{ display: none; }

.main .right-content{ float: right; width: 850px; padding-bottom: 50px; }

.protit{ display: flex; overflow: hidden; background-color: #024198; display: flex; }
.protit h3{ line-height: 40px; color: #fff; font-size: 16px; padding-left: 10px; border-right:1px solid #fff;text-align: left; width: 30%; font-weight: normal; }
.protit h4{ line-height: 40px; color: #fff; font-size: 16px; padding-left: 10px; font-weight: normal; width: 65%;}

.prolist li a{ overflow: hidden;  display: flex; }
.prolist li a:hover{ background-color: #e5c3c3;}
.prolist li a:hover h3, .prolist li a:hover h4{ color: #fff;}
.prolist li h3{line-height: 40px; color: #666; font-size: 16px; padding-left: 10px; border-right:1px solid #fff;text-align: left; width: 30%;  font-weight: normal;}
.prolist li h4{ line-height: 40px; color: #666; font-size: 16px; padding-left: 10px; font-weight: normal; width: 65%;}

.protit1{ display: flex; overflow: hidden; background-color: #024198; display: flex; }
.protit1 h3{ line-height: 40px; color: #fff; font-size: 16px; padding-left: 10px; border-right:1px solid #fff;text-align: left; width: 20%; font-weight: normal; }
.protit1 h4{ line-height: 40px; color: #fff; font-size: 16px; padding-left: 10px; font-weight: normal; flex: 1;  border-right:1px solid #fff;}

.prolist1 li a{ overflow: hidden;  display: flex; }
.prolist1 li a:hover{ background-color: #e5c3c3;}
.prolist1 li a:hover h3, .prolist1 li a:hover h4{ color: #fff;}
.prolist1 li h3{line-height: 40px; color: #666; font-size: 16px; padding-left: 10px; border-right:1px solid #fff;text-align: left; width: 20%;  font-weight: normal;}
.prolist1 li h4{ line-height: 30px; color: #666; font-size: 14px; padding: 10px; font-weight: normal;  flex: 1;  border-right:1px solid #fff;}
.photolist{ overflow: hidden; }
.photolist li{ float: left; width: 33.333333%; box-sizing: border-box; padding: 10px; }
.photolist li img{ width: 100%; height: 180px; }
.photolist li span{ display: block; line-height: 35px; background-color: #eee; text-align: center; }

.list li{ overflow: hidden; border-bottom: 1px solid #ddd }
.list li h3{ display: block; float: left; line-height: 45px; }
.list li span{ display: block; float: right; line-height: 45px; }

.aboutinfo h1{ font-size: 24px; color:#2a65bd; display: block; text-align: center; line-height: 40px; border-bottom: 1px solid #ddd;  padding-bottom: 10px;  }
.aboutinfo span{ display: block; text-align: center; line-height: 30px; color: #999 }
.aboutinfo h3{ margin-top:10px; }
.aboutinfo table{
width:100%;
border-collapse:collapse;
}
.aboutinfo table td{
border:1px solid #ddd; padding: 5px;
}

.procoon{ color: #615f5f; font-size: 16px; line-height: 30px; margin-top: 15px;}
.procoon h3{ display: block; color:#2a65bd; font-size: 18px; margin: 10px 0;  }
.procoon table{width:100%;border-collapse:collapse; margin: 0 }
.procoon table td{border:1px solid #ddd; padding: 0 10px;}
.procoon h1{ font-size: 24px; color:#2a65bd; display: block; text-align: center; line-height: 40px; padding-bottom: 10px; border-bottom: 1px solid #ddd  }
.qnav{ margin-top: 10px; }
.qnav a{ display: block; background-color: #da271e; text-align: center; padding-top: 10px; }
.qnav a h3{ display: block; font-size: 24px; color: #fff }
.qnav a h4{ display: block; font-size: 18px; color: #fff;  }
.qnav a span{ display: block; padding-right: 10px; color: #fff; font-size: 16px; line-height: 35px; }
.qnav a:hover{background-color: #ef5b54; }
@media (max-width:768px){
header{ position:static; }
.w{ width: 100%;}
.top .fl{ float: none; display: none; }
.top .fr{  text-align: right; padding-right: 10px; }
.header{ height: auto; }
.header .fl{float: none; width: 100%; text-align: center; padding-bottom: 10px;  }
.header .fl img{ width: 90%; margin-left: 10px }
.header .fr{ float: none; width: 100%;background-color: #2a65bd; padding-top: 0 }
.header .fr li{ width: 33.333333%; box-sizing: border-box;  margin: 0; }
.header .fr li a{ text-align: center; border:1px solid #fff; margin: 5px; color: #fff }
.header .fr li.active a{ background-color: #fff; color: #2a65bd; border:1px solid #fff; }

.local{ display: none; }
.main { margin-top: 0px;  }
.main .left-nav { display: none; }
.main .right-content{ float: none; width: 100%; padding: 10px; box-sizing: border-box; }
.product-bigImg { display: none; }

.m-left-nav{ display: block; }
.m-left-nav h3 { font-size: 24px; color:#2a65bd; margin-bottom: 20px;  margin-top: 20px;  }
.m-left-nav li { font-size: 18px; height: 60px; line-height: 60px; overflow: hidden; margin-bottom: 3px; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }
.m-left-nav li a { display: block; padding-left: 20px; cursor: pointer; text-decoration: none; background: #eee; border-left: 4px solid #2a65bd; color: #2a65bd }
.m-left-nav li a:hover {   color: #fff; background: #2a65bd;   }
.m-left-nav li a.active {  color: #fff; background: #2a65bd; }
.photolist li{ width: 100%;}
.photolist li img{ height: auto;}
.footer{ padding: 10px; background:rgba(42,101,189,.8); border-bottom:0; color: #fff; border-top: 5px solid #2a65bd;line-height: 23px;  }
}