*{margin: 0;padding: 0;font-family: Arial;line-height: 1.5rem;}

ul li,ol li{list-style: none}

a{text-decoration: none;color: #333}

@font-face{font-family: 'iconfont'; /* project id 601403 */ src: url('../font/iconfont.eot'); src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');}

.ico{font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

.fl{float: left;}

.fr{float: right;}


.Download_pdf{    display: inline-block;
    margin-left: 100px;}
.Download_pdf i{    color: #37a9e8;
    font-size: 30px;
    float: left;
    margin-top: 12px;
    margin-right: 5px;}
.Download_pdf strong{color: #37a9e8;
    line-height: 50px;}

.Pagination input{
    height: 28px;
    width: 50px;
    margin: 10px;
}
.Pagination form{display: inline-block;}

style.css:1
* {
    margin: 0;
    padding: 0;
    font-family: Arial;
    line-height: 1.5rem;
}
user agent stylesheet
input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], input[type="tel" i], input[type="url" i], input[type="text" i] {
    padding: 1px 0px;
}
user agent stylesheet
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}
Inherited from form.GoForm
style.css:1
* {
    margin: 0;
    padding: 0;
    font-family: Arial;
    line-height: 1.5rem;
}
Inherited from div.Pagination
style.css:452
.Pagination {
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}
style.css:1
* {
    margin: 0;
    padding: 0;
    font-family: Arial;
    line-height: 1.5rem;
}
Inherited from div.centre.box
style.css:1
* {
    margin: 0;
    padding: 0;
    font-family: Arial;
    line-height: 1.5rem;
}
Inherited from body
style.css:1
* {
    margin: 0;
    padding: 0;
    font-family: Arial;
    line-height: 1.5rem;
}
Inherited from html
style.css:1
* {
    margin: 0;
    padding: 0;
    font-family: Arial;
    line-height: 1.5rem;
}}

.GoForm input{height: 28px;
    width: 50px;}
 

.qc:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.mb50{margin-bottom: 50px}

.rightdw{    width: 50px;
    position: fixed;
    right: 0px;
    top: 50%;    z-index: 999;}
.rightdw a{display: inline-block;cursor: pointer;
    width: 100%;
    background: #37a8e8;
    margin-bottom: 10px;
    height: 50px;
    border-radius: 4px;
    text-align: center;}
.rightdw i{    color: #fff;
    font-size: 30px;
    text-align: center;
  
    position: relative;
    top: 13px;}
