@charset "utf-8";
/* CSS Document */
*{color:#333;font-size: 14px;}
body{font-family:微软雅黑;margin:0;overflow-x:hidden;background: #fff;}
p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,form,table{margin:0;padding:0;}
a,img{border:none;/*兼容ie浏览器*/}
img{vertical-align:middle;border:0;}
li{list-style:none;}
h1{font-size: 30px}
/*p{line-height: 30px;}*/
i,em{font-style:normal;}
a{text-decoration:none;color:#333;border:0;}
a:link{text-decoration:none;color:#333;}
a:visited{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#333;}
a:active{text-decoration:none;color:#333;}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;clear: both;height: 0;line-height: 0;border: none;}
.row{margin-right: 0;}
.container{margin: 0;padding: 0;border: 0;}
.box_main{width: 1190px;margin:0 auto;max-width: 97%;}

.top{width:100%;border-bottom:1px solid #999;}
.top_main{display: flex;justify-content: space-between;align-items: center;}
.top_left{width:35%;}
.top_left a{font-size:31px;color:#15326e;font-weight:bold;}
.top_right{width:65%;padding:20px 0 0;}
.top_r_top{display: flex;width:100%;justify-content: flex-end;}
.top_r_top h3{background: url("../images/phone_03.png") no-repeat left top;background-size: 25px;padding-left:35px;font-size:25px;color:#15326e;}
.top_r_top form{margin-right:10%;width:38%;display: flex;}
.top_r_top input{width:85%;line-height: 30px;border:1px solid #ccc;font-size:14px;padding-left:15px;}
.top_btn{background: url("../images/top_search_03.jpg") no-repeat center center #15326e;width:50px;height:34px;border:0;}
.top_right ul{width:100%;display: flex;justify-content: space-between;margin-top:30px;}
.top_right li{width:16%;text-align: center;position: relative;padding-bottom:10px;}
.top_right li a{color:#333;font-size:16px;}
.top_right li span{float: right;color:#333;}
.top_right li:hover>a{color:#15326e;}
.top_right li:hover .top_fl{display: block;}
.top_fl{width:140%;position: absolute;top:31px;left:-20%;z-index: 999;background: #fff;box-shadow: 0 3px 10px #797979;border-radius: 3px;display: none;}
.top_fl a{display: block;width:100%;line-height: 40px;position: relative;border-bottom:2px solid #fff;text-align: left;padding-left:5px;font-size:14px!important;}
.top_fl img{position: absolute;right:15px;top:16px;}
.top_fl a:hover{color:#15326e;border-bottom:2px solid #15326e;}

.banner_text{width:100%;position: absolute;background: rgba(0,0,0,0.5);bottom:0;left:0;display: flex;justify-content: space-between;padding:10px 0;}
.banner_t_box{width:25%;text-align: center;border-right:1px solid #fff;}
.banner_t_box:nth-child(4){border:0;}
.b_t_t{width:100%;display: flex;justify-content: center;}
.b_t_t h3{color:#fff;}
.b_t_t span{font-size:12px;color:#fff;margin-left:5px;}
.banner_t_box p{color:#fff;font-size:12px;}

.box1{width:100%;margin-top:25px;}
.box1_top{width:100%;text-align: center;}
.box1_top h2{font-size:35px;color:#333;}
.box1_top h3{width:4%;border-bottom:3px solid #15326e;margin:10px auto;}
.box1_top p{font-size:18px;color:#333;text-transform: uppercase;}
.box1_bottom{width:100%;}
.box1_bottom ul{width:100%;display: flex;flex-wrap:wrap;/*margin-top:15px;*/}
.box1_bottom li{width:24.5%;text-align: center;margin-top:15px;position: relative;overflow: hidden;margin-right:0.5%;}
.box1_bottom li img{width:100%;border:2px solid #ccc;}
.box1_bottom li p{margin-top:15px;font-size:16px;color:#333;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;padding:0 10px;}
.b1_text{width: 98%;position: absolute;left:3px;background: rgba(0,0,0,0.5);height:0;transition: all .4s ease;top:83%;}
.b1_t_top{width:100%;display: flex;align-items: center;transition: all .4s ease;position: absolute;top:0;left:-176px;}
.b1_t_top h1{width:36%;height:2px;background: #fff;}
.b1_t_top h2{color:#fff;font-size:48px;margin-left:8px;}
.b1_t{color:#fff;line-height: 25px;text-align: left;padding:0 20px;font-size:14px;padding-top:90px;}
.box1_bottom li:hover .b1_text{height:83%;top:3px;}
.box1_bottom li:hover .b1_t_top{left:0;top:15px;}
.box_more{width:18%;display: block;text-align: center;background: #fff;box-shadow: 2px 2px 10px #959595;margin:45px auto 0;line-height: 40px;}

.box2{width:100%;margin-top:50px;}
.box2_big{width:100%;margin-top:35px;}
.box2_bottom{width:100%;display: flex;justify-content: space-between;}
.box2_box{width:24%;padding:0 20px;height:300px;margin-top:0;transition: all .4s ease;}
.box2_box h3{color:#15326e;font-weight:bold;margin:25px 0 10px;font-size:22px;}
.box2_box h2{font-weight:bold;color:#333;font-size:25px;margin-bottom:30px;}
.box2_t{color:#333;line-height: 25px;}
.box2_box:hover{background: #15326e;margin-top:-45px;height:325px;}
.box2_box:hover h3{color:#fff;}
.box2_box:hover h2{color:#fff;}
.box2_box:hover .box2_t{color:#fff;}
.box3_btn{text-align: center;margin-top:35px;}
.box3_btn a{padding:8px 25px;background: #dedede;color:#333;font-size:18px;}
.box3_btn a:nth-child(1){margin-right:15px;}
.box3_bottom{width:100%;display: flex;justify-content: space-between;flex-wrap:wrap;}
.box3_box{position: relative;width:23%;margin-top:45px;}
.box3_bottom h2{width:60px;border-bottom:2px solid #15326e;margin: 20px 0 10px;transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.box3_bottom p{font-size:14px;color:#666;transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.box3_box .box3_title{color:#333;font-size:18px;font-weight:bold;transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;display: block;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.box3_box .box3_mor{display: block;position: absolute;bottom:26px;right:0px;opacity:0;color:#666;transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;font-size:14px;font-weight:normal;}
.b3_t{font-size:14px;color:#666;line-height: 25px;margin-top:25px;transition: all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.box3_box:hover{cursor: pointer;}
.box3_box:hover p{padding:0 0 0 20px;}
.box3_box:hover a{right:26px;opacity: 1;}
.box3_box:hover h2{width:100%;}
.box3_box:hover .b3_t{margin-top:-5px;padding-bottom:5px;}
.box3_box:hover .box3_title{display: block;margin-top:-15px;padding-bottom:15px;}

.box4{width:100%;margin-top:80px;}
.box4_main{display: flex;justify-content: space-between;}
.box4_left{width:55%;}
.box4_right{width:40%;}
.box4_top h2{color:#333;font-size:35px;}
.box4_top p{font-size:16px;color:#333;margin-top:10px;}
.box4_left_bottom{width:100%;display: flex;justify-content: flex-start;flex-wrap:wrap;}
.box4_left_bottom a{display: inline-block;width:23%;margin-top:15px;margin-right:13px;}
.box4_left_bottom a img{width:100%;}
.box4_right_bottom{width:100%;margin-top:15px;}
.box4_right_bottom input{width:100%;color:#999;border:1px solid #ccc;padding:8px 0 8px 15px;margin-top:5px;}
input::-webkit-input-placeholder {color: #999;font-size: 14px;}
/* Mozilla Firefox 4 to 18 */
input:-moz-placeholder {color: #999;font-size: 14px;}
/* Mozilla Firefox 19+ */
input::-moz-placeholder {color: #999;font-size: 14px;}
/* Internet Explorer 10+ */
input:-ms-input-placeholder {color: #999;font-size: 14px;}
.box4_btn{width:100%;line-height: 40px;background: #15326e;color:#fff;text-align: center;font-size:18px;border:0;margin-top:5px;}

.box5{width:100%;background: #e4e4e4;margin-top:50px;padding:45px 0 100px;}
.box5_main{display: flex;justify-content: space-between;}
.box5_left{width:82%;display: flex;justify-content: space-between;}
.box5_box{width:17%;}
.box5_box:nth-child(5){width:32%;}
.box5_box p a{font-size:18px;color:#333;}
.box5_box h3{width:35px;border-bottom:2px solid #666;margin:8px 0 30px 5px;}
.box5_box span{color:#666;font-size:14px;margin-bottom:8px;display: block; line-height:24px;}
.box5_right{width:14%;text-align: center;}
.box5_sp h2{font-size:18px;color:#333;margin-top:30px;}
.box5_sp div span{font-size:25px;color:#333;font-weight:bold;margin-top:10px;}
.box5_right h2{font-size:32px;color:#15326e;font-weight:bold;margin-bottom:30px;}
.box5_right p{color:#15326e;font-size:14px;margin-top:15px;text-align: center;}

.box6{width:100%;background: #15326e;padding:30px 0;text-align: center;}
.box6 p{color:#fff;font-size:14px;display: inline-block;}
.box6 p:nth-child(1){margin-right:30px;}
.box6 p:nth-child(2){margin-right:30px;}
.box6 p:nth-child(3){margin-right:30px;}

.page_banner{width:100%;}
.page_banner img{width:100%;}
.page_line{width:100%;background: #eee;padding:20px 0;}
.page_line p{color:#333;font-size:14px;text-align: right;padding-right:10px;}
.box1_fl{width:100%;margin:30px 0 15px 0;}
.box1_fl ul{display: flex;justify-content: center;width:75%;margin:0 auto;text-align: center;}
.box1_fl li{/*width:25%;*/line-height: 30px;padding: 2px 20px;}
.box1_fl li a{color:#333;font-size:16px;}
.box1_fl li:hover{background: #15326e;border-radius: 20px;}
.box1_fl li:hover a{color:#fff;}

.newslist{width:100%;}
.newslist ul{width:100%;}
.newslist li{padding:20px;border-bottom:1px solid #eee;}
.newslist_text{padding-right:80px;transition: all .36s ease;}
.newslist_text a{font-size:16px;color:#333;}
.newslist_t{font-size:14px;color:#666;line-height: 25px;margin-top:15px;}
.newslist_box{position: relative;overflow: hidden;}
.newslist_time{position: absolute;top:0;right:10px;font-size:14px;color:#666;}
.newslist_jiantou{position: absolute;top:67px;right:10px;width:20px;height:20px;overflow: hidden;}
.newslist_jiantou img{position: absolute;top:5px;display: block;width:15px;transition: all .36s ease;}
.newslist_jiantou img:nth-child(1){left:-25px;}
.newslist_jiantou img:nth-child(2){left:0;}
.newslist li:hover .newslist_text{margin-left:15px;padding-right:110px;}
.newslist li:hover .newslist_jiantou img:nth-child(1){left:0;}
.newslist li:hover .newslist_jiantou img:nth-child(2){left:25px;}

.product{width:100%;}
.product_top{width:100%;text-align: center;border-bottom:1px solid #eee;padding-bottom:15px;}
.product_top h2{font-size:22px;color:#333;}
.product_top p{color:#333;font-size:14px;margin-top:15px;}
.product_top p span{color:#333;margin-left:20px;}
.product_text{line-height: 30px;color:#666;padding:0 10px;margin-top:20px;font-size:14px;}
.product img{max-width:100%;margin:15px auto;}
.imgimg img{display: block;}
.page_next{margin-top:25px;}
.page_next p{color:#333;line-height: 35px;font-size:14px;}


.ipad_header{width:100%;display: none;position: fixed;top:0;background: #fff;z-index:999;border-bottom:1px solid #eee;}
.ipad_header_main{max-width:980px;margin:0 auto;display:flex;line-height: 55px;}
.ipad_header_text{width:100%;font-size:22px;color:#38393b;text-align: center;font-weight:bold;}
.ipad_header_pic{width:5%;position: absolute;right:20px;}
.ipad_header_pic img{width:28px;}
.ipad_xl{width: 100%;background-color: rgba(0,0,0,.7);position: fixed;top: 0;height: 100%;z-index: 999;}
.ipad_xl_main{max-width: 980px;position: relative;height:100%;display: flex;justify-content: flex-end;}
.ipad_xl_main ul{width: 70%;display: flex; flex-direction:column;align-items: flex-end;height:100%;background: #15326e;}
.ipad_xl_main li{width: 100%;font-size:17px;text-align:center;}
.ipad_xl_main li:nth-child(1){padding-top: 15px;background: url("../images/ipad_xl_home_06.png") no-repeat 25% center #15326e;}
.ipad_xl_main li a{color:#fff;line-height: 45px; font-size:16px;}
.ipad_xl_col{position: absolute;top: 2%;left:20%;}

.cpfl{width:100%;background: #2b2b2b;padding:10px;justify-content: space-between;display: none;}
.cpfl p{font-size:16px;color:#fff;}

/*产品分类*/
.ipad_prolist{width:100%;position: absolute;z-index: 888;top:113px;left:0;padding:0 10px;}
.ipad_prolist_main{max-width: 980px;margin: 0 auto;}
.ipad_prolist_main ul{width:100%;background:#15326e;padding-bottom:10px ;}
.ipad_prolist_main li{padding: 10px ;border-bottom:1px solid #fff;}
.ipad_prolist_main li img{width:12px;float: right;}
.ipad_prolist_main li a{font-size:16px;color:#fff;}

.box2_bottom .on {
    background: #15326e;margin-top:-45px;height:325px;

}
.box2_bottom .on h3{color:#fff;}
.box2_bottom .on h2{color:#fff;}
.box2_bottom .on .box2_t{color:#fff;}


.page_home a{width:32px;background: url("../images/page_home.png");height:30px;background-size: 100% 100%;position: absolute;left:10px;top:11px;display: block;}

.index_foot{width:100%;background:#15326e;padding:10px 0;position: fixed;bottom:0;z-index: 999;display: none;border-top:1px solid #eee;}
.index_foot ul{width:100%;margin:0 auto;display: flex;justify-content: space-between;}
.index_foot li{width:25%;text-align: center;}
.index_foot li p{font-size:16px;color:#fff;margin-top:5px;}
.index_foot li img{width:30px;}

/*分页样式*/
.pglist {
    padding: 20px 0 10px;
    width: 100%;
    text-align: center;
}
.pglist a {
    color: #666;
    padding: 0 14px;
    margin: 0 3px;
    font-weight: bold;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.pglist * {
    display: inline-block;
    _zoom: 1;
    _display: inline;
    vertical-align: middle;
    line-height: 30px;
    padding-bottom: 1px;
}
.pglist a:hover, .pglist .page-num-current {
    display: inline-block;
    color: #fff;
    background: #15326e;
    border-color: #15326e;
}