@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px; font-family: "Arial"}
img{ border:0;}
a{ text-decoration:none; color:#333; }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.container{width:1210px; margin: 0 auto; }
.w1200{ width:1280px; margin: 0 auto; }
.w1440{ width:1440px; margin: 0 auto; }
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
body{overflow-x:hidden}
*:focus{
border:none;
}
@font-face {
font-family: 'BODONI';
src: url('../font/BODONI MT.TTF') format('truetype');
font-weight: normal;
font-style: normal;
}
/* 导航栏 */
.header_nav{height:84px; width:100%; z-index: 9; border-bottom: 1px solid rgba(255,255,255,0.3); position: absolute; top:0; left:0; padding: 0 6% }
.h_logo{width:213px; height:84px; float: left; display: flex; align-items: center; }
.h_logo img{max-width: 100%; height: auto; align-items: center; }
.h_search{float: right; width: 20%; height:44px; border: 1px solid rgba(255,255,255,0.3); border-radius: 25px; padding: 0 20px; margin-top: 20px; }
.h_search input[type="text"]{width:60%; height: 100%; float: left; color:#fff; font-size: 14px; background: none; border: 0}
.h_search .h_submit{width:20px; height: 100%; float: right; background: url(../images/h_icon.png) no-repeat center; border: 0}
.h_search input::-webkit-input-placeholder{
color:#fff;
}
.h_search input:-moz-placeholder{
color:#fff;
opacity: 1;
}
.h_search input::-moz-placeholder{
color:#fff;
opacity: 1;
}
.h_search input:-ms-input-placeholder{
color:#fff;
}
.nav{ height:84px; float: right; width:53%; margin-right:2%}
.nav .nLi{position:relative;float:left;display:inline;height:100%; width:12.5%;}
.nav .nLi h3{ font-weight: normal; width:100%; height: auto; }
.nav .nLi h3 p{height:100%; color:#fff; font-size:16px; width:auto; position: relative; text-align: center; display: table; line-height:82px; margin: 0px auto}
.nav .nLi h3 a{display:block;width:100%;height:100%;color:#fff; }
.nav .sub{position:absolute;top:84px;left:50%; z-index:999;display:none;padding:0;width:180px; margin-left:-90px; background:#fff;line-height:26px;}
.nav .sub li{height:33px;border-bottom:1px solid #eee;text-align:center;line-height:33px;zoom:1}
.nav .sub li p{float:left;margin:0;width:100%; font-size:14px}
.nav .sub li span{float:right}
.nav .sub a{display:block;padding:0 10px;height:100%;color:#333;}
.nav .nLi.active h3 p,.nav .nLi:hover h3 p{font-weight: bold; border-bottom: 2px solid #fff}
.sub li:hover a{color:#3ca4f8;}
/* 首页:banner */
.banner{ width:100%; height:878px; position: relative; overflow: hidden; }
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.banner .slideBox .hd{z-index:1;overflow:hidden;height:auto; position: absolute; bottom:15px; left:0; width: 100%}
.banner .slideBox .hd ul{overflow:hidden;zoom:1;margin: 0px auto; width:auto; display: table}
.banner .slideBox .hd ul li{height:10px; width: 10px; cursor:pointer; border-radius: 50%; background: #eee; position: relative; float: left;text-indent: -999px; margin: 0 10px; }
.banner .slideBox .hd ul li.on{background: #3ca4f8}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:878px; overflow: hidden}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{width:100%; height:878px; display: block;}
.banner .slideBox .bd li img{vertical-align: bottom; width: 100%; height: auto;transition: all 5.5s;}
.ban_info{width:1200px; position: absolute; bottom:42px; left:50%; margin-left:-600px; height: 114px; background:rgba(255,255,255,0.85) url(../images/ban_zi.png) no-repeat right center; padding: 22px 0}
.ban_info dl{width:328px; height: auto; float: left; border-right:1px solid rgba(255,255,255,0.6); padding-left: 10px}
.ban_info dl:nth-child(3){border-right:0}
.ban_info dl dt{width:100px; height:70px; float: left; display: flex; align-items: center;}
.ban_info dl dt img{ align-items: center; margin: 0px auto; max-width: 100%}
.ban_info dl dd{margin-left: 60px;}
.ban_info dl dd h3{width:100%; height:30px; line-height:30px; color: #333333; font-size: 16px; font-weight: bold;}
.ban_info dl dd p{width:100%; height:30px; line-height:30px; color: #888888; font-size:14px;}
.ban_info_right{width:208px; height:70px; float: right; line-height: 70px; text-align: center; color:#fff;
font-size: 20px;}
/*搜索*/
.index_search{width:100%; height:75px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.14); }
.in_search_right{width:312px; height: 42px; float: right; background: #f5f5f5; border-radius: 25px; padding-left: 20px; margin-top: 15px;}
.in_search_right input[type="text"]{width:240px; height: 100%; float: left; color:#afafaf; font-size: 14px; background: none; border: 0}
.in_search_right .s_icon{width:41px; height: 41px; float: right; background: url(../images/search_icon.png) no-repeat center; border: 0}
.in_search_left{float: left; width:70%; overflow: hidden; margin-top: 20px;}
.in_search_left img{float: left; margin-right: 20px;}
.in_search_left p{color:#333333; font-size: 16px; float: left; line-height: 30px;}
.in_search_left a{color:#999999; font-size: 16px; float: left; line-height: 30px; position:relative; padding-right:10px; margin-right:10px;}
.in_search_left a:after{content:"|"; color:#999999; font-size: 16px; position: absolute; top:0; right:0}
/*产品*/
.index_product{width:100%; height: auto; overflow: hidden; background: url(../images/product_bjs.jpg) no-repeat top center; padding-top: 38px; padding-bottom: 52px;}
.in_pro_title{width:100%; height: auto; overflow: hidden}
.in_pro_title dl{width:100%; height: auto; overflow: hidden; text-align: center;}
.in_pro_title dl dt{color:#fff; opacity: 0.45; font-family: "Arial"; font-weight: bold; text-transform: uppercase; font-size: 88px; line-height:86px;}
.in_pro_title dl dd{color:#232b37; font-size: 36px; font-weight: bold; margin-top: -50px; position: relative; z-index: 9}
.in_pro_title dl dd span{font-weight: bold; font-size: 36px; color:#3ca4f8}
.in_pro_title p{width:100%; height: auto; text-align: center; color:#a4a4a4; font-size: 16px; margin-top: 20px;}
.in_pro_tab{width:100%; height: auto; overflow: hidden; margin-top: 28px}
.in_pro_tab .hd{ height:auto; width: 245px; float: left }
.hd_title{width:100%; height: 90px; overflow: hidden; background: #10268b; padding-top: 20px; padding-left: 20px;}
.hd_title h3{color:#fff; font-size: 22px;}
.hd_title h4{color:#fff; font-size:12px; font-family: "Arial"; opacity: 0.36; line-height: 30px;}
.in_pro_tab .hd ul{width:100%; height: auto; overflow: hidden; padding:8px 18px 20px; background: #fff}
.in_pro_tab .hd ul li{width:100%; height: 60px; line-height: 60px; overflow: hidden; border-bottom: 1px dashed #eaeaea}
.in_pro_tab .hd ul li a{color:#555555; font-size: 16px; display: block; background: url(../images/h_active.png) no-repeat left center; padding-left: 25px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.in_pro_tab .hd ul li.on a{background: url(../images/active.png) no-repeat left center; color:#1b90d3}
.pro_more{width:100%; height:144px; background: url(../images/xl_img.jpg) no-repeat center; text-align: center; line-height: 144px; font-size: 20px; color:#fff}
.pro_more a{font-size: 20px; color:#fff}
.in_pro_tab .bd{width:950px; height: auto; float: right}
.in_pro_tab .bd ul{width:100%; height: auto; overflow: hidden}
.in_pro_tab .bd li{width:310px; height: auto; float: left; margin-bottom: 16px; margin-right:10px; border: 1px solid #ededee}
.in_pro_tab .bd li:nth-child(3n){margin-right: 0}
.in_pro_pic{width:100%; height: auto; overflow: hidden}
.in_pro_pic img{width:100%; height: auto; display: block; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.in_pro_tab .bd li h3{width:100%; height:44px; line-height: 44px; text-align: center; background: #fff; border-top:1px solid #ededee; color:#333333; font-size: 14px; text-overflow: ellipsis; overflow: hidden;
white-space: nowrap }
.in_pro_tab .bd li:hover h3{color:#fff; background:#3ca4f8}
.in_pro_tab .bd li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
/*优势*/
.index_youshi{width:100%; height: auto; overflow: hidden; margin-top: 46px;}
.index_youshi_title{width:100%; height: auto; overflow: hidden}
.index_youshi_title dl{width:100%; height: auto; overflow: hidden; text-align: center;}
.index_youshi_title dl dt{ background-image:-webkit-linear-gradient(bottom,#f7f7f7,#fbfbfb);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent; font-family: "Arial"; font-weight: bold; text-transform: uppercase; font-size: 88px; line-height:86px;}
.index_youshi_title dl dd{color:#232b37; font-size: 36px; font-weight: bold; margin-top: -50px; position: relative; z-index: 9}
.index_youshi_title dl dd span{font-weight: bold; font-size: 36px; color:#3ca4f8}
.index_youshi_title p{width:100%; height: auto; text-align: center; color:#a4a4a4; font-size: 16px; margin-top: 20px;}
.index_youshi_all{width:100%; height:764px; background: url(../images/youshi_bjs.jpg) no-repeat center; margin-top: 35px; padding-top: 38px}
.index_youshi_all .slideTxtBox{ width:1200px; overflow: hidden; margin: 0px auto; position: relative}
.index_youshi_all .slideTxtBox .hd{width:100%; height: auto; overflow: hidden}
.index_youshi_all .slideTxtBox .hd ul{width:100%; height: auto; overflow: hidden}
.index_youshi_all .slideTxtBox .hd ul li{ float:left; width: 25%; height: auto; float: left; background: url(../images/ys_xs.png) no-repeat right 20px}
.in_ys_icon{width:100%; height:75px; display: flex; align-items: center;}
.in_ys_icon img{max-width: 100%; height: auto; align-items: center; margin: 0px auto;}
.index_youshi_all .slideTxtBox .hd ul li h4{width:100%; height: 30px; line-height: 30px; color:#f6f6f6; font-size: 20px; text-align: center; margin-top: 10px}
.index_youshi_all .slideTxtBox .hd ul li h5{width:100%; height:28px; line-height:28px; color:#f6f6f6; font-size: 14px; text-align: center;opacity: 0.5; font-family: "Arial"}
.ys_jts{width:24px; display: none; margin:4px auto 0;}
.index_youshi_all .slideTxtBox .hd ul li.on .ys_jts{display: block}
.index_youshi_all .slideTxtBox .bd{padding-left: 60px; padding-top: 44px}
.ys_li{width:100%; height: auto; overflow: hidden}
.ys_li_left{width:46%; height: auto; float: left}
.ys_li_left h5{color:#ffffff; font-size: 30px; background: #59b7ff; border-radius: 0 30px 0 30px; text-align: center; line-height:54px; margin-top: 27px; display: table; padding: 0 36px; margin-bottom: 52px;}
.ys_num{width:100%; height: auto; overflow: hidden; line-height: 42px;}
.ys_num i{color:#3567aa; font-size: 38px; font-family: "Arial"; font-weight: bold;}
.ys_num span{color:#3567aa; font-size: 24px; border-bottom: 2px solid #c0cee6; padding-left: 20px; font-weight: bold;}
.in_youshi_info{width:100%; height: auto; overflow: hidden; padding-bottom: 18px; border-bottom: 1px solid #e5e5e5}
.in_youshi_info p{color:#666666; font-size: 14px; line-height: 28px; margin-bottom: 10px; background: url(../images/l_yuan.png) no-repeat left 10px; padding-left: 20px;}
.ys_li_right{width:565px; height: auto; float: right; margin-top: 66px;}
.ys_li_right img{width:100%; height: auto; display: block; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.ys_li_right img:hover{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_youshi_all .slideTxtBox .arrow{ position:absolute; bottom:10px; left:60px; }
.index_youshi_all .slideTxtBox .arrow a{ display:block; width:79px; height:40px; float:left; margin-right:8px; overflow:hidden;
cursor:pointer; }
.index_youshi_all .slideTxtBox .arrow .next{background: url(../images/ys_hright.png) no-repeat center}
.index_youshi_all .slideTxtBox .arrow .prev{background: url(../images/ys_hleft.png) no-repeat center}
.index_youshi_all .slideTxtBox .arrow .next:hover{background: url(../images/ys_right.png) no-repeat center}
.index_youshi_all .slideTxtBox .arrow .prev:hover{background: url(../images/ys_left.png) no-repeat center}
/*案例*/
.index_case{width:100%; height: auto; overflow: hidden; margin-top:54px }
.index_case_t{width:1200px; height: auto; margin: 0px auto; overflow: hidden}
.index_case_t dl{width:auto; height: auto; overflow: hidden; float: left}
.index_case_t dl dt{color:#232b37; font-size: 36px; font-weight: bold; position: relative; z-index: 9}
.index_case_t dl dd{width:100%; height: auto; text-align: center; color:#a4a4a4; font-size: 16px; margin-top: 8px }
.index_case_t dl dt span{font-weight: bold; font-size: 36px; color:#3ca4f8}
.index_case_t a{color:#333333; font-size: 20px; float: right; line-height: 40px; position: relative; padding-left:80px; margin-top:15px}
.index_case_t a:after{content: ""; width: 64px; height: 1px; background: #434343; position: absolute; top:20px; left:0;}
.index_case_all{width:100%; height: auto; overflow: hidden; margin-top: 20px; position: relative}
.index_case_all .swiper-slide{width:26%}
.index_case_all .swiper-slide a{width:100%; height: auto; display: block; overflow: hidden}
.index_case_all .swiper-slide a img{width:100%; height: auto; display: block; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.index_case_hover{width:100%; height:100%; background: url(../images/pro_hover.png) no-repeat center; background-size: cover; padding: 0 40px; position: absolute; bottom:0; left:0;
padding-top: 55%}
.index_case_hover h3{width:50%; height: 40px; line-height: 40px; color: #fff; font-size: 16px; font-weight: bold; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_case_hover i{width:17px; height: 40px; float: right; background: url(../images/c_jts.png) no-repeat center}
.index_case_all:after{content: ""; width:9%; height: 100%; position: absolute; top:0; left:0; background: rgba(255,255,255,0.76); z-index: 9}
.index_case_all:before{content: ""; width:9%; height: 100%; position: absolute; top:0; right:0; background: rgba(255,255,255,0.76); z-index: 9}
.index_case_all .swiper-container{padding-bottom: 65px; position: relative}
.index_case_all .swiper-container:after{content: ""; width: 75%; height: 1px; background: #e5e5e5; position: absolute; bottom:0; right:0}
.index_case_all .swiper-button-next,.index_case_all .swiper-button-prev{width:24px; height: 24px; top:auto; bottom:0}
.index_case_all .swiper-button-next{background: url(../images/c_right.png) no-repeat center; left:22%}
.index_case_all .swiper-button-prev{background: url(../images/c_left.png) no-repeat center; left:18%}
.index_case_all .swiper-button-next:hover{background: url(../images/c_hright.png) no-repeat center}
.index_case_all .swiper-button-prev:hover{background: url(../images/c_hleft.png) no-repeat center}
.index_case_all .swiper-slide a:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
/*关于我们*/
.index_about{width:100%; height: 583px; overflow: hidden; padding-top: 80px; background: url(../images/about_zi.png) no-repeat 10% 10%; position: relative}
.index_about .container{padding-right:13%}
.index_about .container h3{color:#232b37; font-size: 36px; font-weight: bold;}
.index_about .container h3 span{color:#3ca4f8; font-size: 36px; font-weight: bold;}
.index_about .container h4{color:#a4a4a4; font-size: 16px; margin-top:9px;}
.about_xx{width:100%; height: auto; overflow: hidden; display: block; color:#666666; font-size: 14px; line-height:28px; margin:30px 0 }
.ab_more{width:100%; height: auto; overflow: hidden; color:#333333; font-size: 16px; line-height: 30px; position: relative; padding-left:80px; display: block}
.ab_more:after{content: ""; width: 64px; height: 1px; background: #434343; position: absolute; top:14px; left:0;}
.index_about ul{width:100%; height: auto; overflow: hidden; margin-top: 28px}
.index_about ul li{width:99px; height: auto; float: left; margin-right: 140px;}
.index_about ul li h5{width:100%; height:40px; line-height: 40px; color: #333333; font-size: 16px; text-align: center }
.ab_icon{width:100%; height: 99px; background: url(../images/ab_hh.png) no-repeat center}
.ab_icon i{width:100%; height: 100%; display: block}
.ab_icon1{background: url(../images/icon1.png) no-repeat center}
.ab_icon2{background: url(../images/icon2.png) no-repeat center}
.ab_icon3{background: url(../images/icon3.png) no-repeat center}
.ab_icon4{background: url(../images/icon4.png) no-repeat center}
.index_about ul li:hover .ab_icon{background: url(../images/ab_ll.png) no-repeat center}
.index_about ul li:hover .ab_icon1{background: url(../images/icon1_h.png) no-repeat center}
.index_about ul li:hover .ab_icon2{background: url(../images/icon2_h.png) no-repeat center}
.index_about ul li:hover .ab_icon3{background: url(../images/icon3_h.png) no-repeat center}
.index_about ul li:hover .ab_icon4{background: url(../images/icon4_h.png) no-repeat center}
.index_about ul li:last-child{margin-right: 0}
.index_about_right{width:26%; height:583px; position: absolute; top:0; right:0; background: url(../images/about_bjs.jpg) no-repeat center; padding:4%}
.index_about_right h4{color:#555555; font-size: 18px;}
.index_about_right h3{color:#555555; font-size:26px; font-family: "Arial"; text-transform: uppercase; margin-top:15px;}
.index_about_right h3 span{color:#1196fa; font-size:26px;}
.index_about_right hr{width:34px; height: 3px; background: #1196fa; display: block; margin:34px 0 50px }
.index_about_right p{color:#777777; font-size: 14px; line-height: 30px;}
/*荣誉资质*/
.index_honor{width:100%; height:432px; background: url(../images/honor.jpg) no-repeat center; background-size: cover; background-attachment: fixed; overflow: hidden}
.picScroll-left{width:909px; height: 300px; float: right; background: #fff; border-radius: 0 0 40px 40px; margin-top: 64px; position: relative}
.picScroll-left .hd{width:100%; height: 50px; overflow: hidden; position: absolute; bottom:0; left:0; z-index: 9}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; width:110px; height:50px; float:right; overflow:hidden;
cursor:pointer; position: absolute; bottom:0; z-index: 9}
.picScroll-left .hd .next{background: #45aeff url(../images/h_right.png) no-repeat center; right:0; border-radius: 42px 0 38px 0;}
.picScroll-left .hd .prev{background: #45aeff url(../images/h_left.png) no-repeat center; left:0; border-radius: 0px 42px 0 38px;}
.picScroll-left .bd{width:100%; height: auto; overflow: hidden; padding: 36px 39px}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 2px; float:left; _display:inline; overflow:hidden; text-align:center; }
.index_honor_pic{width:202px; background: #fff; box-shadow: 0 0 4px rgba(23,97,155,0.49); padding: 2px;}
.index_honor_pic img{width:100%; height: auto; display: block; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.picScroll-left .bd ul li h3{width:100%; height: 40px; line-height: 40px; color: #333333; font-size: 18px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 5px;}
.picScroll-left .hd .next:hover{background: #10268b url(../images/h_right.png) no-repeat center; right:0; border-radius: 42px 0 38px 0;}
.picScroll-left .hd .prev:hover{background: #10268b url(../images/h_left.png) no-repeat center; left:0; border-radius: 0px 42px 0 38px;}
.picScroll-left .bd ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.picScroll-left .bd ul li:hover h3{color:#3ca4f8}
/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; background: url(../images/news_zi.png) no-repeat 8% 30px; padding-top: 60px}
.index_news_title{width:100%; height: auto; overflow: hidden}
.index_news_title dl{width:auto; height: auto; overflow: hidden; float: left}
.index_news_title dl dt{color:#232b37; font-size: 36px; font-weight: bold; position: relative; z-index: 9}
.index_news_title dl dd{width:100%; height: auto; text-align: center; color:#a4a4a4; font-size: 16px; margin-top: 8px }
.index_news_title dl dt span{font-weight: bold; font-size: 36px; color:#3ca4f8}
.index_news_nav{float: right; margin-top: 14px;}
.index_news_nav a{float: left; color:#333333; font-size: 18px; width: 164px; height: 54px; line-height: 54px; text-align: center}
.index_news_nav span{color:#666666; font-size: 16px; margin: 0 20px; float: left; line-height: 54px;}
.index_news_nav a:hover{background:#10268b url(../images/n_icon.png) no-repeat 16% center; color:#fff; border-radius: 0 20px 0 20px; padding-left: 10px }
.index_news_top{width:100%; height: auto; overflow: hidden; margin-top: 36px;}
.index_news_top li{width:378px; height:auto; float: left; margin-right:38px; }
.index_news_top li:last-child{margin-right: 0}
.in_news_pic{width:100%; height: auto; border: 1px solid #eeeeee; border-radius: 8px; padding: 8px;}
.in_news_pic img{width:100%; height: auto; display: block;transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;
}
.index_news_top li h3{width:100%; height:30px; line-height: 30px; color: #444444; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: url(../images/h_dian.png) no-repeat left center; padding-left: 20px; margin-top:8px;}
.index_news_top li span{color:#aaaaaa; font-size:14px; display: block; margin:6px 0; padding-left: 20px;}
.index_news_top li p{width:100%; height:50px; line-height: 25px; color:#888888; font-size: 14px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
-webkit-box-orient:vertical; overflow:hidden; padding-left: 20px; }
.index_news_top li:hover h3{color:#10268b}
.index_news_top li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.index_news_bottom{width:100%; height: auto; overflow: hidden; padding: 5px; margin-top: 30px;}
.index_news_bottom li{width:378px; height: 165px; border: 1px solid #eeeeee; border-radius: 8px; padding: 20px 26px; float: left; margin-right:33px; }
.index_news_bottom li:last-child{margin-right: 0}
.index_news_bottom li span{color:#ffffff; font-size: 16px; font-weight: bold; background: #aaaaaa; font-family: "Arial"; display: block; width: 61px; height: 28px; line-height: 28px; text-align: center}
.index_news_bottom li dl{width:100%; height:40px; line-height: 40px; margin-top: 2px;}
.index_news_bottom li dl dt{width:50%; height: 100%; float: left; color:#444444; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_news_bottom li dl dd{color:#888888; font-size: 14px; float: right}
.index_news_bottom li p{width:100%; height:44px; line-height: 22px; color:#888888; font-size: 14px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
-webkit-box-orient:vertical; overflow:hidden; }
.index_news_bottom li:hover{box-shadow: 0 0 5px rgba(23,97,155,0.44); background: #fff; border: 0}
.index_news_bottom li:hover span{background: #10268b}
.index_news_bottom li:hover dt{color:#10268b}
/*合作*/
.index_hezuo{width:100%; height: auto; overflow: hidden; background:url(../images/kehu_bjs.jpg) no-repeat center; padding:40px 0; margin-top:48px }
.index_hezuo_title{width:100%; height: auto; overflow: hidden}
.index_hezuo_title h3{color:#232c37; font-weight: bold; font-size:38px; float: left}
.index_hezuo_title h3 span{color:#45aeff; font-weight: bold; font-size:38px }
.index_hezuo_title p{color:#a4a4a4; font-size: 16px; float: left; margin-left: 20px; margin-top: 20px;}
.index_hezuo_title a{width:164px; height: 56px; float: right; background: #10268b; text-align: center; line-height: 56px; font-size: 18px; color:#fff;
border-radius: 0 20px 0 20px}
.index_hezuo ul{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.index_hezuo ul li{width:167px; height: auto; float: left; margin-bottom: 6px; margin-right:6px; }
.index_hezuo ul li:nth-child(7n){margin-right: 0}
.index_hezuo ul li img{width:100%; height: auto; display: block}
/*底部*/
.footer{width:100%; height:auto; overflow: hidden; background:#1c1c1c; padding:36px 0 40px;}
.footer_xx{width:370px; height: auto; float: left; margin-right:80px;}
.footer_xx h3{color:#fff; font-size:24px; margin-bottom: 14px}
.footer_xx h3 span{color:#fff; font-size: 26px; font-weight: bold; }
.footer_xx p{color:#fff; line-height:32px; font-size: 16px; }
.f_links{width:100%; height:52px; position: relative; border: 1px solid rgba(255,255,255,0.36); margin-top: 20px; }
.f_links span{font-size: 14px; color: #fff; opacity: 0.42; background: url(../images/dq_icon.png) no-repeat left center; padding-left:30px; margin-left: 20px; height: 52px; float: left; line-height: 50px;}
.link_jts{width:62px; height: 100%; float: right; background: #45aeff url(../images/f_jts.png) no-repeat center}
.f_links_info{width:100%; height: 200px; overflow-y: auto; position: absolute; top:-200px; left:0; background: #fff; padding: 10px; display: none}
.f_links_info a{width:100%; height:auto; line-height: 30px; display: block; color:#333; font-size:16px; margin: 4px 0}
.f_links_info a:hover{color:#45aeff}
.f_links:hover .f_links_info{display: block}
.footer_nav{width:auto; float: left; }
.footer_nav li{width:auto; float: left; margin-right:80px }
.footer_nav li h3{color:#fff; font-size: 18px; font-weight: bold; background: url(../images/b_dian.png) no-repeat right center; padding-right:20px; line-height:30px; display: table}
.footer_nav li h4{color:#fff; font-size: 14px; opacity: 0.42; font-family: "Arial"; margin-top: 8px; margin-bottom: 20px;}
.footer_nav li a{width:100%; height: auto; display: block; color:#cfcfcf; font-size: 14px; line-height: 30px; margin-bottom: 8px;}
.footer_nav li a:hover{color:#fff}
.footer_ma{width:150px; height: auto; float: right}
.footer_ma .hd{width:100%; height:32px; }
.footer_ma .hd ul{width:auto; height: 32px; float: right}
.footer_ma .hd ul li{width:32px; height: 32px; float: left; margin-left: 20px;}
.footer_ma .hd ul li img{width:100%; height: auto; display: block}
.bd_li{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.f_wx{width:150px; height: 150px; background: url(../images/ma_bj.png) no-repeat center; padding: 15px;}
.f_wx img{width:100%; height: auto; display: block}
.bd_li h3{width:100%; line-height:40px; font-size: 14px; color:#fff; text-align: center }
.footer_bottom{width:100%; height:82px; background: #1c1c1c; border-top:1px solid rgba(255,255,255,0.14) }
.copy_bq{width:auto; height:81px; line-height:80px; position: relative; color:#fff; font-size:14px; float: left}
.copy_bq a{color:#fff; font-size:14px; margin-right: 10px;}
.copy_bq a:hover{color:#45aeff!important}
.footer_zhichi{width:auto; height:100%; overflow: hidden; float: right}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px; color:#555555; line-height:80px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:30px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:30px; }
.footer_zhichi .pt:hover{background: url(../images/vl_hover.png) no-repeat}
.footer_zhichi .js:hover{background: url(../images/wl_hover.png) no-repeat}
.footer_zhichi span{float: left; font-size:14px; color: #fff;}
.footer_zhichi i{ float: left;}
/*弹出视频*/
.video_bj{width:100%; height:100%; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:888; display:none}
.video_xx{width:600px; height:400px; position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-190px; z-index:999}
.close{width:100%; height:40px; text-align:right; background:rgba(0,0,0,0.5);}
.close img{width:32px; height:32px; margin-top:4px; margin-right:10px;}
.video-box{width:100%; height:360px;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}
/*客服*/
.lxfx {
height: auto;
position: fixed;
right:0px;
top:250px;
width: 77px;
z-index: 999;
}
.lxfx li a {
color: rgb(255, 255, 255);
display: block;
height: 47px;
margin-top: 9px;
width: 300px;
font-size: 14px;
}
.leftlx {
float: left;
height: 47px;
width: 77px;
}
.lxfx li span {
border-left: 1px solid rgb(255, 255, 255);
color: rgb(255, 255, 255);
float: left;
font-size: 20px;
height: 24px;
line-height: 22px;
margin-top: 8px;
padding-left: 8px;
}
.fix_ewm {
border: 5px solid rgb(255, 255, 255);
display: none;
height: 120px;
left: -145px;
position: absolute;
top: -40px;
width: 120px;
}
.lxfx li i {
display: block;
height: 27px;
margin: 0 auto;
text-align: center;
width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
background-position: 0 -25px;
}
.lxfx li i.icon-ly {
background-position: 4px -53px;
}
.lxfx li i.icon-wx {
background-position: -34px 4px;
}
.lxfx li i.icon-wb {
background-position: -30px -22px;
}
.lxfx li i.icon-top {
background-position: -30px -49px; height:32px;
}
.lxfx li p {
line-height: 12px;
text-align: center;
}
.lxfx li {
background:#3ca4f8;
height: 62px;
margin-bottom: 1px;
margin-left: 0;
overflow: hidden;
position: relative;
width: 77px; float:left;
}
/*内页 banner*/
.ny_banner{width:100%; height: 350px; overflow: hidden; padding:120px 0 60px; }
.ny_banner .ny_banner_left{width:50%; float: left;}
.ny_banner .ny_banner_left h4{width:100%; height: 127px; line-height: 208px; font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.ny_banner .ny_banner_left p{font-size: 16px; color: #fff; line-height: 26px;}
.ny_banner_right{float: right; font-size: 14px; color: #fff; margin-top:164px; line-height:26px;}
.ny_banner_right a{font-size: 14px; color: #fff; margin: 0px 10px;}
.ny_banner_right a:hover{font-weight:bold;}
.about_ban{background:url(../images/about_ban.jpg) no-repeat center}
.case_ban{background:url(../images/case_ban.jpg) no-repeat center}
.contact_ban{background:url(../images/contact_ban.jpg) no-repeat center}
.news_ban{background:url(../images/news_ban.jpg) no-repeat center}
.product_ban{background:url(../images/product_ban.jpg) no-repeat center}
.down_ban{background:url(../images/down_ban.jpg) no-repeat center}
.rlzy_ban{background:url(../images/rlzy_ban.jpg) no-repeat center}
/*内页左边导航*/
.ny_all{width:100%; height: auto; overflow: hidden; margin-top: 36px; margin-bottom:80px;}
.ny_left{width:21.5%; height: auto; float: left}
.ny_left_title{width:100%; height: 90px; background: #3ca4f8; line-height: 90px; text-align: center; font-size: 30px;color: #fff; font-weight: bold;}
.ny_left_nav{width:100%; height: auto; padding: 16px 0 60px 16px; background: #f0f0f1}
.ny_left_nav .yiji li{width: 100%; height:auto; padding-left:10px; margin-bottom:1px; }
.ny_left_nav ul li a{padding-left: 15px; font-size: 16px; color: #333333;display: block; height:50px;line-height: 50px;position: relative;}
.ny_left_nav ul li .inactive{ background:url(../images/off.png) no-repeat 210px center;}
.ny_left_nav ul li .inactives{background:url(../images/on.png) no-repeat 210px center;}
.ny_left_nav ul li ul{display: none;}
.ny_left_nav ul li ul li { width: 100%; height: 50px; line-height: 50px; background: none;}
.ny_left_nav ul li ul li ul{display: none;}
.ny_left_nav ul li ul li a{ padding-left:20px; font-size: 14px; color: #666666}
.ny_left_nav ul li ul li.active a{color:#1b56cb; font-size: 14px; background: url(../images/r_jt.png) no-repeat 200px center}
.ny_left_nav ul li.active a{color:#1b56cb}
.ny_left_nav ul li:hover a.inactive{color:#1b56cb}
.ny_left_nav ul li ul li:hover a{color:#1b56cb}
.ny_left_nav ul li .inactives{color:#1b56cb}
.ny_left_nav ul li ul li:hover a{color:#1b56cb}
.yiji li.active{background:#fff url(../images/dian.png) no-repeat 8px 22px;}
.ny_left_nav ul li ul li:hover{background: url(../images/r_jt.png) no-repeat 210px center}
.ny_left_nav .yiji li:hover{background:#fff url(../images/dian.png) no-repeat 8px 22px;}
/*产品侧边导航*/
.accordion { width: 100%; height:auto; overflow:hidden}
.accordion li.open .link {color: #3ca4f8;}
.accordion .link i{width:7px; height:7px; background:url(../images/dian.png) no-repeat center; float:left; margin-top:22px; margin-right:10px;}
.ny_left_nav ul li.open{background:#fff}
.accordion .link {
cursor: pointer;
display: block;
height:50px; line-height:50px;
font-size: 16px; color: #333333;
position: relative;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
background: url(../images/off.png) no-repeat 207px center;
}
.accordion .link::before {
content: "";
position: absolute;
height: 7px;
width: 7px;
background: #3ca4f8;
left: 0;
top: 20px;
}
.submenu li.block{background:#fff}
.submenu li.block a{color:#3ca4f8}
.open .link{background: url(../images/on.png) no-repeat 207px center;}
.submenu a {
display: block;
text-decoration: none;
font-size: 14px; color: #666666; height:auto!important; line-height:26px!important;
padding:10px 0 10px 42px;
-webkit-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
.accordion li{padding-left:10px; position:relative}
.accordion li:hover{background:#fff;}
/*内页右边内容*/
.ny_right{width:75%; height: auto; float: right; padding-top:10px;}
.ny_right_title{width:100%; height: 47px; border-bottom: 1px solid #dddddd}
.ny_right_title h3{font-size: 24px; height: 40px; line-height: 40px; color: #484848; font-weight: bold; }
.ny_about_info{width:100%; height: auto; overflow: hidden; font-size: 16px; color: #666666; line-height: 34px; margin-top:35px; }
.ny_about_info img{max-width: 100%;}
.ny_about_info p{font-size: 16px; color: #333; line-height: 32px;}
/*产品中心*/
.ny_product{width:100%; height: auto; overflow: hidden; margin-top: 35px;}
.ny_product ul{width:100%; height: auto; overflow: hidden}
.ny_product ul li{width:32%; float: left; height: auto; margin-right: 2%; margin-bottom: 30px;}
.ny_product ul li h3{width:100%; height: 40px; line-height: 40px; font-size: 20px; color: #1b56cb; font-weight: bold;text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_product ul li .products_pic{height:auto; display: block;overflow: hidden;width:100%; border: 1px solid #dddddd;}
.ny_product ul li .products_pic img{width:100%; height:100%; display:block; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.ny_product ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_product ul li:nth-child(3n){margin-right: 0px;}
.ny_product ul li p{width:100%; height: 40px; line-height: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; font-size:16px}
.ny_proshow_xq{width:100%; height:auto; overflow:hidden; font-size: 18px; line-height:28px; height: 200px; display: block;}
.ny_pro_more{width:100%; height: 36px; border-bottom: 1px solid #1b56cb; font-size: 14px; color: #666; line-height: 36px;position:relative}
.ny_product ul li:hover .ny_pro_more{color:#fff; transition: all 0.4s ease-in-out; }
.ny_pro_more:after{content:""; width:0; height:100%; display:block; position:absolute; top:0; left:0; transition: all 0.4s ease-in-out; background:rgba(0,47,139,0.9)}
.ny_product ul li:hover .ny_pro_more:after{width:100%; transition: all 0.4s ease-in-out;}
.ny_pro_more p{position:relative; z-index:9}
#sl_PicShow{width:100%!important;}
.sl_SmallImgList{width:100%; display:black; margin:0px auto; text-align:center}
.proshow_xx table{margin:0px auto}
/*新闻*/
.ny_news_list{width:100%; height: auto; overflow:hidden; margin-top: 10px;}
.ny_news_list ul{width:100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.ny_news_list li{width:100%; height: auto; overflow: hidden; border-bottom: 1px solid #dddddd; padding: 25px 0;}
.news_time{width:10%; float: right; text-align: center; background: #f5f5f5; padding:36px 0}
.news_time time{color: #1b56cb; font-size: 12px; margin-top: 10px; display:block; overflow: hidden; width: 100%; height:20px; line-height:20px; font-family: "Arial"}
.news_time p{ font-size:40px; color: #1b56cb;height: 35px; line-height: 35px; font-weight: bold;}
.ny_news_info{width:64%; float: left; margin-left: 3%;margin-top: 10px;}
.ny_news_info h3{ font-size:18px; color: #555555; width:100%; height:35px; line-height: 35px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.ny_news_info p{width:100%; line-height:28px; color: #666; font-size: 15px; word-break:break-all;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.ny_news_info span{width:98px; height:32px; border: 2px solid #cccccc; text-align: center; line-height: 28px; font-size: 14px; color: #666666; display: block; margin-top: 10px;}
.ny_news_img{width:21%; height:auto; float:left; overflow: hidden}
.ny_news_img img{width:100%; height: auto;transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.ny_news_list li:hover{border-bottom: 1px solid #1b56cb;}
.ny_news_list li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.ny_news_list li:hover span{background: #1b56cb; color: #fff; border:2px solid #1b56cb; }
.ny_news_list li:hover .news_time{background: #1b56cb;}
.ny_news_list li:hover .news_time p{color:#fff}
.ny_news_list li:hover .news_time time{color:#fff;}
.ny_news_list li:hover h3{color:#1b56cb;}
/*联系我们*/
.ny_conta_info{width:100%; height: auto; padding: 35px 35px; background: #f5f5f5; overflow: hidden; margin-top: 35px;}
.ny_conta_info .ny_ibt{font-size: 24px; color: #313131; height: auto; line-height: 40px;}
.ny_conta_dz{width:50%; height: auto; float: left}
.ny_conta_dz p{font-size: 16px; color: #313131; line-height: 30px;}
.ny_conta_dz p i{color: #000000; margin-right: 5px;}
.ny_cont_wx{width:340px; height: auto; float: right}
.ny_cont_wx dl{width:140px; float: left; margin-right: 26px;}
.ny_cont_wx dl dt{width:140px; height: 140px; border: 4px solid #e5e5e5; /*! padding: 10px; */ background: #fff}
.ny_cont_wx dl dd{ font-size: 14px; color: #626262; height: 35px; line-height: 35px; text-align: center}
.ny_cont_wx dl dt img{width:100%; height: 100%;}
.map{width:100%; height: 400px; overflow: hidden; margin-top: 20px;}
.ny_rtime{width: 100%; line-height: 30px; color: #999; height: 30px; margin-bottom: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;clear: both; font-size:14px;}
.ny_rtile{width: 100%; font-size: 20px; color: #555; padding: 30px 0px; text-align: center; clear: both}
.ny_rxingqu{width: 100%; font-size: 20px; color: #333; padding: 10px 0px; clear: both; margin-top: 50px;}
.keyword_light img{max-width:100%;}
.keyword_light p{font-size: 16px; color: #333; line-height: 32px;}
.inside_pro_main{ margin-top:40px; overflow: hidden;}
.inside_pro_main .index_pro .index_pro_col{ display: table; height: 42px; margin: 0 auto; padding: 0px 0 25px 0;}
.inside_pro_main .index_pro .index_pro_col li{ height: 42px; float: left; width: 149px; text-align: center; background: #eee; margin:0 5px; line-height: 42px; padding-left: 0;}
.inside_pro_main .index_pro .index_pro_col li a{ display: block; font-size: 16px; color: #333;}
.inside_pro_main .index_pro .index_pro_col li.proOn{ background: #243587}
.inside_pro_main .index_pro .index_pro_col li.proOn a{ color: #fff;}
.inside_pro_main .index_pro .index_pro_list{ overflow: hidden;}
.inside_pro_main .picScroll-fwfw{ position: relative;}
.inside_pro_main .picScroll-fwfw .bd{ overflow: hidden;}
.inside_pro_main .picScroll-fwfw .bd li{ width:285px; margin-right: 20px; background: #f6f6f6; float: left;}
.inside_pro_main .picScroll-fwfw .bd li:last-child{ margin-right: 0;}
.inside_pro_main .picScroll-fwfw .bd li .pic{ width: 100%; height:auto; overflow: hidden; position: relative;}
.inside_pro_main .picScroll-fwfw .bd li .pic img.pro_pic{ width: 100%; display:block;}
.inside_pro_main .picScroll-fwfw .bd li .pic .more_img{height: 100%; width: 100%; position: absolute; bottom:-100%; background: rgba(36,53,135,0.7); text-align: center; transition: all 0.3s;}
.inside_pro_main .picScroll-fwfw .bd li .pic .more_img img{ margin-top:120px;}
.inside_pro_main .picScroll-fwfw .bd li .pic .more_img p{ text-align: center; font-size: 16px; line-height: 2; color: #fff; margin-top:90px}
.inside_pro_main .picScroll-fwfw .bd li :hover .pic .more_img{ bottom: 0; transition: all 0.3s;}
.inside_pro_main .picScroll-fwfw .bd li .title{ height: 96px; background: #f6f6f6; padding: 22px 30px; position: relative; transition: all 0.3s;}
.inside_pro_main .picScroll-fwfw .bd li .title p{ font-size: 18px; color: #333; line-height: 1.4; font-weight: bold;}
.inside_pro_main .picScroll-fwfw .bd li .title span{ font-size: 14px; color: #999; line-height: 1.4; text-transform: uppercase;}
.inside_pro_main .picScroll-fwfw .bd li .title::after{ content: ""; position: absolute; display: block; height: 42px; width: 42px; background: url(../images/qy_5.png)no-repeat center; right: 30px; top: 26px; transition: all 0.3s;}
.inside_pro_main .picScroll-fwfw .bd li:hover .title{ background: #333}
.inside_pro_main .picScroll-fwfw .bd li:hover .title *{ color: #fff;}
.inside_pro_main .picScroll-fwfw .bd li:hover .title::after{ background: url(../images/qy_6.png)no-repeat center;}
.inside_pro_main .picScroll-fwfw .hd{ }
.inside_pro_main .picScroll-fwfw .hd a{ display: block; position: absolute; height: 70px; width: 34px; top: 120px; cursor: pointer;}
.inside_pro_main .picScroll-fwfw .hd .prev{ background: rgba(0,0,0,0.3) url(../images/qy_2.png) no-repeat center; left: 0;}
.inside_pro_main .picScroll-fwfw .hd .next{ background: rgba(0,0,0,0.3) url(../images/qy_3.png) no-repeat center; right: 0;}
.inside_pro_main .picScroll-fwfw:hover .hd .prev{ background: rgba(0,0,0,0.7) url(../images/qy_2.png) no-repeat center; left: 0;}
.inside_pro_main .picScroll-fwfw:hover .hd .next{ background: rgba(0,0,0,0.7) url(../images/qy_3.png) no-repeat center; right: 0;}
.inside_title_1{ overflow: hidden; text-align:center; margin-bottom: -12px;}
.inside_title_1 p{ font-size: 26px; font-weight:bold;color: #333; line-height: 1.8;}
.inside_title_1 p span{ color: #243587}
.inside_title_1 em{ display: block; text-align: center; font-size: 15px; color: #666;}
.inex_news_main{ overflow: hidden;}
.inex_news_main li{ width: 590px; background: #f8f8f8; padding: 20px; float: left; margin-bottom: 20px; overflow: hidden;}
.inex_news_main li:nth-child(2n){ float:right;}
.inex_news_main li .pic{ float: left; height: 133px; width: 187px; overflow: hidden; margin-right: 20px;}
.inex_news_main li .pic img{ width: 100%; transition: all .4s;}
.inex_news_main li:hover .pic img{transform: scale(1.08); transition: all .4s;}
.inex_news_main li p a{ font-size: 16px; line-height: 32px; overflow: hidden; display: block;
white-space: nowrap;
text-overflow: ellipsis;}
.inex_news_main li p a:hover{ color: #243587}
.inex_news_main li span{ font-size: 14px; color: #999; display: block; line-height: 32px;}
.inex_news_main li i{font-style: normal; font-size: 14px; line-height: 30px; text-align: justify; color: #666; display: block;}
/* 内页通用产品推荐 */
.inside_pro{margin-top: 30px; margin-bottom:40px;}
.inside_pro h3{ height: 54px; line-height: 54px; position: relative; margin-bottom: 20px; font-weight: bold; color: #333; font-size: 24px;}
.inside_pro h3::after{ content: ""; position: absolute; height: 8px; width: 86px; bottom: 0; left: 0; background: url(../images/fengen_10.png) no-repeat center; }
.inside_pro h3 span{ font-size:18px; margin-left: 10px; font-weight: bold; color: #dedede;}
.picScroll-ipro{ width: 1200px; position:relative;overflow: hidden; padding-bottom:10px}
.picScroll-ipro .bd ul{height: auto; }
.picScroll-ipro .bd ul li{ width: 285px; float: left; margin-right: 18px; position: relative; padding-bottom:10px;}
.picScroll-ipro .bd ul li .pic{ height:auto; width: 100%; overflow: hidden; border:1px solid #eee}
.picScroll-ipro .bd ul li .pic img{ width: 100%;transition: all .4s;}
.picScroll-ipro .bd ul li:hover .pic img{transform: scale(1.08); transition: all .4s;}
.picScroll-ipro .bd ul li .title{ height: 54px; width: 100%; background: #fff; box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.05)}
.picScroll-ipro .bd ul li .title a{ height: 54px; line-height: 54px; display: block; position: relative; padding-left: 30px; transition: all .4s; font-size: 15px;}
.picScroll-ipro .bd ul li:hover .title a{ height: 54px; line-height: 54px; display: block; position: relative; padding-left: 50px; }
.picScroll-ipro .bd ul li .title a::before{ content: ""; position: absolute; height: 1px; width: 10px; background: #243587; bottom: 30px; left: 16px; transition: all .4s;}
.picScroll-ipro .bd ul li:hover .title a::before{ content: ""; position: absolute; height: 1px; width: 30px; background: #243587; bottom: 30px; left: 16px;}
.picScroll-ipro .bd ul li .title span{ float: right; font-size: 14px; color: #999; padding-right: 15px;}
.picScroll-ipro .hd .next,.picScroll-ipro .hd .prev{ position: absolute; top:80px; z-index: 9999; height: 54px; width: 30px; }
.picScroll-ipro .hd .next{ background: rgba(0,0,0,0.7) url(../images/inside_right1.png) no-repeat center; float: right; cursor: pointer; right: 0px;}
.picScroll-ipro .hd .prev{ background: rgba(0,0,0,0.7) url(../images/inside_left.png) no-repeat center; float: left; cursor: pointer; left: 0px;}
/* 内页通用:左侧分类 */
.nyban p{ padding-top:260px; color: #fff; font-size: 14px; text-align: right; }
.nyban p a{ color: #fff; }
.mainl-fl > h3{ width: 100%; height: 91px; line-height: 87px; text-align: center; font-size: 30px; font-weight: bold; background: #3ca4f8; color: #fff; }
.main-l{ border-top: none; width: 250px; border-top: none; }
.mianlfl-li > a > p{ color: #393939; font-size: 16px; float:left;line-height: 52px; }
.mianlfl-li > a > span{ width:8px; height: 8px; display: block; border-radius: 50%; border:2px solid #004389; float:left; margin-left: 10px; margin-top: 20px; margin-right: 13px; }
.mianlfl-li{ clear: both; }
.mianlfl-li > a { display: block; margin: 0 auto; width: 225px; height: 52px; border-bottom: 1px solid #e5e5e5; }
.mainl-fl > ul{ padding-top: 10px; }
.mianlfl-li > .active p{ color: #004389; }
.mianlfl-li > .active span{ background: #004389; }
.mianlfl-li:hover a > span{ background: #004389; }
.mianlfl-li:hover a > p{ color: #004389; }
.zxzx-l{ background: url(../images/zxzx-bg.jpg) no-repeat; height: 95px; width: 217px; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; }
.zxdc-l{ background: url(../images/zxwj-bg.jpg) no-repeat; height: 95px; width: 217px; margin: 0 auto; margin-bottom: 20px; }
.zxzx-l > a > h3,.zxdc-l > a > h3{ color: #fff; font-size: 18px; text-align: center; padding-top: 25px; }
.zxzx-l > a > p,.zxdc-l > a > p{ text-align: center; color: #fff; font-size: 12px; }
.mainl-fl2{ margin-top: 35px; border:1px solid #d5d5d5; padding-bottom:10px; }
.mainl-fl1{ border:1px solid #d5d5d5; border-top: none; }
.mianl-tel{ padding: 0 15px; margin-top: 18px; line-height:26px; }
.mianl-tel > p{ color: #626262; font-size: 16px;margin:10px 0 }
.mianl-tel > h3{ color: #004389; font-size: 24px; font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif"; }
.mianl-tel > h3:after{ content:""; width: 100%; height: 1px; background: #e5e5e5; display: inherit; margin-top: 8px; }
.mianl-tel > div > p{ color: #535353; font-size: 15px; line-height: 26px; }
.mianl-tel > div{ padding-top: 8px; }
.mianl-tel > span{ color: #004389; font-size: 24px; font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif"; }
@media screen and (max-width:1680px){
.index_about .container{padding-right: 20%;}
}
@media screen and (max-width:1440px){
.index_about_right{display:none}
.index_about .container{padding-right:0}
}