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

html{min-width:1100px;}
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body{color:#666; font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
ul li{list-style:none;}
a{text-decoration:none;color: #666;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

.clr{clear:both;}
.w1200{width:1200px; margin:0 auto; clear:both}
.header{height:72px;width: 100%; position: absolute;top: 38px;z-index:55}
.header_lf{float: left;width: 34%;height: 72px; background: #005bac;}
.header_rt{float: right;width: 66%;height: 72px; background:url(../images/h_b.png) repeat;}
.logo{float:right;width: 232px;height: 48px;overflow: hidden;padding: 12px 40px 0 0;}
.logo a{display:block;width: 100%;height: 100%;} 
.logo a img{width: 100%;height: 100%;}
.menu{width:920px; height:72px; float: left;}
.menu>ul{float: left;border-left: 1px solid #fff;} 
.mainlevel{width: 130px; height:72px; text-align:center; position:relative; z-index:88; float:left;border-right: 1px solid #fff;} 
.mainlevel a{height:72px; line-height:72px; display:block; font-size:14px; color:#333;} 
.mainlevel>a span{font-weight: bold;}
.mainlevel a:hover i,.mainlevel a.active i{display: block;width:130px;height: 11px;background: url(../images/nav_h.png) no-repeat center;position: absolute;bottom:0;left: 0; }
.mainlevel>a:hover span,.mainlevel>a.active span{color: #005bac;}
.mainlevel ul{width:130px; display:none; position:absolute; padding:10px 0px; background:#005bac; z-index:9;}
.mainlevel li{width:100%; height:30px; line-height:30px;}
.mainlevel li a{width:100%;display:block; padding:0px; height:30px; line-height:30px; background:none; color:#fff; font-size:12px;}
.mainlevel li a:hover{background:#307abb; font-weight:normal; color:#fff;}

#full-screen-slider{width:100%; height:620px; position:relative; z-index:0; overflow:hidden; }
#slides{display:block; width:100%; height:620px; list-style:none; padding:0; position:relative}
#slides li{display:block; width:100%; height:620px; list-style:none; padding:0; margin:0; position:absolute; left:0px;}
#slides li a{display:block; width:100%; height:620px; text-indent:-9999px}
#pagination{display:block; list-style:none; position:absolute; left:50%; bottom:30px; height:10px; z-index:999; padding:5px 15px 5px 0; margin:0}
#pagination li{display:block; list-style:none; width:18px; height:18px; float:left; margin-left:15px; background:url(../images/hd_off.png) no-repeat;}
#pagination li a{display:block; width:100%; height:18px; padding:0; margin:0; text-indent:-999em; cursor:pointer;}
#pagination li.current{background:url(../images/hd_on.png) no-repeat;}
.animate{-webkit-transition-duration:1.6s; -ms-transition-duration:1.6s; -o-transition-duration:1.6s; -moz-transition-duration:1.6s; transition-duration:1.6s;}


/*container*/

/*con_tit*/
.con_case_bg{background: #f2f2f2;height: 430px;overflow: hidden;}
.con_tit{height: 110px;padding-top: 40px;text-align: center;}
.con_tit h5{margin-bottom: 20px;}
.con_tit h5 a{color: #005bac;font-size: 24px;border-bottom: 4px solid #005bac;padding-bottom: 7px;}
.con_tit i{display: block;width: 100%;height: 1px;background: #d9d9d9;margin-top: 8px;}
.con_tit p{font-size: 14px;color: #666;line-height: 24px;width: 1000px;margin: 10px auto;}

.con_case{position: relative;height: 224px;}
.case_flash{height: 224px;overflow: hidden;} 
.con_case li{float: left;width: 280px;margin:0 10px;background: #fff;}
/*.con_case li:nth-child(4n+1){margin: 0}*/
.con_case li span{display: block;width: 280px;height: 182px;overflow: hidden;}
.con_case li span img{transition: all 0.8s ease-in-out;width: 100%;height: 100%;}
.con_case li:hover img{transform: scale(1.1);}
.con_case li p{height: 43px;line-height: 43px;font-size: 14px;color: #666;text-align: center;}
.con_case li:hover p{color: #005bac}



/*con_pro*/
.pro_byc{height: 482px;width: 100%;margin-top: 30px;overflow: hidden;}
.box10 {  padding: 0px; height: 482px;overflow: hidden;}
.voice_2 { width: 100%; position: relative; left: 0; }
.voice_2 ul li { float: left; display: inline; height: 482px; color: #fff; cursor: pointer; position: relative;}
/*.voice_2 ul li.li1 { background: #4a9ebd}
.voice_2 ul li.li2 { background: #4abdb9}
.voice_2 ul li.li3 { background: #90d73d}
.voice_2 ul li.li4 { background: #e3d02c}
.voice_2 ul li.li5 { background: #e37e2c}
.voice_2 ul li.li6 { background: #cc428d}*/
.voice_2 .fold { width: 100%; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px;}
.voice_2 .fold i{display: block;width: 52px;height: 52px;background: url(../images/pro_plus.png) no-repeat center;bottom: 150px;position: absolute;left: 50%;margin-left: -26px;}
.voice_2 .fold .img { display: block; position: absolute;top: 0;left: 0;width:100%;height:483px;}
.voice_2 .fold .img img{width: 100%;height: 100%;}

.voice_2 .fold .txt { font-size: 24px; display: block;font-weight: normal; line-height: 25px;position: absolute;top: 165px;    text-align: center;width: 100%;}
.voice_2 .unfold { width: 100%; height: 100%; display: none; position: absolute; top: 0px; left: 0px;}
.voice_2 .unfold a{display: block;color: #fff;}
.voice_2 .unfold img{position: absolute;top: 0;left: 0;}
.mask{width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-align: center;}
.pro_d{width: 543px;height: 260px;position: absolute;top: 60px;left:50%;padding: 50px;margin-left:-321px}
.pro_d h5{font-size: 24px;padding-bottom: 10px;font-weight: normal;margin:10px 0;}
.pro_d b{border-bottom: 2px solid #fff;font-weight: normal;padding-bottom: 10px;}
.pro_d p{font-size: 14px;line-height: 24px;margin: 10px 0;}
.pro_d span{display: block;width: 159px;height: 33px;border:1px solid #fff;line-height: 33px;text-align: center;margin-top: 20px;}
.voice_2 ul li.li1 .mask,.voice_2 ul li.li1 .pro_d { background: url(../images/b1.png) repeat;}
.voice_2 ul li.li1 .mask,.voice_2 ul li.li2 .pro_d { background: url(../images/b2.png) repeat;}
.voice_2 ul li.li1 .mask,.voice_2 ul li.li3 .pro_d { background: url(../images/b3.png) repeat;}
.voice_2 ul li.li1 .mask,.voice_2 ul li.li4 .pro_d { background: url(../images/b4.png) repeat;}
.voice_2 ul li.li1 .mask,.voice_2 ul li.li5 .pro_d { background: url(../images/b5.png) repeat;} 





/*con_about*/
.con_about{overflow: hidden;}
.con_ab_lf{float: left;width: 300px;height: 436px;}
.con_ab_lf .con_lf_t{width: 240px;height: 146px;background: url(../images/about_lf_bg.png) no-repeat center;padding: 30px;}
.con_ab_lf .con_lf_t a{color: #fff;}
.con_ab_lf b,.con_ab_rt b{font-size: 20px;display: block;margin-bottom: 10px;}
.con_ab_lf p,.con_ab_rt p{font-size: 12px;line-height: 22px;}
.con_ab_lf p span{font-weight: bold;}
.con_ab_lf .con_lf_b{background: #f0f0f0;width: 240px;height: 176px;padding:30px;}
.con_ab_lf .con_lf_b a{color: #666;}

.con_ab_ct{width: 600px;height: 436px;float: left;cursor: pointer;}
.con_ab_ct a{display: block;}
.con_ab_ct .swiper-container {width: 600px;height: 436px;margin-left: auto;margin-right: auto;}
.con_ab_ct .swiper-slide { text-align: center; font-size: 18px; background: #fff;position: relative;
	/* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.con_ab_ct .swiper-slide span{width: 600px;height: 436px;display: block;overflow: hidden;}
.con_ab_ct .swiper-slide span img{width: 100%;height: 100%;transition: all 0.8s ease-in-out}
.con_ab_ct:hover .swiper-slide span img{transform: scale(1.1);}
.con_ab_ct .swiper-slide p{position: absolute;bottom:0;left: 0;height: 65px;line-height: 65px;width:100%;padding-left: 20px;text-align: left;font-weight: bold; color: #fff;font-size: 20px;background: rgba(0,0,0,.5)}
.con_ab_ct .swiper-pagination-bullet{width: 16px;height: 16px;background: #fff;}
.con_ab_ct .swiper-pagination-bullet-active{background: #f39800}
.con_ab_ct .swiper-container-horizontal>.swiper-pagination-bullets{left: 28%;bottom: 18px;}

.con_ab_rt{width: 300px;float: right;height: 436px;}
.con_ab_rt .con_rt_t{height: 230px;}
.con_ab_rt .con_rt_t span{display: block;width: 300px;height: 230px;overflow: hidden;}
.con_ab_rt .con_rt_t span img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.con_ab_rt .con_rt_t:hover span img{transform: scale(1.1);}
.con_ab_rt .con_rt_b{background: #005bac;width: 248px;height: 167px;padding:20px 26px;}
.con_ab_rt .con_rt_b a{color: #fff;}
.con_ab_rt p{line-height: 24px;}

/*con_news*/
.con_news{height: 480px;overflow: hidden;margin-bottom: 45px;}
.news_lf{width: 590px;float: left;}
.news_lf ul{overflow: hidden;border-top: 1px solid #d3d3d3;}
.news_lf ul li{height: 79px;border-bottom: 1px solid #d3d3d3;padding: 10px;}
.news_lf ul li dl{}
.news_lf ul li dl dt{float: left;width: 80px;margin-left: 10px;text-align: right;}
.news_lf ul li dl dt b{display: block;font-size: 30px;color: #666;font-family: "Arial";font-weight: normal;}
.news_lf ul li dl dt span{display: block;font-size: 14px;color: #333;font-family: "Arial"}

.news_lf ul li dl dd{overflow: hidden;}
.news_lf ul li dl dd span{font-size: 14px;color: #333;display: block;margin: 6px 0 ;}
.news_lf ul li dl dd p{font-size: 12px;color: #999;line-height: 22px;}

.news_rt{width: 590px;float: right;}
.news_rt ul{overflow: hidden;border-top: 1px solid #d3d3d3;}
.news_rt ul li{height: 79px;border-bottom: 1px solid #d3d3d3;padding: 10px;}
.news_rt ul li dl{}
.news_rt ul li dl dt{float: left;width: 80px;margin-right: 10px;text-align: right;}
.news_rt ul li dl dt b{display: block;font-size: 30px;color: #666;font-family: "Arial";font-weight: normal;}
.news_rt ul li dl dt span{display: block;font-size: 14px;color: #333;font-family: "Arial"}

.news_rt ul li dl dd{overflow: hidden;}
.news_rt ul li dl dd span{font-size: 14px;color: #333;display: block;margin: 6px 0 ;}
.news_rt ul li dl dd p{font-size: 12px;color: #999;line-height: 22px;}



/*footer*/

/*return_top*/
.return_top{position:absolute;top: -40px;left: 47%; }

.bot{height: 260px;background: #307abb;width: 100%;padding-top: 70px;position: relative;clear: both;margin-top:50px;}
.bot .w1200{overflow: hidden;}
.bot .bot_ul{float: left;width: 880px;height: 180px; overflow: hidden;}
.bot .bot_ul>li{float: left;width: 80px;margin-right: 20px;}
.bot .bot_ul>li h5{color: #fff;font-size: 14px;}
.bot .bot_ul>li i{display: block;width: 24px;height: 1px;background: #fff;margin: 12px 0;}
.bot .bot_ul>li ul li{line-height: 22px;}
.bot .bot_ul>li ul li a{font-size: 12px;color: #fff;}
.bot .bot_ul>li ul li a:hover{color: #accae4;}
.bot .bot_ul>li.last_li{width: 250px;color: #fff;}
.bot .bot_ul>li.last_li b{font-size: 30px;font-family: "Arial";display: block;margin-bottom: 3px;}
.bot .bot_ul>li.last_li p{font-size: 12px;line-height: 26px;}
.ewms ul{}
.ewms ul li{float: left;width: 120px;height: 180px;margin-left: 20px;}
.ewms ul li img{width: 120px;height: 120px;}
.ewms ul li p{font-size: 16px;color: #fff;text-align: center;line-height: 24px;}
.ewms ul li p span{display: block;font-size: 14px;}

/*copyright*/
.copyright{color:#fff;overflow: hidden;margin-top: 36px;font-size: 12px;}
.fl{float: left;padding-top: 5px;}
.fr{float: right;}
.ewms{float:right}

.fri_links{line-height: 24px;width: 100%;background: #005bac;color: #fff;font-size: 12px;padding: 14px 0;}
.fri_links a{color: #fff;margin-left: 6px;padding-right: 6px;}








/*内页*/
.ny_banner{width:100%;height:340px;background:url(../images/ny_banner.jpg) no-repeat top center;clear:both;}
.pr_ban{background:url(../images/pr_ban.jpg) no-repeat top center;}
.ca_ban{background:url(../images/ca_ban.jpg) no-repeat top center;}
.ne_ban{background:url(../images/ne_ban.jpg) no-repeat top center;}
.hu_ban{background:url(../images/hu_ban.jpg) no-repeat top center;}
.co_ban{background:url(../images/co_ban.jpg) no-repeat top center;}
.ny_banner h2{width: 1200px;position: relative;margin: 0 auto;height: 100%;}
.ny_banner h2 a{display: block;width: 260px;height: 70px;line-height: 70px;font-size: 30px; text-align: center;background: rgba(1,104,183,.8);color: #fff;position: absolute;bottom:0;}
.bor_bot{width: 100%;border-bottom:#eee 1px solid;}
.ny{width:1200px;padding:35px;background:#fff;margin:0px auto;clear:both;overflow: hidden;}
.ny_t{width:1200px;height:50px;clear:both;margin: 20px auto;}
.bt{float:left}
.bt h2{font-size:24px;line-height:36px;color:#333;font-weight:400;clear:both}
.bt h3{font-size:24px;line-height:25px;font-weight:400;font-family:Arial,Helvetica,sans-serif;color:#999;clear:both}
.pos{float:right;color:#bbb;line-height:60px;font-size:12px}
.pos img{vertical-align:middle;padding-right:5px;margin-top:-2px}
.pos a{color:#bbb}
.pos span{}
.pos a:hover{color:#666;text-decoration:underline;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.sub{width:100%;height:50px;line-height:50px;clear:both}
.sub li{width:110px;text-align:center;margin-right:1px;font-size:13px;float:left}
.sub li a{display:block;background:#e8e8e8;color:#999;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.sub li a.active,.sub li a:hover{background:#005bac;color:#fff}
.ny_del{line-height:24px;clear:both}
.ny_con{padding: 20px 0;}

/*about*/
.ny_a_pic{clear: both;overflow: hidden;margin-bottom: 30px;}
.ny_a_pic>img{float: left;width: 588px;height: 338px;}
.ny_a_pic>.a_word{background: #005bac;width: 515px;height: 258px;float: right;padding: 40px;}
.ny_a_pic>.a_word img{margin-bottom: 14px;}
.ny_a_pic>.a_word p{color: #fff;line-height: 25px;font-size: 14px;}

/*contact*/
.lxwm{width:100%;padding:20px 0;line-height:24px;float:left;margin-bottom: 50px;}
.lxwm_z{float:left}
.lxwm_z h3{color:#666;line-height:35px}
.lxwm_r{float:right}
.lxwm_r li{width:120px;float:left;padding-left:10px}
.lxwm_r li img{width:120px;height:120px;float:left;border:#ddd 1px solid}
.lxwm_r li p{line-height:30px;text-align:center}
.iw_poi_title{color:#C52;font-size:14px;font-weight:700;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.keyword_light{margin-bottom:30px}


/*news*/
.ny_rt_news dl{height: 130px;width: 1170px; padding:15px 15px;border: 1px solid #999;margin-bottom: 20px;}
.ny_rt_news dl:hover{border:1px solid #333;}
.ny_rt_news dl:hover div span{color: #005bac;} 
/*.ny_rt_news dl dt{width: 180px;height: 124px;margin-right: 12px;float: left;}
.ny_rt_news dl dt img{border:1px solid transparent;width: 100%;height: 100%;}*/
.ny_rt_news dl dd{overflow: hidden;}
.ny_rt_news dl dd div{font-size: 14px;color: #333;overflow: hidden;padding: 14px 0;}
.ny_rt_news dl dd div span{float: left;}
.ny_rt_news dl dd div b{float: right;font-weight: normal; font-size:12px; color: #999;}
.ny_rt_news dl dd p{font-size: 12px;color: #7e7e7e;text-indent: 22px;line-height: 22px;}



/*honor*/
.honor{margin-left:-8px;clear:both}
.honor li{width:282px;height:260px;text-align:center;margin:0 9px 10px;float:left}
.honor li a{display: block;width: 100%;height: 100%;}
.honor li a span{overflow: hidden;display: block;width: 282px;height: 218px;}
.honor li img{width:282px;height:218px;transition: all 0.8s ease-in-out;}
.honor li:hover img{transform: scale(1.1);}
.honor li p{line-height:44px;color:#666;clear:both}
.honor li p:hover{color: #005bac}


/*product  and   case*/
.ny_img_list .con_case li{margin-bottom: 10px;}
.ny_img_list .con_case li:nth-child(4n+1){margin-left:0;}


.fl_img img{float:right; margin-left:30px;}
.fl_l{width:770px; margin-top:30px;float: left;}



.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.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 p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#006ab8;
    height: 56px;
    margin-bottom: 1px;
    margin-left: 0;
    position: relative;
    width: 77px; float:left;
}