@font-face {
       font-family: 'AlternateGothic';    
         src: url('../font/Alternate Gothic No.2 BT.ttf');                       
   }
@font-face {
       font-family: 'SourceHanSansCN-Medium';    
         src: url('../font/SourceHanSansCN-Medium.otf');                       
   }

a:focus{text-decoration: none}
/*body{ font-family: 'SourceHanSansCN-Medium';}*/
body{ font-family: '微软雅黑';}
body a:hover{text-decoration: none;}
.slowlay2{ transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -ms-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; -webkit-transition:all 2s ease-in-out;}
.slowlay3{ transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
.slowlay5{ transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear; -webkit-transition:all 0.5s linear;}
.slowlay9{ transition:all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; -ms-transition:all 0.9s ease-in-out; -o-transition:all 0.9s ease-in-out; -webkit-transition:all 0.9s ease-in-out;}
.x-half{ transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.y-half{ transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.xy-half{ transform:translate3d(-50%,-50%,0); -webkit-transform:translate3d(-50%,-50%,0); -moz-transform:translate3d(-50%,-50%,0); -o-transform:translate3d(-50%,-50%,0); -ms-transform:translate3d(-50%,-50%,0);}
.c-half{transform: translateY(50%);-webkit-transform: translateY(50%);-moz-transform: translateY(50%);-o-transform: translateY(50%);-ms-transform: translateY(50%);}

.w_auto{width: 1200px;margin:auto;}
.header{height: 70px;width:100%;box-sizing: border-box;position: relative;}
.header .w_auto{height: 70px;}
header .logo{padding: 0;height: 70px}
header .logo a{display: block;}
header .logo img{margin-top:;wideth: 100%;width: 90px;margin-top: 8px;}
header .nav{background-color:none;height: 70px;border:none;padding-right:0;position: relative;}
header .nav ul {padding-left: 75px;margin-left: 0px;list-style: none;box-sizing: border-box;margin-bottom: 0;}
header .nav li a{line-height:70px;color:#4d4d4d;font-size:15px;text-decoration:none;border-bottom: 1px soild  #000;}
header .nav li{padding:0 20px;position:relative;}
header .navbox{padding:0}
header .navbar-header{display:none}
header .nav li a:hover, .nav li a.on{color:#2a9dd9}
header .nav-right{line-height: 57px;color:#4d4d4d;float: right;display: inline-block;}
header .nav-right span{color:#181b61;font-size: 44px;font-family:"AlternateGothic";margin-left: 5px}
header .margin-button{border: 3px solid #181b61;margin-right: 25px;    margin-bottom: 23px;}
header .icon-bar {background: #181b61;}

header  .sec_Box{position:absolute;opacity:0px;height:0;overflow: hidden;top:100px;left:50%;width:200px;margin-left:-100px;border-radius:3px;padding:16px 0 0 0;z-index: 99999; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
header  .sec_Box{ width:110px; margin-left:-55px;transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;height: 0}

header  .sec_Box .back-F{ background-color:#fff;text-align: center;}
header  .sec_Box .back-F a{color: #3d3d3d;line-height: 30px;display: block;
    text-align: center;}
header  .sec_Box .back-F a:hover{color: #000}

header li:hover .sec_Box{top:56px;height: 330px;opacity: 1}
header .sec_Box a{padding:5px 0; text-align:left;}
header .search-li{width: 225px;height: 25px;}
header .product-nav-box{    height: 0;background: #fff;position: absolute;width: 100%;left: 0;z-index: 999;transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; overflow: hidden;}
header .product-nav-box.on{height: auto;padding:35px 0;}
header .pro-type-box{display:inline-block;float: left;max-width:300px; }
header .pro-type-box img{width: 100%;}
header .nav .nav_li0.on{border-bottom: 2px solid #2a9dd9;position:relative;z-index: 999999}
header .nav .nav_li2.on{border-bottom: 2px solid #2a9dd9;position:relative;z-index: 999999}
header .nav .nav_li3.on{border-bottom: 2px solid #2a9dd9;position:relative;z-index: 999999}
.pro-type-box .title a{font-size: 16px;line-height: 23px;color: #4d4d4d;}
.pro-type-box .title{font-weight: 600}
.pro-type-box .title p{font-size: 14px;line-height: 23px;color: #4d4d4d;font-weight: 200}
.pro-type-box ul li a{font-size: 14px;line-height: 23px;color: #4d4d4d;}
.pro-type-box .title:hover p{color: #000;}
.pro-type-box .title:hover a{color: #000;}

.pro-type-box ul li a:hover{color: #000;}

/*footer*/
.footer .w_auto{width: 1200px;margin:auto;}
.footer{padding: 70px 0px 90px 0;background-color:#f7f8f9}
footer .footer-left {padding: 0;}
footer .footer-left li{float: left;display: inline-block;margin-right: 7%;font-size: 20px;line-height: 28px;color: #565656;}
footer .footer-left li.li1 dl{ display: inline-block;}
footer .footer-left li.li1 dt{}
footer .footer-left dl{margin-top: 15px;}
footer .footer-left dt a{font-size: 15px;line-height: 30px;color: #808080;text-decoration: none;font-weight: normal;}
.footer-left dt a:hover{color: #000}
footer .erweomabox{text-align: center;}
footer .erweoma{margin-top: 25px;}
footer .footer-right{padding: 0;text-align: left;width: 358px;float: right;}
footer .copyright{font-size: 12px;margin-top: 90px;line-height: 17px;color: #b2b2b2}
footer .hideerwei{display: none;}
footer .logo-box{text-align: left;margin-top: 55px}
footer .copyr{text-align: left;font-size: 16px;color: #565656;line-height: 25px;margin-top: 5px;}
footer .top-address{font-size: 18px;color:#29a6dd }
footer .top-address p{display: inline-block;float: left;width: 20%}
footer .top-address span{font-size: 16px;color:#808080;float: right;display: inline-block;width: 80% }

footer ul li .noa{color: #565656;}

/**banner**/
.banner img{}
.banner{text-align: center;
    width: 100%;
    overflow: hidden;}
.about-banner{height: 445px;background:url(../images/banner/about.jpg) no-repeat center;}
.cout-banner{height: 445px;background:url(../images/banner/coutact.jpg) no-repeat center;}
.join-banner{height: 445px;background:url(../images/banner/join.jpg) no-repeat center;}
.new-banner{height: 445px;background:url(../images/banner/new.jpg) no-repeat center;}
.solu-banner{height: 445px;background:url(../images/banner/solu.jpg) no-repeat center;}
.product-banner{height: 445px;background:url(../images/banner/pro.jpg) no-repeat center;}
.support-banner{height: 445px;background:url(../images/banner/sup.jpg) no-repeat center;}

/**首页**/
.index-m1-cont .w_auto{width:1200px;margin:auto;}
.index-m1-cont .box{padding: 70px 0}
.index-m1-cont .imgbox{margin:auto 0;overflow: hidden;}
.index-m1-cont .title{font-size: 38px;line-height: 65px;color: #1a1a1a;margin-top: 70px;}
.index-m1-cont .p{font-size: 17px;line-height: 23px;color: #999999;margin-top: 35px;}
.index-m1-cont .more{font-size: 14px;line-height: 38px;color: #fff;width: 120px;height: 38px;background-color: #2a98d4;text-align: center;margin-top: 60px;}
.index-m1-cont .more:hover{background-color: #0b4a6d}
.index-m1-cont .m1,.index-m1-cont .m3{background-color: #f7f8f9;}
.index-m1-cont .m1 .p,.index-m1-cont .m3 .p{text-align: right;}
.index-m1-cont .m1 .title,.index-m1-cont .m3 .title{text-align: right;}
.index-m1-cont .m1 a,.index-m1-cont .m3 a{float: right;}
.index-m1-cont .m2,.index-m1-cont .m4{background-color: #fff}
.index-m1-cont .fontbox a{display: inline-block;}
.index-m1-cont .m1 .fontbox{float: right;display: inline-block;}
.index-m1-cont .m1 .imgbox{float: left;display: inline-block;}


.index-m1-cont .m2 .fontbox{float: left;display: inline-block;}
.index-m1-cont .m2 .imgbox{float: right;display: inline-block;}

.index-m1-cont .m3 .fontbox{float: right;display: inline-block;}
.index-m1-cont .m3 .imgbox{float: left;display: inline-block;}




/**product**/
.pro-m1-cont .w_auto{padding: 40px 0}
.position{padding: 30px 0 40px 0;background-color: #f3f4f5}
.position .w_auto,.pro-m1-cont .w_auto{width: 1200px;margin:auto;}
.position .title{font-size: 38px;color: #44a8f2;line-height: 45px;}
.position .p{font-size: 12px;color: #707473;line-height: 25px;}
.product img{width: 100%;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.product .imgbox{height: 300px;text-align: center;overflow: hidden;}

.pro-m1-cont .nav li a{padding-left: 25px;line-height: 30px;font-size: 14px;color: #959595}
/*.pro-m1-cont .nav li {border-left: 2px solid #44a8f2;color: #44a8f2}*/
.pro-m1-cont .nav li  .on{border-left: 2px solid #44a8f2;color: #44a8f2}
/*.pro-m1-cont .nav li:first-child a{border-left: 2px solid #44a8f2;color: #44a8f2}*/


.pro-m1-cont .nav li .on{border-left: 2px solid #44a8f2;color: #44a8f2;}

.pro-m1-cont .nav li a:hover{color: #44a8f2}
/*.pro-m1-cont .nav li .on{border-left: 2px solid #44a8f2;color: #44a8f2}*/
.pro-cont .bigtitle{font-size: 32px;color: #44a8f2;line-height: 55px;border-bottom: 1px solid #ebebeb;margin-bottom:50px;}
.pro-cont .bigtitle span{display: inline-block;float: right;font-size: 12px;color: #999999;line-height: 55px;}
.product{margin-bottom: 80px}
.product .title{text-align: center;font-size: 14px;line-height: 28px;color: #2b9ad6;}
.product .p{text-align: center;font-size: 12px;line-height: 24px;color: #707473;}
.product .more{text-align: center;font-size: 12px;line-height: 38px;color: #fff;width: 100px;height: 38px;background: #44a8f2;margin: auto;margin-top: 25px;}
/*.product:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.15);-webkit-transition:all 1s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}*/
.product:hover .more{background-color: #0b4a6d}

/**product--read**/

.pro-read-m1 .w_auto,.pro-read-m2 .w_auto,.pro-read-m3 .w_auto,.pro-read-m4 .w_auto,.pro-read-m2 .bigtitle .w_auto1,.pro-down-m6 .w_auto{width: 1200px;margin:auto;}
.pro-read-m1{padding: 100px 0 50px 0;background-color: #f3f4f5}
.pro-read-m1 .title{font-size: 44px;color:#44a8f2;line-height: 54px;margin-top: 90px}
.pro-read-m1 .p{font-size: 18px;color:#b3b3b3;line-height: 32px;margin-top: 40px}
.pro-read-m1 img{width:100%;}

/*.pro-read-m2{padding: 100px 0 50px 0;}*/
.pro-read-m2 .bigtitle{border-bottom: 2px solid #f3f3f3;line-height: 70px;font-size: 20px;color:#999999;}
.pro-read-m2 .bigtitle a{font-size: 16px;color: #999999}
.pro-read-m2 .bigtitle .on{font-size: 16px;color: #44a8f2}
.pro-read-m2 .bigtitle a:hover{font-size: 16px;color: #44a8f2}
.pro-read-m2 .bigtitle span{margin-right: 15px}
.pro-read-m2 .title{}
.pro-read-m2 .p{font-size: 18px;color:#b3b3b3;line-height: 32px;}
.pro-read-m2 .w_auto,.pro-read-m3 .w_auto,.pro-read-m4 .w_auto{padding: 70px 0 65px 0;}
.pro-read-m2 .title,.pro-read-m3 .title,.pro-read-m4 .title{font-size: 38px;line-height: 48px;color: #333333;margin-top: 90px}
.pro-read-m2 .p,.pro-read-m3 .p,.pro-read-m4 .p{font-size: 18px;color:#b3b3b3;line-height: 32px;}
.pro-read-m2 .border,.pro-read-m3 .border,.pro-read-m4 .border{width: 55px;height: 3px;background-color: #44a8f2;margin:25px 0;}
.pro-read-m3{background-color: #f3f4f5}
.pro-read-m2 .m2-font,.pro-read-m4 .m2-font{text-align: right;}
.pro-read-m2 .border,.pro-read-m4 .border{float: right;}


.m2-img {overflow: hidden;padding: 0}
.m2-img img{width: 100%;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.m2-font{padding: 0 30px}
/*.pr-box:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 1s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}*/
.pro-nav-m2,.nav-pos{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.nav-pos-box{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}

/**手机表格**/
.pro-down-m4-p{display: none;}
.downbox{display: none}
.pro-read-box{display: none;}
.downbox.on{display: block;}
.pro-read-box.on{display: block;}
/**product--down**/
/*.pro-read-m2 .bigtitle1 {
    border-bottom:none;}*/
.pro-down-m3,.pro-down-m5{padding: 65px 0;background-color: #f3f4f5}
.bigtitle .p1{font-size: 32px;line-height: 38px;color: #666666;}
.bigtitle .p2{font-size: 28px;line-height: 33px;color: #cccccc;}
.bigtitle .p1 span{color: #2b9eda;}
.pro-down-m6 .title{font-size: 22px;line-height: 50px;color:#333333 ;border-bottom: 2px solid #f3f3f3}
.pro-down-m6{padding: 70px 0}
.pro-down-m6 li a{display: block;}
.pro-down-m6 li .d-title{line-height: 70px;color:#666666;font-size: 16px;}
.pro-down-m6 .d-btn{float: right;width: 80px;height: 40px;background-color: #cccccc;text-align: center;line-height: 40px;color: #fff;margin-top: 15px;}
.pro-down-m6 li:hover .d-btn{background-color: #44a8f2;}
.pro-down-m6 li:hover .d-title{color: #44a8f2;}
/*.down-box{padding: 20px 60px}*/




/**solution--start**/
.solu-m1{padding: 45px}
.solu-m1 .cont{padding: 5px}
.solu-m1 .cont .title{font-size: 18px;line-height: 23px;color: #333333}
.solu-m1 .cont .p{font-size: 12px;line-height: 20px;color: #666666;margin-top: 20px}
.solu-m1 .cont .border{width: 30px;height: 5px;background-color: #449fe9;margin:12px 0 30px 0}
.solu-m1 .cont .more{width: 90px;height: 25px;background-color: #449fe9;text-align: center;line-height: 25px;color: #fff;margin-top: 30px;}
.solu-m1 .cont .padding{padding:35px 20px ;background: #f9f9f9}
.solu-m1 .cont .padding:hover{background-color: #449fe9}
.solu-m1 .cont .padding:hover .title{color: #fff}
.solu-m1 .cont .padding:hover .p{color: #fff}
.solu-m1 .cont .padding:hover .border{background-color: #fff}

.solu-position{background-color: #44a8f2}
.solu-position .title{color: #fff;}
.solu-position .p{color: #fff;font-size: 13px}

.sup-cont .bigtitle{margin-bottom: 0}
.sup-cont ul{margin-bottom: 80px}
.sup-cont li {border-bottom: 1px solid #ebebeb;padding: 0}
.sup-cont .vedio {border-bottom: none;margin: 0px;padding: 10px;}
.sup-cont .vedio p{text-align: center;line-height: 40px;}
.sup-cont .down-box{padding: 0;}
.sup-cont .pro-down-m6 {padding:0;}

.video-cont li {border-bottom: none;}
.video-cont .video-box li{padding: 8px;}
.video-cont .video-box li p{text-align: center;margin-top:25px;font-size: 18px;color: #666666}
.video-cont .video-box li img{width: 100%}
.video-cont .box{position: relative;}
.video-cont .play{position: absolute;top: 50%;left: 50%;margin-left: -25px;margin-top: -25px;display: inline-block;width: 50px;height: 50px;cursor: pointer;}

/**about**/
.about-nav{height: 60px;background-color: #f9f9f9}
.about-nav .pos{font-size: 12px;color: #999999;line-height: 60px;float: left;display: inline-block;}
.about-nav .nav{display:inline-block;float: right;}
.about-nav li{width: 90px;height: 60px;text-align: center;padding: 0;margin-left: -5px;}
.about-nav li a{display: inline-block;margin-top:20px;border-right: 1px solid #dadada;width: 90px;color: #999999;font-size: 14px}
.about-m1{padding: 60px 0}
.about-m1 .title{font-size: 57px;color: #449fe9;font-family:"AlternateGothic";}

.about-m1{}
.about-m1 .imgbox{padding-left: 0; } 
.about-m1 .imgbox img{width: 100%} 
.about-m1 .bottom{margin-top:62px;}
.about-m1 .title1{font-size:22px;color:#333333;}
.about-m1 .p{font-size:15px;color:#666666;line-height: 25px;margin-top: 20px;}
.about-m1 .font-box{padding-left: 40px;}
.about-m1 .topimg{margin-bottom: 7%;}


/**new**/
.new-m1{padding:75px 0;}
.new-m1 a{}
.new-m1 .cont{background-color: #f9f9f9;padding:30px 35px;position: relative;margin-bottom: 25px;-webkit-transition: -webkit-transform 0.3s ;-moz-transition: -moz-transform 0.3s ; -o-transition: -o-transform 0.3s;-ms-transition: -ms-transform 0.3s;}
.new-contbox .title{font-size: 24px;line-height: 34px;color: #4d4d4d;}
.new-contbox .time{font-size: 15px;line-height: 30px;color: #cccccc;}
.new-contbox .p{font-size: 17px;line-height: 25px;color: #999999;}
.new-contbox .cont .more{width: 105px;height: 30px;font-size: 14px;line-height: 30px;color: #fff;background-color: #449fe9;text-align: center;position: absolute;right: 0px;bottom: 0}
.new-contbox .cont .arrow{position: absolute;right: 0px;bottom: 10px;display: none;}
.new-contbox .cont:hover{color: #fff;background-color: #449fe9;-webkit-transform:translate(0,-5px);
-moz-transform:translate(0,-5px);box-shadow: -1px -1px 7px 1px #ccc5c5;}
.new-contbox .cont:hover .title{color: #fff;}
.new-contbox .cont:hover .p{color: #fff;}
.new-contbox .cont:hover .more{display:none;}
.new-contbox .cont:hover .time{color: #fff;}
.new-contbox .cont:hover .arrow{display: block;}




/**join**/
.join-m1 .ul{ padding-top:25px;}
.join-m1 ul{ margin:0; padding:0;}

.join-m1 .li{ list-style:none; border-top:1px solid #f1f1f1; padding:13px 0;    padding-bottom: 0px;}
.join-m1 .top{ padding:15px 0;background-color: #f9f9f9;color:#2a8fcb;font-size:18px}
.join-m1 .job-Tit1{ font-size:16px; line-height:20px; color:#004a87; text-align: center; border-right:1px solid #004a87;}
.join-m1 .no-Line{ border:0 none;}
.join-m1 .job-Tit{text-align: center;margin-bottom:13px;}
.join-m1 .content{ border-top:1px solid #f1f1f1; padding:20px 50px 0 50px;padding: 20px 50px 20px 115px;background: #f9f9f9;}
.join-m1 .duty{ font-size:12px; line-height:20px; color:#606060; padding-left:15px; background:url(../images/job_point.png) no-repeat left center; cursor:pointer;}
.join-m1 .duty:hover{ color:#004a87;}
.join-m1 .click{ display:inline-block; color:transparent; width:15px; margin-left:15px; background-position:-76px -186px; cursor:pointer;}
.join-m1 .duty span.click.on{ background-position:-76px -227px;}
.join-m1 .duty_Box{ margin-left:15px; margin-top:12px; margin-bottom:9px; padding:35px; background-color:#fff; border:1px dashed #dbdbdb; font-size:12px; line-height:22px; color:#606060; position:relative; display:none}
.join-m1 .left_icon{ position:absolute; display:block; width:16px; height:21px; background:url(../images/job_icon.png) no-repeat center; left:-11px; top:-1px;}
.join-m1 .message p{ margin-bottom:0;}
.join-m1 .job_con_box{ border:1px dashed #ededed; margin-bottom:65px;}
.join-m1 .mail{ background:url(../images/email.png) no-repeat 35px center; padding:20px 100px;}
.join-m1 .phone{ background:url(../images/phone.png) no-repeat 35px center; padding:20px 100px; border-left:1px dashed #ededed;}
.join-m1 .word{ font-size:12px; line-height:20px; color:#8c8c8c;}
.join-m1 .method{ font-size:18px; line-height:20px; color:#606060;}
.auto-icons {
    background-repeat: no-repeat;
    background-image: url(../images/icons.png);
}
.color{background-color: #f9f9f9;height: 80px}

/**contact**/
.contact-m1{padding:70px 0 115px 0;}
.contact-m1 .title{font-size: 57px;color: #449fe9;font-family:'AlternateGothic';}
.contact-m1 .title2{font-size: 15px;color: #449fe9;line-height: 35px}
.contact-m1 .phone{font-size: 35px;color: #3f3f3f;font-family:'AlternateGothic';margin:20px 0;}
.contact-m1 .info{font-size: 14px;line-height: 29px;color:#bdbdbd;}
.contact-m1 .info span{margin-left:0px;color: #7a7a7a}
.inputbox input{height: 40px;line-height: 40px;padding: 10px;background-color: #f9f9f9;border: 1px solid #e9e9e9;margin-bottom: 12px;}
.inputbox textarea{height: 165px;background-color:#f9f9f9;padding: 10px;resize:none;border: 1px solid #e9e9e9;}
.inputbox .submit-btn{width: 100px;height: 30px;float: right;background-color: #449fe9;text-align: center;line-height: 30px;color: #fff;margin-top: 20px;padding: 0}




/**定位样式**/
.pos a{text-decoration: none;color: #999999!important;}

/**阅读内页样式**/
.news-read-contbox{padding: 50px 120px}
.news-readtitle{font-size:22px;text-align:center;color: #7d7b7b;}
.news-readtime{margin-top: 30px;font-size: 15px;color:#7d7b7b;}
.news-readautoer{font-size: 15px;}
.news-readcont{margin-top: 50px;    font-size: 20px;line-height: 30px;color: #7d7b7b;}
.news-readcont p{font-size: 20px;line-height: 30px;color: #7d7b7b;}
.pnbox{margin-top: 50px;overflow: hidden;font-size:15px;color:#7d7b7b;}
.pnbox a{color:#7d7b7b;text-decoration: }
.pnbox p:first-child{float: left;display: inline-block;}
.pnbox p:last-child{float: right;display: inline-block;}
.pnbox a:hover{text-decoration:underline}
.news-readBox img{max-width: 100%}
/**导航**/
.nav-hide{display: none;}


.down-box .video .box{position: relative;}
.down-box .box img{width: 100%}
.button{width: 50px;height: 50px;background: url(../images/btn.png) no-repeat; position:absolute;top: 50%;left: 50%;margin-left: -15px;margin-top: -40px;cursor: pointer;}

#myModal .modal-dialog{ position: absolute; top: 50%; left: 50%; max-height: 90%; margin:0; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
#myModal video{ display: block; margin:0 auto; max-height: 100%; }




.pro-down-m4 table td{line-height: 50px}



@media (max-width: 1700px){
header .nav ul {padding-left: 60px;}
header .nav li {padding: 0 22px;}
.footer .w_auto{width: 90%;margin:auto;}

}

@media (max-width: 1580px){
.header{padding: 0 40px}
header .nav ul {padding-left: 40px;}
header .nav li {padding: 0 20px;}
.index-m1-cont .w_auto{width:95%;margin:auto;}
.index-m1-cont .imgbox img{width: 100%}
footer .footer-left li {margin-right: 6%;}
}

@media (max-width: 1450px){
.header{padding: 0 40px}
header .nav ul {padding-left: 40px;}
header .nav li {padding: 0 15px;}

}

@media (max-width: 1280px){
.header{padding: 0 25px}
header .nav li {padding: 0 10px;}
.footer .w_auto {
    width: 98%;}
.position .w_auto,.pro-m1-cont .w_auto,.pro-read-m1 .w_auto,.pro-read-m2 .w_auto,.pro-read-m3 .w_auto,.pro-read-m4 .w_auto,.pro-read-m2 .bigtitle .w_auto1,.pro-down-m6 .w_auto,.w_auto{width: 95%;}

.about-banner,.cout-banner,.join-banner,.new-banner,.solu-banner,.product-banner,.support-banner{height: 300px}
}

@media (max-width: 1200px){
header .nav-right{display:none;}
header .nav ul {text-align: right;}
footer .footer-left li {margin-right: 4%;}
footer .footer-right {width: 300px;}
.pro-read-m1 .title {font-size: 35px;}
.pro-read-m2 .title,.pro-read-m3 .title,.pro-read-m4 .title{margin-top: 20px}
}
	
@media (max-width: 990px){
header .navbar-header{display:block;padding:0;margin-top: 20px;}
header .navbox {width: 100%;}
header .nav{position: absolute;right: 0px;bottom: 0;width: 100%;z-index: 9999}
header .nav ul {text-align: left;padding-left: 20px;background:rgb(42,157,217);padding-bottom: 10px;}
header .nav ul li{display: block;float: none;}
header .nav li a {line-height: 50px;color: #fff}
header .nav-right span {font-size: 22px;line-height: 50px;color: #fff}
header .nav-right{line-height: 50px;color: #fff;font-size: 16px;}
header .nav li a:hover, .nav li a.on{color:#fff}
.footer {
    padding:0;}
footer .footer-left,.footer .logo-box,.footer .top-address {display: none;}
footer .footer-right {width: 100%;text-align: center;}
 {display: none;}
footer .copyr {text-align: center;line-height: 50px}
.footer .w_auto {width: 100%;}
.index-m1-cont .fontbox{text-align: center;}
.index-m1-cont .fontbox .title,.index-m1-cont .fontbox .p {text-align: center;}
.index-m1-cont .m1 a,.index-m1-cont .m3 a{float: none;}
.index-m1-cont .more {margin-top: 50px;margin-bottom:20px}
.index-m1-cont .title {margin:0;}

.product .imgbox {height: auto;}
.product .title{font-size: 20px;line-height: 28px;}
.product .p{font-size: 18px;line-height: 24px;color: #707473;}
.product .more{font-size: 18px;line-height: 48px;height: 48px;}
.pro-m1-cont .nav li a {display: block;text-align: center;}
.position{text-align: center;}
.pro-contbox{margin-top:50px;}
.pro-read-m2 .m2-font, .pro-read-m4 .m2-font,.pro-read-m3 .m2-font {text-align: center;}
.pro-read-m2 .border,.pro-read-m4 .border,.pro-read-m3 .border {float: none; margin: auto;margin-top: 25px;margin-bottom: 25px;}
.about-banner,.cout-banner,.join-banner,.new-banner,.solu-banner,.product-banner,.support-banner{height: 250px}

.nav-hide{display: block;}
.nav-pos{display: none;}
header .sec_Box {display: none;}
header .product-nav-box{display: none;}
}
@media (max-width: 768px){

.about-m1 .font-box{padding: 0px;}.about-m1 .imgbox {padding: 0;}
.about-nav .pos {float: none;display: none;}
.about-nav .nav{float: none;display: block;text-align: center;}
.about-m1 .title {text-align: center;}
.about-nav li ,.about-nav li a {width: 70px;}
.new-m1 .cont {padding: 35px 10px;}
.news-read-contbox {padding: 50px;}
.pro-down-m4{display: none}
.pro-down-m4-p{display: block;}
.imgboxxx{margin-bottom: 20px;}
.about-m1 .topimg {margin-bottom: 20px;}
.modal-dialog{width: 90%;}
}

@media (max-width: 500px){
.index-m1-cont .title {font-size: 45px;}
footer .copyr {text-align: center;font-size: 12px;line-height: 15px;padding: 20px 0}
.m2-font {padding: 0 5px;}
.down-box {padding: 0;}
.bigtitle .p1 {font-size: 24px;}
.pro-read-m1 {padding: 20px 0 20px 0;}
.solu-m1 {padding: 5px;}
.new-m1 .cont {padding: 40px 10px;}

.join-m1 .content {padding: 20px 20px 20px 20px;}
.contact-m1 {
    padding: 70px 0 35px 0;
}
.inputbox{margin-top:20px;}
.news-read-contbox {padding: 15px;}
.about-banner,.cout-banner,.join-banner,.new-banner,.solu-banner,.product-banner,.support-banner{height: 300px;}
.modal-dialog{width: 100%;}
}