body{padding:0;margin:0;font-size: 16px;}
a{color: #333;text-decoration: none;}
a:hover{color: #2c97fa;}
ul{padding: 0;margin: 0;}
img{vertical-align: middle;}
.width{width:1200px;margin: 0 auto;}
.header .main-width{width:1400px;margin:0 auto;}
.main-banner img{width: 100%;height: auto;}
.index-main h2.title{margin-bottom: 50px;font-size: 48px;line-height: 50px;color: #369dff;text-align: center;font-family: "OpenSans-Bold";text-transform: uppercase;}
.index-main h2.title span{color: #00b050;}
/*µ¼º½À¸*/
.header{position: fixed;left: 0;top: 0;width: 100%;height: 100px;background-color: #fff;z-index: 999;}
.header .logo{float: left;margin-top: 26px;width: 171px;}
.header .logo img{width: 100%;height: auto;}
.header .nav{float: right;}
.header .nav > ul{}
.header .nav > ul > li{position: relative;height: 100px;float: left;margin-right: 18px;font-size: 20px;line-height: 100px;font-family: "Arial-Regular";text-transform: uppercase;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;list-style:none}
.header .nav > ul > li:nth-child(7){margin-right: 2px;}
.header .nav > ul > li > a{padding: 14px 18px;color: #333;}
.header .nav > ul > li .drop-down{display: none;position: fixed;top: 100px;background-color: #f5f5f5;border-top: 3px solid #369dff;overflow: hidden;box-shadow:0 0 5px #999;}
.header .nav > ul > li.pro .drop-down{left: 50%;width: 1350px;padding: 40px 25px;transform: translate(-50%,0%);}
.header .nav > ul > li.ser .drop-down{left: 50%;margin-left: -452px;width: 750px;padding: 40px 25px;}
.header .nav > ul > li .drop-down li{float: left;width: 150px;font-size: 14px;line-height: 24px;font-family: "OpenSans-Bold";text-align: center;text-transform: uppercase;list-style:none}
.header .nav > ul > li .drop-down li a{color: #555;}
.header .nav > ul > li .drop-down li a i{display: block;margin: 0 auto 24px auto;width: 84px;height: 83px;background: url(/images/all-icon.png) no-repeat;}
.header .nav > ul > li .drop-down li a i.icon1{background-position:-250px -140px;}
.header .nav > ul > li .drop-down li a i.icon2{background-position:-350px -140px;}
.header .nav > ul > li .drop-down li a i.icon3{background-position:-450px -140px;}
.header .nav > ul > li .drop-down li a i.icon4{background-position:-550px -140px;}
.header .nav > ul > li .drop-down li a i.icon5{background-position:-250px -240px;}
.header .nav > ul > li .drop-down li a i.icon6{background-position:-350px -240px;}
.header .nav > ul > li .drop-down li a i.icon7{background-position:-450px -240px;}
.header .nav > ul > li .drop-down li a i.icon8{background-position:-550px -240px;}
.header .nav > ul > li .drop-down li a i.icon9{background-position:-250px -340px;}
.header .nav > ul > li .drop-down li a i.icon10{background-position:-350px -340px;}
.header .nav > ul > li .drop-down li a i.icon11{background-position:-450px -340px;}
.header .nav > ul > li .drop-down li a i.icon12{background-position:-550px -340px;}
.header .nav > ul > li .drop-down li a i.icon13{background-position:-250px -440px;}
.header .nav > ul > li .drop-down li a i.icon14{background-position:-350px -440px;}
.header .nav > ul > li .drop-down li a:hover{color: #1874fa;}
/*.header .nav > ul > li.active{background-color: #369dff;}*/
/*.header .nav > ul > li.active > a{color: #fff;}*/
.header .logo .phone-menu{display: none;float: right;margin: 18px 0;width: 28px;height: 18px;background: url(/images/all-icon.png) no-repeat -110px 0;cursor: pointer;}
.header.active .logo .phone-menu{background-position:-150px 0;}
.header.flow{height: 70px;box-shadow:0 0 5px #999;}
.header.flow .logo{margin-top: 8px;}
.header.flow .nav > ul > li{height: 70px;line-height: 70px;}
.header.flow .nav > ul > li.search{padding: 20px 0 0px 30px;}
.header.flow .nav > ul > li .drop-down{top: 70px;}
.slideshow{margin-top:100px}
.slideshow img{width:100%}
.menutop .width>div{display: inline-block;vertical-align: middle;}
.menutop .width>div{padding:20px 0;}
.menutop .width .logo{width:30%;}
.menutop .width .menu-list{width: 50%;}
.menutop .width .search{width: 18%;}
.menutop .width .menu-list ul li{display: inline-block;vertical-align: middle;margin-left: 25px;}
.menutop .width .menu-list ul li:first-child{margin-left: 0;}
.menutop .width .menu-list ul li a{display: inline-block;padding: 10px 0;}
.menutop .width .menu-list ul li a:hover{border-bottom: 1px solid #2c97fa;}
.search{width:200px}
.search .box{width: 100%;display: inline;position: absolute;top: 0;left: 0;}
.search form{overflow:hidden;border-radius: 999px;border: 1px solid #CCC;position: absolute;padding: 5px 10px;height: 20px;position: absolute;transform: translate(0%,-50%);width: 100%;top:50%}
.search form input{padding: 5px 10px;border: none;outline: none;position:absolute}
.search-btn{position: absolute;top: 0;right: 0;z-index: 9;width: 20px;height: 15px;transform: translate(-50%,50%);border-left:1px solid #ccc!important;}
.product{text-align: center;}
.product .lines{position: relative;display: inline-block;width: 90%;}
.product .line{height: 5px;background-color: #ccc;width: 15%;display: inline-block;vertical-align: top;margin-top: -2px;}
.product .sub-line{border-bottom: 1px solid #ccc;width: 70%;margin: 0 auto;text-align: center;display: inline-block;vertical-align: top;
position: absolute;transform: translate(-50%,0%);left: 50%;}
.product .product-index-list ul{margin-right: -30px;}
.product .product-index-list ul li{float: left;width: calc(33.33% - 32px);margin-right: 30px;list-style: none;margin-bottom: 40px;}
.product .product-index-list ul li>a{display:block;border: 1px solid #F0F0F0;box-sizing: border-box;height: 280px;overflow: hidden;}
.product .product-index-list ul li>a img{width:100%}
.product .product-index-list .title>div{display:inline-block;vertical-align: middle;}
.product .product-index-list .title .name{width:calc(60% - 2px);border-right: 2px solid #2C97FA;text-align: left;}
.product .product-index-list .title .more{width: 29%;}
.product .product-index-list .title .more a{display: inline-block;vertical-align: middle;padding: 10px;background-color: #2C97FA;color: white;border-radius: 999px;}
.product .product-index-list .title{padding: 10px;border-bottom: 1px solid #f0f0f0;}
.mainstyle{display: table;width: 100%;}
.mainstyle>div{display: table-cell;}
.mainstyle>div p{text-align: right;font-size: 30px;border-bottom:1px solid white;padding-right: 120px;margin-bottom: 100px;}
.mainstyle .blue{background-color: #2C97FA;color: white;width: 40%;}
.mainstyle .white{width: 60%;}
.mainstyle .white>div{padding-left:60px;}
.mainstyle .white>div>div{font-size: 78px;text-transform: uppercase;font-weight: 600;}
.mainstyle .white span{display:inline-block;vertical-align: middle;color: #ccc;}
.mainstyle .white i{border-bottom: 1px solid #ccc;display: inline-block;vertical-align: middle;width: 45%;}
.main-rec{padding: 60px 0;}
.main-rec ul{margin-right: -30px;}
.main-rec ul li{float: left;width: calc(33.33% - 68px);margin-right: 30px;list-style: none;margin-bottom: 40px;padding: 18px;border: 1px solid #333;text-align: center;}
.main-rec ul li img{width: 100%;transition: all 0.5s;}
.main-rec ul li img:hover{transform: scale(1.1);}
.main-rec ul li a{font-weight: 600;text-transform: uppercase;display: block;overflow: hidden;}
.jqiu{padding: 60px 0 100px 0;color: white;text-align: center;overflow: hidden;}
.jqiu>p{text-transform: uppercase;}
.jqiu .text div p{font-size: 22px;}
.jqiu .text div p:first-child{font-size: 65px;font-weight: 600;margin: 20px 0;}
.jqiu .text>div{display: inline-block;vertical-align: middle;width:calc(33.33% - 100px);margin-left: -4px;padding:0 50px;}
.custom{text-align: center;}
.custom .lines{position: relative;display: inline-block;width: 90%;}
.custom .line{height: 5px;background-color: #ccc;width: 15%;display: inline-block;vertical-align: top;margin-top: -2px;}
.custom .sub-line{border-bottom: 1px solid #ccc;width: 70%;margin: 0 auto;text-align: center;display: inline-block;vertical-align: top;
position: absolute;transform: translate(-50%,0%);left: 50%;}
.custom .img{padding: 30px 0;}
.foot{background-color: #d2d2d2;padding: 55px 0 86px 0;}
.foot-menu ul li{display: inline-block;vertical-align: middle;margin-left: 25px;}
.foot-menu ul li:first-child{margin-left: 0;}
.foot-menu ul li a{display: inline-block;padding: 10px 0;}
.foot-menu ul li a:hover{border-bottom: 1px solid #2c97fa;}
.foot>div>div{display: inline-block;vertical-align: middle;}
.foot .foot-logo{width: 22%;}
.foot .foot-menu{width: 52%;}
.foot .foot-form{width: 25%;}
.foot-logo div{margin-bottom: 15px;}
.foot-logo a{display: block;margin-bottom: 40px;}
.foot-logo div img{display: inline-block;vertical-align:middle;margin-right: 15px;}
.foot-logo div span{display: inline-block;vertical-align:middle;color:black}
.foot-form form span input{width: calc(100% - 20px);border: 1px solid #333333;background-color: unset;padding: 10px 10px;margin-bottom: 30px;}
.foot-btn{background-color: white;border-radius: 999px;border: none;padding: 10px 30px;font-size: 24px;}
.product-list{padding: 100px 0;}
.product-list .width .celan{width: 20%;display:inline-block;vertical-align:top;border-radius: 10px;border: 1px solid #333;}
.product-list .width .celan ul li{list-style: none;line-height: 50px;padding: 0 20px;border-top: 1px solid #333;}
.product-list .width .celan .title{border-bottom: 0.0625rem solid #333;line-height: 60px;padding: 0 20px;}
.product-list .width .product-con{width:calc(79% - 70px);display: inline-block;vertical-align:top;padding-left: 70px;}
.product-list .product-con>ul{margin-right: -30px;}
.product-list .product-con>ul>li{float: left;width:calc(33.33% - 32px);margin-right: 30px;list-style: none;text-align: center;margin-bottom: 30px;}
.product-list .product-con>ul>li>a{min-height:230px;display:block;overflow: hidden;border-radius: 10px;border: 1px solid #333;}
.product-list .product-con>ul>li>a img{width: 100%;transition: all 0.5s;}
.product-list .product-con>ul>li>a img:hover{transform: scale(1.1);}
.product-list .product-con>ul>li>a:hover{border:1px solid #2C97FA;}
.product-list .product-con>ul>li:hover a{color: #2C97FA;}

.news-list{padding: 100px 0;}
.news-list .width .celan{width: 20%;display:inline-block;vertical-align:top;border-radius: 10px;border: 1px solid #333;}
.news-list .width .celan ul li{list-style: none;line-height: 50px;padding: 0 20px;border-top: 1px solid #333;}
.news-list .width .celan .title{border-bottom: 0.0625rem solid #333;line-height: 60px;padding: 0 20px;}
.news-list .width .product-con{width:calc(79% - 70px);display: inline-block;vertical-align:top;padding-left: 70px;}
.news-list .width .product-con>div{margin-bottom: 30px;}
.news-list .product-con>ul{margin-right: -50px;}
.news-list .product-con>ul>li{float: left;width:calc(50% - 52px);margin-right: 50px;list-style: none;text-align: left;margin-bottom: 30px;}
.news-list .product-con>ul>li>a{display:block;overflow: hidden;border-radius: 10px;border: 1px solid #333;height:215px}
.news-list .product-con>ul>li>a img{width: 100%;transition: all 0.5s;}
.news-list .product-con>ul>li>a img:hover{transform: scale(1.1);}
.news-list .product-con>ul>li>a:hover{border:1px solid #2C97FA;}
.news-list .product-con>ul>li:hover a{color: #2C97FA;}
.news-list h1{margin-top: 0;}
.contact{padding: 110px 0;overflow: hidden;}
.contact .mess{float: left;width: 45%;}
.contact .form{float: left;width:calc( 55% - 120px);padding: 60px;box-shadow:0 0 5px 3px #2222222e;}
.xinxi div{margin-bottom: 15px;}
.xinxi div img{display: inline-block;vertical-align:middle;margin-right: 15px;}
.xinxi div span{display: inline-block;vertical-align:middle;}
.mess a{display: inline-block;vertical-align: middle;margin-right: 15px;}
.contact form .name{display:inline-block;vertical-align: top;width: calc(50% - 28px);margin-right: 50px;}
.contact form .phone{display:inline-block;vertical-align: top;width: calc(50% - 28px);}
.contact form div{margin-bottom: 20px;}
.contact form div input{width:calc( 100% - 42px);padding: 15px 20px;border:none;background-color: #f0f0f0;}
.contact form div textarea{width:calc( 100% - 40px);padding: 15px 20px;border:none;background-color: #f0f0f0;}
.contact .form .sub{background-color: #349eff;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;}
.contact .form .sub:hover{background-color:#126ec2}
.listpage{margin-top: 30px;text-align: center;}
.listpage ul{display: inline-block;}
.listpage ul li{float: left;margin: 0 3px 10px;list-style:none}
.listpage ul li a{display: block;padding: 0 10px;line-height: 24px;color: #369dff;background-color: #fff;}
.listpage ul li.thisclass a{color: #fff;background-color: #369dff;}
.btn-class {
    display: block;
    position: fixed;
    right: 0;
    top: 200px;
    width: 38px;
    height: 214px;
    background: url(/images/all-icon.png) 0px -400px no-repeat;
    cursor: pointer;
    z-index: 99;
}
.classify{position: fixed;top: 180px;right: 0px;padding: 3px;width: 240px;z-index: 100;background-color: #464646;border-radius: 5px;}
.classify .close{position: absolute;right: 15px;top: -15px;width: 32px;height: 30px;background: url(/images/all-icon.png) 0 -300px no-repeat;cursor: pointer;z-index: 110;}
.classify h2.title{position: relative;padding-left: 60px;font-size: 16px;color: #fff;font-family: "Arial-Bold";line-height: 44px;text-transform: uppercase;}
.classify h2.title i{position: absolute;left: 20px;top: 12px;width: 32px;height: 20px;background: url(/images/all-icon.png) 0px -350px no-repeat;}
.classify ul{padding: 4px 0 10px 0;background-color: #fff;}
.classify ul li{list-style:none;padding: 7px 8px;height: 48px;font-size: 16px;font-family: "Arial-Regular";border-bottom: 1px solid #e6e6e6;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.classify ul li a{display: block;padding-left: 12px;height: 32px;line-height: 32px;color: #000;}
.classify ul li.active a{background-color: #369dff;color: #fff;}
.about-jq{padding-top: 80px;}
.about-jq .text{display:inline-block;vertical-align: middle;width: 45%;margin-top: -150px;}
.about-jq .text .btn{display: inline-block;padding: 10px 25px;background-color:#2C97FA;color: white;text-transform: uppercase;}
.about-jq .text .btn:hover{background-color:#007AFF;}
.about-jq .text p:first-child{font-family: "times new roman";font-size: 88px;font-weight: normal;color: #2C97FA;text-transform: uppercase;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 7px solid #2C97FA;}
.about-jq .text p:first-child:first-letter{font-size: 150px;}
.about-jq .vv{display:inline-block;vertical-align: middle;width: 54%;}
.about-jq .vv img{width:100%;}
.about-jq .img{margin:70px 0 30px 0;}
.about-jq .img img{margin-left: 30px;width: 370px;}
.about-jq .img img:first-child{margin-left:0;}
.buleline{height: 25px;background-color: #2C97FA;}
.workshop-jq h2{font-family: "times new roman";font-size: 48px;font-weight: normal;color: #2C97FA;text-transform: uppercase;}
.workshop-jq .img{text-align: center;}
.workshop-jq .img img{margin:0 20px 15px 0}
.custom-js{padding: 80px 0 0 0;}
.custom-js .content{border-radius: 10px;box-shadow:0 0 8px 1px #00000030;;padding:20px 20px;}
.custom-js .left{display:inline-block;vertical-align: top;width: 46%;}
.custom-js .left .text p:first-child{color: #2C97FA;}
.custom-js .right{display:inline-block;vertical-align: top;width: 53%;}
.cer-renzhen{padding: 60px 0 0 0;text-align: center;}
.cer-renzhen .title h2{font-family: "times new roman";font-size: 48px;font-weight: normal;color: #2C97FA;text-transform: uppercase;margin-bottom: 20px;}
.cer-renzhen .title p{width: 70%;margin: 0 auto;border-bottom: 1px solid #CCCCCC;padding-bottom:15px ;margin-bottom: 30px;}
.cer-renzhen .title{margin-bottom: 30px;}
.wwww{padding: 60px 0 60px 0;text-align: center;}
.wwww .title h2{font-family: "times new roman";font-size: 48px;font-weight: normal;color: #2C97FA;text-transform: uppercase;margin-bottom: 20px;}
.wwww .title p{width: 70%;margin: 0 auto;border-bottom: 1px solid #CCCCCC;padding-bottom:15px ;margin-bottom: 30px;}
.wwww .title{margin-bottom: 30px;}
.shequ{margin-top:100px;text-align:right}
.shequ img{margin-left:20px}
.foot-menu>div,.foot-menu>ul{padding-right:30px}