html,body {margin: 0;padding: 0;width: 100%;background: white;
    /*-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;*/
}
html{height: 100%}
*{
    font-family: "calibri","华文细黑","微软雅黑";
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{border: 0}
a{text-decoration: none}
input,textarea{border: 0;outline: 0}
.head{
    width: 100%;
    height: 85px;
    background: #2361ad;
    min-width: 1360px;
}
.head .head_div{
    width: 1260px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}
.head .head_div img{
    height: 39px;
    display: block;
    float: left;
    margin-top: 23px;
}
.head .logo_title{
    float: left;
    margin-top: 23px;
    font-size: 30px;
    color: white;
}
.head .head_div .head_lag{
    float: right;
    height: 100%;
    line-height: 85px;
}
.head .head_div .head_lag a{
    color: white;
    font-size: 13px;
}
.head .head_div .head_nav{
    float: left;
    height: 100%;
    line-height: 85px;
    margin-left: 75px;
}
.head .head_div .head_nav a{
    padding: 3px 5px;
    margin-right: 15px;
    color: white;
    font-size: 14px;
}
.head .head_div .head_nav a:hover,
.head .head_div .head_nav a.cur{
    color: #6cc0ff;
    border-bottom: 2px solid #6cc0ff;
}
.foot{
    width: 100%;
    height: 310px;
    background: url("../images/foot_bg.jpg");
    background-size: 100% 100%;
    min-width: 1360px;
}
.foot .div1{
    width: 100%;
    height: 255px;
    background: rgba(28,102,173,0.85);
    padding-top: 55px;
}
.foot .div2{
    width: 100%;
    height: 55px;
    background: rgba(0,43,95,0.85);
}
.foot .div_div{
    width: 1260px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.foot .div1 .left_div{
    float: left;
}
.foot .div1 .left_div .info_div{
    height: 16px;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 15px;
    color: white;
}
.foot .div1 .left_div .info_div img{
    margin-right: 10px;
    height: 100%;
    position: relative;
    top: 3px;
}
.foot .div1 .left_div .input_div input{
    width: 350px;
    height: 40px;
    border: 1px solid #9bb9d4;
    background: rgba(0,0,0,0);
    border-radius: 5px;
    color: white;
    font-size: 14px;
    padding: 0 10px;
}
.foot .div1 .left_div .input_div a{
    margin-left: 20px;
    font-size: 16px;
    color: white;
    padding: 10px 40px;
    background: #63b0eb;
    border-radius: 5px;
}
.foot .div1 .left_div .input_div a:hover{
    text-decoration: underline;
}
.foot .div1 .right_div{
    float: right;
    margin-left: 50px;
}
.foot .div1 .right_div a{
    display: block;
    text-align: right;
    color: white;
    font-size: 13px;
    margin: 15px 0;
    position: relative;
}
.foot .div1 .right_div a:hover{
    text-decoration: underline;
}
.foot .div1 .right_div a span{
    width: 5px;
    height: 5px;
    background: white;
    display: block;
    position: absolute;
    top: 6px;
    left: -15px;
}
.foot .div2 .msg{
    float: left;
    height: 100%;
    font-size: 12px;
    padding-top: 21px;
}
.foot .div2 .msg a{
    line-height: 12px;
    color: rgb(255,250,250);
    margin-right: 20px;
    padding-right: 20px;
    border-right: 2px solid rgb(255,250,250);
}
.foot .div2 .msg a:nth-child(2){
  display:none;
}
.foot .div2 .msg a:nth-child(3){
  display:none;
}
.foot .div2 .other{
    float: right;
    height: 100%;
}
.foot .div2 .other img{
    width: 25px;
    margin-left: 20px;
    margin-top: 18px;
}
.content{
    width: 1360px;
    margin-right: auto;
    margin-left: auto;
}
.content .topImg{
    width: 100%;
    height: 480px;
    position: relative;
    overflow: hidden;
}
.content .topImg #slides {
    width: 100%;
    height: 100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
}
.content .topImg #slides .slide {
    width: 1360px;;
    height: 480px;
    position: relative;
}
.content .topImg #slides .slide img{
    width: 100%;
    height: 100%;
    display: block;
}
.content .topImg #slides .slide div{
    color: rgb(70,70,70);
    font-size: 36px;
    position: absolute;
    top: 225px;
    left: 95px;
}
.content .pro_list{
    width: 100%;
    height: 205px;
    margin-top: 16px;
    margin-bottom: 16px;
    position: relative;
}
.content .pro_list .perBut,
.content .pro_list .nextBut{
    position: absolute;
    bottom: 6px;
    height: 30px;
    width: 35px;
    cursor: pointer;
    background: #264d7c;
    text-align: center;
    padding-top: 7px;
}
/*.content .pro_list .perBut img,*/
/*.content .pro_list .nextBut img{*/
    /*height: 16px;*/
    /*margin-top: ;*/
