@charset "utf-8";
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑"; box-sizing: border-box;}
:focus{outline:0}
body{color:#666;font-size:14px;font-family:"微软雅黑"; width: 100%;}
ul li{list-style:none}
a{text-decoration:none}
a:hover{transition-duration:.6s;transition-property:color}
img{border:none }
h1{font-size:24px}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:14px}
.clr{clear:both}
.container,.w1200{margin:0 auto;width:1200px}
.l{float:left}
.r{float:right}
table,table tr,table td{border:1px solid #eee; border-collapse: collapse;}
.header_nav_top{width:100%;height:40px; background: #296fb5}
.headr_top_left{width:auto;float: left; height:40px; line-height:40px; font-size: 14px; color: #fff}
.index_linaxi_left{float:left; width: 338px; height: 40px; line-height: 40px; margin-left:428px}
.index_linaxi_left p{font-size: 14px; color: #fff; background: url(../images/ab_dh.png) no-repeat left center; padding-left:30px; float: left}
.index_linaxi_left span{font-size: 22px; color: #ffffff; font-weight: bold; font-family: "Arial"}
.h_sj{ height: 40px; float: right; position: relative; margin-left:20px; }
.h_wx{float: right; line-height: 40px; position: relative; }
.h_wx p,.h_sj p{font-size: 14px; color: #fff; float: left; line-height: 40px; margin-left: 10px;}
.headr_top_right p{font-size: 14px; color: #333333; padding-left: 20px; line-height: 40px;}
.h_wx img,.h_sj img{width:100px; height: 100px; position: absolute; top:50px; left:0; z-index: 999; display: none;}
.h_sj:hover img{display: block}
.h_wx:hover img{display: block}
.h_sj i,.h_wx i{font-size: 30px; color: #fff; line-height:40px; float: left}
.h_logo{width:213px; height:84px; float: left; margin-top:9px;}
.h_logo img{width:100%; height: auto; display: block}
.h_nav{width:100%; height:96px; background:#fff }
#nav{width:900px; height:96px; text-align:center; float: right }
#nav ul{width:100%; height: auto;}
#nav li{float:left; height:96px; box-sizing: border-box; padding-top:35px; position:relative; z-index:99; width:112px; }
#nav a.nav_h{width:100%; display:block; float:left; color:#333333;outline:none;position:relative; font-size: 15px; }
#nav a.nav_h span{font-size:12px;line-height:14px; display:block; position:relative; color: #999999; margin-top:8px; font-family: "Arial"}
#nav li ul{width:160px; display:none; position:absolute; background:#ddd; top:96px; left:50%; padding:10px 0; z-index:99; margin-left:-80px;}
#nav li ul li{width:100%; line-height:30px; height:30px; margin:0; position:relative; padding:0px; background:none; z-index:2}
#nav li ul a,#nav li.active ul a,#nav li.sfhover ul a{width:100%; height:30px; line-height:30px; color:#333; font-size:14px; float:none;}
#nav li.active a.nav_h{color:#1a75d0; font-weight: bold; }
#nav li.active a.nav_h span{color:#1a75d0; font-weight: normal; margin-top: 0; margin-bottom: 10px;}
#nav li.active{background: url(../images/nav_xs.jpg) no-repeat bottom center}
#nav li.nav_li:hover{color:#1a75d0; }
#nav li.active span{top:-39px!important}
#nav li.active a{top:20px!important;}
#nav li.nav_li ul li:hover a{color:#1a75d0}
#nav li.nav_li:hover{background: url(../images/nav_xs.jpg) no-repeat bottom center}
#nav li:hover .nav_h span{color:#1a75d0; font-weight: normal}
#nav li:hover .nav_h{color:#1a75d0; font-weight: bold;}
/*banner*/
.banner{height:618px; background: #efefef; position: relative}
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:618px;}
.banner .slideBox .hd{ height:16px; overflow:hidden; position:absolute; right:20%; bottom:30px; z-index:1; margin-left:-34.5px; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.banner .slideBox .hd ul li{ float:left; margin-right:2px; width:16px; height:16px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 50%; margin: 0px 5px; }
.banner .slideBox .hd ul li.on{background: #0268c7}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:618px;vertical-align:middle;zoom:1; position: relative}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}
.banner .slideBox .bd img{display:block;width:100%;height:100%}
/*关于我们*/
.index_about{width:100%; height:auto; overflow: hidden; margin-top: 60px;}
.index_ab_title{width:1200px; height: auto; overflow: hidden; margin: 0px auto;}
.index_ab_title h3{font-size: 59px; color: #296fb5; font-family: "Arial"; font-weight: 900; height: 60px; line-height: 60px; background: url(../images/ab_xs.jpg) no-repeat right center}
.index_ab_title p{font-size: 16px; color: #333; margin-left: 266px; line-height: 40px; margin-top: 10px;}
.index_ab_title hr{width:20px; height: 1px; background: #a0a0a0;margin-left: 266px;}
.index_about_top{width:100%; height:648px; background: url(../images/about_bj.png) no-repeat center;margin-top: 37px;}
.index_video{width:661px; height: 398px; float: left}
.index_video video{width:100%; height: auto; overflow: hidden}
.index_about_right{width:539px; height: 398px; background: #ffffff; padding: 54px 65px; float: left}
.index_about_right h3{font-size: 16px; color: #333333; font-weight: bold; line-height: 40px;}
.ab_info{width:100%; height: 153px; overflow: hidden; margin: 30px 0}
.ab_info a{font-size: 16px; color: #333333; line-height: 28px;}
.ab_more{width:97px; height: 30px; border: 1px solid #a0a0a0; text-align: center; line-height: 30px; display: block; font-size: 16px; color: #333333}
.index_about_bottom{width:100%; height: auto; overflow: hidden; margin-top: 66px;}
.index_about_bottom h4{font-size: 36px; color: #333333; font-weight: 900; font-family: "Arial";text-transform:Uppercase}
.index_about_bottom hr{width:50px; height: 2px; background: #296fb5; border: 0; margin:10px 0 15px}
.index_about_bottom p{font-size:16px; color: #333333}
.ab_more:hover{background: #004e9c; color: #fff}
/*分类*/
.index_fenlei{width:100%; height: auto; overflow: hidden; margin: 60px 0}
.index_fenlei ul{width:100%; height: auto; overflow: hidden}
.index_fenlei ul li{width:25%; height: auto; float: left; text-align: center}
.index_fenlei ul li i{width:100px; height: 100px; margin: 0px auto; display: block; border: 1px solid #333; border-radius: 50%; -webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
transition: transform 0.5s ease-out;}
.index_fenlei ul li p{font-size: 12px; color: #999999; line-height: 30px; text-transform:Uppercase; margin-top:10px;}
.index_fenlei ul li span{font-size: 16px; color: #000000}
.icon_1{background: url(../images/icon_1.png) no-repeat center}
.icon_2{background: url(../images/icon_2.png) no-repeat center}
.icon_3{background: url(../images/icon_3.png) no-repeat center}
.icon_4{background: url(../images/icon_4.png) no-repeat center}
.index_fenlei ul li:hover i{border:0}
.index_fenlei ul li:hover .icon_1{background:#296fb5 url(../images/icon_1h.png) no-repeat center}
.index_fenlei ul li:hover .icon_2{background:#296fb5 url(../images/icon_2h.png) no-repeat center}
.index_fenlei ul li:hover .icon_3{background:#296fb5 url(../images/icon_3h.png) no-repeat center}
.index_fenlei ul li:hover .icon_4{background:#296fb5 url(../images/icon_4h.png) no-repeat center}
.index_fenlei ul li:hover i{-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transform: rotateY(360deg);}
/*项目介绍*/
.index_xm{width:100%; height: 631px; background: url(../images/xmjs_bj.jpg) no-repeat center}
.index_xt{width:100%; height: auto; padding-left: 640px; padding-top: 40px;}
.index_xt p{font-size: 16px; color: #333333; }
.index_xt span{font-size: 59px; color: #296fb5; font-family: "Arial"; font-weight: 900; height: 55px; line-height:55px; display: block}
.index_xm ul{width:100%; height: auto; overflow: hidden; margin-top: 46px;}
.index_xm ul li{width:390px; height: 153px; background: #ffffff; float: left; margin-bottom: 18px; margin-right: 15px; padding: 20px 28px;}
.index_xm ul li:nth-child(3n){margin-right: 0}
.index_xm ul li h3{font-size: 16px; color: #333333; line-height: 30px;}
.index_xm ul li hr{width:34px; height: 1px; background: #296fb5; display: block; margin: 10px 0; border: 0}
.index_xm ul li p{font-size: 14px; color: #333333; line-height: 28px; width:100%; height:56px; overflow:hidden}
.index_xm ul li:hover{background: #296fb5}
.index_xm ul li:hover h3,.index_xm ul li:hover p{color:#fff}
.index_xm ul li:hover hr{background: #fff}
.xm_more{width:160px; height: 38px; border: 1px solid #a0a0a0; font-size: 16px; color: #333333; display: block; text-align: center; line-height: 38px;
margin: 40px 0 0 640px}
.xm_more:hover{background: #296fb5; color: #fff}
/*产品中心*/
.index_product{width:100%; height: auto; overflow: hidden; margin-top: 50px;}
.in_title{width:100%; height: auto; overflow: hidden; text-align: center}
.in_title h4{font-size: 16px; color: #333333; font-weight: normal}
.in_title span{font-size: 59px; color: #296fb5; font-family: "Arial"; font-weight: 900; background: url(../images/t_xs.png) no-repeat center;
height: 50px; line-height:50px; display: block; margin: 8px 0}
.in_title p{font-size: 16px; color:#333333; line-height:30px }
.index_product .Box {position: relative; width:1200px; height: auto; margin: 40px auto;}
.index_product .Box .Box_con {position: relative;}
.index_product .Box .Box_con .conbox {position: relative; overflow: hidden; width:100%; margin: 0px auto; }
.index_product .Box .Box_con .conbox ul {position: relative;list-style: none;}
.index_product .Box .Box_con .conbox ul li {float: left; width:390px; height:420px; margin-left:15px; position: relative; overflow: hidden; }
.index_product .Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.index_product .Box .Box_con .conbox ul li img{transition: all 0.5s; width:100%; height:100%; display: block}
.in_pro_hover{width:100%; height: 54px; overflow: hidden; text-align: center; background: rgba(255,255,255,0.7); position: absolute; bottom:0; left:0; transition: all 0.4s ease-in-out;}
.in_pro_hover p{width:100%; height:54px; line-height: 54px; font-size: 16px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left;}
.in_pro_hover span{width:100%; height: 35px; font-size: 14px; color: #999999; line-height: 35px; display: none; text-align: center}
.index_product .Box .Box_con .conbox ul li:hover img{transform: scale(1.03);}
.Box .Box_con .btn {display: block;width:41px;height:41px;cursor: pointer; text-align: center; position: absolute; top:50%; margin-top: -15px; }
.Box .Box_con .btnl {float: left; background: url(../images/p_left.png) no-repeat; left:-50px;}
.Box .Box_con .btnr { float: right; background: url(../images/p_right.png) no-repeat; right:-50px;}
.Box .Box_con .btnl:hover{background: url(../images/p_hleft.png) no-repeat;}
.Box .Box_con .btnr:hover{background: url(../images/p_hright.png) no-repeat}
.index_product .Box .Box_con .conbox ul li:hover .in_pro_hover{background: rgba(0,0,0,0.75); height: 88px; transition: all 0.4s ease-in-out;}
.index_product .Box .Box_con .conbox ul li:hover p{color:#fff; height:30px; line-height: 30px; margin-top: 10px;}
.index_product .Box .Box_con .conbox ul li:hover span{display: block}
.pro_more{width:160px; height: 38px; border: 1px solid #a0a0a0; font-size: 16px; color: #333333; display: block; text-align: center; line-height: 38px;
margin: 40px auto}
.pro_more:hover{background: #296fb5; color: #fff}
/*案例*/
.index_case{width:100%; height:auto; overflow: hidden; margin-top: 40px;}
.index_case_xx{ width:1200px; height:517px; position:relative; overflow:hidden; margin:42px auto 0;}
.ban2{ width:902px; height:517px; position:relative; overflow:hidden; float: left}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:902px; height:517px; position: relative}
.ban2 ul li 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;}
.case_hover{width:100%; height: 110px; background: rgba(0,0,0,0.7); position: absolute; bottom:0; left:0; padding: 5px 35px 0 58px}
.case_hover_xx{width:630px; height: auto; float: left}
.case_hover_xx h3{width:100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.case_hover_xx p{font-size: 16px; color: #fff; line-height: 28px; height: 56px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
-webkit-box-orient:vertical; overflow:hidden;}
.case_more{width:85px; height: 85px; border: 1px solid #296fb5; padding: 10px; float: right; margin-top: 8px; }
.case_more p{width:100%; height: 100%; background: #296fb5; color: #fff; line-height: 20px; text-align: center; padding-top: 10px;}
.num{ height:517px;overflow:hidden; width:288px; position:relative;float:left;}
.min_pic{width:288px; float: right; }
.num ul{position:absolute; left:0; top:0;}
.num ul li{ width:288px; height:165px; margin-bottom: 11px; overflow: hidden; position: relative}
.num ul li img{width:100%; height: 100%; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.num ul li.on{border: 1px solid #0c367e}
.num ul li p{width:100%; height: 40px; line-height: 40px; background:rgba(0,0,0,0.5); text-align: center; line-height: 40px; font-size:16px; color:#fff; position: absolute; bottom:0; left:0}
.num ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.prev1,.next1{width:52px; height:52px; position: absolute; top:50%; margin-top: -26px; z-index: 9}
.prev1{ background: url(../images/case_left.png) no-repeat; left:0}
.next1{ background: url(../images/case_right.png) no-repeat; right:0}
.all_case_more{width: 160px; height: 38px; border: 1px solid #a0a0a0; font-size: 16px; color: #333333; display: block;
text-align: center; line-height: 38px; margin: 40px auto 0;}
.ban2 ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.all_case_more:hover{background: #296fb5; color: #fff}
/*优势*/
.index_youshi{width:100%; height:723px; background: url(../images/youshi_bj.jpg) no-repeat center; margin-top: 40px; padding-top: 57px;}
.in_ys_title{width:100%; height: auto; overflow: hidden; text-align: center}
.in_ys_title h4{font-size: 16px; color: #fff; font-weight: normal}
.in_ys_title span{font-size: 59px; color: #fff; font-family: "Arial"; font-weight: 900; background: url(../images/ys_x.png) no-repeat center;
height: 50px; line-height:50px; display: block; margin: 8px 0}
.in_ys_title p{font-size: 16px; color:#fff; line-height:30px }
.index_youshi ul{width:1200px; height: auto; margin:112px auto 0}
.index_youshi ul li{width:600px; height: auto; float: left; margin-bottom:82px;}
.index_youshi ul li .in_youshi_num{width:57px; height: 94px; border: 1px solid #fff; text-align: center; padding-top: 30px; float: left}
.in_youshi_num span{font-size: 40px; color: #fff;}
.in_youshi_num hr{width:34px; height: 2px; background: #fff; display: block; margin: 0px auto; border:0 }
.in_youshi_xx{width:516px; float: left; margin-left:20px;}
.index_youshi ul li:nth-child(2n){float: right}
.index_youshi ul li h3{font-size: 20px; color: #ffffff; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 40px;}
.index_youshi ul li p{font-size: 16px; color: #fff; line-height: 28px;}
/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden; margin-top: 75px; }
.index_news_nav{width:auto; height: auto; display: table; margin:24px auto;}
.index_news_nav a{width:115px; height:38px; border: 1px solid #a0a0a0; float: left; text-align: center; line-height: 38px; font-size: 16px; color: #333333; margin: 0px 5px;}
.index_news_nav a:hover{background: #296fb5; color:#fff;}
.index_news_top{width:100%; height: auto; overflow: hidden; margin-top: 50px;}
.index_news_top ul{width:100%; height: auto; overflow: hidden}
.index_news_top ul li{width:100%; height: 165px; margin-bottom: 28px;}
.index_news_top li a{width:1200px; height:165px; margin: 0px auto; display: block}
.index_news_top li .in_new_rq{width:115px; height: 115px; background: #296fb5; text-align: center; float: left; margin-top: 30px;}
.in_new_rq span{font-size: 50px; color: #fff; font-weight: bold;}
.in_new_rq p{font-size: 16px; color:#fff}
.in_news_txx{width:724px; height: auto; float: left; margin-left: 30px; margin-top: 30px;}
.in_news_txx h3{width:100%; height: 36px; line-height: 30px; border-bottom: 1px solid #bfbfbf; font-size: 16px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: normal}
.in_news_txx p{width:100%; height: 56px; font-size: 16px; color: #333333; line-height: 28px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
-webkit-box-orient:vertical; overflow:hidden; margin-top: 14px; }
.in_news_tpic{width:288px; height: 165px; float: right}
.index_news_top ul li:hover{background: #fff}
.index_news_bottom{width:100%; height: 446px; background: url(../images/news_bottom.jpg) no-repeat center; margin: 20px auto;}
.news_bleft{width:570px; height: auto; float:left; }
.news_bleft .sideMenu{width:100%; height: 446px; overflow: hidden}
.news_bleft .in_menu_title{width:100%; height:35px; line-height: 35px; margin:28px 0}
.news_bleft .in_menu_title h3{width:395px; height: auto; float: left; font-size: 16px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: normal}
.news_bleft .in_menu_title p{font-size: 16px; color: #fff; float: right}
.news_bleft .sideMenu ul{ display:none; border-bottom: 1px solid #fff; margin-top: 8px; padding-bottom: 12px;}
.news_bleft .sideMenu ul li{width:100%; height: 56px; overflow: hidden; line-height: 28px; font-size: 14px; color: #fff; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.news_bleft .sideMenu ul li a{color:#fff; font-size: 14px;}
.news_bleft .in_menu_title.on{ margin:28px 0 0 }
.news_bright{width:569px; height: auto; float:right;}
.news_bright .sideMenu{width:100%; height: 446px; overflow: hidden}
.news_bright .in_menu_title{width:100%; height:35px; line-height: 35px; margin:28px 0}
.news_bright .in_menu_title h3{width:395px; height: auto; float: left; font-size: 16px; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: normal}
.news_bright .in_menu_title p{font-size: 16px; color: #fff; float: right}
.news_bright .sideMenu ul{ display:none; border-bottom: 1px solid #004e9c; margin-top: 8px; padding-bottom: 12px;}
.news_bright .sideMenu ul li{width:100%; height: 56px; overflow: hidden; line-height: 28px; font-size: 14px; color: #333333; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.news_bright .sideMenu ul li a{color:#333; font-size: 14px;}
/*底部*/
.footer{width:100%;height:auto;background:#004e9c; display: block; padding: 30px 0 0; overflow: hidden }
.f_logo{width:100%; height: 84px; background: url(../images/f_logo.png) no-repeat center}
.footer .footer_center{overflow: hidden; margin-top: 50px}
.footer_title{width:100%; height: auto; overflow: hidden; text-align: center; margin-bottom: 40px;}
.footer_title p{font-size: 16px; color: #fff}
.footer_left{widt:305px;height: auto; float: left}
.footer_left h3,.footer_right h3,.footer_img h3{font-size: 18px; color: #fff; font-weight: bold; line-height: 40px;}
.footer_left_xx{width:100%; height: auto; margin-top: 10px; }
.footer_left_xx p{font-size: 16px; color:#fff; line-height:30px;}
.footer_right{width:554px; height: auto;float: left; margin-left: 60px;}
.footer_right .footer_top_input{width:100%; height: auto; overflow: hidden; margin-top: 15px;}
.footer_top_input input[type="text"]{width:272px; height: 38px; border: 1px solid #fff; background: none; float: left; padding: 0px 10px; margin-bottom: 10px; color:#fff}
.lxfs{float: right!important}
.f_textarea{width:100%; height: 38px; line-height: 22px; border: 1px solid #fff; background: none; padding: 0px 10px; resize: none; color: #fff}
::-webkit-input-placeholder { /* WebKit browsers */
color: #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff;
}
.f_tijiao{width:125px; height: 38px; border: 1px solid #fff; background: none; font-size: 16px; color: #fff; margin-top: 8px;}
.footer_img{width:238px; height: auto; overflow: hidden; float: right; }
.footer_img dl{width:100px; height: auto; float: left; margin-top: 16px; }
.footer_img dl dt{width:100px; height: 100px; }
.footer_img dl dt img{width:100%; height: 100%; display: block}
.footer_img dl dd{width:100%; height: 30px; line-height: 30px; font-size: 14px; color: #FFFFFF; text-align: center}
.footer_img dl:nth-child(2n){}
.copy{clear:both;width:100%;height:70px;color:#fff;font-size:12px;line-height:70px; margin-top:40px; border-top: 1px solid rgba(255,255,255,0.2)}
.copy_l{float:left; font-size:12px; color:#fff}
.copy_l a{color:#fff}
.copy_l a:hover{color:#da251e!important}
.footer_zhichi{width:auto; height:70px; float: right }
.footer_zhichi p{ width: auto; float: left; margin-right: 20px; color:#fff; line-height:70px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat; margin-top:22px; margin-right: 10px}
.footer_zhichi .js{width:121px;height: 18px; background: url(../images/wl.png) no-repeat; margin-top:22px;}
.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: 12px; color: #fff;}
.footer_zhichi i{ float: left;}
.footer_link{width:100%; height:auto; overflow: hidden;margin: 12px 0 }
.link_s{width:100px; height: 45px; background: url(../images/xs_xs.jpg) no-repeat right; padding-right: 10px; text-align: center; float: left}
.footer_link span{font-size: 16px; color: #333333; font-family: "Arial"}
.footer_link p{font-size: 16px; color: #333333; }
.footer_link .footer_a{width:1090px; float: right; height: 100%; line-height:25px;margin-top:10px }
.footer_link .footer_a a{font-size:14px; color: #333333; margin: 0px 10px;}
.footer_link .footer_a a:hover{color:#296fb5}
.f_tijiao:hover{background: #fff; color:#0b1050; cursor: pointer}
/*客服*/
.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: -125px;
position: absolute;
top: -40px;
width: 120px;
}
.fix_ewm img{width:100%; height:100%; display:block;}
.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:#0268c7;
height: 62px;
margin-bottom: 1px;
margin-left: 0;
position: relative;
width: 77px; float:left;
}
/*内页banner*/
.caseban{ background: url(../images/caseban.jpg) no-repeat center; height: 250px; }
.newsban{ background: url(../images/newsban.jpg) no-repeat center; height: 250px; }
.proban{ background: url(../images/proban.jpg) no-repeat center; height: 250px; }
.contban{ background: url(../images/contban.jpg) no-repeat center; height: 250px; }
.aboutban{ background: url(../images/aboutban.jpg) no-repeat center; height: 250px; }
.xmjsban{ background: url(../images/xmjsban.jpg) no-repeat center; height: 250px; }
.hrban{ background: url(../images/hrban.jpg) no-repeat center; height: 250px; }
.main{overflow:hidden; margin-top:-65px;}
/* 内页通用:左侧分类 */
.nyban p{ padding-top:200px; color: #fff; font-size: 14px; text-align: right; }
.nyban p a{ color: #fff; }
.mainl-fl > h3{ width: 250px; margin-left: -1px; height: 66px; line-height: 66px; text-align: center; font-size: 21px; font-weight: bold; background: #296fb5; 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 #296fb5; 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: #296fb5; }
.mianlfl-li > .active span{ background: #296fb5; }
.mianlfl-li:hover a > span{ background: #296fb5; }
.mianlfl-li:hover a > p{ color: #296fb5; }
.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: 20px; border:1px solid #d5d5d5; padding-bottom:10px; }
.mainl-fl1{ border:1px solid #d5d5d5; border-top: none; }
.mianl-tel{ padding: 0 15px; margin-top: 25px; line-height: 28px; }
.mianl-tel > p{ color: #626262; font-size: 16px; }
.mianl-tel > h3{ color: #296fb5; 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: #296fb5; font-size: 24px; font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif"; }
/*内页通用：单页面*/
.main-r{ width:920px; margin-top: 100px; }
.main-title > h3{ font-size: 30px; text-align: center; font-weight: bold; color: #296fb5; }
.main-title > p{ color: #dcdcdc; font-size: 30px; font-weight: bold; text-align: center; padding-top: 15px; }
.main-title > p:after{ width:52px; height: 2px; content:""; display: inherit; background: #296fb5; margin: 0 auto; margin-top: 15px; }
.mianr-mid{ margin-top: 30px; font-size:16px; color:#666; line-height:24px;}
.mianr-mid > p{line-height: 36px; font-size: 16px; color: #555; }
/*内页通用新闻资讯*/
.nynews-l{ margin-top:30px; width: 585px;}
.nynewst-div { width:187px; height: 152px; overflow:hidden; margin-top: 29px; margin-left: 7px;}
.nynewst-div > img{ width:100%; transition: .6s; }
.nynews-top{ width:100%; height: auto; overflow:hidden; transition: .3s; border:1px solid #d5d5d5; }
.nynews-top .r > h3{ color:#555555; font-size:16px; margin-top: 30px;transition: .3s;}
.nynews-top .r > p{ color:#a1a1a1; font-size:14px;transition: .3s;}
.nynews-top .r > span{color:#a1a1a1; font-size:14px; line-height: 40px;transition: .3s;}
.nynews-top .r{width: 320px;margin-right: 50px;}
.nynews-li{border-bottom:1px dashed #d5d5d5; overflow: hidden; }
.nynews-li > span{ border:2px solid #296fb5; border-radius: 50%; width:8px; height: 8px; display: block; float:left; margin-top: 20px; margin-right: 6px;position: relative; left:0; transition: .3s;}
.nynews-li > a { float:left; line-height: 52px; width:76%; color:#1b1b1b; font-size:16px; position: relative; left:0; transition: .3s;}
.nynews-li > p{ float:right;line-height: 52px; color: #626262;font-size: 14px;position: relative; right:0; transition: .3s;}
.nynews-li a:hover { left:15px; color:#296fb5;}
.nynews-li:hover > span{ left:15px; background: #296fb5; }
.nynews-li:hover > p{ right:15px; color:#296fb5;}
.nynews-top:hover .nynewst-l > img{ transform:scale3d(1.1,1.1,1);}
.nynews-top:hover{ background:#296fb5; border:1px solid #296fb5; }
.nynews-top:hover .l > h3{ color:#fff;}
.nynews-top:hover .l > p{ color:#fff; }
.nynews-top:hover .l > span{color:#fff; ;}
.news-bot{ margin-bottom:40px}
.intitle-top > h3{ font-size: 30px; text-align: center; font-weight: bold;color: #0c46c6;}
.intitle-top > p{ font-size:18px; color:#707070; text-align: center; line-height: 40px; }
.ny-news{ margin-top: 40px; margin-bottom: 70px; overflow:hidden; margin-bottom:40px;}
.main-title > h3 > span{ color: #296fb5; }
.nynewst-l{ width: 210px; height: 138px; overflow: hidden; float: left; }
.nynewst-l > img{ width:100%; transition: .6s; }
.nynews-top > a { display: block; padding: 16px; }
.nynews-top > a > .l{ width: 308px; margin-left: 15px; }
.nynews-top > a > .l > h3{ color: #535353; font-size: 16px; font-weight: bold; padding-top: 10px; line-height: 30px; width:100%; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap }
.nynews-top > a > .l > span{ color: #898989; font-size: 14px; display: block; line-height: 36px; }
.nynews-top > a > .l > p{ color: #898989; font-size: 14px; line-height: 24px; }
/*内页：疑问解答*/
.mianr-mid .infaq-li{ margin-right: 18px; margin-bottom: 18px; }
.mianr-mid > img{ display: table; margin: 0 auto; }
.mianr-mid > h4{ background: #296fb5; color: #296fb5; font-size: 16px; text-align: center; line-height: 40px; margin-top: 30px; }
/*内页：新闻资讯*/
.in-news{ margin-top: 60px; background: url(../images/innews-bg.jpg) no-repeat center; background-position: bottom; }
.news-title h3{ color: #296fb5;}
.news-title span {width:442px; line-height: 80px; color: #296fb5; font-size: 33px;text-align: center; font-weight: bold;}
.news-title span p{ color: #296fb5 !important;font-size: 33px;text-align: center;font-weight: bold;padding-top: 13px; }
.news-title p{ color: #626262; }
.title h3{ font-size: 30px; text-align: center; font-weight: bold;}
.title span{ display: block; width:442px; height: 80px; margin: 0 auto; }
.newsli-l{ width:130px; height: 122px; background:#333; transition: .6s; }
.newsli-l span{ font-size: 20px; font-weight: bold; text-align: center; padding-top: 20px; color: #fff; border-bottom: 1px solid #444; width: 100px; margin: 0 auto; padding-bottom: 13px; transition: .6s; display:block;}
.newsli-l p{ text-align: center; font-size: 30px; font-weight: bold; line-height: 40px; color: #fff; padding-top: 10px; }
.newsli-r{ width: 790px; background: #f5f5f5; padding: 18px 20px; height:122px }
.news-li{ clear: both; margin-bottom: 20px; display: table; }
.newsli-r h3{ font-size: 20px; line-height: 30px; transition: .6s; width:100%; height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#333}
.newsli-r p{ font-size: 15px; line-height: 24px; margin-top: 5px; width:100%; height:48px; overflow:hidden; color:#333}
.news-li:hover .newsli-l { background: #296fb5; }
.news-li:hover .newsli-l span{ border-bottom: 1px solid #fff; }
.news-li:hover .newsli-r h3{ color: #296fb5; }
.news-li:hover .newsli-r p{ color: #296fb5; }
.ny_news_h1{width: 100%; text-align: center; clear: both; height:40px; }
.ny_news_h1 h1{ font-size:24px; color: #555; }
.ny_news_xxs{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_news_show{margin-bottom:70px;}
/*内页：联系方式*/
.contact .l{width:590px}
.contact .r{margin-top:15px;}
.contact .l > h3{ font-size: 24px; font-weight: bold; color: #444; padding-bottom: 20px; }
.contact .l p{ color: #444; }
.contact .l h3{ color: #444;}
.contact .ewm-li > div{ background: #fff; border:1px solid #d5d5d5; }
.contact .foottb-r h3{ color: #444; }
.contact .foottb-r p{ color: #444; text-align:center}
.contact .foottb-r > p:before{ background: #d5d5d5; }
.keyword_light p,.nycont-bot p{ line-height: 36px;font-size: 16px; color: #555;}
.ewm-li{ float:left; margin-left:10px; }
.ewm-li div{ background: url(../images/erm_bg.png) no-repeat; width:128px; height: 128px; }
.ewm-li div > img{ display: block; margin: 0 auto; width:104px; padding-top: 12px; }
/*产品*/
.inproli-div{ width:100%; height:303px; overflow: hidden; border:1px solid #ddd}
.inproli-div > img{ width:100%; height: 100%; transition: .6s; transform: scale(1); transition: all 1s ease 0s; -webkit-transform: scale(1); -webkit-transform: all 1s ease 0s;}
.goods-li{float:left; margin-right: 29px; cursor: pointer; margin-bottom: 70px; position: relative; width:287px}
.goods-li h3{ position: absolute; left: 0; border: 0; right: 0; text-align: center; color: #555; font-size: 15px; line-height: 40px; z-index: 2;}
.goods-li:hover .inproli-div > img{ transform: scale3d(1.1,1.1,1); }
.pro_buy{width:140px; height:40px; border-radius:5px; background:#296fb5; text-align:center; line-height:40px; color:#fff; font-size:16px; display:block; margin-left:8px;}
.goods-li:nth-child(3n){margin-right:0}
.st_tree{width:100%; height:auto; overflow:hidden; padding:0px 10px;}
.st_tree a{text-decoration:none;}
.st_tree a:hover{color:#296fb5;}
.st_tree ul{width:100%; height:auto; overflow:hidden}
.st_tree ul li{color: #393939;font-size: 16px;float: left; line-height: 52px; width:100%; height:52px; border-bottom:1px solid #e5e5e5; cursor:pointer}
.st_tree ul ul li{padding-left:10px;}
.st_tree ul li ul{width:100%; height:auto; overflow:hidden}
.st_tree ul li ul li{width:100%; height:auto; overflow:hidden; line-height:35px; padding-left:10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border-bottom:1px solid #e5e5e5}
.st_tree ul li ul li a{color: #393939; font-size: 14px; width:100%; height:100%; display:block;}
.st_tree ul ul li a{color: #393939; font-size: 14px; width:100%; height:100%; display:block;}
.st_tree ul ul li.active a{color:#296fb5}
.st_tree ul ul li:hover a{color:#296fb5}
.st_tree .folder{background:url(../images/st_jt.png) no-repeat left center; background-size:5%; padding:0 0 0 20px;}
.st_tree .open,.st_tree .on{background:url(../images/st_jt.png) no-repeat left center; background-size:5%; padding:0 0 0 20px;}
.st_tree .open a,.st_tree .on a{color:#296fb5}
/*历程*/
.ny_events_ul{position: relative; width:100%; height:100%; overflow:hidden;}
.ny_events_ul::after{content: '';position: absolute; height: 100%;width: 1px;background: #296fb5 ;z-index: 1;top: 0; left:170px}
.ny_events_ul li{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.timer_shaft_left{float: left;font-size: 24px;width:180px;text-align: center;position: relative; line-height:48px;}
.timer_shaft_left::after{content:"";position: absolute;right: 3px;top: 22px;width: 11px;height: 11px;border:1px solid #296fb5 ;border-radius:50%;background: #fff;z-index: 2;}
.timer_shaft_right{float: left;line-height: 35px;padding-left: 30px; padding-top:10px; color: #666;max-width:80%;}
/*荣誉资质*/
.docs-pictures{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.honor-li{width:218px; height:auto; float:left; margin-right:15px; margin-bottom:20px;}
.honorli-div{width:100%; height:auto; overflow:hidden; border:1px solid #ddd}
.honorli-div img{width:100%; height:100%; display:block;}
.honor-li:nth-child(4n){margin-right:0}
.honor-li h3{width:100%; height:40px; line-height:40px; font-size:16px; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center}
@media screen and (max-width:1220px){
body{transform: scale(0.9); -ms-transform: scale(0.9);-webkit-transform: scale(0.9);-o-transform: scale(0.9);-moz-transform:scale(0.9)}
}