﻿@charset "utf-8";
/* CSS Document */
.banner_pc{}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li{ display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img{ width:100%; display:block; border-radius:0px;}
.flex-pauseplay span{ text-transform:capitalize;}
.flex-control-nav{ width:100%; text-align:center; position:absolute; bottom:20px;}
.flex-control-nav li{ margin:0 6px; display:inline-block; zoom:1; *display:inline;}
.flex-control-paging li a{ width:14px; height:14px; display:block; background:#fff; cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.flex-control-paging li a:hover{ background:#fff;}
.flex-control-paging li a.flex-active{ background:#1a499b; cursor:default;}


.content{ padding:70px 10%;}
.dyip{ text-align:center;}
.dyip h2{ font-size:30px;}
.dyip .hd{ text-align:center;}
.dyip .hd h2{ font-size:30px;}
.dyip .hd ul{ margin-top:15px;}
.dyip .hd ul li{ display:inline-block; width:120px; height:28px; border:1px solid #CCC; border-radius:20px; line-height:28px; margin:5px 10px; cursor:pointer;}
.dyip .hd ul li.on{ color:#1a499b; border:1px solid #1a499b;}
.dyip .bd{ margin-top:30px;}
.dyip .bd ul{ margin-left:-2%; margin-top:25px;}
.dyip .bd li{ width:23%; margin-left:2%; float:left;}
.dyip .bd li .pic{ border:1px solid #999;}
.dyip .bd li .pic img{ width:100%;}
.dyip .bd li .title{ margin-top:20px;}
.dyip .bd li .title h3{ font-size:18px;}
.dyip .bd li .title p{ margin-top:20px; line-height:24px;}


.derp{ margin-top:70px; background:#1a499b;}
.derp .pic{ width:50%; float:left;}
.derp .pic img{ width:100%;}
.derp .derp_r{ width:50%; float:right; text-align:center;}
.derp .derp_r .box{ color:#fff; padding:10%;}
.derp .derp_r .box h2{ font-size:30px; padding-bottom:10px;}
.derp .derp_r .box p{ line-height:30px; font-size:16px;}
.derp .derp_r .box .more{ width:120px; height:40px; line-height:40px; background:#fff;margin:30px auto 0 auto;}
.derp .derp_r .box .more a{ display:block; color:#1a499b;}
.derp .derp_r .box .more a:hover{ display:block; color:#1a499b; text-decoration:none;}


.dsanp{ margin:0 auto;}
.dsanp .title{ font-size:24px; font-weight:bold; font-family:'Conv_tt1161m_';}
.sy_jjfa{ position:relative; height:auto; margin-top:20px; margin-bottom:100px;}
.sy_jjfa .item{ width:100%; position:relative;}
.sy_jjfa .item p{ font-size:16px; text-align:center; line-height:60px; background:#cde18f; font-family:'Conv_tt1161m_';}
.sy_jjfa .item p a:hover{ color:#333; text-decoration:none;}
.sy_jjfa .item .sy_jjfa_img{ height:auto; border:15px #F5F5F5 solid;}
.sy_jjfa .item .sy_jjfa_img img{ width:100%;}
.sy_jjfa .item .sy_jjfa_wb_bj{ width:100%; height:auto; display:table; position:absolute; top:0; left:0;}
.sy_jjfa .item .sy_jjfa_wb_bj .sy_jjfa_wb{ height:100%; display:table-cell; vertical-align:middle; text-align:center; color:#fff; padding:0 34px;}
.sy_jjfa .item .sy_jjfa_wb_bj .sy_jjfa_wb .sy_jjfa_wb_t{ font-size:18px;}
.sy_jjfa .item .sy_jjfa_wb_bj .sy_jjfa_wb .sy_jjfa_wb_b{ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:10px;}
.sy_jjfa .owl-wrapper:after{ content:" "; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

/* display none until init*/
.sy_jjfa{ display:none; width:100%; -ms-touch-action:pan-y; padding-bottom:1%;}
.sy_jjfa .owl-wrapper{ display:none; position:relative; -webkit-transform:translate3d(0px, 0px, 0px);}
.sy_jjfa .owl-wrapper-outer{ overflow:hidden; width:100%;}
.sy_jjfa .owl-wrapper-outer.autoHeight{ -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out;}
.sy_jjfa .owl-item{ float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor:pointer;}
.owl-controls{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* mouse grab icon*/
.grabbing{ cursor:url(../images/grabbing.png) 8 8, move;}

/* fix*/
.sy_jjfa .owl-wrapper, .sy_jjfa .owl-item{ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}
.sy_jjfa .owl-controls{ width:100%; z-index:111; height:auto;}
.sy_jjfa .owl-controls .owl-buttons div{ width:30px; height:150px; font-size:12px; text-indent:-9999px; border-radius:200px; position:absolute; bottom:0; transition:0.5s;}
.sy_jjfa .owl-controls .owl-buttons .owl-prev{ left:0%; top:59%;}
.sy_jjfa .owl-controls .owl-buttons .owl-next{ overflow:hidden; right:0%; top:59%;}
.sy_jjfa .owl-controls.clickable .owl-buttons div:hover{ filter:Alpha(Opacity=100); opacity:1; text-decoration:none;}
.sy_jjfa .owl-controls .owl-page{ display:inline-block; zoom:1; *display:inline;}
.sy_jjfa .owl-controls .owl-page span{ display:block; width:14px; height:14px; margin:0 6px; border-radius:100px; background:#cecece; transition:all 0.5s;}
.sy_jjfa .owl-controls .owl-page.active span, .sy_jjfa .owl-controls.clickable .owl-page:hover span{ background:#1a499b;}
.sy_jjfa .owl-controls .owl-page span.owl-numbers{ height:auto; width:auto; color:#fff; padding:2px 5px; font-size:12px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
.sy_jjfa .loading{ min-height:150px;}
.sy_jjfa .owl-pagination{ width:100%; height:14px; text-align:center; margin-top:10px;}
.owl-buttons{ margin-top:-100px;}
.debg{ background:url(../images/bg-honor.jpg); padding:0 0 1% 0;}


.dsip{ padding-top:50px;}
.dsip .hd{ text-align:center;}
.dsip .hd h2{ font-size:30px;}
.dsip .hd ul{ margin-top:20px;}
.dsip .hd ul li{ display:inline-block; width:120px; height:28px; border:1px solid #CCC; border-radius:20px; line-height:28px; margin:0 10px; cursor:pointer;}
.dsip .hd ul li.on{ color:#1a499b; border:1px solid #1a499b;}
.dsip .bd{ margin-top:30px;}
.dsip .bd .box{}
.dsip .bd .box .dsip_l{ width:50%; float:left;}
.dsip .bd .box .dsip_l img{ width:100%;}
.dsip .bd .box .dsip_l .title{ margin-top:20px;}
.dsip .bd .box .dsip_l .title h2{ font-size:18px; font-weight:bold;}
.dsip .bd .box .dsip_l .title h2 a{ color:#1a499b;}
.dsip .bd .box .dsip_l .title span{ color:#999;}
.dsip .bd .box .dsip_l .title p{ line-height:24px; margin-top:20px; color:#666;}

.dsip .bd .box .dsip_r{ width:47%; float:right;}
.dsip .bd .box .dsip_r ul{}
.dsip .bd .box .dsip_r li{ border-top:1px dotted #999; padding:20px 0;}
.dsip .bd .box .dsip_r li h2{ font-size:16px;}
.dsip .bd .box .dsip_r li span{ color:#999;}
.dsip .bd .box .dsip_r li p{ margin-top:10px; line-height:24px; color:#666;}
.dsip .bd .box .dsip_r .more{ width:120px; height:40px; line-height:40px; text-align:center; background:#ccc;}
.dsip .bd .box .dsip_r .more a{ display:block; color:#fff;}
.dsip .bd .box .dsip_r .more a:hover{ display:block; text-decoration:none; color:#fff;}


.banner_ny{ position:relative;}
.banner_ny .picyi{}
.banner_ny .picer{ display:none;}
.banner_ny img{ width:100%;}
.banner_ny .title{ position:absolute; left:0%; top:35%; width:100%; color:#FFF; font-size:40px; font-weight:300;}
.banner_ny .title .box{ padding:0 10%;}


.subnav{}
.subnav ul{ padding:0 10%;}
.subnav li{ float:left; line-height:70px;}
.subnav li a{padding:0 30px;display: block;}
.subnav li a:hover{padding:0 30px;display: block;text-decoration: none;}
.subnav li a.current{background: #1a499b;color: #FFF;}

.subnav_er{padding:3%;display: none;}
.subnav_er ul{line-height: 40px;}
.subnav_er li{border: 1px solid #CCC;margin-bottom: 10px;}
.subnav_er li a{padding-left: 5%;display: block;}
.subnav_er li a:hover{padding-left: 5%;display: block;text-decoration: none;}
.subnav_er li.current{border: 1px solid #1a499b;}
.subnav_er li.current a{background: #1a499b;color: #FFF;}


.con{ padding:50px 10%; background:#f5f5f5;}
.con .about{ line-height:26px;}
.con .about p{ padding-bottom:20px;}


.about{}
.about .pic{ float:left; width:48%;}
.about img{ max-width:100%;}
.about .about_r{ float:right; width:48%;}
.about .about_r h2{ font-size:30px; padding:20px 0; line-height:40px;}


.qyry{}
.qyry h2{ font-size:30px; padding-bottom:20px;}
.qyry ul{ margin-left:-2%;}
.qyry li{ width:23%; float:left; margin-left:2%; line-height:30px; text-align:center; margin-bottom:20px;}
.qyry li .pic{ border:1px solid #3d3d3d;}
.qyry li img{ width:100%;}
.qyry li p{ height:30px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}


.cpxqer{}
.cpxqer ul{}
.cpxqer li{ margin-bottom:1%;background: #FFF;}
.cpxqer li i{margin-right: 20px;font-size: 30px;color: #1a499b;}
.cpxqer li .border.active i{color: #FFF;}
.cpxqer li span{float: right;}
.cpxqer li .border.active{background: #1a499b url(../images/join_hover.png) no-repeat 96% center;color: #FFF; border:1px solid #1a499b;}
.cpxqer li .border{ line-height: 80px; font-size:16px; border:1px solid #DDD; padding:0 3%;background: url(../images/join.png) no-repeat 96% center;}
.cpxqer li .con_er{ display:none; line-height:24px; padding:3%; background:#FFF;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.cpxqer li .con_er table{ border-top:1px solid #DDD; border-left:1px solid #DDD;}
.cpxqer li .con_er table td{ border-right:1px solid #DDD; border-bottom:1px solid #DDD; padding:0 1%;}


.fenye{margin-top: 10px;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: 18px;width: 50px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #999;margin:0 3px;}
.fenye li a{display: block;}
.fenye li a:hover{display: block;text-decoration: none;}
.fenye li.current{border: 1px solid #1a499b;background: #1a499b;}
.fenye li.current a{color: #FFF;}


.news{}
.news ul{}
.news li{background: #FFF;margin-bottom: 20px;}
.news li .pic{width: 300px;float: left;}
.news li .pic img{width: 100%;}
.news li .title_er{ margin-left: 330px;padding:15px 20px 15px 0;}
.news li .title_er h2{font-size: 20px;line-height: 30px;margin-bottom: 10px;}
.news li .title_er h2 a:hover{text-decoration: none;}
.news li .title_er .txt{line-height: 24px;color: #666;height: 48px;overflow: hidden;}
.news li .title_er p{color: #666;font-size: 16px;margin-top: 10px;}
.news li .title_er .more{margin-top: 20px;font-size: 16px;}
.news li .title_er .more i{margin-right: 15px;}
.news li .title_er .more a{color: #1a499b;}
.news li .title_er .more a:hover{color: #1a499b;text-decoration: none;}



.news_con{margin:50px 0%;}
.news_con .title{border-bottom: 1px solid #DDD;padding-bottom: 20px;text-align: center;}
.news_con .title h2{font-size: 30px;text-transform: uppercase;color: #333;line-height: 30px;margin-bottom: 10px;}
.news_con .title span{color: #999;}
.news_con .box{ line-height:30px; padding:30px 2%;}
.news_con p{ padding-bottom:20px; text-indent:2em;}

.fh{width: 120px;margin:50px auto 0 auto;background: #1a499b;line-height: 40px;text-align: center;border-radius: 20px;}
.fh a{display: block;color:#FFF;}
.fh a:hover{display: block;color:#FFF;text-decoration: none;}

.sxy{border-top: 1px solid #DDD;margin-top:50px;padding-top: 20px;margin:50px 0%;}
.sxy li{padding:10px 0;}


.product_con{background: #FFF;padding:3%;margin-bottom: 30px;}
.product_t{}
.title_con{ border-bottom:1px solid #CCC; margin-bottom:15px; padding:20px 0;}
.title_con h2{ font-size:30px; float:left;font-weight: normal;}
.meiti_dt{width:48%;float:left;}
.product_t_r{ float:right; width:48%;}
.product_t_r h2{font-size: 30px;font-weight: bold;border-bottom: 1px dotted #CCC;padding-bottom: 10px;color: #1a499b;}
.product_t_r .txtyi{line-height: 40px;}
.product_t_r .txtyi p{border-bottom: 1px dotted #CCC;}
.product_t_r .txter{ font-size:16px; padding-bottom:20px;line-height: 24px;padding-top: 20px;}
.product_t_r .txter h3{ font-size:18px; color:#333; line-height:30px;font-weight: bold;}
.product_t_r .txtsan{color: #1a499b;margin-top: 20px;}
.product_t_r .txtsan i{padding-right: 10px;font-size: 24px;}
.product_t_r .txtsan p span{font-size: 24px;}
.product_t_r .more{}
.product_t_r .more .zxzx{ width:160px; height:40px; line-height:40px; text-align:center; font-size:18px; margin-top:20px;float: left;background: #1a499b;border-radius: 3px;}
.product_t_r .more .ljcg{ width:160px; height:40px; line-height:40px; text-align:center; font-size:18px; margin-top:20px;float: left;background: #333;border-radius: 3px;margin-left: 10px;}
.product_t_r .more a{ display:block;color: #FFF;}
.product_t_r .more a:hover{ display:block; text-decoration:none;}
.product_t_r .zlxz_er{ width:200px; height:60px; line-height:60px; background:#333; text-align:center; font-size:18px; margin-top:20px;float: left;margin-left: 20px;}
.product_t_r .zlxz_er a{ color:#FFF; display:block;}
.product_t_r .zlxz_er a:hover{ color:#FFF; display:block; text-decoration:none;}
.product_t_r .zlxz_er i{padding-right:10px;font-size: 20px;}

.zxgm{ display:none; position:fixed; left:0; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.2); z-index:101;}
.zxgm .box{ width:500px; background:#FFF; position:fixed; left:50%; top:50%; margin-left:-250px; margin-top:-250px;}
.zxgm .box .titleer{ height:60px; line-height:60px; background:#f6f6f6;}
.zxgm .box .titleer p{ float:left; padding-left:5%;}
.zxgm .box .titleer i{ float:right; width:60px; height:60px; text-align:center; cursor:pointer;}
.zxgm .box .titleer i:hover{ background:#7e7e7e; color:#FFF;}
.zxgm .box ul{ padding:5%;}
.zxgm .box li{ font-size:24px;}
.zxgm .box li .input_txt{ width:100%; border:0 none; height:30px; border-bottom:1px solid #CCC; outline:medium; font-family: "微软雅黑"; font-size:12px;}
.zxgm .box li textarea { width: 100%;border: 0 none; height:60px; border-bottom:1px solid #CCC; outline: medium;border-radius: 0; font-family: "微软雅黑"; font-size:12px; margin-top:7px;}
.zxgm .box li .input_txt1{ width:50%; border:0 none; height:30px; border-bottom:1px solid #CCC; outline:medium; font-family: "微软雅黑"; font-size:12px;}
.zxgm .box li .input_btn{ width:100px; height:30px; font-size:12px; background:#e46000; border:0 none; color:#FFF; font-family: "微软雅黑"; outline:medium;margin-top:10px; appearance: none;-webkit-appearance:none ; border-radius:0;}

.product_b{ padding:40px 0 0 0;}
.product_b .slideTxtBox{}
.product_b .slideTxtBox .hd{ border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.product_b .slideTxtBox .hd ul{}
.product_b .slideTxtBox .hd ul li{ float:left; cursor:pointer; line-height:50px; width:33.333%; text-align:center; font-size:18px;}
.product_b .slideTxtBox .hd ul li.on{ background:#1a499b; color:#fff;}
.product_b .slideTxtBox .bd .con_cp{ padding-top:30px; font-size:14px; color:#666; line-height:25px;}
.product_b .slideTxtBox .bd .con_cp img{ max-width:100%;}


.hzkh{}
.hzkh h2{ font-size:30px; padding-bottom:20px;}
.hzkh ul{ margin-left:-2%;}
.hzkh li{ width:14.5%; float:left; margin-left:2%; line-height:30px; text-align:center; margin-bottom:2%; background:#fff;}
.hzkh li .box{ padding:10px;}
.hzkh li img{ width:100%;}


.jjfa{}
.jjfa h2{ font-size:30px; padding-bottom:20px;}
.jjfa ul{ margin-left:-2%;}
.jjfa li{ width:23%; float:left; margin-left:2%; line-height:30px; text-align:center; margin-bottom:2%; background:#fff; font-size:18px;}
.jjfa li img{ width:100%;}
.jjfa li p{ padding:20px;}


.down_width{ width:100%; margin:0 auto;}
.down_width ul{ overflow:hidden;}
.down_width ul.d_title li{ font-size:16px; color:#333; font-weight:bold; line-height:22px; padding:8px 0; border-bottom:#cdcdcd 2px solid;}
.down_width ul.xiangxi li{ font-size:14px; line-height:20px; color:#333; border-bottom:#e1e1e1 2px solid; padding:8px 0; height:40px; word-break:break-all; display:flex; justify-content:center; align-items:center; overflow:hidden;}
.down_width ul li.model{ width:30%; float:left; justify-content:left !important; padding:8px 2% 8px 2%;}
.down_width ul li.prodt{ width:35%; float:left; justify-content:left !important; padding:8px 2% 8px 2%;}
.down_width ul li.prodt2{ width:15%; float:left; text-align:center;}
.down_width ul li.pwm{ width:12%; float:left; text-align:center;}
.down_width ul li a{ font-size:14px; color:#1a499b; display:block; line-height:20px;}
.down_width ul li a:hover{ color:#1a499b; text-decoration:underline;}


.service{ font-size:14px; color:#666; line-height:25px;}
.service img{ max-width:100%;}


.contact_t .title{ font-size:30px; padding-bottom:30px; font-weight:bold;}
.contact_t .t_box{ line-height:30px; padding-bottom:50px; margin-left:-2%;}
.contact_t .txt{ float:left; width:48%; background:#fff; margin-left:2%; min-height:290px; margin-bottom:2%;}
.contact_t .txt h2{ font-size:18px; margin-bottom:10px; font-weight:bold;}
.contact_t .txt .box{ padding:20px;}

.zxly_er{ margin-top:20px;}
.zxly_er .title{ font-size:30px; padding-bottom:30px; font-weight:bold;}
.zxly_er ul{}
.zxly_er li{ width:49%; margin-bottom:30px;}
.zxly_er li:nth-of-type(odd){ float:left;}
.zxly_er li:nth-of-type(even){ float:right;}
.zxly_er li p{ padding-bottom:10px;}
.zxly_er li p span{ color:#cde18f;}
.zxly_er li .input_txt{ width:96%; height:56px; border:1px solid #999; outline:medium; padding:0 2%; font-family:'Conv_tt1161m_';}
.zxly_er .textarea{ margin:0;}
.zxly_er .textarea textarea{ width:98%; height:100px; border:1px solid #999; outline:medium; padding:1%; font-family:'Conv_tt1161m_';}
.zxly_er .textarea p{ font-weight:bold; padding-bottom:10px;}
.zxly_er .textarea p span{ color:#cde18f;}
.zxly_er .more{ margin-top:30px;}
.zxly_er .input_btn{ width:250px; height:60px; font-family:'Conv_tt1161m_'; border:0 none; margin-right:10px; color:#fff; background:#1a499b; cursor:pointer; outline:medium;}
.zxly_er .input_btner{ background:#ccc;}

#mapbarframe{ margin-top:50px; border:1px solid #999;}