/*}*/
.content .pro_list .perBut{
    left: -0px;
}
.content .pro_list .nextBut{
    right: -0px;
}
.content .pro_list .lists{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.content .pro_list .proList{
    height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    transition: transform .5s;
}
.content .pro_list .lists a{
    width: 328px;
    height: 100%;
    display: block;
    float: left;
    margin-left: 16px;
    position: relative;
}
.content .pro_list .lists a:hover span{
    background: #6cc0ff;
}
.content .pro_list .lists a img{
    display: block;
    width: 100%;
    height: 100%;
}
.content .pro_list .lists a span{
    display: block;
    width: 100%;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    background: rgb(35,97,173);
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
}
.content .part2{
    width: 100%;
    background: rgb(245,245,245);
    padding: 55px 0 70px 0;
}
.content .part2 .left_div{
    width: 50%;
    float: left;
    padding-right: 40px;
    padding-left: 115px;
    position: relative;
}
.content .part2 .right_div{
    width: 50%;
    float: right;
    padding-left: 25px;
    padding-right: 130px;
    position: relative;
}
.content .part3 .title,
.content .part2 .title{
    font-size: 25px;
    color: #124191;
    font-weight: bold;
    margin-bottom: 15px;
}
.content .part2 .text{
    font-size: 14px;
    color: rgb(131,131,131);
    line-height: 25px;
}
.content .part2 a{
    font-size: 13px;
    color: #002e73;
    position: absolute;
    bottom: -25px;
    padding-left:15px ;
    margin-top: 15px;
    display: block;
}
.content .part2 .left_div a{
    left: 115px;
}
.content .part2 .right_div a{
    left: 25px;
}
.content .part2 a:hover{
    text-decoration: underline;
}
.content .part2 a img{
    position: absolute;
    top: 4px;
    left: 0;
}
.content .part3{
    width: 100%;
    padding: 60px 115px;
}
.content .part3 .news_div{
    width: 350px;
    height: 115px;
    margin-left: 40px;
    float: left;
    border-top: 1px solid rgb(205,205,205);
    border-bottom: 5px solid rgb(205,205,205);
    position: relative;
}
.content .part3 .news_div .time{
    font-size: 14px;
    color: rgb(80,80,80);
    padding-top: 12px;
}
.content .part3 .news_div .text{
    padding-top: 10px;
    font-size: 15px;
    color: rgb(80,80,80);
}
.content .part3 .news_div a{
    font-size: 13px;
    color: rgb(80,80,80);
    padding-left: 15px;
    position: absolute;
    bottom: 8px;
    left: 0;
    display: block;
}
.content .part3 .news_div a:hover{
    text-decoration: underline;
}
.content .part3 .news_div a img{
    position: absolute;
    top: 4px;
    left: 0;
}
.content .boor_text{
    width: 100%;
    padding-left: 130px;
    padding-top: 100px;
    padding-bottom: 100px;
}
.content .boor_text .right_img{
    width: 400px;
    position: absolute;
    right: 80px;
    bottom: -50px;
}
.content .boor_text .left_div{
    width: 100%;
    position: relative;
}
.content .boor_text .left_div .title{
    color: #2361ad;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 70px;
}
.content .boor_text .left_div .text{
    color: rgb(150,150,150);
    font-size: 16px;
    line-height: 25px;
}
.content .boor_text .left_div .text p{
    margin: 0;
    padding-left: 35px;
    position: relative;
}
.content .boor_text .left_div .text p span{
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: rgb(131,131,131);
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
}
.content .company{
    width: 1260px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}
.content .company .nav_left{
    width: 285px;
    float: left;
    margin-bottom: 85px;
}
.content .company .nav_left a{
    display: block;
    width: 100%;
    border-bottom: 1px solid rgb(229,229,229);
    line-height: 95px;
    color: #2361ad;
    position: relative;
}
.content .company .nav_left a:hover{
    color: rgb(131,131,131);
}
.content .company .nav_left a img{
    display: none;
}
.content .company .nav_left a.cur{
    padding-left: 30px;
    color: rgb(131,131,131);
}
.content .company .nav_left a.cur img{
    display: block;
    position: absolute;
    top: 42px;
    left: 0;
}
.content .company .right_div{
    width: 920px;
    float: right;
}
.content .company .right_div .top_div{
    width: 100%;
    height: 450px;
    position: relative;
}
.content .company .right_div .top_div img{
    display: block;
    width: 100%;
    height: 100%;
}
.content .company .right_div .top_div .title{
    position: absolute;
    top: 145px;
    left: 65px;
    font-size: 45px;
    color: white;
    font-weight: bold;
}
.content .company .right_div .top_div .title2{
    position: absolute;
    top: 220px;
    left: 65px;
    font-size: 20px;
    color: white;
}
.content .company .right_div .top_div a:hover{
    text-decoration: underline;
}
.content .company .right_div .top_div a{
    position: absolute;
    top: 280px;
    left: 65px;
    font-size: 18px;
    color: white;
}
.content .company .right_div .list_div{
    width: 100%;
    margin-top: 25px;
    margin-bottom: 80px;
}
.content .company .right_div .list_div div{
    width: 280px;
    margin-left: 40px;
    float: left;
}
.content .company .right_div .list_div div img{
    display: block;
    width: 100%;
    height: 170px;
}
.content .company .right_div .list_div div a:hover{
    text-decoration: underline;
}
.content .company .right_div .list_div div a{
    display: block;
    line-height: 50px;
    color: rgb(80,80,80);
    font-size: 15px;
}
.content .company .right_div .list_div div span{
    font-size: 14px;
    color: rgb(131,131,131);
    line-height: 20px;
}
.content .company .right_div .top_nav{
}
.content .quality .top_nav a,
.content .pro_right .top_nav a,
.content .company .right_div .top_nav a{
    border-right: 1px solid #2361ad;
    font-size: 13px;
    line-height: 13px;
    color: #2361ad;
    padding-right: 12px;
    margin-right: 12px;
}
.content .quality .top_nav a:hover,
.content .pro_right .top_nav a:hover,
.content .company .right_div .top_nav a:hover{
    text-decoration: underline;
}
.content .quality .top_nav a.cur:hover,
.content .pro_right .top_nav a.cur:hover,
.content .company .right_div .top_nav a.cur:hover{
    text-decoration: none;
}
.content .quality .top_nav a.cur,
.content .pro_right .top_nav a.cur,
.content .company .right_div .top_nav a.cur{
    border-right:0;
    color: rgb(131,131,131);
}
.content .company .right_div .info{
    margin-top: 50px;
    margin-bottom: 100px;
}
.content .company .right_div .info .text_title{
    color: rgb(80,80,80);
    font-size: 18px;
}
.content .company .right_div .info .text_content{
    color: rgb(80,80,80);
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 30px;
}
.content .company .right_div .info .title{
    color: rgb(80,80,80);
    font-size: 24px;
    margin-bottom: 45px;
    position: relative;
}
.content .company .right_div .info .title span{
    position: absolute;
    right: 0;
    bottom: -15px;
    font-size: 14px;
    color: #2361ad;
}
.content .company .right_div .info p{
    color: rgb(80,80,80);
    font-size: 14px;
}
.content .company .right_div .info .honor_div{
    width: 430px;
    float: left;
    margin-left: 60px;
    margin-bottom: 30px;
}
.content .company .right_div .info .honor_div .img_div{
    width: 430px;
    height: 305px;
    border: 1px solid rgb(180,180,180);
    padding: 15px;
}
.content .company .right_div .info .honor_div .img_div img{
    width: 100%;
    height: 100%;
}
.content .company .right_div .info .honor_div span{
    font-size: 14px;
    color: rgb(80,80,80);
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 15px;
}
.content .company .right_div .info .news_list{
    border-top: 1px solid #01265d;
    margin-bottom: 85px;
}
.content .company .right_div .info .news_list .newsDiv{
    padding: 20px 10px;
    border-bottom: 1px solid rgb(238,238,238);
}
.content .company .right_div .info .news_list .newsDiv .time{
    width: 40px;
    float: left;
    font-size: 20px;
    color: rgb(131,131,131);
}
.content .company .right_div .info .news_list .newsDiv .time span{
    display: block;
    font-size: 14px;
}
.content .company .right_div .info .news_list .newsDiv a{
    line-height: 65px;
    color: rgb(131,131,131);
    font-size: 18px;
    margin-left: 60px;
}
.content .company .right_div .info .newTitle{
    color: #2361ad;
    font-size: 24px;
    margin-bottom: 30px;
}
.content .company .right_div .info .newTitle span{
    font-size: 14px;
    display: block;
}
.content .contact{
    width: 1260px;
    margin: 35px auto 35px auto;
}
.content .contact .left_div{
    width: 500px;
    float: left;
}
.content .contact .left_div .info{
    width: 100%;
    height: 310px;
    padding-top: 50px;
    padding-left: 35px;
    background: rgb(238,238,238);
}
.content .contact .left_div .info div{
    font-size: 18px;
    line-height: 30px;
}
.content .contact .left_div .info div.title{
    font-size: 24px;
    color: black;
    margin-bottom: 35px;
    font-weight: bold;
}
.content .contact .left_div .contact_div{
    margin-top: 65px;
    padding: 0 10px;
}
.content .contact .left_div .contact_div .name,
.content .contact .left_div .contact_div .tel,
.content .contact .left_div .contact_div .email,
.content .contact .left_div .contact_div .msg{
    border-radius: 5px;
    border: 1px solid rgb(119,119,119);
    margin-bottom: 30px;
    font-size: 14px;
}
.content .contact .left_div .contact_div input,
.content .contact .left_div .contact_div textarea{
    float: left;
    height: 100%;
    padding-left: 5px;
}
.content .contact .left_div .contact_div textarea{
    padding-top: 12px;
}
.content .contact .left_div .contact_div span{
    float: left;
}
.content .contact .left_div .contact_div .name{
    width: 230px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    float: left;;
}
.content .contact .left_div .contact_div .tel input,
.content .contact .left_div .contact_div .name input{
    width: 160px;
}
.content .contact .left_div .contact_div .tel{
    width: 230px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    float: right;
}
.content .contact .left_div .contact_div .email input{
    width: 420px;
}
.content .contact .left_div .contact_div .email{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}
.content .contact .left_div .contact_div .msg textarea{
    width: 360px;
    border: 0;
    resize: none;
}
.content .contact .left_div .contact_div .msg{
    width: 100%;
    height: 155px;
    line-height: 40px;
    padding: 0 10px;
    position: relative;
}
.content .contact .left_div .contact_div .msg a{
    display: block;
    width: 75px;
    height: 35px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: black;
    border-radius: 5px;
    color: white;
    text-align: center;
    line-height: 35px;
}
.content .contact .left_div .contact_div .msg a:hover{
    text-decoration: underline;
}
.content .contact .right_div{
    float: right;
    width: 710px;
    height: 675px;
    border: 4px solid #2361ad;
}
.content .products{
    width: 1260px;
    margin: 0 auto 60px auto;
}
.content .pro_left{
    float: left;
    width: 285px;
    margin-top: 35px;
}
.content .pro_left a{
    width: 100%;
    height: 165px;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
    position: relative;
}
.content .pro_left a:hover span,
.content .pro_left a.cur span{
    background: #6cc0ff;
}
.content .pro_left a img{
    width: 100%;
    display: block;
    height: 100%;
}
.content .pro_left a span{
    display: block;
    width: 100%;
    line-height: 30px;
    background: #2361ad;
    color: white;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 14px;
    text-align: left;
    padding-left: 15px;
}
.content .pro_right{
    float: right;
    width: 920px;
    margin-top: 35px;
}
.content .pro_right .title{
    font-size: 20px;
    padding: 25px 0;
}
.content .pro_right .pro_div{
    display: block;
    width: 290px;
    margin-left: 12px;
    height: 330px;
    margin-bottom: 25px;
    float: left;
}
.content .pro_right .pro_div img{
    width: 100%;
    display: block;
    border: 1px solid rgb(232,232,232);
}
.content .pro_right .pro_div span{
    width: 100%;
    display: block;
    font-size: 14px;
    color: rgb(131,131,131);
    padding-top: 10px;
}
.content .quality{
    width: 1110px;
    margin: 30px auto 50px auto;
}
.content .quality .title{
    font-size: 24px;
    color: rgb(80,80,80);
    padding-top: 45px;
    padding-bottom: 25px;
}
.content .quality .textDiv{
    margin-top: 50px;
}
.content .advanced{
    width: 1260px;
    margin: 45px auto 0 auto;
}
.content .advanced .img_list_div{
    width: 100%;
    border-top: 5px solid #2361ad;
    margin-bottom: 100px;
}
.content .advanced .img_list_div .title{
    font-size: 30px;
    color: #2361ad;
    font-weight: bold;
}
.content .advanced .img_list_div .img_div{
    width: 1000px;
    margin-left:auto;
    margin-right: auto;
    margin-top: 40px;
    border-bottom: 1px solid rgb(80,80,80);
}
.content .advanced .img_list_div .img_div img{
    width: 100%;
}
.content .advanced .img_list_div .img_div span{
    font-size: 18px;
    color: rgb(80,80,80);
    line-height: 45px;
}
.page_info{float:right;margin-left:5px;}
.page_info .page{display:inline-block;width:11px;height:20px;position: relative;margin:0 5px;}
.page_info .page:after{content:'';display: block;position: absolute;top:0;left:0;width:11px;height:20px;}
.page_info .page_left:after{background: url("../images/mobile/jiantou-04.png") 0 0 no-repeat;}
.page_info .page_left.active:after{background: url("../images/mobile/jiantou-06.png") 0 0 no-repeat;}
.page_info .page_right:after{background: url("../images/mobile/jiantou-07.png") 0 0 no-repeat;}
.page_info .page_right.active:after{background: url("../images/mobile/jiantou-05.png") 0 0 no-repeat;}