img{object-fit: cover;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
tbody{display:table-row-group;vertical-align:middle;border-color:inherit;}
tr{display:table-row;vertical-align:inherit;border-color:inherit;}
td{    border: 1px solid #c9d2e1;
    padding: 10px;}
 tr:nth-child(odd){    background: #e3e8ee;}

.box{width: 1200px;margin: 0 auto}

.header{background: #092942;color:#607e95;overflow: hidden;}

.header .header_top {overflow: hidden;}

.header .header_top .header_topA{float: left;line-height: 50px;height: 50px;    font-size: 40px;font-weight: bold;
    color: #fff;}

.header .header_top .header_topB li{float: left;padding: 15px 5px 0}

.header .header_top form{float: right;background: #fff;padding: 0 10px;margin: 7px 0 0px 30px;}

.header .header_top form input{width: 230px;height:27px;padding: 5px ; border: none;background: #fff;color: #333;outline: none;}

.header .header_top form i{cursor: pointer;
    font-size: 22px;
    color: #37a8e8;
    position: relative;
    top: 3px;}



.indexhead{margin: 0 auto;z-index: 999;position: relative;border-bottom: 3px #ffffff7a solid;    background: #f6f6f6;}  

.indexhead .logo{ display: inline-block; }

.indexhead .logo img{ width: 150px;margin-top: 10px;}

.indexhead>.box>ul{float: left; margin-left: 40px;position: relative;}

.indexhead>.box>ul>li>a{padding: 42px 0 25px;color: #333; display: inline-block; width: 150px;text-align: center; font-size: 16px;  }

.indexhead>.box>ul>li>a.this{color: #f11!important;}

.indexhead>.box>ul>li>a:hover{ color: #f11 }

.indexhead>.box>ul>li{float: left; position: relative;}

.indexhead>.box>ul>li>ul{display: none;  position: absolute; left:-10px; top: 70px; min-width: 140px; z-index: 22;background:#f5f5f5;width: 115%}

.indexhead>.box>ul>li>ul>li>a{ line-height: 40px; display: inline-block; border-bottom: 1px solid #eeeeee73; width: 100%; text-indent: 10px; color: #333}

.indexhead>.box>ul>li>ul>li>a:hover{ background: #44b0ee; color: #fff; }

.indexhead>.box>ul>li>ul>li{ position: relative; }

.indexhead>.box>ul>li>ul>li>ul{ position: absolute; display: none; left:100%; top:0; background: #f5f5f5;}

.indexhead>.box>ul>li>ul>li>ul>li{ width: 100%; }

.indexhead>.box>ul>li>ul>li>ul>li>a{white-space:nowrap; color: #333;line-height: 40px; display: inline-block; border-bottom: 1px solid #eee; width: 100%; text-indent: 20px; min-width: 140px; }

.indexhead>.box>ul>li>ul>li>ul>li>a:hover{ background: #44b0ee; color: #fff; }

.indexhead>.box>ul #dian{position: absolute;top: 33px;left: 65px;font-size: 60px;color: red;}

.indexhead_color>.box>ul>li>a{color: #000 !important;}

.indexhead>.box>ul>li>ul>li a{font-size: 14px}

.indexhead_color{border-bottom: 3px #37a8e8 solid !important; }



.index_banner{position: relative;top: -95px;z-index: 1;margin-bottom: -140px;}

.index_banner img{width: 100%}

.crumbs{line-height: 70px;font-family: -webkit-pictograph;font-weight: bold;}

.crumbs a{margin: 0 5px;}

.index_product{background: #f7f7f7;border-bottom: 5px solid #c1c1c1;}

#index_product{width: 1300px;margin: 0 auto;}

.index_product .prt{    background: #fff;
    box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.3);
    height: auto;}

.index_product .prt01{height: 145px;background: #37a9e8;color: #fff;padding: 10px;}

.index_product .prt01 h4{text-align: center;margin-bottom: 10px;font-size: 16px;}

.index_product .prt01 img{    width: 185px;
    margin: 0 auto;
    display: block;
    height: 105px;}

.index_product .prt02{padding: 10px 10px 80px;  }

.index_product .prt02A{ }
.index_product .prt02A p{}
.index_product .prt02A p a{}

.index_product .prt02 p a{color: #37a9e8;line-height: 20px;margin-left: 5px;font-size: 14px;}

.index_product .more{width: 90px;font-size: 14px;line-height: 30px;color: #fff;text-align: center;display: block;background: #44b0ee;border-radius: 5px;margin: 10px auto 0;    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -45px;}

.index_product .swiper-pagination{display: none}

.index_product #index_product{padding-bottom: 50px;padding-right: 10px;}



.index_about {padding: 60px 0;color: #444;overflow:hidden;}

.index_about h3{text-align: center;font-size: 28px;font-weight: normal;}

.index_about .sub{width: 70px;height: 3px;background: red;margin: 10px auto 60px;}

.index_about .index_about02{float: left;width: 50%}

.index_about .index_about02 h5{font-size: 18px;font-weight: normal;}

.index_about img{float: right;box-shadow: 5px 5px 5px 0px #0000005e;margin-right: 8px;}

.index_about .sub1{width: 70px;height: 2px;background: red;margin:20px 0 30px;}

.index_about .more{width: 150px;font-size: 16px;line-height: 40px;margin-right: 10px;margin-top: 20px;font-weight: bold;text-align: center;color: #fff;display: block;background: red;box-shadow: 5px 5px 5px 0px #0000005e;}

.index_about .index_about03{height: 250px;text-indent: 2rem;}



.index_case{margin: 0 auto;box-shadow: 0px 8px 8px 8px #0000005e;overflow: hidden;margin: 20px 0;}

.index_case>img{width: 50%;}

.index_case a{color: #FFF}

.index_case .index_caseA{float: right;width: 50%;overflow: hidden;position: relative;}

.index_case .index_caseA img{width: 100%;float: right}

.index_case .index_caseA01{position: absolute;top: 0;color: #fff;padding: 50px;background: #3aa8e7de;width: 100%;height:100%;}

.index_case .index_caseA01 p{width: 450px}

.index_case .index_caseA01 h5{font-size: 28px;font-weight: normal;text-transform:uppercase;}

.index_case .index_caseA01 .sub{width: 70px;height: 2px;background: red;margin-top: 10px;}

.index_case .index_caseA01 .index_caseAtitle{line-height: 70px;text-transform:uppercase;}



.index_ptCr{background: #f7f7f7;border-bottom: 5px solid #c1c1c1;padding-top: 50px}

.index_ptCr #index_ptCr{width: 1200px;margin: 0 auto;padding-bottom: 10px;padding-right: 10px;}

.index_ptCr h3{text-align: center;font-size: 28px;color: #444;font-weight: normal;}

.index_ptCr .sub{width: 70px;height: 3px;background: red;margin: 10px auto 50px;}

.index_ptCr .index_ptCrLt{border: 1px solid #c3bebe;}

.index_ptCr .index_ptCrLt img{width: 100%}

.index_ptCr .index_ptCrA{position: relative;width: 1300px;margin: 0 auto}

.index_ptCr .index_ptCrA .prev{position: absolute; top: 50%;cursor: pointer;}

.index_ptCr .index_ptCrA .next{position: absolute;right: 0;top: 50%;cursor: pointer;}

.index_ptCr .index_ptCrLt_01{padding: 5px 10px;}

.index_ptCr .index_ptCrLt_01 .title{text-transform:uppercase;}

.index_ptCr .index_ptCrLt_01 p{font-size: 12px}

.index_ptCr .index_ptCrLt:hover{background: #37a9e8;box-shadow: 0px 8px 8px 0px #0000005e;border:none;}

.index_ptCr .index_ptCrLt:hover a{color: #fff}

.index_ptCr .swiper-wrapper{margin: 5px}

.index_ptCr .more{width: 150px;font-size: 16px;line-height: 40px;margin: 50px auto;font-weight: bold;text-align: center;color: #fff;display: block;background: red;box-shadow: 5px 5px 5px 0px #0000005e;}





.index_news {padding: 60px 0;color: #444;overflow:hidden;border-bottom: 5px solid #ddd;}

.index_news h3{text-align: center;font-size: 28px;font-weight: normal;}

.index_news .sub{width: 70px;height: 3px;background: red;margin: 10px auto 60px;}

.index_news .jiao{width: 0;height: 0;border-width: 16px;border-style: solid;border-color: transparent transparent #fff transparent;position: absolute;left: 53px;bottom: -16px;}

.index_news .index_newsA{height: 340px;text-align: center;background: url(../img/index_bj1.jpg);background-size: 100% 100%;}

.index_news .index_newsA p{text-align: center;line-height: 120px;color: #fff}

.index_news .index_newsB{width: 1000px;margin: 0 auto;padding: 30px;background: #FFF;margin-top: -220px;overflow: hidden;border-left: 1px solid #ddd;box-shadow: 8px 8px 0px 8px #37a9e8;}

.index_news .index_newsB01{width: 48%;float: left;}

.index_news .index_newsB01A{position: relative;}

.index_news .index_newsB01A img{width: 100%;height: 295px;}

.index_news .index_newsB01A span{position: absolute;top: 0;left: 2%; background: #37a9e8;color: #FFF;padding: 10px;font-size: 30px;}

.index_news .index_newsB01A p{position: absolute;bottom: 4px;padding: 10px;background: #37a9e8d4;color: #FFF;width: 96%;}

.index_news .index_newsB01B p{padding: 10px;font-size: 14px;}

.index_news .index_newsB01B .more{width: 150px;font-size: 16px;line-height: 40px;margin-right: 10px;font-weight: bold;text-align: center;color: #fff;display: block;background: red;box-shadow: 5px 5px 5px 0px #0000005e;}

.index_news ul{float: right;width: 48%}

.index_news ul li{overflow: hidden;padding-bottom:37px;border-bottom: 2px solid #ddd;margin-bottom: 10px;}

.index_news .index_newsTime{text-align: center;float: left;color: #bbb;margin-top: 25px;    margin-right: 10px;}

.index_news .index_newsTime span{font-size: 60px;}

.index_news .index_newsDsrt{  color: #666;font-size: 14px;}

.index_news .index_newsDsrt .title{line-height: 40px;font-size: 16px;height: 40px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;}

.index_news ul li a:hover .index_newsTime{color: #37a9e8}

.index_news ul li a:hover .index_newsDsrt{color: #37a9e8}





.index_contact {padding: 50px 0;color: #444;overflow:hidden;border-bottom: 5px solid #ddd;background: #f7f7f7}

.index_contact h3{text-align: center;font-size: 28px;font-weight: normal;}

.index_contact .sub{width: 70px;height: 3px;background: red;margin: 10px auto 60px;;}

.index_contact .descrt{width: 80%;margin: 0 auto;text-align: center;}



.banner img{width: 100%}



.aboutA{background: #eceef0;overflow: hidden; margin-top: -5px;padding: 50px 0;}

.aboutAbox{width: 1200px;margin: 0 auto}

.aboutA .aboutAzs{float: left;width: 30%;color: #fff; padding: 20px;height: 250px;}

.aboutA .aboutAzs img{width: 60px;}

.aboutA .aboutAzs_01{text-align: center;font-weight: bold;line-height: 60px;}



.aboutB{background: #f6f6f6;text-align: center;padding: 40px;}

.aboutB img{width: 140px;}

.aboutB .title{font-size: 26px;color: #979797;line-height: 100px;text-transform:uppercase;}

.aboutB .aboutBcot{width: 1000px;margin: 0 auto;color: #444;}



.aboutC{overflow: hidden;background: url(../img/about_bj_02.jpg);background-size: 100% 100%;padding: 40px 0 80px;position: relative;}

.aboutC .pai{float: left;}

.aboutC .left{margin-right: 265px;}

.aboutC .left img,.aboutC .right img{width: 460px;box-shadow: 0px 5px 5px 5px #0000005e;}

.aboutC .centre{position: absolute;z-index: 999;left: 30%;top: 45px;}

.aboutC .centre img{width: 530px;box-shadow: 0px 5px 5px 5px #0000005e;}

.aboutC img{width: 100%;box-shadow: 0px 5px 5px 5px #0000005e;}

#aboutC{display: none;}

#featured-area{width:100%;margin:40px auto 0 auto;}

.roundabout-holder{list-style:none;width:1000px;height:350px;margin:0px auto;}

.roundabout-moveable-item{font-size:12px!important;height:400px;width:600px;cursor:pointer;padding:5px;}

.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}

.roundabout-in-focus{cursor:auto;}

.roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}

.roundabout-holder span{display:none;}

.roundabout-in-focus:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;}

.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}

.roundabout li{margin:0}



.aboutD{text-align: center;padding: 40px;overflow: hidden;width: 1000px;margin: 0 auto;}

.aboutD .img{width: 140px;}

.aboutD p{font-size: 26px;color: #979797;line-height: 80px;text-transform:uppercase;}

.aboutD .aboutDms{color: #555;margin-bottom: 40px;}

.aboutD .aboutD_01 img{margin: 50px 50px 0}



.aboutE{text-align: center;padding: 40px;overflow: hidden;background: #eceef0}

.aboutE .img{width: 140px;}

.aboutE p{font-size: 26px;color: #979797;line-height: 80px;text-transform:uppercase;}

.aboutE .aboutEms{color: #555;}

.aboutE .aboutD_01 img{margin-top: 50px;width: 100%;}





.aboutF{padding: 50px 0;color: #444;overflow:hidden;background: #f7f7f7;border-top: 5px solid #ededed}

.aboutF h3{text-align: center;font-size: 28px;font-weight: normal;}

.aboutF .sub{width: 70px;height: 3px;background: red;margin: 15px auto 50px;}

.aboutF .descrt{width: 80%;margin: 0 auto;text-align: center;}





.caseA{line-height: 60px;color: #333;text-transform:uppercase;}

.caseB{line-height: 50px;color: #444;}

.caseC{color: #666}

.caseD{margin: 50px 0}

.caseD img{box-shadow: 0px 8px 8px 0px #0000005e;width: 97%}

.caseD .swiper-wrapper{margin: 30px 0}





.product_category{padding: 20px 0;background: #f2f4f5}

.product_category ul{overflow: hidden;}

.product_category ul li{      float: left;
    width: 200px;
    margin: 0px 20px;
    background: #f2f4f5;}

.product_category ul li select{width: 100%;font-size: 16px;border-top: none;border-left: none;border-right: none;outline: none;background: #f2f4f5}

.productA{padding: 50px 0}

.productA ul li{      float: left;
    margin: 20px 10px;
    width: 220px;
    box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.3);
    position: relative;}

/*.productA ul li .desc{width: 100%;height: 100%;padding: 20px;position: absolute; top: 0 ;left: 0}*/

.productA ul li img{width: 100%;height:210px;}

.productA ul li p{padding: 10px;
    height: 4.5em;
    font-size: 14px; }

.productA ul li p span{float: right}

.productA ul li a:hover{color: #37a8e8}



.Pagination{width: 1000px;margin: 0 auto;text-align: center;margin-bottom: 50px}

.Pagination a,.Pagination span{display: inline-block;width: 30px;line-height: 30px;background: #eee;border: 1px solid #bfbfbf;color: #888;margin: 5px}

.Pagination a:hover{background: #36a8e7;color: #FFF}

.Pagination span{background: #36a8e7;color: #FFF;}



.productShow{padding: 20px 0;}

.prtShowLeft{float: left;width:42%;height: auto;overflow: hidden;margin-top: 10px;}

#gallery{width:100%;padding:0;height: auto;overflow:hidden;}

#gallery h1{color:#666666;line-height:30px;}

#gallery_nav{float: left; text-align: center;  }

#gallery_nav a{    display: inline-block;
    /* margin: 17px 5px; */
    margin-right: 10px;
    margin-top: 10px;}

#gallery_nav a.this img{ border: 1px solid #ffa300; }

#gallery_nav a:nth-child(3){ margin-bottom: 0px; }

#gallery_nav img{width:142px;height: auto; border: 1px solid #dbdbdb;}

#gallery_output{float: left;width:450px; overflow: hidden;border: 1px solid #dbdbdb;}

#gallery_output img{display: block;width:100%; }

.prtShowRight {float: right;width: 55%;}

.prtShowRight h2,.prtShowRight p{margin-bottom: 20px;font-weight: inherit;}

.prtShowRight .contact{padding: 10px;font-size: 16px; color: #fff;text-align: center;background: #44b0ee; text-transform:uppercase;}

.prtShowRight p span{color: #666;}

.prtShowDetile{padding: 10px 0;border-bottom: 2px solid #44b0ee;margin-bottom: 20px;}

.prtShowDetile span{width: 8px;height: 8px;display: block;float: left;margin: 8px 8px 8px 0;background: #44b0ee;}

.prtShowA,.prtShowB{padding: 20px;font-size: 18px;color: #333;}

.prtShowB .prtShowBleft{float: left;width: 65%}

.prtShowB .prtShowBright{float: right;width: 30%}

.prtShowB .prtShowBright .prtShowList{float: left;margin: 15px 30px;box-shadow: 0px 3px 3px 3px #0000005e;position: relative;}

.prtShowB .prtShowBright .prtShowList img{width: 100%; }

.prtShowB .prtShowBright .prtShowList p{padding:10px }

.prtShowB .prtShowBright .prtShowList a:hover{color: #37a8e8}







.newsLeft{float: left;width: 60%}

.newsLeft ul li{margin-bottom: 50px}

.newsLeft ul li h3{color: #102990;text-transform:uppercase;}

.newsLeft ul li .time{color: #666;line-height: 60px;}

.newsLeft ul li>img{width: 100%}

.newsLeft ul li p{padding: 20px 0;color: #444;}

.newsRight{float: right;width: 30%}

.newsRight .newsRightMtle{line-height: 35px;font-weight: bold;font-size: 20px;}

.newsRight .newsRightMtle span{width: 10px; height: 10px;float: left;margin: 12px 10px 10px 0;border-radius: 50%;background: red;}

.newsRight p{padding: 20px 0;border-bottom: 1px solid #ddd}

.newsRight p a:hover{color:#37a8e8}

.newsShow h1{color: #102990;font-size: 18px}

.newsShow .time{color: #666;line-height: 60px;}

.newsShow .content{margin-bottom: 80px}

.newsImgs img{width: 100%;border:1px solid #ddd}

#newsImgs{padding-bottom: 50px;margin-bottom: 30px}


.contact{padding-bottom: 100px}

.contactLeft{width: 36%;float: left;padding:80px 60px;box-shadow: 0px 3px 3px 3px #9999996b;}

.contactLeft .top{font-size: 20px}

.contactLeft .name{font-size: 12px;padding: 35px 0 15px;}

.contactLeft input,.contactLeft textarea{width: 100%;border-radius: 6px;border: 1px solid #ddd;outline: none;padding: 10px;}

.contactLeft .sunmit{background: #001dff;color: #FFF;width: 130px; border-radius: 15px;font-size: 18px;margin: 30px 0;}

.contactRight{width: 51%;float: right;}

.contactRight .contactRightA{box-shadow: 0px 3px 3px 3px #9999996b;padding:10px 40px;margin-bottom: 20px}

.contactRight .contactRightA p{color: #666;line-height: 40px}

.contactRight .contactRightA p a{text-decoration: underline;}

.contactRight .contactRightB{box-shadow: 0px 3px 3px 3px #9999996b;width: 100%;height: 330px;}





.SearchList{margin-bottom: 100px}

.SearchList p{padding: 20px 0;;border-bottom:1px solid #ddd;}

.SearchList p a:hover{text-decoration: underline;}





.footer{width: 100%;background: url(../img/index_bj2.jpg);background-size: 100% 100%}

.footer>img{width: 100%;}

.footer .footerOne{width: 1100px;margin: 0 auto;padding: 50px 50px 30px;overflow: hidden;}

.footer form{float: left;width: 45%;overflow: hidden;}

.footer form input,.footer form textarea{padding:10px 5px;width: 75%;background: none;border: 1px solid #FFF;outline: none;color: #FFF}

.footer form span{width: 100px;float: left;line-height: 40px;}

.footer form p{margin-bottom: 20px;color: #FFF}

.footer form .submit{text-align: center;background: red;width:100px;line-height: 10px;margin-left: 100px;border: none;cursor: pointer;}

.footer ul{float: right;width: 45%}

.footer ul li{height: 40px}

.footer ul li img{margin-right: 20px;float: left;width: 25px;}

.footer ul li p{margin-bottom: 15px;color: #FFF;width: 90%;float: left; }

.footer ul li p a{color: #FFF;text-decoration: underline;}

.boot{background: #092942;height: 50px;}

.boot p{padding: 0 5px; float: left;width: 40%;margin-left: 100px;line-height: 50px;color: #516d83;}







.wap_head,.wap_nav{display: none;}



@media screen and (max-width: 767px) {

.none{display:none;}

*{-moz-box-sizing: border-box;  /*Firefox3.5+*/

-webkit-box-sizing: border-box; /*Safari3.2+*/

-o-box-sizing: border-box; /*Opera9.6*/

-ms-box-sizing: border-box; /*IE8*/

box-sizing: border-box;

font-size: 14px;

font-family: Arial;line-height: 1.5rem;}



.indexhead,.header .header_top .header_topA,.header_top .fr{display: none;}

/*移动端通用导航开始*/



.wap_head h3{ text-indent:4%; line-height: 50px; } 

.wap_head h3{color: #fff ; font-size: 16px;}

.wap_head img{height: 80%;margin: 5px 10px;} 

.wap_head{ background:#092942; display: block; height: 50px; width: 100%;line-height: 50px;position: fixed;right:0px;top:0px;z-index: 100;}

.wap_head>.navigation{font-size: 30px;color: #fff;position: fixed;right:3%;line-height: 50px;}

.wap_head>.search{font-size:20px;color: #fff;position: fixed;right:20%; line-height: 50px;}

.wap_nav{display: block; width: 100vw;position: fixed;right:-100vw;top:50px;background: #f5f5f5;transition: 0.4s;height: 100%; z-index: 99;overflow-y: auto;}

.wap_nav>ul>li>a{text-transform: uppercase;text-indent:20px;line-height:42px;color: #333;

 width:80%;display: inline-block;}

 .wap_nav>ul>li i{ width: 14%; font-size: 12px;

    display: inline-block;

    float: right; color: #333;

    text-align: center;

    line-height: 40px;}

.wap_nav>ul>li{border-bottom: 1px solid #ddd;border-top: 1px solid #ddd; margin-bottom: -1px;}

.wap_nav>ul>li>ul>li a{text-indent:20px;display: inline-block;width: 80%;line-height: 40px;font-size: 12px;text-transform:capitalize;}

.wap_nav>ul>li>ul{ background: #f5f5f5; display: none; width: 100%;padding: 10px 0; float: left;}

.wap_nav>ul>li>ul>li>ul{ padding: 0 2rem;display: none;}



body{position: relative;left: 0px;transition: 0.4s; }

.wap-nav .wap_nav{right: 0px;}

.wap-nav{left: -100vw;overflow-y: hidden;}

.wap_nav .sousuonr{ width: 100%;background:#041f32;   }

.wap_nav .sousuonr form{ height: 34px; margin: 10px; }

.wap_nav .sousuonr form input{ width:88%; float: left; height: 34px; line-height: 34px; text-indent: 10px;}

.wap_nav .sousuonr form i{cursor: pointer;font-size: 22px;color: #FFF;margin: 10px}

.wap_nav .sousuonr{ overflow: hidden; }

/*移动端通用导航结束*/



 





.box{width: 100%;padding: 10px}



.index_banner{top:0;margin-bottom:0;}

.index_banner .swiper-button-prev,.index_banner .swiper-button-next{display: none}



.index_about .sub,.index_ptCr .sub,.index_news .sub,.index_contact .sub{width: 50px;height: 2px;margin: 10px auto 32px;}

.index_about h3,.index_ptCr h3,.index_news h3,.index_contact h3{font-size: 18px;}



.index_product .swiper-pagination{display: block;}

.index_product{margin: 0 auto;padding-top: 40px;}

.index_product #index_product{width: 90%}

.index_product .prt01{height: auto;text-align: center;}

.index_product .prt01 img{width: auto;margin: 0}

.index_product .prt02{padding: 10px 25px 15px;}



.index_about img{width: 100%;margin-right:0;}

.index_about .index_about02{width: 100%;margin-top: 15px;}

.index_about .index_about03{height: auto;}

.index_about .sub1,.index_about h5{display: none;}



.index_case .index_caseA,.index_case>img{width: 100%}

.index_case .index_caseA01{height: 100%;padding: 15px;}

.index_case .index_caseA01 h5{font-size: 18px;}

.index_case .index_caseA01 p{width: 100%}

.index_case .index_caseA01 .index_caseAtitle{line-height: 50px}



.index_ptCr{padding-top: 30px;}

.index_ptCr .index_ptCrA{width: 100%}

.index_ptCr .swiper-slide{width: auto;}

.index_ptCr #index_ptCr{width:80%}

.index_ptCr .index_ptCrLt{width: 97%;box-shadow: 8px 8px 8px 0px #0000005e}

.index_ptCr .more{margin: 20px auto;}



.index_news{position: relative;padding-top: 20px}

.index_news .index_newsB{width: 100%;padding: 15px;}

.index_news .index_newsB01{width: 100%}

.index_news ul{width: 100%}

.index_news .index_newsDsrt{ }

.index_news .more{position: absolute;bottom: -7%;left: 30%;}

.index_news .index_newsA{height: 270px;}

.index_news .index_newsA p{line-height: 50px;}

.index_news .index_newsB01A p{width: 100%}

.index_news .index_newsDsrt .title{font-size: 14px}

.index_news .jiao{position: absolute;left: 4px;bottom: 3px;}



.index_contact{padding: 0}



.footer .footerOne{width: 100%;padding:20px 30px;}

.footer form{width: 100%}

.footer form input, .footer form textarea{width: 100%}

.footer ul{display: none;}

.boot{height: auto;}

.boot p{width: 100%;margin-left: 0;float: none;}





.banner img{width: 100%; }

.aboutA,.aboutC,.aboutD,.aboutE,.aboutF{padding: 0;width: 100%}

.aboutAbox{width: 100%;margin-top: 5px;}

.aboutA .aboutAzs{width: 100%;height:auto;}

.aboutA .aboutAzs_01{line-height: 40px}

.aboutB{padding: 20px}

.aboutD p,.aboutE p,.aboutF p{line-height: 60px;font-size: 18px}

.aboutB .aboutBcot{width: 100%}

.aboutB img,.aboutD .img,.aboutE .img,.aboutF img{width: 120px}

.aboutC .centre{position:relative;left: 0;top: 0}

.aboutC .left img,.aboutC .right img,.aboutC .centre img{width: 100%}

.aboutC .left{margin:10px 0}

/*.aboutD .aboutD_01 img{width: 85%;margin: 20px 20px 0;}*/

.aboutD img{width: 100%}

.aboutF .sub{width: 60px;height: 2px ;margin: 15px auto;}

.aboutF h3{font-size: 18px}

#featured-area{display: none;}

#aboutC{display: block;}



.crumbs{line-height: 10px}

.caseA{line-height: 20px}



.product_category{padding: 0}

.product_category ul li{margin: 10px;width: 44%;}

.productA{padding: 0}

.productA ul li{     margin: 10px 2.5%;
    width: 45%;}

.Pagination{width: 100%;margin:20px 0 0;}



.prtShowLeft{float: none;width: 100%;}

#gallery_output,#gallery_output img,.prtShowRight,.prtShowB .prtShowBleft,.prtShowB .prtShowBright{width: 100%;height:auto;}

.productShow{padding: 0}

#gallery_nav img{width: 100%}

.prtShowA, .prtShowB{padding: 0}

.prtShowB .prtShowBright .prtShowList{margin: 15px 45px;}



.newsLeft,.newsRight{width: 100%}

.newsShow img{width: 100%}



.contactLeft,.contactRight .contactRightA{width: 100%;padding: 30px;}

.contactRight{width: 100%;margin-top: 20px;}

.contactLeft .name{padding: 20px 0 10px;}

.contact{padding: 0}

.contactLeft .sunmit{margin-bottom:0;}








#gallery_nav{}

#gallery_nav a{    width: 30%;
    margin: 2% 1.5%;}


.banner{margin-top: 30px;}

.index_news .index_newsB01A img{height: auto;}

.productA ul li img{height: auto;}
.aboutB .title{    font-size: 20px;
    color: #979797;
    line-height: 1.5em;
    text-transform: uppercase;
    margin-bottom: 10px;}

.index_product .prt02A{padding-bottom: 60px;}

}