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


#message h2,#message h3,#message li{color:#fff}
.top .topBox .UpLink ul li a{font-size:14px}
h2{ font-weight:600}
a{ text-decoration:none}
.w1600{width:1600px; margin: 0 auto;}
.clear{ clear:both}
.prod_info{padding-top:130px;}
.prod_img{ float:left;width:45%;}
.prod_img img{width:100%}
.prod_desc{float:right;width:55%}
.prod_desc .desc{font-size:26px;}
.prod_desc .desc p{ line-height:36px; padding-bottom:36px }
.alink{margin-top:80px}
.alink a{background:#003f7e;padding:20px 40px; color:#fff; font-size:28px}
.prod_video{ margin-top:130px}
.prod_video .video{ margin:0 auto;border:#003f7e 5px solid;width:760px; height:430px; padding:6px}
.prod_video .video .bg{background:#b7b7b7; width:100%; height:100%;}
.prod_video p{ line-height:40px; padding-top:40px; padding-bottom:40px; text-align:center;font-size:26px;}
.prode{ position:relative; line-height:40px}
.prode .desc1{ position:absolute; top:180px; text-align:right; left:20px;font-size:26px;}
.prode .desc2{ position:absolute; top:380px; text-align:left; right:20px;font-size:26px;}
.prode .desc1 h3,.prode .desc2 h3{ font-size:24px;color:#003f7e; line-height:80px}
.characteristic{ margin-top:60px}
.characteristic ul li{float:left;width:30.33%; list-style:none; text-align:center; padding:1.5%; font-size:24px;}
.characteristic ul li h3{color:#003f7e; height:120px; line-height:40px}
.howws{ padding-top:130px;}
.obtain h2,.howws h2{ text-align:center; font-size:56px; color:#003f7e;}
.howws ul li{float:left;width:25.33%; list-style:none; text-align:center; margin:4%; font-size:24px;}
.howws ul li img{ width:100%}
.howws ul li h4{ line-height:40px; padding-top:25px; padding-bottom:25px;}
.obtain{padding-top:100px}
.obtain h2{ padding-bottom:80px}
.obtain table{ text-align:center;border:#bac4dc solid 1px;font-size:26px;}
.obtain table th{ background:#003f7e; color:#fff; padding-top:15px; padding-bottom:15px;} 
.obtain table tr td{ border-bottom:#bac4dc solid 1px; padding-top:15px; padding-bottom:15px}
.linkimg{ text-align:right; margin-top:30px; margin-bottom:30px;}
.bgblue{ background:#003f7e;color:#fff; padding-top:130px; margin-top:100px}
.bgblue h2{ text-align:center; font-size:56px; color:#fff;}
.bgblue ul{ margin-top:50px}
.bgblue ul li{float:left;width:29.33%; list-style:none; text-align:center; margin:2%; font-size:24px; margin-bottom:20px;}
.bgblue ul li img{ width:100%}
.bgblue ul li h3{ line-height:35px; height:140px; padding-top:35px; padding-bottom:25px; font-size:22px}
.bgblue ul li h3 a{ color:#fff;}
.able{ padding-top:130px;}
.able h3{ text-align:center; font-size:56px; color:#003f7e;}
.able table{ line-height:45px; margin-top:60px;font-size:26px;}
.able table td{ background:#fff; padding:10px}
.able table td.bg{ background:#f2f2f2}
.pdf{padding-right: 20px; background:#f2f2f2; margin-top:130px;}
.pdf{}
.pdf .img{float:left;width:50%; text-align:center}
.pdf .infos{ float:right;width:50%; text-align:left;}
.pdf .infos h3{ line-height:120px; font-size:40px; text-align:left}
.pdf .infos .desc{ line-height:38px; height:120px;font-size:26px;}
.pdf .infos a{background:#003f7e;padding:20px 40px; color:#fff; font-size:28px}
h2.explore{text-align:center; font-size:56px; color:#003f7e; padding-top:130px; padding-bottom:50px}
.exploreinfo{background:#003f7e; padding-top:80px}
.exploreinfo ul{ background:#fff; margin:0 auto}
.exploreinfo ul li{ float:left;width:45%; margin:2.5%; list-style:none; background:#fff }
.exploreinfo ul li .img{ width:100%}
.exploreinfo ul li h3{ font-size:30px; font-weight:600; line-height:80px}
.exploreinfo ul li .desc{ padding-bottom:40px;font-size:26px;}
.exploreinfo ul li a{background:#003f7e;padding:20px 40px; color:#fff; font-size:28px;}



@media (max-width:1660px ) {

.w1600{ width:1440px;}
.obtain{ padding-top:100px}
.prode .desc2{ right:-10px}

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

.w1600{ width:1200px}
body,h1,h3,h4,h2,h5,ul,li{padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; color:#4D3D3D; font-size:22px; font-weight:400}
.prode .desc2{top:280px; font-size:22px}
.prode .desc1{font-size:22px}
.prode .desc1{left:0px;top:120px}


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

.w1600{ width:1000px}
.prode .desc2{}
}
@media (max-width:575px ) {
body,h1,h3,h4,h2,h5,ul,li{ font-size:14px;}
.tdwidth{width:130px}
.w1600{ width:100%}
.howws ul li img{width:100%}
.bgblue ul li img{width:100%}
.bgblue ul li{width:90%; margin:5%; margin-bottom:0px}
.prod_video .video{width:auto; height:300px}
.prod_img{width:100%}
.prod_desc{width:90%; padding:5%}
.exploreinfo ul li a,.pdf .infos a{ padding:8px 15px; font-size:16px}
.bgblue{ padding-top:30px}
.obtain h2, .howws h2,.bgblue h2,.able h3,h2.explore{ font-size:22px;}
.prode .desc1,.prode .desc2{ position:relative;top:0px;left:0px; text-align:center; padding-left:10px; padding-right:10px;}
.prode .desc1 h3, .prode .desc2 h3{ font-size:18px}
.characteristic ul li{width:80%; margin:10%; font-size:14px}
.characteristic ul li h3{ height:auto; font-size:16px}
.prod_info{padding-top:30px;}
.howws ul li{width:80%; margin:10%;margin-bottom:0px;}
.bgblue ul li h3{ height:auto; padding-top:10px; padding-bottom:10px}
.pdf .img{width:100%; float:none}
.pdf .img img{width:100%}
.pdf .infos{float:none; width:90%; margin:5%;}
.pdf .infos h3{ font-size:22px}
.h2.explore{ padding-top:30px}
.exploreinfo ul li h3{ font-size:18px}
}