@charset "utf-8";
body { font-family: Arial, Helvetica, sans-serif; padding: 0; font-size:15px; color:#333; background:#fff; margin: 0;}
div,form,img,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:14px; font-weight: normal;}
table,td,tr,th{font-size:15px;}
input{ outline:none;}
a:link {color: #333; text-decoration:none;}
a:visited {color: #333;text-decoration:none;}
a:hover { color: #529CD6; text-decoration: none;}
a:active { color: #333;}
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}

.cRed{color: #f00; }
.c09f,.c09f:link,.c09f:visited{ color: #09f;}
.c09f:hover{ color: #f30;}


.pages{ height: 35px; line-height: 35px; clear:both; padding: 35px 0; text-align:center;}
.pages a,.pages a:visited,.pages strong{ margin: 0 5px; padding: 7px 12px; text-align:center; width: 30px; border: 1px solid #ccc; background: #fff;}
.pages a:hover,.pages strong{ border: 1px solid #529CD6; color: #fff; background: #529CD6; font-weight:normal;}


.w1280{ width: 1240px; margin: 0 auto;}

.Header{ margin: 20px auto 0;}
.Header .logo{ float:left; padding-top: 5px;}
.Header .logo img{ height: 65px;}
.Header .menu{ float:right;}
.Header .menu .top{ text-align:right;}
.Header .menu .top a{ margin: 0 10px;}
.Header .menu .top .en{ margin-right: 0;}
.Header .menu .top em{ margin-right: 50px;}

.meum2{ position: absolute; top: 67px; right: 0; width: 190px; z-index: 999; display:block;}
.meum2 h5{ float:left; width:35px;}
.meum2 h5 img{ width: 24px;}
.meum2 ul{background: rgba(0,0,0,0.85); float:left; width: 125px; padding: 10px 0 10px 25px;}
.meum2 ul li{ line-height: 35px;}
.meum2 ul li a{ color: #fff;}
.mobile{ float:right; margin-top: 15px;}
.mobile .oxx{ background:url(img/i-menu.png) no-repeat 0 0; display:block; width: 28px; background-size: 28px; padding-top: 22px; font-size: 12px; text-align:center;}




.Header #nav{ clear:both; padding-top: 20px;}
.Header #nav li{ position: relative; float:right;  height: 50px;}
.Header #nav li h2{ font-size: 15px; line-height: 35px; background: url(img/nav_1.png) no-repeat right 15px; padding: 0 15px 0 20px;}
.Header #nav li h2 a{ display:block; height: 26px;}
.Header #nav li h2 a:hover{color: #09f;}
.Header #nav li .no{ background:none; padding-right: 0;}
.Header #nav li .no2{ background:none;}

.Header #nav li ul{ position: absolute; top: -999em; width: 200px; height:auto; left: 0px;text-align:center; background: #fff; padding: 15px 0;background-color: rgba(0, 0, 0, 0.8); opacity:0.8;}
.Header #nav li ul li{ height: 32px; line-height: 32px; float:none; padding: 0; font-size: 14px;}

.Header #nav li:hover ul,#nav li.sfHover ul { top: 50px; z-index:999; left:-35px; }
.Header #nav li:hover ul a,#nav li.sfHover ul a { color: #ccc;  }
.Header #nav li ul a:hover { color: #fff; }


.c-banner{width: 100%;position: relative; overflow:hidden; }
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px; overflow:hidden;}
.c-banner .banner ul li{ display: none; opacity: 0;overflow:hidden;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .banner ul li .pic img{ width: 100%; display: block;}
.c-banner .jumpBtn{ width: 100%;position: absolute;bottom: 20px;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width: 15px;height: 15px;border-radius: 50%;display: inline-block;background-color: #309EDB;opacity: 0.9;margin-left: 10px;}




.Home{}
.Home .title { padding: 15px 0;}
.Home .title h2{ font-size: 30px; text-align: center;}
.Home .title .line,.Home .pr1 li strong em{ border-bottom: 2px solid #529CD6; display:block; width: 100px; margin: 10px auto 0;}
.Home .top{ padding: 10px 0; line-height: 180%;}
.Home .top p{ margin: 0; padding: 0;}

.Home .pr1{ padding: 20px 0;}
.Home .pr1 li{ float:left; width: 370px; margin-right: 32px; border: 1px solid #ddd; padding: 10px; text-align:center; line-height: 180%;}
.Home .pr1 li img{ display:block; width: 100%;}
.Home .pr1 li strong{ display:block; font-size: 18px; padding-top: 10px;}
.Home .pr1 li p{}

.Home .pr1 .r{ float:right; margin-right: 0;}


.HomeP2{ margin: 25px 0; background:url(img/home_banner_1.jpg) no-repeat center 0; padding: 15px 0 25px;}
.HomeP2{}

.HomeP2 .epctext { position: relative; overflow: hidden; margin: 5px auto 0;}
.HomeP2 .epctext ul li { float: left; height: 440px; overflow:hidden; }
.HomeP2 .epctext ul li ul li{ float:left; width: 280px; height: 440px; margin-right: 40px; color: #666; }
.HomeP2 .epctext ul li ul li a{ display:block; border: 1px solid #ddd; }
.HomeP2 .epctext ul li ul li img{ display:block; margin: 0 auto 12px; width: 100%; }
.HomeP2 .epctext ul li ul li span{ display:block; height: 80px; text-align:center; padding: 5px 10px 0; line-height: 150%;}
.HomeP2 .epctext ul li ul .r{ float:right; margin-right: 0;;}


.HomeP2 .epctext .dots { position: absolute; left: 500px; bottom: 0; z-index:9999;}
.HomeP2 .epctext .dots li { display: inline-block; width: 50px; height: 4px; overflow:hidden; font-size: 0; line-height: 0; margin: 0 5px; cursor: pointer; background:#ddd;}
.HomeP2 .epctext .dots li.active { background: #529CD6;}


.HomeP3 li{ float:left; width: 380px; margin: 20px 50px 0 0;}
.HomeP3 li a{ display:block; border: 1px solid #ddd;}
.HomeP3 li strong{ display:block; text-align:center; height: 70px; border-top: 1px solid #ddd; background: #f8f8f8;  padding: 15px 10px 0; font-weight:normal; line-height: 180%;}
.HomeP3 li img{ display:block; width: 100%;}
.HomeP3 li:nth-child(even){ float:right; margin-right: 0;}


.HomeP4{ background: #f7f7f7 url(img/bg_service.jpg) no-repeat right 0; height: 250px; margin-top: 35px;}
.HomeP4 p{ margin: 0; padding: 60px 0 30px; line-height: 180%; text-align:center; font-size: 17px;}
.HomeP4 .contact{}
.HomeP4 .contact a{ float:right; display:block; width: 180px; height: 42px; line-height: 42px; background: #333; color: #fff; text-align:center; margin-left: 30px;}
.HomeP4 .contact a:hover{ background: #529CD6;}

.HomeP5{ padding: 35px 0;}
.HomeP5 li{ float:left; width: 600px; margin-top: 35px;}

.HomeP5 li:nth-child(even){ float:right;}

.HomeP5 li img{ float:right; width: 200px;}
.HomeP5 li p{ float:left; width: 368px; border: 1px solid #ddd; padding: 15px; margin: 0; line-height: 180%; color: #666; font-size: 14px;}
.HomeP5 li p strong{ display:block; font-size: 15px; padding-bottom: 10px;}
.HomeP5 li p em{ display:block; font-style:normal;}



.BannerAbout{ background:url(img/banner_about.jpg) no-repeat center center; height: 170px; clear:both;}

.BannerAbout .links{ }
.BannerAbout .links span{ background: #309edb; color: #fff; float:right; height: 45px; line-height: 45px; padding: 0 20px; margin-top: 125px;}
.BannerAbout .links a{ color: #fff;}

.BannerProducts{background:url(img/banner_products.jpg) no-repeat center center;}
.BannerNews{ background:url(img/banner_news.jpg) no-repeat center center;}


.ContentLeft{ float:left; width: 250px; margin-top: 30px;}

.ContentLeft .search{ border: 1px solid #ddd; margin-bottom: 15px; padding: 1px; height:40px;}
.ContentLeft .search .input{ background: none; border: none; width: 200px; height: 40px; float:left;}
.ContentLeft .search .but{ background:url(img/ico_sc.png) no-repeat center; background-size: 20px; border:none; cursor: pointer; width: 36px; height: 42px; float:right;}


.ContentLeft h2{ background: #309edb; height: 60px; line-height: 60px; color: #fff; font-size: 20px; padding-left: 20px;}
.ContentLeft ul{ border: 1px solid #ddd; border-top: none; padding: 10px 20px;}
.ContentLeft ul li{ border-top: 1px solid #ddd; line-height: 42px;}
.ContentLeft ul .tag{ border-top: none; text-indent: 10px; line-height: 32px; font-size: 14px;}

.ContentLeft ul .no{ border-top: none;}
.ContentLeft ul .tag2,.ContentLeft ul .tag2:visited{ color:#309edb;}
.ContentLeft ul .tag2:hover{ color: #f30;}



.ContentRight{ float:right; width: 960px; margin-top: 30px;}
.ContentRight .title{}
.ContentRight .title h1{ font-size: 22px; font-weight:bold; height: 45px; line-height: 45px; }
.ContentRight .title span{ border-bottom: 2px solid #309edb; display:block; width: 60px;}
.ContentRight .Aboutus .text{ line-height: 180%; padding: 20px 0;}
.ContentRight .Aboutus .text p{ margin: 0 ; padding:10px 0;}
.ContentRight .Aboutus .text img{ display:block; margin: 0 auto; width: 100%;}

.ContentRight .Aboutus .text .pic{}
.ContentRight .Aboutus .text .pic li{ float:left; width: 305px; margin: 20px 22px 0 0;}
.ContentRight .Aboutus .text .pic .r{ float:right; margin-right: 0;}


.ContentRight .Productslist{}
.ContentRight .Productslist li{ float:left; width: 300px; margin: 30px 30px 0 0;}
.ContentRight .Productslist li a{ display:block; border: 1px solid #ddd;}
.ContentRight .Productslist li img{ display:block; width: 100%; height: 322px;}
.ContentRight .Productslist li a:hover{ border: 1px solid #309edb;}
.ContentRight .Productslist .r{ float:right; margin-right: 0;}
.ContentRight .Productslist li strong{ display:block; text-align:center; padding: 12px 10px 0; font-size: 14px; border-top: 1px solid #ddd; font-weight:normal; line-height: 180%; height: 70px; overflow:hidden;}


.productsview{}
.productsview .viewleft{ width: 420px; float:left;}
.productsview .viewleft #wrapper {}
.productsview .viewleft #fullsize{ position:relative;height:455px; border: 1px solid #ddd;}
.productsview .viewleft #fullsize img{ width:100%;}
.productsview .viewleft #image {}
.productsview .viewleft #image img { position:absolute; z-index:25; }
.productsview .viewleft .imgnav { position:absolute; width:49%; height:455px; cursor:pointer; z-index:150; left: 0;}
.productsview .viewleft #thumbnails { padding:15px 0; clear:both;}
.productsview .viewleft .imgnav2 { position:absolute; width:49%; height:455px; cursor:pointer; z-index:150; right: 0;}


.productsview .viewleft #slidearea { width:420px; overflow:hidden;}
.productsview .viewleft #slider {}
.productsview .viewleft #slider img {cursor:pointer;width:76px; height:82px; border: 1px solid #ddd; margin-right: 2px;}


.productsview .miaoshu{ float:right; width: 510px;}
.productsview .miaoshu .title{ height:auto;}
.productsview .miaoshu .title h1{ height:auto; line-height: 180%; font-size: 18px;}
.productsview .miaoshu .text{ padding: 20px 0; line-height: 180%; border-top: 1px solid #ddd;  border-bottom: 1px solid #ddd; margin-top: 25px;}

.productsview .viewtext{}
.productsview .viewtext .title2{border-bottom: 1px solid #ddd; font-size: 18px; font-weight:bold; height: 45px; line-height: 45px;}
.productsview .viewtext .title2 h3{ border-bottom: 1px solid #309edb;  height: 45px; display:block; width: 300px; font-size: 18px; font-weight:bold;}
.productsview .viewtext .viewtx{ padding: 30px 0; border-bottom: 1px solid #ddd; line-height: 180%;}
.productsview .viewtext .viewtx p{ margin: 0; padding: 10px 0; line-height: 180%;}
.productsview .viewtext .viewtx table{ width: 100%; border-collapse:collapse;}
.productsview .viewtext .viewtx table td{ border: 1px solid #ddd; padding: 5px; background: #f8f8f8;}

.productsview .next,.ContentRight .newsview .next{ padding: 25px 0 45px; line-height: 250%;}
.productsview .next span a,.productsview .next span a:visited,.ContentRight .newsview .next span a,.ContentRight .newsview .next span a:visited{ float:right; margin-top: 10px; text-align:center; color: #fff; text-decoration:none; display:block; background: #309edb; float:right; width: 75px; height: 36px; line-height: 36px; font-size: 16px; text-transform:uppercase;}
.productsview .next span a:hover,.ContentRight .newsview .next span a:hover{ background: #333;}





.ContentRight .newslist li{ float:left; width: 460px; margin-top: 35px;}

.ContentRight .newslist li:nth-child(even){ float:right;}

.ContentRight .newslist li img{ float:right; width: 150px;}
.ContentRight .newslist li p{ float:left; width: 270px; border: 1px solid #ddd; padding: 15px; margin: 0; line-height: 180%; color: #666; font-size: 14px;}
.ContentRight .newslist li p strong{ display:block; font-size: 15px; padding-bottom: 10px;}
.ContentRight .newslist li p em{ display:block; font-style:normal;}

.ContentRight .newsview .time{ padding: 25px 0; color: #666;}
.ContentRight .newsview .text{ line-height: 180%; border-bottom: 1px solid #ddd; padding-bottom: 25px;} 
.ContentRight .newsview .text p{ margin: 0; padding: 10px 0;}


.ContentRight .downlist{ padding: 25px 0;}
.ContentRight .downlist li{ line-height: 50px; height: 50px; border-bottom: 1px solid #ddd;}
.ContentRight .downlist li a{ float:right; background: #309edb; color: #fff; height: 30px; line-height: 30px; width: 90px; text-align:center; margin-top: 10px;}
.ContentRight .downlist li a:hover{ background: #333;}


.ContentRight .faqlist{ padding: 20px 0;}
.ContentRight .faqlist li{ padding: 10px 0;}
.ContentRight .faqlist li span{ display:block; padding: 20px; border: 1px solid #ddd; font-weight:bold;}
.ContentRight .faqlist li span strong{ color:#F30;}
.ContentRight .faqlist li span a,.ContentRight .faqlist li span a:visited{ color: #309edb;}
.ContentRight .faqlist li span a:hover{ color: #F30;}
.ContentRight .faqlist li p{ background: #f8f8f8; border: 1px solid #ddd; padding: 20px; margin-top: 5px; line-height: 180%;}
.ContentRight .faqlist li p em{ font-style:normal; font-weight:bold;}




.Foot{ font-size: 13px; padding: 50px 0 20px; text-align:center;}
.Foot p{ margin: 0; padding: 10px 0; line-height: 200%;}




/* 手机屏幕定义 */
@media (max-width: 767px) {
.hxs { display: none !important;}


.w1280{ width: auto;}
.Header{ margin: 0 auto 0; padding: 10px;}
.Header .logo img{ height: 45px;}


.c-banner .jumpBtn{bottom: 10px;}
.c-banner .jumpBtn ul li{ width: 11px;height: 11px;}
.c-banner .banner ul .tx{ top: 20px; left: 10px;}
.c-banner .banner ul .tx p{ width: auto; font-size: 14px;}
.c-banner .banner ul .tx p strong{ display:block; font-size: 16px;}
.c-banner .banner ul .tx p em{ font-size: 12px; padding:0;}
.c-banner .banner ul .tx p span,.c-banner .banner ul .tx p .mr{ display:none;}



.Home .title { padding: 15px 0;}
.Home .title h2{ font-size: 20px;}
.Home .top{ padding: 10px 10px 0; line-height: 160%;}


.Home .pr1{ padding: 0 10px;}
.Home .pr1 li{ float: none; width: auto; margin: 20px 0 0; line-height: 160%;}
.Home .pr1 .r{ float:right; margin-right: 0;}


.HomeP3 { padding: 10px;}
.HomeP3 li{ float: none; width: auto; margin: 20px 0 0 0;}
.HomeP3 li strong{ height: auto;  padding: 15px 10px;}
.HomeP3 li:nth-child(even){ float: none;}


.HomeP4{height: 200px; margin-top: 15px;}
.HomeP4 p{ padding: 20px 10px; line-height: 160%; font-size: 14px;}
.HomeP4 .contact{}
.HomeP4 .contact a{ float:right; width: 150px; height: 32px; line-height: 32px;  margin: 0 10px;}
.HomeP4 .contact a:hover{ background: #529CD6;}

.HomeP5{ padding: 15px 0;}
.HomeP5 li{ float: none; width: auto; margin-top: 35px;}
.HomeP5 li:nth-child(even){ float: none;}
.HomeP5 li img{ display:none;}
.HomeP5 li p{ float: none; width: auto; padding: 10px; margin: 0 10px; line-height: 160%; }





.BannerAbout{ background:url(img/banner_about.jpg) no-repeat 0 center; height: 100px; clear:both;}
.BannerAbout .links span{height: 35px; line-height: 35px; padding: 0 10px; margin-top: 65px; font-size: 14px;}

.ContentLeft{ float: none; width: auto; margin-top:20px; padding: 0 10px;}
.ContentLeft .search .input{ width: 85%; }
.ContentLeft h2{ height: 45px; line-height:45px; font-size: 18px; padding-left: 20px;}
.ContentLeft ul{padding: 10px;}
.ContentLeft ul li{ line-height: 35px;}

.ContentRight{ float: none; width: auto; margin-top: 0; padding: 20px 10px;}
.ContentRight .title h1{ font-size: 20px; height: auto; line-height: 160%; }
.ContentRight .Aboutus .text{ line-height: 160%; }
.ContentRight .Productslist{}
.ContentRight .Productslist li{ float: none; width: auto; margin: 20px 0 0 0;}
.ContentRight .Productslist li img{height: auto;}
.ContentRight .Productslist li strong{ padding: 12px 10px; height: auto; }




.productsview .viewleft{ width: auto; float:none; padding: 0;}
.productsview .viewleft #wrapper {}
.productsview .viewleft #fullsize{ height:350px;}
.productsview .viewleft #fullsize img{ height: 100%; max-width: 100%; display: flex; object-fit: cover;}
.productsview .viewleft .imgnav { height:350px;}
.productsview .viewleft .imgnav2 {height:350px;}
.productsview .viewleft #slidearea { width: auto;}
.productsview .viewleft #slider img {width:65px; height:70px;}

.productsview .miaoshu{ float: none; width: auto;}
.productsview .miaoshu .title h1{line-height: 160%;}
.productsview .miaoshu .text{ padding: 10px 0; line-height: 160%; border-bottom: none; margin-top: 25px;}

.productsview .viewtext .viewtx table td{ font-size: 12px;}

.productsview .viewtext .viewtx img{ display:block; width: 100%;}



.productsview .next,.ContentRight .newsview .next{ padding: 15px 0; line-height: 200%;}
.productsview .next span a,.productsview .next span a:visited,.ContentRight .newsview .next span a,.ContentRight .newsview .next span a:visited{ display:none;}
.productsview .next span a:hover,.ContentRight .newsview .next span a:hover{ background: #333;}








.ContentRight .newslist li{ float: none; width: auto; margin-top:20px;}
.ContentRight .newslist li:nth-child(even){ float: none;}
.ContentRight .newslist li img{ float: none; display:none;}
.ContentRight .newslist li p{ float: none; width: auto;  margin: 0; line-height: 180%;}
.ContentRight .newsview .time{ padding: 15px 0;}
.ContentRight .newsview .text{ padding-bottom: 15px;} 



.ContentRight .downlist{ padding: 15px 0;}
.ContentRight .downlist li{ line-height: 180%; height: auto; padding: 15px 0;}
.ContentRight .downlist li a{ float: none; margin-top: 5px; display:block;}
.ContentRight .downlist li a:hover{ background: #333;}


.ContentRight .faqlist{ padding: 20px 0;}
.ContentRight .faqlist li{ padding: 10px 0;}
.ContentRight .faqlist li span{ display:block; padding: 20px; border: 1px solid #ddd; font-weight:bold;}
.ContentRight .faqlist li span strong{ color:#F30;}
.ContentRight .faqlist li span a,.ContentRight .faqlist li span a:visited{ color: #309edb;}
.ContentRight .faqlist li span a:hover{ color: #F30;}
.ContentRight .faqlist li p{ background: #f8f8f8; border: 1px solid #ddd; padding: 20px; margin-top: 5px; line-height: 180%;}
.ContentRight .faqlist li p em{ font-style:normal; font-weight:bold;}




























.Foot{ font-size: 12px; padding: 20px 10px; background: #309EDB; color: #fff;}
.Foot a{ color: #fff;}

}
@media (min-width: 768px) and (max-width: 991px) {
.hsm { display: none !important;}
}
/* PC屏幕定义 */
@media (min-width: 992px) and (max-width: 1199px) {
.hmd {display: none !important;}
}
@media (min-width: 1200px) {
.hlg {display: none !important;}
}