@charset "utf-8";
body { font-family:'微软雅黑', "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53",simsun, sans-serif;
    color: #333;background: #f8f8f8;overflow-x: hidden}
*{margin: 0;padding: 0;border: 0}
a{text-decoration:none;}
a { text-decoration: none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:focus{outline: none}
.clear{ clear:both}
.ohidd{ overflow:hidden;*zoom:1;}
ul,li,ol{list-style: none; margin: 0; padding: 0;}
.fix {*zoom: 1;*clear: both;}
.fix:before, .fix:after {display: table;clear: both;content: '';}
.margin-20{margin-top: 20px;}
@media (min-width: 1600px) {
    .container {width:1400px;}
}
.pic_box{
    -moz-box-shadow: 3px 3px 8px rgba(0,0,0,0.7);
    -webkit-box-shadow:3px 3px 8px rgba(0,0,0,0.7);
    box-shadow: 3px 3px 8px rgba(0,0,0,0.7);
}
/*导航*/
.logo {padding:0;}
.page_title img{margin:80px auto;}
#myCarousel {margin: 0px 0 0 0;}
.navbar{font-size: 14px;}
.navbar-inverse {background: rgba(0,0,0,0.55);
    border-color: transparent;
    /*filter:alpha(opacity=50);*/
    /*-moz-opacity:0.5;*/
    /*-khtml-opacity: 0.5;*/
}
#navbar-collapse ul {margin-top:0;}
.navbar-nav{height: 50px;}
.navbar-nav li a{color: #fff!important;}
.navbar-nav li a:hover{color: #ffffff !important;background: rgba(0,0,0,0.6) !important;}
.navbar-nav li a.hover{color: #ffffff!important;background: rgba(0,0,0,0.6) !important;}
.navbar-nav li .sub{text-align: center;display: none;background: rgba(34,34,34,0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f222222,endColorstr=#7f222222);
    /*-moz-opacity:0.5;*/
    /*-khtml-opacity: 0.5;*/
    /*opacity: 0.5;*/
}
.navbar-nav li .sub li{line-height: 40px;}
.navbar-nav li .sub li a{display: block;}
/*.navbar-nav li .sub li a:hover{background: rgba(34,34,34,0.6)}*/
.navbar-nav li:hover .sub{display: block}
.navbar-nav li .sub li:hover a{background: rgba(0,0,0,0.6) !important;}

/*第一屏*/
.section1{position: relative;overflow: hidden;background: rgba(0,0,0,1)!important;}
.a:hover{color: #ffffff}
#container {overflow: hidden;position: absolute;top: 0; left: 0; right: 0; bottom: 0;width: 100%;height: 100%}
#background_video{width: 100%;height: 100%;position: absolute;top: 0; left: 0; right: 0; bottom: 0;object-fit: fill;}
.icon_button{position: absolute;bottom: 70px;}
.icon_button li:first-child{margin-left: 0}
.icon_button li{float: left;list-style: none;margin-left: 10px;cursor: pointer;background-color: black;width: 15px;height: 15px;border-radius: 50%;}
.icon_button .on{background-color:#fff; }

.a{position: absolute;bottom: 10px;display: block;width: 40px;height: 40px;line-height: 40px;z-index: 99;cursor: pointer;}

/* banner */
.video{ width:100%; height:100%; overflow:hidden; position:relative;}
.video .hd{ width: 100%;overflow:hidden; position:absolute;bottom:50px; z-index:1;text-align: center; }
.video .hd ul{ overflow:hidden; zoom:1;}
.video .hd ul li{display: inline-block;margin-right:10px; width:15px;height:15px;background:#fff; cursor:pointer;border-radius: 50%}
.video .hd ul li.on{ background:#0099FF; color:#fff; }
.video .bd{ position:relative; height:100%; z-index:0;   }
.video .bd li{ zoom:1; vertical-align:middle; }
.video .bd video{ width:100%; height:100%; display:block;  }


/*关于我们*/
.section2 { position: relative; overflow: hidden;}
.section2 .main_about{ position: absolute; left: 0; top: 0;z-index: 1;width: 100%}
.section2 .main_about img { display: block; width: 100%; height: 100%;}
.section2 .about{position: relative;z-index: 1;opacity: 0;top: -120%}
.section2 .about .page_title img{margin:80px auto;margin-bottom: 50px;}
.section2 .about .about_intro{float: none;margin: 0 auto;width: 75%;max-height: 235px;overflow: hidden;}
.section2 .about .about_intro p{text-indent: 1.8em;color: #000;font-size: 1.1em;line-height: 1.8em;text-shadow: 0px 0px 3px #ffffff}
.section2 .about .more{margin: 0 auto;margin-top:20px;float:none;display: block;border: 1px solid #d35400;padding: 5px;
    text-align: center;color: #ffffff;background: #d35400;border-radius:3px; }
.section2 .about .more:hover{background: #4e91dc;color: #ffffff;border: 1px solid #4e91dc;}
.main_news{position:relative;margin-top:100px;z-index: 1;opacity: 0;bottom: -120%;}
.main_news .news_bt{font-size: 1.2em;padding-left: 15px;font-weight: bold}
.main_news .news_list{padding: 15px;min-height: 229px;}
.main_news .news_list li a{color: #333333;display: block;font-size: 1.1em;line-height: 2.0em;padding-right: 10px;}
.main_news .news_list li a:hover{color: #4e91dc;}
.main_news .news_lists .more{display: block;border: 1px solid #d35400;margin-left: 15px;
    padding: 4px 0;text-align: center;color: #ffffff;background: #d35400;border-radius:3px;}
.main_news .news_lists .more:hover{background: #4e91dc;color: #ffffff;border: 1px solid #4e91dc;}

/*公司实力*/
.section3{position: relative;overflow: hidden;}
.section3 .bg{width:100%;height:100%;background: url("../images/index/index3.jpg") no-repeat center;background-size: cover}
.patent .patent_img{position: relative;opacity: 0;left: -120%;margin-top: 7%;padding-left: 5%}

.patent .patent_intro{padding: 20px 22% 50px 5%;margin-top: 6%}
.patent .patent_intro p{text-indent: 32px;font-size: 16px;line-height: 32px;color: #ffeb02;text-shadow: 1px 1px 1px #000;}

/*产品展示*/
.section4{overflow: hidden;}
.section4 .bg{width:100%;height:100%;background: url("../images/index/wallpaper2.jpg") no-repeat center;background-size: 100% 100%}
.product_info{
    margin: auto auto;
    text-align: left;
    width:450px;
    padding:20px 10px 5px 5px;
}
.product_info dt{
    padding:10px 15px;
    font-size: 1.7em;
}
.product_info dd{
    line-height: 180%;
    padding-left:10px;
    font-size: 1.4em;
}
.margin-auto{
    margin:10px auto;
    position: absolute;
}
.nq-center{width:28%;float: left;position: relative;z-index: 1;opacity: 0;}
.p_left{margin-left: 2%}
.p_center{margin-left: 6%;margin-right: 6%}
.p_right{margin-right: 2%}

.nq-center img{border: 3px solid #fff;
    box-shadow:1px 1px 10px 2px #CCC;
    -webkit-box-shadow:1px 1px 10px 2px #CCC;
    -moz-box-shadow:1px 1px 10px 2px #CCC;}
.nq-center:after{position: absolute;top: 0;left: 0;width: 100%;height: 88%;
    border: 3px solid #fff;
    content: '';background: rgba(0,0,0,.4);z-index: 10;display: none;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
}

.nq-center .text{color: #fff;font-size: 16px;position: absolute;left: 0;top: 0;
    display: block;padding:15% 10%;z-index: 100;opacity: 0;width: 100%;height: 88%;
    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;}
.nq-center strong{display: block; font-size: 18px;text-align: center;height: 10%;padding-top: 2%;}

.nq-center:hover:after{display: block}
.nq-center:hover .text{opacity: 1;}


/*优势*/
.section5{position: relative;overflow: hidden}
.section5 .bg{width:100%;height:100%;background: url("../images/index/wallpaper3.jpg") no-repeat center;background-size: 100% 100%}
ul.advantage_list {margin: 0 auto;margin-top:15%;position: relative;z-index: 10;bottom: -120%;opacity:0;}
ul.advantage_list li {overflow: hidden;}
ul.advantage_list li i {display: block;position: relative;margin: 0 auto;margin-top: 28px;height: 70px;}
ul.advantage_list li.advantage1 i {width: 54px;background: url(../images/index/words.png) no-repeat -144px -632px;}
ul.advantage_list li.advantage2 i {width: 74px;background: url(../images/index/words.png) no-repeat -207px -630px;}
ul.advantage_list li.advantage3 i {width: 68px;background: url(../images/index/words.png) no-repeat -285px -634px;}
ul.advantage_list li.advantage4 i {width: 72px;background: url(../images/index/words.png) no-repeat -357px -635px;}
ul.advantage_list li.advantage5 i {width: 62px;background: url(../images/index/words.png) no-repeat -436px -635px;}
ul.advantage_list li.advantage6 i {width: 51px;background: url(../images/index/words.png) no-repeat -144px -705px;}
ul.advantage_list li u{display: block;position: absolute;left: 50px;width: 128px;height: 128px;
    background: url(../images/index/words.png) no-repeat 0px -624px;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}
ul.advantage_list li u.cl {clip: rect(0px, 128px, -10px, 64px);}
ul.advantage_list li:hover u.cl {clip: rect(0px, 128px, 128px, 64px);}
ul.advantage_list li u.cr {clip: rect(128px, 64px, 128px, 0px);}
ul.advantage_list li:hover u.cr {clip: rect(0px, 64px, 128px, 0px);}
ul.advantage_list li strong {
    display: block;
    margin: 50px 0px 10px 0px;
    font-size: 1.3em;
    text-align: center;
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}
ul.advantage li p {line-height: 1.4em;text-align: center;font-size: 1.1em;}



/*联系我们*/
.section6{position: relative;overflow: hidden;}
.section6 .contact{opacity: 0}
.contact h1{font-size: 2.0em;margin-top: 8%;text-align: center;}
.contact .address{width: 28%;float: left;margin:6% 2% 0;
    background: #ffffff;min-width: 280px;
    background:url(../images/index/linkman_bg.gif) no-repeat;background-position: center;height:auto}
.contact .address img{margin: 20px auto;}
.contact .address .detail{color:#FFFFFF;font-size: 1.3em;padding:10px 10px;height:auto;line-height: 1.5em;background-color:#28B1F0;}

/*底部*/
.footer{width:100%;padding-top: 30px;margin-top: 20px;background-color: #282828;color:#FFFFFF;position: absolute;left:0;bottom:0}
.footer .photo{padding-left: 5%;}
.footer .photo img{margin: 0 auto;}
.footer .footer_list ul li{width: 15%;float: left;margin-right:5%}
.footer .footer_list ul li h4{border-bottom: 1px solid #FFFFFF;position:relative;font-size: 14px;font-family: '微软雅黑';}
.footer .footer_list ul li h4:before{content: '';display: block;position: absolute;left: 0;bottom: -1px;width: 60px;height: 1px;  background: #0099FF}
.footer .footer_list ul li h4 span{display: block;font-size: 13px;font-family: '宋体';line-height: 28px;}
.footer .footer_list ul li a{display: block;font-size: 14px;font-family: '微软雅黑';line-height: 34px;
    background: url(../images/common/icons.png) no-repeat left center;padding-left: 20px;color: #e6e6e6
}
.footer .footer_list ul li a:hover{text-decoration: underline;color: #0099FF}
.footer .footerlink{text-align: center;color: #ffffff;background: #222222;padding: 10px 0}


/*浮动底部*/
.dock{position: absolute;right: 10px;bottom: 150px;}
.dock ul li a{display:block;width: 50px;height:50px;background: #333;opacity: 0.8;-moz-opacity: 0.8;
    filter: alpha(opacity=80);margin-bottom: 5px;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;border-radius: 5px;color: #fff;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;}
.dock ul li.active {
    background-color: #222;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
}
.dock ul li a:hover{background: #222;opacity: 1;-moz-opacity: 1;filter: alpha(opacity=1);color: #2ecc71}
.dock ul li.qq img{position: absolute;top:12px;left: 12px;}
.dock ul li.tel img{position: absolute;top:67px;left: 12px;}
.dock ul li.wx img{position: absolute;top:122px;left: 12px;}
.dock ul li.wx .wx_img{width: 196px;height:196px;border-radius: 5px;display: none;
    background:url("../images/common/wx_img.png") no-repeat;background-size: 80%;background-position: center;
    background-color: #fff;position: absolute;top:20px;left: -206px;}
.dock ul li.wx:hover .wx_img{display: block}

.dock ul li p {display: block;position: absolute;right: 5px;background: #222;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease-in-out .1s;
    -moz-transition: all .4s ease-in-out .1s;
    -ms-transition: all .4s ease-in-out .1s;
    -o-transition: all .4s ease-in-out .1s;
    transition: all .4s ease-in-out .1s;
    overflow: hidden
}
.dock ul li.qq p {width: 100px;height: 50px;line-height: 50px;text-align: center;}
.dock ul li.tel p {width: 126px;height: 50px;padding: 5px 10px 5px 15px;}
.dock ul li.active p {right: 50px;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);}

.custom_service{
    position: absolute;
    width: 170px;
    top: 120px;
    right: 0;
    background: #ebebeb;
}
.custom_title{
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    background: #4e91dc;
    text-indent: 22px;
    color: #ffffff;
}
.custom_kf{
    width: 92%;
    margin: 5px auto;
    background: #ffffff;
}
.custom_kf ul{
    width: 100%;
    padding: 0 10px;
}
.custom_kf ul li{
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    border-bottom: 1px solid #e3e3e3;
    text-align: right;
    padding-right: 15px;
}
.custom_kf ul li img{
    float: left;
    margin-top: 7px;
}
.custom_kf ul li a{
    color: #333333;
}
.custom_phone{
    font-size: 18px;
    color: #333;
    padding: 12px 14px;
}
.custom_phone1{
    font-size: 18px;
    color: #4e91dc;
    padding: 0 8px 5px;
    font-weight: 600;
    letter-spacing: 1px;
}
.custom_code{
    width: 90%;
    background: #ffffff;
    padding: 10px;
    margin: 10px auto 0;
}


/*第二屏媒体查询*/
@media screen and (min-width: 1920px){
    .section2 .main_about img{max-height: 470px;}
}
@media screen and (max-width: 1920px){
    #background_video{
        top: 0;
    }
}

@media screen and (max-width: 1680px){
    .section2 .main_about img{height: 470px;}
    #background_video{
        width: 100%;
        height: 100%;
    }
}
@media screen and (max-width: 1600px){
    .section2 .main_about img{height: auto;}
    .section2 .about .page_title img{margin-bottom: 20px;}
    .section2 .about .about_intro {width: 85%;}
    .section2 .about .more {margin-top: 5px}
    .main_news{margin-top: 70px;}
    .main_news .news_list{padding: 5px 15px;min-height: 190px;}
    .main_news .news_list li a{font-size: 14px;line-height: 1.8em;padding-right: 10px;}
}

@media screen and (max-width: 1440px){
    .section2 .page_title img{margin-top:65px!important;}
    .section2 .main_about img{height: 410px;}
    .section2 .about .about_intro {font-size: 14px}
    .main_news .news_list li a{font-size: 14px;line-height: 2.0em;}
}

@media (width: 1400px) and (height: 737px){
    .section2 .page_title img{margin-top:65px!important;}
    .section2 .main_about img{height: 410px;}
    .section2 .about .about_intro {font-size: 14px}
    .main_news .news_list li a{font-size: 14px;line-height: 2.0em;}
}

@media screen and (max-width: 1400px){
    .section2 .page_title img{margin-top:80px!important;margin-bottom: 60px!important;}
    .section2 .about .about_intro {width: 75%;}
    .section2 .main_about img{height: 520px;}
    .main_news{margin-top: 120px;}
}
@media (width: 1360px) and (height: 887px){
    .section2 .page_title img{margin-top:80px!important;margin-bottom: 60px!important;}
    .section2 .about .about_intro {width: 75%;}
    .section2 .main_about img{height: 520px;}
    .main_news{margin-top: 120px;}
}

@media screen and (max-width: 1366px){
    .section2 .page_title img{margin-top:60px!important;margin-bottom: 10px!important;}
    .section2 .about .more {display: none}
    .section2 .about .about_intro {width: 100%;}
    .section2 .main_about img{height: 320px;}
    .main_news{margin-top: 40px;}
    .main_news .news_bt{font-size: 14px;padding-left: 15px;font-weight: bold}
    .main_news .news_list li a{font-size: 12px;line-height: 2.0em;}
}
@media (width: 1326px) and (height: 605px){
    .section2 .page_title img{margin-top:60px!important;margin-bottom: 10px!important;}
    .section2 .about .more {display: none}
    .section2 .about .about_intro {width: 100%;}
    .section2 .main_about img{height: 320px;}
    .main_news{margin-top: 40px;}
    .main_news .news_bt{font-size: 14px;padding-left: 15px;font-weight: bold}
    .main_news .news_list li a{font-size: 12px;line-height: 2.0em;}
}

@media screen and (width: 1360px){
    .section2 .page_title img{margin-top:60px!important;margin-bottom: 10px!important;}
    .section2 .about .more {display: none}
    .section2 .about .about_intro {width: 100%;}
    .section2 .main_about img{height: 320px;}
    .main_news{margin-top: 40px;}
    .main_news .news_bt{font-size: 14px;padding-left: 15px;font-weight: bold}
    .main_news .news_list li a{font-size: 12px;line-height: 2.0em;}
}
@media (width: 1320px) and (height: 605px){
    .section2 .page_title img{margin-top:60px!important;margin-bottom: 10px!important;}
    .section2 .about .more {display: none}
    .section2 .about .about_intro {width: 100%;}
    .section2 .main_about img{height: 320px;}
    .main_news{margin-top: 40px;}
    .main_news .news_bt{font-size: 14px;padding-left: 15px;font-weight: bold}
    .main_news .news_list li a{font-size: 12px;line-height: 2.0em;}
}

@media screen and (max-width: 1280px){
    .section2 .page_title img{margin-top:80px!important;margin-bottom: 60px!important;}
    .section2 .about .about_intro {width: 75%;}
    .section2 .main_about img{height: 510px;}
    .section2 .about .more {display: block}
    .main_news{margin-top: 100px;}
    .main_news .news_bt{font-size: 1.2em;padding-left: 15px;font-weight: bold}
    .main_news .news_list li a{font-size: 14px;line-height: 2.0em;}
}

@media (width: 1280px) and (height: 893px){
    .section2 .page_title img{margin-top:70px!important;margin-bottom: 15px!important;}
    .section2 .about .about_intro {width: 75%;}
    .section2 .main_about img{height: 447px;}
    .section2 .about .more {display: block}
    .main_news{margin-top: 80px;}
    .main_news .news_bt{font-size: 1.2em;padding-left: 15px;font-weight: bold}
    .main_news .news_list li{margin-top: 5px}
    .main_news .news_list li a{font-size: 14px;line-height: 2.0em;}
}
@media (width: 1280px) and (height: 829px){
    .section2 .page_title img{margin-top:70px!important;margin-bottom: 15px!important;}
    .section2 .about .about_intro {width: 75%;}
    .section2 .main_about img{height: 420px;}
    .section2 .about .more {display: block}
    .main_news{margin-top: 60px;}
    .main_news .news_bt{font-size: 1.2em;padding-left: 15px;font-weight: bold}
    .main_news .news_list li a{font-size: 14px;line-height: 2.0em;}
}
@media (width: 1280px) and (height: 669px){
    .section2 .page_title img{margin-top:60px!important;margin-bottom: 0px!important;}
    .section2 .about .about_intro {width: 100%;}
    .section2 .main_about img{height: 340px;}
    .section2 .about .more {display: block}
    .main_news{margin-top: 20px;}
    .main_news .news_bt{font-size: 1.2em;padding-left: 15px;font-weight: bold}
    .main_news .news_list li a{font-size: 14px;line-height: 2.0em;}
}


@media (width: 1240px) and (height: 949px){
    .section2 .page_title img{margin-top:80px!important;margin-bottom: 60px!important;}
    .section2 .about .about_intro {width: 75%;}
    .section2 .main_about img{height: 510px;}
    .section2 .about .more {display: block}
    .main_news{margin-top: 100px;}
    .main_news .news_bt{font-size: 1.2em;padding-left: 15px;font-weight: bold}
    .main_news .news_list li a{font-size: 14px;line-height: 2.0em;}
}
@media (width: 1240px) and (height: 861px){
    .section2 .page_title img{margin-top:70px!important;margin-bottom: 15px!important;}
    .section2 .about .about_intro {width: 75%;}
    .section2 .main_about img{height: 430px;}
    .section2 .about .more {display: block}
    .main_news{margin-top: 60px;}
    .main_news .news_bt{font-size: 1.2em;padding-left: 15px;font-weight: bold}
    .main_news .news_list li{margin-top: 5px}
    .main_news .news_list li a{font-size: 14px;line-height: 2.0em;}
}
@media (width: 1240px) and (height: 797px){
    .section2 .page_title img{margin-top:70px!important;margin-bottom: 15px!important;}
    .section2 .about .about_intro {width: 80%;}
    .section2 .main_about img{height: 395px;}
    .section2 .about .more {display: block}
    .main_news{margin-top: 60px;}
    .main_news .news_bt{font-size: 1.2em;padding-left: 15px;font-weight: bold}
    .main_news .news_list li a{font-size: 14px;line-height: 2.0em;}
}
@media (width: 1240px) and (height: 637px){
    .section2 .page_title img{margin-top:60px!important;margin-bottom: 0px!important;}
    .section2 .about .about_intro {width: 100%;}
    .section2 .main_about img{height: 315px;}
    .section2 .about .more {display: none}
    .main_news{margin-top: 40px;}
    .main_news .news_bt{font-size: 1.2em;padding-left: 15px;font-weight: bold}
    .main_news .news_list li a{font-size: 14px;line-height: 2.0em;}
}

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

    .page_title img{margin-bottom: 30px}
    .nq-center{width: 24%;}
    .nq-center:after{height: 87%}
    .p_left{margin-left: 8%}
    .p_center{margin-left: 6%;margin-right: 6%}
    .p_right{margin-right: 7%}

    .contact h1{margin-top: 5%;}
    .contact .address{margin:2% 2% 0;}
    .footer{padding-top: 0;}
}
@media screen and (max-width: 1440px) {

    .patent .patent_img{margin-top: 4%;padding-left: 0}

    .patent .patent_intro{padding: 20px 23% 50px 5%;margin-top: 2%}
    .patent .patent_intro p{text-indent: 28px;font-size: 15px;line-height: 28px;color: #f1c40f;text-shadow: 1px 1px 1px #000;}


    .page_title img{margin-bottom: 60px}
    .nq-center{width: 28%;}
    .p_left{margin-left: 2%}
    .p_center{margin-left: 6%;margin-right: 6%}
    .p_right{margin-right: 2%}
    .nq-center .text{padding:10% 8%;}

    ul.advantage_list{margin-top:10%;}
    ul.advantage_list li u{left: 30px;}
    .contact .address{margin:3% 2% 0;}
    .footer .footer_list ul li{width: 18%;float: left;margin-right:2%}
}
@media screen and (max-width: 1400px){
    .page_title img{margin-bottom: 80px}
    .nq-center .text{padding:10% 8%;}
    .contact h1{margin-top: 8%;}
    .contact .address{margin:6% 2% 0;}
    .footer{padding-top: 30px;}
}
@media screen and (max-width: 1366px){
    .page_title img{margin: 70px auto;}
    .patent .patent_bt img{margin-bottom: 40px;}

    .page_title img{margin-bottom: 30px}
    .nq-center{width: 23%;}
    .p_left{margin-left: 10%}
    .p_center{margin-left: 6%;margin-right: 6%}
    .p_right{margin-right: 9%}
    .nq-center .text{padding:10% 8%;font-size: 14px;height: 85%}
    .nq-center:after{height: 85%}

    .product_info dt{padding:0px 15px;}
    .product_info dd{line-height: 180%;padding-left:10px;font-size: 1.2em;}
    .margin-auto{margin:10px auto;position: absolute;}

    ul.advantage_list{margin-top:8%;}

    .contact h1{margin-top: 5%;}
    .contact .address{margin:1% 2% 0;}
    .contact .address img{margin: 5px auto;}
    .contact .address .detail{padding:5px;line-height: 1.0em;}

    .footer{width:100%;padding-top: 0}
    .footer .footer_list ul li{width: 18%;margin-right:1%}
    .footer .footer_list ul li a{line-height: 26px;}
    .footer .footerlink{padding: 0}
}
@media screen and (max-width: 1280px){
    .patent .patent_bt img{margin-bottom: 60px;}
    .product_bt img{margin:160px auto;margin-bottom: 20px;}
    .product .product_list{padding: 0px 20px;border: 2px solid #CCCCCC}

    .contact h1{margin-top: 5%;}
    .contact .address{margin:1% 2% 0;height:auto;}
    .contact .address img{margin: 10px auto;}
    .contact .address .detail{font-size: 14px;padding:2px 10px;
        line-height: 1.3em;background-color:#28B1F0;}


    .footer{width:100%;padding-top: 0px;}
    .footer .footer_list ul li{width: 18%;margin-right:1%}
    .footer .footer_list ul li a{line-height: 28px;}
    .footer .footerlink{padding: 0}
}
@media screen and (max-width: 1200px) {
    .footer .footer_list ul li{width: 22%;float: left;margin-right: 0;}
}

@media screen and (max-width: 1152px) {
    ul.advantage_list li u{left: 15px;}
}