@charset "utf-8";
/* Css Document */
body{ width:expression(document.body.clientWidth <= 1200? "1200px": "auto"); min-width:1200px;}
body,td,div,ul,dl,dt,form,a{ margin:0px; padding:0px; font-family:"PingFang SC","Arial","Microsoft YaHei"; font-size:14px; color:#505050; line-height:24px;}
img{ border:none;}
ul,li{ list-style-type:none;}
a{ color:#505050; text-decoration:none;}
a:hover{ color:#006897; text-decoration:none;}
a{ outline: none;}
a:active{ star:expression(this.onFocus=this.blur());}
:focus{ outline:0; }
.clear{ width:0px; height:0px; padding:0px; margin:0px; clear:both;}

/* Css Top */
.db-bg{ height:39px; border-bottom:1px solid #e8e8e8;}
.db-lg{ width:170px; position:relative; text-align:center;}
.db-lg a{ display:block; position:absolute; left:0; top:0; width:170px; height:170px; background:url(../Images/logo.jpg) no-repeat; z-index:100;}
.db-en a{ display:block; float:right; width:50px; height:28px; border-right:1px solid #e8e8e8; text-align:center; padding-top:11px;}
.db-en a:nth-of-type(2){ border-left:1px solid #e8e8e8;}
.db-en a:hover img{ -moz-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.5); box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.5);}

/* Css Menu */
.dh-bg a{ display:block; float:right; font-size:16px; font-weight:600; color:#333; height:24px; line-height:24px; margin:28px 0 28px 45px; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.dh-bg a:hover{ color:#006897;}

/* Css Flash */
.mainbanner{ height:685px; overflow:hidden; position:relative;}
.mainbanner_window{ left:50%; width:1920px; height:685px; overflow:hidden; margin-left:-960px; position:absolute;}
.mainbanner_window ul{ width:9600px; height:685px; position:relative;}
.mainbanner_window li{ width:1920px; height:685px; float:left; display:inline;}
.mainbanner_list{ left:50%; top:655px; height:12px; margin-left:-28px; position:absolute;}
.mainbanner_list li{ width:22px; height:12px; overflow:hidden; float:left; display:inline;}
.mainbanner_list a{ width:12px; height:12px; float:left; background:#fff; border-radius:50%;}
.mainbanner_list li.active a,.mainbanner_list li a:hover{ background:#006897;}

/* Css About */
.ab-lb{ padding:100px 0 0; background:url(../Images/ab-bg.jpg) no-repeat center;}
.ab-lb a{ display:block; float:left; background:url(../Images/ab-bg.png) no-repeat; width:346px; height:322px; -moz-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05); box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin-right:81px; padding-top:53px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ab-lb a:nth-of-type(3){ margin-right:0;}
.ab-lb a:hover{ -moz-box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.12); box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.12);}
.ab-lb a p{ margin:0;}
.ab-lb a p.ab-01{ background:url(../Images/ig01.png) no-repeat; width:100px; height:100px; margin:0 auto; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ab-lb a:hover p.ab-01{ background:url(../Images/ag01.png) no-repeat;}
.ab-lb a p.ab-02{ background:url(../Images/ig02.png) no-repeat; width:100px; height:100px; margin:0 auto; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ab-lb a:hover p.ab-02{ background:url(../Images/ag02.png) no-repeat;}
.ab-lb a p.ab-03{ background:url(../Images/ig03.png) no-repeat; width:100px; height:100px; margin:0 auto; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ab-lb a:hover p.ab-03{ background:url(../Images/ag03.png) no-repeat;}
.ab-lb a p.ab-nm{ font-size:24px; font-weight:600; color:#333; text-align:center; line-height:30px; margin-top:25px;}
.ab-lb a p.ab-tx{ font-size:15px; color:#666; padding:0 45px; margin-top:25px;}

/* Css Products */
.pg-bg{ background:url(../Images/ig-bg.jpg) no-repeat center; padding:100px 0;}
.pg-ls{ width:575px; vertical-align:top;}
.pg-nm{ height:166px; line-height:32px; font-size:24px; color:#fff; text-align:right; padding-right:246px;}
.pg-nm span{ display:block; font-family:Arial; font-size:30px;}

.pg-lb a{ display:block; width:555px; height:427px; padding:10px; background:url(../Images/ps-bg.png) no-repeat; position:relative; margin-bottom:50px; -moz-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05); box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.pg-lb a:nth-of-type(2){ margin-bottom:0;}
.pg-lb a:hover{ background:url(../Images/as-bg.png) no-repeat; -moz-box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.12); box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.12);}
.pg-lb a div{ position:absolute; left:20px; top:325px; width:555px; text-align:center;}
.pg-lb a div p{ margin:0;}
.pg-lb a div p.pg-ml{ font-size:18px; font-weight:600; color:#333;}
.pg-lb a div p.pg-ml span{ font-family:Arial; color:#006897;}
.pg-lb a div p.pg-tl{ font-size:24px; color:#333; line-height:30px;}
.pg-lb a div p.pg-tx{ font-size:15px; color:#666; line-height:24px; margin-top:10px;}
.pg-am a{ display:block; width:198px; height:70px; line-height:70px; font-family:Arial; color:#fff; text-align:center; text-transform:uppercase; font-size:15px; border:1px solid #fff; margin:46px 0 0 247px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.pg-am a:hover{ background:#fff; color:#006897;}

/* Css Icon */
.in-bg{ background:url(../Images/in-bg.jpg) no-repeat center; vertical-align:top; height:285px;}
.in-lb ul li{ float:left; width:300px; margin-top:75px; text-align:center;}
.in-lb ul li a{ display:block; width:60px; height:60px; margin:0 auto; cursor:pointer;}
.in-lb ul li div{ margin-top:20px; color:#fff; line-height:30px;}
.in-lb ul li div strong{ display:block; font-size:15px; font-weight:normal;}
.in-lb ul li div span{ font-family:Arial;}
.in-lb ul li a.in-01{ background:url(../Images/in01.png) no-repeat; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.in-lb ul li a.in-01:hover{ background:url(../Images/an01.png) no-repeat;}
.in-lb ul li a.in-02{ background:url(../Images/in02.png) no-repeat; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.in-lb ul li a.in-02:hover{ background:url(../Images/an02.png) no-repeat;}
.in-lb ul li a.in-03{ background:url(../Images/in03.png) no-repeat; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.in-lb ul li a.in-03:hover{ background:url(../Images/an03.png) no-repeat;}
.in-lb ul li a.in-04{ background:url(../Images/in04.png) no-repeat; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.in-lb ul li a.in-04:hover{ background:url(../Images/an04.png) no-repeat;}

/* Css Bottom */
.bt-bg{ padding:35px; text-align:center; color:#888; line-height:28px;}
.bt-bg span{ font-family:Arial;}
.bt-bg a{ color:#888;}
.bt-bg a:hover{ color:#006897;}

/* Css Pages */
.product{ background:url(../Images/img02.jpg) no-repeat center; width:100%; height:450px;}
.news{ background:url(../Images/news.jpg) no-repeat center; width:100%; height:450px;}
.service{ background:url(../Images/service.jpg) no-repeat center; width:100%; height:450px;}
.contact{ background:url(../Images/contact.jpg) no-repeat center; width:100%; height:450px;}
.fangan{ background:url(../Images/fangan.jpg) no-repeat center; width:100%; height:450px;}

.lt-bg{ padding-top:75px; width:250px; vertical-align:top;}
.lt-nm{ background:#006897; padding:45px 0 25px 48px;}
.lt-nm p{ margin:0px;}
.lt-nm p.lt-mn{ font-size:24px; color:#fff;}
.lt-nm p.lt-mn span{ display:block; font-size:18px; line-height:30px; font-family:Arial;}
.lt-lb{ background:#eee;}
.lt-lb a{ display:block; height:52px; line-height:52px; border-bottom:1px solid #e0e0e0; font-size:16px; padding-left:48px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.lt-lb a:nth-of-type(3){ border-bottom:1px solid #eee;}
.lt-lb a:hover{ padding-left:60px;}
.lt-lb a.g{ font-weight:bold; color:#006897;}
.sc-nm{ font-size:18px; color:#006897; line-height:40px;}

.rt-yh{ height:75px; text-align:right;}
.rt-nm{ height:45px; border-bottom:1px solid #eee; font-size:24px; color:#333; vertical-align:top;}
.rs-nm{ font-size:24px; color:#333;}
.rt-lb{ padding-top:30px;}

.sn-lb ul li{ margin-bottom:25px; border:1px solid #e0e0e0; padding:20px 0;}
.sn-nm{ padding:0 20px;}
.sn-nm a{ font-size:16px; color:#333; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.sn-nm a:hover{ padding-left:10px;}
.sn-tx{ padding:5px 20px; color:#666;}
.sn-an{ padding:5px 20px; font-family:Arial; font-size:15px; color:#888;}

.sn-mn{ font-size:24px; color:#333; text-align:center; line-height:30px; padding-top:10px;}
.sn-in{ color:#888; text-align:center; padding-top:10px;}
.sn-in span{ padding:0 5px;}
.sn-in font{ font-family:Arial;}
.sn-js{ padding-top:25px;}
.sn-nt{ padding:20px 0 5px;}

.page a{ display:block; float:left; width:58px; line-height:45px; color:#888; text-align:center; margin-right:10px; margin-top:10px; border:1px solid #e0e0e0; cursor:pointer; font-family:Arial; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.page a:hover{ background:#006897; border:1px solid #006897; color:#fff;}
.page a.oe{ width:68px; font-family:Microsoft YaHei;}

.input{ height:24px; border:1px solid #e0e0e0; padding:0 10px; font-family:Microsoft YaHei; color:#888;}
.tarea{ width:380px; border:1px solid #e0e0e0; font-family:Microsoft YaHei; color:#888;}
.boton{ width:100px; height:35px; border:none; background:#006897; font-family:Microsoft YaHei; color:#fff; cursor:pointer; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.boton:hover{ background:#333;}
.table{ border-collapse:collapse;}
.table td{ border:1px solid #e0e0e0; padding:10px;}

.ps-lb{ padding-top:75px;}
.ps-lb a{ float:left; width:372px; margin-bottom:30px; margin-right:42px;}
.ps-lb a.ps-yb{ margin-right:0;}
.ps-lb a .ps-ig{ width:360px; height:360px; padding:5px; border:1px solid #eee; -moz-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05); box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05); -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.ps-lb a:hover .ps-ig{ -moz-box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.12); box-shadow:0 0 8px 4px rgba(0, 0, 0, 0.12);}
.ps-lb a .ps-ig img{ width:360px; height:360px;}
.ps-lb a .ps-nm{ text-align:center; line-height:50px; padding-top:10px; font-size:16px;}

.pt-ig{ text-align:center;}
.pt-nm{ font-size:24px; color:#333; line-height:50px;}
.pt-nm span{ font-size:30px;}
.pt-tb{ padding-top:10px;}
.pt-tb table{ border-collapse:collapse;}
.pt-tb table td{ border:1px solid #e0e0e0; padding:12px 20px;}
.pt-tb .pt-mn{ height:35px; background:#eee;}
.pt-am{ padding-top:35px;}
.pt-am a{ color:#888;}
.pt-am a:hover{ color:#006897;}

/* Page About */
.about{ width:100%; height:765px; background:url(../Images/about.jpg) no-repeat center; background-size:cover; min-width:1200px;}
.ab-bg{ width:1200px; margin:60px auto 0;}
.ab-zs{ background:url(../Images/ab01.jpg) no-repeat; height:500px; margin-top:55px; margin-bottom:60px; color:#fff; padding:48px 0 0 45px; font-size:16px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.ab-zs strong{ display:block; font-size:30px; margin-bottom:10px;}
.ab-js{ float:left; width:50%; height:450px; background:#eee; padding:75px 60px 0 60px; font-size:16px; line-height:30px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.ab-js strong{ display:block; font-size:30px; color:#006897; margin-bottom:35px;}
.ab-ig{ float:left; width:50%; height:450px;}
.ab-sb{ margin-top:25px;}

@media screen and ( max-width:1680px ){
.about{ height:668px;}
}
@media screen and ( max-width:1440px ){
.about{ height:575px;}
}

.size{ display:block; font-size:20px; margin:10px 0;}
.lx-bg{ width:1200px; margin:75px auto 0;}
.title{ font-size:20px; font-weight:600; color:#006897; margin-bottom:5px;}
.content{ color:#333; line-height:22px;}
.container{ width:100%; height:570px; margin-top:35px;}

/* Page Product */
.ig-bg{ width:1200px; margin:75px auto 0;}
.ig-zb{ float:left; width:290px;}
.ig-zb ul li a{ font-size:18px; color:#333; line-height:50px; background:url(../Images/a01.png) no-repeat left center; padding-left:25px;}
.ig-zb ul li a.a02{ background:url(../Images/a02.png) no-repeat left center;}
.ig-zb ul li a:hover{ font-weight:600;}
.ig-zb ul li dl a{ display:block; font-family:Arial; font-size:14px; color:#888; line-height:40px; background:none;}

.ig-yb{ float:right; width:800px;}
.ig-nm{ margin-top:20px; font-size:15px;}
.ig-nm strong{ display:block; margin-bottom:10px; font-size:18px;}
.ig-ig{ margin-top:30px;}
.ig-mG{ text-align:center; margin-bottom:35px;}
.ig-mG strong{ display:block; font-size:22px; margin-bottom:25px;}

.ig-tb{ margin-top:30px;}
.ig-tb dl{ font-size:20px; font-weight:600; margin-bottom:15px;}
.ig-tb table{ border-collapse:collapse;}
.ig-tb table td{ border:1px solid #e0e0e0; padding:10px 20px;}
.ig-tb .ig-mn{ background:#eee;}