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

*{ margin:0; padding:0;}
.width{ width:1100px; margin:0 auto;}
.clear{ clear:both; height:0;}
a{ text-decoration:none; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
img{ border:0; max-width:100%;}
li{ list-style-type:none;}
body{ font-family:"微软雅黑"; overflow-x:hidden;}

.top_bg_mid,.logo_bg,#lunbotu,.nav3_bg,.product2,.foot_m,.content .pro_nav2,.title,.pro2_bg,.pro_img2,.par2_bg,.map_m{ display:none;}


.top_bg{ background:url(../img/top_bg.jpg); height:120px; border-bottom:2px solid #003399;}
.logo{ float:left; margin-top:31px;}
.top_t{ float:left; font-size:15px; color:#333; padding-top:29px; margin-left:35px;}
.top_t1{ font-weight:bold;}
.top_t2{ padding-top:2px;}
.top_r{ float:right; font-size:14px; color:#333; margin-top:26px;}
.top_r span{ font-size:26px; color:#ff0000;}
.lang{ float:right; margin-top:5px;}
.lang a{ float:left; display:block; width:50px; height:24px; line-height:24px; text-align:center; background:#003399; color:#fff; font-size:12px; margin-left:5px;}
.lang a:hover{ background:#0044cb;}

.nav_bg{ border-top:1px solid #fff; border-bottom:5px solid #00216b; background:#003399; height:50px;}
.nav a{ float:left; display:block; text-align:center; line-height:50px; color:#fff; padding:0 32px; border-bottom:5px solid #00216b; font-size:15px;}
.nav a:hover{ background:#ff0000; border-bottom:5px solid #b70000;}
.cur{ background:#ff0000; border-bottom:5px solid #b70000 !important;}
.search{ float:right; margin-top:13px;}
.search1{ float:left; width:180px; padding:0 10px; height:24px; line-height:24px; font-size:14px; color:#666; background:#fff; border:none; outline:none;}
.search2{ float:left; width:24px; height:24px; background:url(../img/search.png) center no-repeat; border:none; outline:none; cursor:pointer;}

.banner{ position:relative; width:100%; height:500px; overflow:hidden; zoom:1; -moz-user-select:-moz-none; cursor:default;}
.banner li{ list-style-type:none;}
.banner .slides li{ width:100%; height:100%;}
.banner:hover .flex-next {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-prev {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-next:hover,.banner:hover .flex-prev:hover {opacity: 1; filter: alpha(opacity=50);}
.flex-control-nav { width:100%; position: absolute; bottom: 18px; text-align: center;}
.flex-control-nav li {margin: 0 2px; display:inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { display:inline-block; height:10px; overflow: hidden; text-indent: -99em; width:10px; cursor: pointer; border-radius:50%; background:#fff;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a { background:#003399;}
.banner .slides a img {width: 100%; display: block; cursor:default;}

.product{ padding:40px 0; border-bottom:1px solid #ddd;}
.left{ float:left; width:270px;}
.right{ float:right; width:800px;}
.left_t{ line-height:90px; background:#003399; color:#fff; font-size:24px; text-align:center; margin-bottom:5px;}
.pro_nav{ width:250px; padding:28px 10px 0; background:#003399;}
.pro_nav a{ display:block; font-size:14px; line-height:53px; background:url(../img/li.png) 20px center no-repeat #fff; padding-left:40px; color:#666; border-bottom:1px dotted #ddd;}
.pro_nav a:hover{ color:#ff0000; background-image:url(../img/li2.png);}
.pro_tel{ font-size:24px; line-height:70px; color:#fff; background:url(../img/tel.png) 25px center no-repeat #003399; padding-left:65px;}

.right_t{ height:48px; line-height:48px; border-bottom:1px solid #ddd; margin-bottom:20px;}
.right_t1{ float:left; font-size:26px; font-weight:bold; color:#333;}
.right_t2{ float:right; font-size:12px; color:#666;}
.right_t2 a{ color:#666;}
.right_t2 a:hover{ color:#ff0000;}
.pro1_bg{ width:833px;}
.pro1{ position:relative; display:block; float:left; width:244px; text-align:center; font-size:14px; color:#666; margin-right:33px; margin-bottom:15px;}
.pro1:hover{ color:#003399;}
.pro1:hover .pro1_hover{ filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
.pro1:hover .pro1_hover2{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.pro1 img{ border:1px solid #ddd;}
.pro1 p{ padding-top:2px;}
.pro1_hover{ position:absolute; left:1px; top:1px; width:100%; height:183px; background:#000; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.pro1_hover2{ position:absolute; left:1px; top:1px; width:100%; height:183px; background:url(../img/more.png) center no-repeat; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}

.advan{ padding:40px 0;}
.t1{ font-size:28px; text-align:center; color:#333; font-weight:bold;}
.t2{ width:32px; height:3px; background:#ff0000; margin:12px auto 8px;}
.t3{ font-size:14px; color:#666; text-align:center; margin-bottom:20px;}
.advan_left{ float:left; width:450px;}
.advan_left li{ float:left; margin-right:5px; margin-bottom:5px;}
.advan_left a{ float:left; display:block; width:220px; height:50px; text-align:center; color:#fff;}
.advan_left a:hover{ background-color:#003399;}
#tabs ul li.ui-tabs-active a{ background-color:#003399;}
.advan_a1{ background:url(../img/a1.png) center 35px no-repeat #666; padding-top:90px;}
.advan_a2{ background-image:url(../img/a2.png);}
.advan_a3{ background-image:url(../img/a3.png);}
.advan_a4{ background-image:url(../img/a4.png);}
.advan_a5{ background-image:url(../img/a5.png);}
.advan_a6{ height:95px !important; background:#666; line-height:30px; padding-top:45px;}
.advan_a6 span{ font-size:24px;}
.advan1{ position:relative; float:right; width:650px; height:430px;}
.advan_hover{ position:absolute; bottom:0; width:100%; height:140px; background:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.advan_hover2{ position:absolute; bottom:0; width:90%; padding:0 5%; height:140px; color:#fff; text-align:center;}
.advan_t1{ font-size:20px; margin:25px 0 10px;}
.advan_t2{ font-size:14px; line-height:24px;}

.equipment{ padding:30px 0; background:url(../img/equ_bg.jpg) center no-repeat;}
.equipment .width{ position:relative;}
.equ_bg{ position:relative; float:left; width:50%; height:370px;}
.equ_nav{ position:absolute; right:0; top:0; width:30%; height:100%; background:url(../img/equ_nav.png); text-align:center; z-index:2;}
.equ_t{ line-height:52px; color:#fff; font-weight:bold;}
.equ_nav li{ height:52px; line-height:52px; border-top:1px solid rgba(255,255,255,.3); outline:none;}
.equ_nav a{ display:block; color:#fff; outline:none;}
.equ_nav a:hover{ background:#003399; color:#fff;}
#tabs2 ul li.ui-tabs-active a{ background:#003399; color:#fff;}
.equ1{ position:absolute; left:0;}

.about{ float:right; width:520px;}
.about_t{ font-size:26px; font-weight:bold; color:#333; padding:5px 0 10px;}
.desc{ font-size:14px; color:#666; line-height:24px;}
.desc a{ color:#666; text-decoration:underline;}
.desc a:hover{ color:#003399;}
.about .desc{ color:#333;}
.about_more{ padding-top:10px;}
.about_more a{ color:#003399;}

.about1_bg{ padding:40px 0;}
.a1_bg{ text-align:justify; line-height:0; font-size:0;}
.a1_bg:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.a1{ position:relative; display:inline-block; vertical-align:top; color:#fff; text-align:center; font-size:16px;}
.a1:hover .a1_h{ background:#003399;}
.a1_h{ position:absolute; bottom:0; width:100%; height:50px; background:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -webkit-transition:.3s ease-out; transition:.3s ease-out;}
.a1 p{ position:absolute; bottom:0; width:100%; line-height:50px;}

.foot{ padding:40px 0 30px; background:#666; color:#fff;}
.foot a{ color:#fff;}
.foot a:hover{ text-decoration:underline;}
.foot1{ float:left;}
.foot_t{ font-size:14px; line-height:24px; margin-top:15px;}
.foot2{ float:right;}
.code{ float:right; text-align:center; font-size:14px; margin-left:10px; width:108px;}

.ban{ height:300px;}

.content{ padding:40px 0;}
.content .pro_nav{ padding-bottom:50px;}
.content .pro_nav a{ background:#fff; padding-left:0; text-align:center;}
.content .pro_tel{ display:none;}
.cur3{ color:#ff0000 !important;}
.content .right_t1{ font-size:20px;}
.pro_nav_2 a{ background:url(../img/li.png) 20px center no-repeat #fff !important; padding-left:40px !important; text-align:left !important;}
.pro_nav_2 a:hover{ background-image:url(../img/li2.png) !important;}
.pro_nav_2 .cur3{ background-image:url(../img/li2.png) !important;}

.page{ margin-top:30px;}
.page,.page span,.page p,.page a{ padding:4px; font-size:0.875em; color:#aaa !important;}
.page a{ color:#666 !important;}
.page a:hover{ color:#004a8b !important;}

.pro_img{ float:left; width:400px;}
.pro_img img{ border:1px solid #ddd;}
.pro_right{ float:right; width:360px;}
.pro_t{ font-size:16px; font-weight:bold; color:#003399; padding:15px 0;}
.pro_tel2{ font-size:14px; color:#666; padding:10px 0 15px;}
.pro_tel2 span{ color:#ff0000;}
.pro_more{ display:block; width:110px; height:35px; line-height:35px; text-align:center; font-size:14px; background:#003399; color:#fff; border-radius:18px;}
.pro_more:hover{ background:#00226f;}
.pro_t2{ font-size:14px; color:#333; font-weight:bold; border-bottom:1px solid #ddd; padding:20px 0 8px; margin-bottom:10px;}

.pro_next{ font-size:14px; color:#666; margin-top:50px;}
.pro_next a{ color:#003399;}
.pro_next1{ float:left; width:45%;}
.pro_next2{ float:right; width:45%; text-align:right;}

.equ2_bg{ text-align:justify; line-height:0; font-size:0;}
.equ2_bg:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.equ2{ display:inline-block; vertical-align:top; width:49%; font-size:14px; line-height:20px; text-align:center; color:#666; margin-bottom:15px;}
.equ2:hover{ color:#003399;}
.equ_t2{ font-size:15px; color:#003399; font-weight:bold; padding:15px 0 10px;}
.par1_bg{ width:816px;}
.par1{ float:left; margin-right:8px; width:193px; margin-bottom:10px;}
.par1 img{ border:1px solid #ddd;}

.news1{ line-height:26px; font-size:14px; margin-bottom:18px;}
.news11{ color:#333;}
.news11 span{ color:#003399;}
.news12{ color:#666;}
.news12 span{ color:#ff0000;}

.news2{ margin-bottom:18px;}
.news2 a{ color:#333;}
.news2 a:hover{ color:#003399;}
.news2_t{ font-size:15px; color:#333; background:url(../img/news_li.jpg) left center no-repeat; padding-left:15px; margin-bottom:5px;}
.news2_t2{ font-size:14px; color:#666; line-height:24px; padding-left:15px;}

.news_t1{ text-align:center; font-size:18px; color:#333;}
.news_t2{ text-align:center; font-size:12px; color:#666; padding:8px 0 12px;}
.news_t3{ width:35px; height:2px; background:#003399; margin:0 auto 15px;}
.news_next{ border-top:1px dotted #ddd; padding-top:10px;}

.j1{ margin-bottom:30px;}
.j1_pic{ float:left; width:440px;}
.j1_p{ float:right; width:330px; margin-top:30px;}
.j2 .j1_pic{ float:right;}
.j2 .j1_p{ float:left;}
.j1_t{ font-size:18px; color:#333; padding:10px 0;}

.in1{ width:50%; height:40px; line-height:40px; padding:0 5px; font-size:0.6875em; border:1px solid #fff; background:#f0f0f0; color:#666; font-family:"微软雅黑"; margin-bottom:5px; outline:none;}
.in2{ width:95%; height:180px; padding:0 5px; line-height:40px; font-size:0.6875em; border:1px solid #fff; background:#f0f0f0; color:#666; font-family:"微软雅黑"; margin-bottom:5px; outline:none;}
.in3{ width:30%; height:35px; line-height:35px; padding:0 5px; text-align:center; border:1px solid #003399; background:#003399; color:#fff; font-size:0.6875em; font-family:"微软雅黑";}
.in3:hover{ background:#ff0000; border-color:#ff0000;}

.map{ margin-top:15px;}



/* blue #003399 */
/* red #ff0000 */
/* dark blue #00226f */
/* dark red #b70000 */


@media (max-width: 1099px){
.width{ width:98%; padding:0 1%;}
.top_bg,.banner,.product,.left,.content .right_t,.par1_bg,.map{ display:none;}
.top_bg_mid,.logo_bg,#lunbotu,.product2,.content .pro_nav2,.title,.pro2_bg,.par2_bg,.map_m{ display:block;}

.top_bg_mid{ background:#003399; height:40px; line-height:40px; font-size:0.875em; color:#fff;}
.tel_mid{ float:left;}
.search{ margin-top:8px;}
.lang{ margin-top:8px; margin-right:5px;}
.lang a{ background:#0044cb;}
.logo_bg{ padding:25px 0 18px; border-bottom:2px solid #003399;}

.nav_bg .width{ width:100%; padding:0;}
.nav_bg .nav a{ width:14.285714%; padding:0;}
.nav_bg .search{ display:none;}

#lunbotu{ overflow: hidden; visibility: hidden; position: relative; width:100%;}
.swipe-wrap{ overflow: hidden; position: relative;}
.swipe-wrap > div{ float:left; width:100%; position: relative;}
/* END required styles */
.swipe-wrap img{ width: 100%;}
.yuandian{ width:100%; text-align:center; bottom:10px; position: absolute;}
.yuandian li{ display:inline-block; width:8px; height:8px; border-radius:100%; background:#ddd; margin:0 1px;}
.yuandian .cur1{ background:#ff0000;}

.product2{ padding:40px 0;}
.pro_nav2{ text-align:justify; line-height:0; font-size:0;}
.pro_nav2:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.pro_nav2 a{ display:inline-block; vertical-align:top; width:49%; font-size:14px; text-align:center; line-height:35px; background:#f0f0f0; margin-bottom:5px; border-radius:25px; color:#666;}
.cur4{ background:#003399 !important; color:#fff !important;}
.pro2_bg{ text-align:justify; line-height:0; font-size:0;}
.pro2_bg:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.pro2{ display:inline-block; vertical-align:top; width:49%; font-size:14px; text-align:center; line-height:20px; color:#666; margin-bottom:10px;}
.pro2 img{ border:1px solid #ddd;}

.advan_left{ float:none; width:100%; text-align:justify; line-height:0; font-size:0;}
.advan_left:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.advan_left li{ float:none; display:inline-block; width:19%; margin:0; margin-bottom:5px;}
.advan_left a{ width:100%; font-size:14px; line-height:20px;}
.advan_a6{ display:none !important;}
.advan1{ float:none; width:100%; max-width:650px; margin:0 auto;}

.equipment{ background-size:cover; margin-top:30px;}
.about{ float:none; width:100%; margin-bottom:30px;}

.equ_bg{ float:none; width:100%;}
.equ_t{ color:#333; font-weight:bold; background:#f0f0f0;}
.equ_nav li{ border-top:1px solid #fff;}
.equ_nav a{ background:#f0f0f0; color:#666;}

.about1_bg{ margin-top:40px;}
.a1{ width:100%; margin-bottom:15px;}
.a1_h{ width:350px; margin:0 auto; left:50%; margin-left:-175px;}

.foot1{ width:70%;}
.code{ margin-top:25px;}
.code1{ display:none;}

.ban{ height:200px;}

.content{ padding-top:20px;}
.content .pro_nav2{ margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:15px;}

.title{ height:30px; line-height:30px; border-bottom:1px solid #ddd; color:#666; margin-bottom:20px;}
.title1{ float:left; font-size:1.2em;}
.title2{ float:right; font-size:0.6875em;}
.title2 a{ color:#666;}

.content .right{ width:100%;}
.content .pro1_bg{ display:none;}

.pro_img{ display:none;}
.pro_img2{ display:block; width:100%;}
.pro_img2 img{ border:1px solid #ddd;}
.pro_right{ float:none; width:100%;}

.par2_bg{ width:100%; text-align:justify; line-height:0; font-size:0;}
.par2_bg:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.par2{ display:inline-block; vertical-align:top; width:49%; margin-bottom:10px;}
.par2 img{ border:1px solid #ddd;}

.j1{ margin-bottom:40px;}
.j1_pic{ float:none; width:100%;}
.j1_p{ float:none; width:100%; margin-top:0; text-align:center;}
.j2 .j1_pic{ float:none;}
.j2 .j1_p{ float:none;}
.j1_t{ font-size:18px; padding:10px 0;}

.in1{ width:95%; height:30px; line-height:30px;}
.in2{ line-height:30px;}
.in3{ height:30px; line-height:30px; margin-left:35%;}

.map_m{ margin-top:15px;}
}

@media (max-width: 991px){

}

@media (max-width: 767px){
.width{ width:90%; padding:0 5%;}
.top_bg_mid,.logo_bg,.nav_bg,.foot{ display:none;}
.nav3_bg,.foot_m{ display:block;}

.nav3_bg{ position:fixed; top:0; width:100%; height:70px; background:#fff; border-top:10px solid #003399; z-index:999; box-shadow:0 1px 1px #333;}
.logo3{ position:absolute; width:60%; left:20%; margin-top:22px; z-index:1;}
.logo3 img{ height:26px;}
.lang2{ position:absolute; z-index:2; text-align:right; right:5%; margin-top:18px; font-size:0.75em;}
.lang2 a{ display:block; width:40px; height:15px; line-height:14px; color:#666;}
.lang3{ margin-top:40px;}
.nav3{ position:relative;}
.nav3 ul li ul{ display:none; background:#fff; padding:15px 0;}
#nav3_btn{ display:block; width:26px; height:26px; margin:22px 0 22px 5%; background:url(../img/menu_btn.png) left center no-repeat; background-size:contain; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/menu_btn.png', sizingMethod='scale');}
.nav3 ul li ul li{ padding:5px 0; font-size:0.875em;}
.nav3 ul li ul a{ display:block; padding:0 5%; color:#666;}
.nav3 ul li ul a:hover{ color:#003399;}
.cur2{ color:#003399 !important;}
.nav3 ul li ul li ul{ padding:5px 0 0;}
.nav3 ul li ul li ul li{ padding:0; font-size:0.875em; line-height:1.75em;}

#lunbotu{ margin-top:80px;}
.yuandian li{ width:4px; height:4px; margin:0 1px;}

.product2{ padding:20px 0;}
.t1{ font-size:1em;}
.t2{ width:22px; height:2px; margin:8px auto;}
.t3{ font-size:0.625em; margin-bottom:12px;}
.pro_nav2 a{ font-size:11px; line-height:30px; margin-bottom:5px; border-radius:25px;}

.pro2{ font-size:11px; line-height:15px; margin-bottom:10px;}

.advan_left li{ margin:0; margin-bottom:5px;}
.advan_left a{ font-size:9px; line-height:12px; height:30px;}
.advan_a1{ background:url(../img/a1.png) center 10px no-repeat #666; background-size:40%; padding-top:40px;}
.advan_a2{ background-image:url(../img/a2.png);}
.advan_a3{ background-image:url(../img/a3.png);}
.advan_a4{ background-image:url(../img/a4.png);}
.advan_a5{ background-image:url(../img/a5.png);}
.advan1{ height:auto;}
.advan_hover{ height:70px;}
.advan_hover2{ height:70px;}
.advan_t1{ font-size:0.75em; margin:15px 0 5px;}
.advan_t2{ font-size:0.625em; line-height:1.2em;}

.equipment{ padding:10px 0; margin-top:25px;}
.about{ margin-bottom:25px;}
.about_t{ font-size:1em; padding:5px 0 10px;}
.desc{ font-size:0.6875em; line-height:1.5em;}
.about_more{ padding-top:10px;}

.equ1{ margin-top:62px; border-top:1px solid #fff;}
.equ_nav{ position:relative; width:100%; height:auto;}
.equ_bg{ height:290px;}
.equ_t{ display:none;}
.equ_nav li{ float:left; height:30px; line-height:30px; border-top:1px solid #fff; width:33.33333%; font-size:0.6875em;}

.about1_bg{ margin-top:20px;}
.a1{ font-size:11px; margin-bottom:10px;}
.a1_h{ width:100%; left:0; margin-left:0; height:30px;}
.a1 p{ line-height:30px;}

.foot_m{ text-align:center; font-size:0.625em; background:#666; color:#fff; padding:12px 0 10px; margin-top:10px;}

.ban{ height:90px; margin-top:80px;}

.content{ padding-top:20px; padding-bottom:10px;}
.content .pro_nav2{ margin-bottom:15px; padding-bottom:10px;}

.title{ height:20px; line-height:20px; margin-bottom:15px;}
.title1{ font-size:1em;}
.title2{ font-size:0.5625em;}

.page{ margin-top:10px;}
.page,.page span,.page p,.page a{ padding:3px; font-size:0.75em;}

.pro_t{ font-size:0.75em; padding:15px 0;}
.pro_tel2{ font-size:0.6875em; padding:10px 0 15px;}
.pro_more{ width:25%; height:25px; line-height:25px; font-size:0.6875em; border-radius:18px;}
.pro_t2{ font-size:0.75em; padding:25px 0 8px; margin-bottom:10px;}
.pro_next{ font-size:0.6875em; margin-top:30px;}

.par2{ margin-bottom:5px;}

.news1{ line-height:1.75em; font-size:0.6875em; margin-bottom:12px;}
.news2{ margin-bottom:18px;}
.news2_t{ font-size:0.6875em; padding-left:15px; margin-bottom:5px;}
.news2_t2{ font-size:0.6875em; line-height:1.75em; padding-left:15px;}

.news_t1{ font-size:0.875em;}
.news_t2{ font-size:0.5625em; padding:8px 0;}
.news_t3{ width:18px; height:2px; margin:0 auto 12px;}
.news_next{ padding-top:10px;}

.j1{ margin-bottom:20px;}
.j1_t{ font-size:0.875em; padding:8px 0 5px;}

.in2{ height:auto;}
}