*{margin:0;padding:0;font-size:15px;font-family: "Microsoft YaHei","黑体","宋体","Arial",sans-serif;cursor: default;}
html,body{min-width:1220px;}
a{text-decoration:none;color:#fff;cursor: pointer;}
li{list-style: none;}
.commonhead{position:relative;background:#302B2B;color:#F8F2F2;height:72px;width:100%;transition: all 0.5s ease}
.commonhead:hover{background-color:#fff;}
.commonhead:hover a{color:#302B2B}
.commonhead:hover .listpar{color:#302B2B}
.commonhead .headLogo{width: 180px; padding-right: 76px;justify-content: flex-end;}
.headLogo img{width:40px;margin-right:20px;}
.commonhead .xkpage >a,.commonhead .xkpage .listpar{padding:26px 40px;position:relative;display: inline-block;}
.commonfoot{position: relative;background:#434343;height:365px;width:100%;color:#fff}
.footcontent2 ul li{ margin-bottom:10px;font-size: 16px;}
.commonfoot2{background-color: #222222;width: 100%;height: 50px;line-height: 50px;text-align: center;color: #999;}
.commonhead .xkpage .product_list_par:hover .product_list{display: block;}
.commonhead .xkpage .about_us_par:hover .about_us{display: block;}
#navtool{position: fixed;right:0;top:30%;z-index:2;box-shadow: 0 0 3px #3E85FF;}
#navtool >div{position:relative;color:#fff;background-color: #2167F5;text-align: center;padding:10px;border-bottom: 1px solid #fff;cursor: pointer;}
#navtool >div:hover{background:#FBB03B;cursor: pointer;}
#navtool >div:hover .navtool_sec1{display: block;}
#navtool >div:last-child{border:0;padding:0}
#navtool >div:last-child a{display: inline-block;padding:10px}
#navtool  img{width:24px;cursor: pointer;}
#navtool >div> p{cursor: pointer;font-size: 12px;}
#navtool >div> a>p{cursor: pointer;font-size: 12px;}
#navtool .navtool_sec1{display: none; position: absolute;background: #fff;left: -148px;top: 0px;color: #000;padding: 0px 11px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;box-shadow:0 0 3px #aaa}
#navtool .navtool_sec1 p{margin:8px 0}
#navtool .navtool_sec1 img{width: 15px; margin-right: 8px;}

.product_list,.about_us{position:absolute; top: 72px;left: 0; z-index: 999;background: #fff; display: none;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.product_list a,.about_us a{color:#000000;padding:10px 0 ;text-align: center;display: block; width:135px} 
.product_list a:hover{color:#3F7CF8}
.about_us a:hover{color:#3F7CF8}

.telBar{background:#3F7CF8;height:120px !important;border-radius: 5px;justify-content: space-around;color:#fff;display: flex;justify-content: space-around;align-items: center;}
.telBar>div:nth-of-type(1){font-size:40px;}
.telBar>div:nth-of-type(2){border:1px solid #fff;width:400px;background:#fff;height: 50px;line-height: 50px;border-radius: 5px;position:relative}
.telBar>div:nth-of-type(2)>span:nth-of-type(2){position:absolute;right:0}

.banner{width: 100%;overflow: hidden;position: relative;}
.banner > ul{display: none;height: 100%;position: absolute;top:0;left: 0;}
.banner > .horizontal > li{float: left;height: 100%;position: relative; background-size: cover !important;} 
.banner .text{width:100%;text-align: center;background:transparent;position: absolute;color:#fff; }
.banner > .horizontal > li img{width:100%}
.banner > .vertical > li {text-align: center;}
.img-btn-list{ position: absolute;bottom: 10px; text-align: center;}
.img-btn-list > span{display: inline-block;width: 14px;height: 14px;border-radius: 12px;margin: 0 10px;background: transparent;cursor: pointer;border:1px solid #fff}
.img-btn-list > span.current{border: 1px solid transparent;background: #3F7CF8;}
.verticalImgbtnlist > span{display: block !important; bottom:50% !important;margin:10px 0 ;border-color:#3F7CF8}
.verticalImgbtnlist  {  bottom:50% !important ;  }
.commonwidth{width:1220px;margin:0 auto;height:auto;position: relative}
.commonbtn{outline: 0;border:0;background:#3F7CF8;color:#fff;padding:5px 15px;border-radius: 50px;}
.commonFlex1{display:flex;align-items: center;}
.commonFlex{display:flex;align-items: center;justify-content: center;}
.pointer{cursor:pointer}
.active{color:#3F7CF8 !important}
 
.hexagon {background-color: #3e85ff;width: 91px;height: 100px;line-height: 100px; text-align: center;color:#fff;font-size:30px;  webkit-clip-path: polygon(50% 0%, 105% 22%, 102% 77%, 51% 95%, -2% 77%, 0% 20%); clip-path: polygon(50% 0%, 105% 22%, 102% 77%, 51% 95%, -2% 77%, 0% 20%);}
.secont_commonkind{background:url('/pc/static/cooperate/sec3bg.jpg') center center no-repeat;height:410px;width:100%;color:#fff;}
.secont_commonkind img{width:80px}
.secont_commonkind>div{height:283px;justify-content: space-between;}
.secont_commonkind>div>div{display: flex;flex-direction: column;justify-content: space-around;align-items: center;}
.secont_commonkind>div>div>div{margin-bottom:10px;font-size:18px;}
.secont_commonkind>div>div>div:nth-of-type(2){font-size:25px;}
.secont_commonkind .borderCss{height:2px ;width:50px;background:#fff;margin:19px 0}

 
.secont_commonkind2Tit{margin:71px 0 67px;}
.secont_commonkind2cont_c{margin-bottom:44px;align-items: flex-start;}
.secont_commonkind2cont_c >div{margin-left:20px;}
.secont_commonkind2cont_c div p:nth-of-type(1){color:#3E85FF;font-size:23px;margin-bottom:10px;}
.secont_commonkind2cont_c div p:nth-of-type(2){color:#999999;font-size:18px;}

.secont_commonkind2Cont>div:nth-of-type(2)>div:nth-of-type(2),.secont_commonkind2Cont>div:nth-of-type(2)>div:nth-of-type(4){margin-left:90px;}
.secont_commonkind2Cont>div:nth-of-type(2)>div:nth-of-type(3){margin-left:130px;}