*{list-style-type:none;margin: 0;font-family:'微软雅黑';}
a{text-decoration: none;letter-spacing: 0.5px;}
span{letter-spacing: 0.5px;}



.fulled {
	width:100%;
	height:100%;
    position:fixed;
    z-index: 999;
	top:0;
	left:0;
	background:rgba(0,0,0,0.8);
	display:none;
}
.fulled .fix-box {
	position:relative;
	margin:10% auto;
	width:500px;
    padding: 30px;
	background:#fff;

}
.fulled .fix-box h3{
    text-align: center;
    font-weight: normal;
    color: #3174bc;
}
.fulled .fix-box .radioBox{
    text-align: center;
}
.fulled .fix-box .radioBox label{
    margin: 0 5px;
}
.fulled .fix-box .submitBox{
    text-align: center;
    margin-top: 15px;
}
.fulled .fix-box .submitBox input{
    background-color: #3174bc;
    color: #fff;
    width: 200px;
    height: 48px;
    border: 1px solid #3174bc;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer;
}
.fulled .fix-box table{
    width: 100%;
    margin-top:10px ;
}

.fulled .fix-box table tr td{
    text-align: right;
    padding: 10px;
}
.fulled .fix-box table tr td:nth-child(even){
    text-align: left;
}
.fulled .fix-box table tr td input{
    box-sizing: border-box;
    width: 215px;
    height: 25px;
    border: 2px solid #b8b8b8;
    border-radius: 5px;
    padding-left: 0.2em;
}
.fulled .fix-box table tr td select{
    box-sizing: border-box;
    width: 218px;
    height: 25px;
    border: 2px solid #b8b8b8;
    border-radius: 5px;
    text-align: right;
}

.fulled .fix-box .close {
	position:absolute;
	right:15px;
	top:10px;
	color:#333;
    cursor:pointer;
    font-size: 20px;
}

@media (min-width: 481px) {
    .m_nav{display: none;}
    .m_img{display: none;}
    .m_seach{display: none;}
    .container {width: 980px;}
   
    .goTop{
        position: fixed;
        right : 0px;
        bottom : 100px;
        padding: 10px;
        cursor: pointer;
        z-index: 999999999;
    }

    header{margin: 0 auto;width: 980px; height:80px;}
    header .leftBox{float: left;position: relative;top: 50%;transform: translateY(-50%); margin: 0;}
    header .leftBox span{font-size: 14px;color: #6f6f6f;height: 54px;line-height: 54px; margin-left: 90px;}
    
    header .rightBox{float: right;position: relative;top: 50%;transform: translateY(-50%);margin: 0;}
    header .langBox{text-align: right;}
    header .langBox .tip {position: relative;margin: 10px auto; overflow: hidden;text-align: center;padding: 0;margin-top: 0;}
    header .rightBox .searchBox {overflow: hidden;zoom: 1; position: relative;}
    header .rightBox .searchBox ul {margin: 0;padding: 0;list-style-type: none;float:left;line-height: 22px;}
    header .rightBox .searchBox ul li.global {background: url(../../img/layout/global.png) no-repeat 0 center;padding-left: 21px;padding-right: 5px;zoom: 1;}
    header .rightBox .searchBox ul li.global:hover{background: url(../../img/layout/global2.png) no-repeat 0 center; transition: all .3s ease-in-out;color: #00a0e9;}
    header .rightBox .searchBox ul li.china:hover{background: url(../../img/layout/arrow2.png) no-repeat 0 center; transition: all .3s ease-in-out;color: #00a0e9;}
    header .rightBox .searchBox ul li {display: inline;margin: 0 0 0 0;padding: 2px 2px 3px 13px; cursor: pointer; background: url(../../img/layout/arrow.png) no-repeat left center;vertical-align: middle; margin: 0 5px;}
    header .rightBox .searchBox ul li a {font-size: 14px;color: #6f6f6f; transition: all .3s ease-in-out;}
    header .rightBox .searchBox ul li:last-of-type {padding-right: 1rem;}
    header .rightBox .searchBox .form {margin:0;padding: 0;border-left: none;float: right;}
    header .rightBox .searchBox .form input {float: left;height: 21px;font-size: 14px;}
    header .rightBox .searchBox .form input.search {position: absolute;right: 10px;top: 4px;width: 17px;height: 17px;}
    header .rightBox .searchBox .form input#MF_form_phrase {vertical-align: top;margin: 0;padding: 0 8px;margin-right: 2px;color: #1d1d1f;border: 1px solid #c8c8c8;width: 195px;height: 25px;font-size: 14px;}
    
    .head{width:100%; height:40px;background: #f9f9f9; display: block;}
    .head ul.nav{width: 980px;margin: 0 auto;display: block;padding: 0;height: 40px;}
    .head ul.nav li{float:left; position:relative;margin-right: 15px;}
    .head ul.nav li a.title{display:inline-block;font-size:14px;color:#333; font-weight:bold; line-height:38px;width:90px; text-align:center; transition: all .2s ease-in-out;}
    .head ul.nav li a.title.cur{border-bottom: 4px solid #0066cc; height: 36px;}
    .head ul.nav li i{width: 10px; height: 7px;position:absolute; right: 0;top: 17px; background: url(../../img/layout/down.png) no-repeat ; transition: all .3s ease-in-out;}
    .head ul.nav li i.cur{-webkit-transform:rotate(180deg);transform:rotate(180deg); transition: all .3s ease-in-out;}
    .head ul.nav li .subNav { display:none;background:#f6f6f6;position: absolute;top: 40px; z-index: 19;left: 0px; width:155px;}
    .head ul.nav li .subNav p a{font-size: 14px;display: block; padding: 10px 30px; color: #000;transition: all .3s ease-in-out;}
    .head ul.nav li .subNav p a:hover{  background:#f0f0f0; color:#0066cc;}

    
    .head ul.nav li .product{ display:none;background:#f6f6f6;position: absolute;left:-180px; width: 1100px;padding: 10px 0px;z-index: 9999;}
    .head ul.nav li .product a.close{position: absolute;top:0px;right: 40px;cursor: pointer; }
    .head ul.nav li .product a.close img{display: block;width: 60px;height: 60px;}
    .head ul.nav li .product .box{padding: 0px 40px; text-align: left;}
    .head ul.nav li .product .box a{font-size: 14px; color: #000000;display: block;padding: 10px; transition: all .3s ease-in-out;}
    .head ul.nav li .product .box dl{ float: left; }
    .head ul.nav li .product .box dl:nth-child(1){width: 220px;}
    .head ul.nav li .product .box dl:nth-child(2){width: 187px;}
    .head ul.nav li .product .box dl:nth-child(3){width: 195px;}
    .head ul.nav li .product .box dl:nth-child(4){width: 260px;}
    .head ul.nav li .product .box dl:nth-child(5){width: 265px;}
    .head ul.nav li .product .box dl dt a{font-weight: bold; }
    .head ul.nav li .product .box dl dt a:hover{ background-color: #f0f0f0; color: #0066cc;}
    .head ul.nav li .product .box dl dd a:hover{ background-color: #f0f0f0; color: #0066cc;}

    .head ul.nav li .hangye{ display:none;background:#f6f6f6;position: absolute;left:-345px; width: 1200px;padding: 10px 0px;z-index: 9999;}
    .head ul.nav li .hangye a.close{position: absolute;top:0px;right: 40px;cursor: pointer; }
    .head ul.nav li .hangye a.close img{display: block;width: 60px;height: 60px;}
    .head ul.nav li .hangye .box{padding: 0px 80px; text-align: left;}
    .head ul.nav li .hangye .box a{font-size: 14px; color: #000000;display: block;padding: 10px; transition: all .3s ease-in-out;}
    .head ul.nav li .hangye .box dl{ float: left; }
    .head ul.nav li .hangye .box dl:nth-child(1){width: 208px;}
    .head ul.nav li .hangye .box dl:nth-child(2){width: 215px;}
    .head ul.nav li .hangye .box dl:nth-child(3){width: 195px;}
    .head ul.nav li .hangye .box dl:nth-child(4){width: 215px;}
    .head ul.nav li .hangye .box dl:nth-child(5){width: 200px;}
    .head ul.nav li .hangye .box dl dt a{font-weight: bold; }
    .head ul.nav li .hangye .box dl dt a:hover{ background-color: #f0f0f0; color: #0066cc;}
    .head ul.nav li .hangye .box dl dd a:hover{ background-color: #f0f0f0; color: #0066cc;}

    .left_nav{ width: 200px; float: left;margin-top: 20px;}
    .left_nav .list_dl{width: 190px;}
    .left_nav .list_dl #open{background:url(../../img/pro/close.png)  #f9f9f9 no-repeat;background-position: 160px 16px;}
    .left_nav .list_dl .list_dt{background:url(../../img/pro/open.png)  #f9f9f9 no-repeat;background-position: 160px 16px;color: #1d1d1f;width: 190px;height: 50px;line-height: 50px;cursor: pointer;overflow: hidden;position: relative;font-size: 14px;transition: all .2s ease-in-out;}
    .left_nav .list_dl .eines{background:#f9f9f9 no-repeat !important;}
    .left_nav .list_dl .eines a{color: #1d1d1f;}
    
    .left_nav .list_dl .list_dt p{ width: 100%;text-indent: 1em;margin: 0;}
    .left_nav .list_dl .list_dd{display: none;}
    .left_nav .list_dl .list_dd h2{font-size: 14px; font-weight: bold; padding: 0 20px;margin: 5px 0;}
    .left_nav .list_dl .list_dd ul{margin: 0;padding: 0;display: inline-block;width: 190px;}
    .left_nav .list_dl .list_dd ul .list_li{background: #ffffff;list-style-type: none;color: #1d1d1f;width: 190px;padding: 0 20px;line-height: 32px;cursor: pointer;font-size: 12px;}
    .left_nav .list_dl .list_dd ul li a{color:#1d1d1f}
    .left_nav .list_dl .list_dd ul li a.cur{color:#0062c2;font-weight: bold;}
  
    .right_nav{ float: right; width: 170px; margin-top: 20px !important;}
    .right_nav .links{width: 170px; background-color: #f9f9f9;margin-bottom:12px !important;}
    .right_nav .links img{ vertical-align: middle;}
    .right_nav .links a{ display: block; width: 170px; height: 50px; font-size: 14px; margin-bottom: 12.5px !important; color: #656565 !important; transition: all .3s ease-in-out;}
    .right_nav .links a:hover{text-decoration: none !important;}
    .right_nav .links a.cur{background:url(../../img/protype/link_bg.png) no-repeat !important; color: #fff !important;}
    .right_nav .links h3{font-size: 14px; text-align: left; background-color: #e9e9e9; padding: 10px !important; margin: 0 !important;}
    
    .right_nav .down{width: 170px; margin-bottom: 15px; }
    .right_nav .down h3{font-size: 14px; text-align: left; background-color: #e9e9e9; padding: 10px !important; }
    .right_nav .down a{font-size: 12px; color: #656565; position: relative;display: block; line-height: 20px;margin-bottom:8px !important;overflow: hidden;}
    .right_nav .down a:hover{font-weight: bold;}
    .right_nav .down a:hover>img{transform: scale(1.2);-ms-transform: scale(1.2)}
    .right_nav .down a img{display: block; transition: all 0.6s;}
    .right_nav .down em{font-size: 12px; margin: 0 1px;}
    .right_nav .down span{ position: absolute; display: block; bottom: 0px; left: 5px; width: 170px; color: #fff;}

    .right_nav .knowledge{width: 170px; }
    .right_nav .knowledge h3{font-size: 14px; text-align: left; background-color: #e9e9e9; padding: 10px !important;}
    .right_nav .knowledge a{display: block; position: relative;margin-bottom:8px !important;overflow: hidden;}
    .right_nav .knowledge a:hover{font-weight: bold;}
    .right_nav .knowledge a:hover>img{transform: scale(1.2);-ms-transform: scale(1.2)}
    
    .right_nav .knowledge a img{display: block;transition: all 0.6s;}
  
    .right_nav .knowledge span{ position: absolute; display: block; bottom: 2px; left: 7px; font-size: 12px; color: #fff;}

    .side-bar { display: none; width: 75px;position: fixed;bottom: 50%;right: -65px;font-size: 0;line-height: 0;z-index: 100;} 

    footer{ background: #1d1d1d; color: #fff; font-size: 12px;margin: 0; padding: 0;}
    footer .foot{ padding:20px 180px;margin: 0 auto;}
    footer .foot a{color: #fff;}
    footer .foot p{ clear: both; margin: 0;}
    footer .foot .fl{ float: left; margin-right: 70px;}
    footer .foot em{margin: 0 10px; color: #494949;}
    footer .foot .fr{ float: left; margin-bottom: 10px; }
    footer .line{background-color: #3d3d3d; height: 1px; width: 100%;}
    footer .bottom{padding:20px 180px;margin: 0 auto;}
    footer .bottom p{ clear: both; margin: 0;}
    footer .bottom a{ color: #fff; }
    footer .bottom span{margin-left: 90px;}
    footer .bottom img{ margin: 0 10px;}
    footer .bottom i{font-style: normal;}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    header{display: none;}
    
    .head{display: none;}
    
    .slider{margin-top: 45px;}
    .m_img{display:block;height:45px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;;overflow: hidden;}
    .m_img .headlf{padding-top:10px;padding-left:5px;float: left;}
    .m_img .headlf .m_logo{display: block; width: 177px;}
    .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
    .m_img .headrg a .m_menuimg{height:16px;display: block}
    .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
    .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
    .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
    .m_nav .closeicon img{display: block;}
    .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
    .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
    .m_nav .m_navList ul li{border-bottom:1px solid #232530}
    .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
    .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
    .m_nav .m_navList ul li .m_f_a a{flex: 1;}
    .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
    .icon{ background:url(../../img/layout/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .icon_on{background:url(../../img/layout/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
    .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}

    .m_seach{display:block;height:45px;background:#fff;position:fixed;top:45px;left:0px;width:100%;z-index:9999;overflow: hidden;}
    .m_seach .headlf{padding-top:2px;padding-left:5px;float: left; width: 40%;}
    .m_seach .headlf .m_logo{height:40px;display: block}
    .m_seach .headlf ul {margin: 0;padding: 0;list-style-type: none;float:left;line-height: 22px;}
    .m_seach .headlf ul li.global {float: left; background: url(../../img/layout/global.png) no-repeat 0 center;padding-left: 21px;padding-right: 5px;zoom: 1;}
    .m_seach .headlf ul li.arrow {float: left; background: url(../../img/layout/arrow.png) no-repeat 0 center;padding-left: 21px;padding-right: 5px;zoom: 1;}
    .m_seach .headlf ul li a {font-size: 14px;color: #6f6f6f; transition: all .3s ease-in-out;}

    
    .m_seach .headrg{float: right;}
    .m_seach .headrg a{height:16px;display: block}

    .m_seach .headrg .form {margin:10px;padding: 0;border-left: none;float: right;    position: relative;}
    .m_seach .headrg .form input {float: left;height: 21px;font-size: 14px;}
    .m_seach .headrg .form input.search {position: absolute;right: 10px;top: 4px;width: 17px;height: 17px;}
    .m_seach .headrg .form input#MF_form_phrase {vertical-align: top;margin: 0;padding: 0 8px;margin-right: 2px;color: #1d1d1f;border: 1px solid #c8c8c8;width: 195px;height: 25px;font-size: 14px;}
    
    .m_seach .headlf ul {margin: 0;padding: 0;list-style-type: none;float:none;line-height: 22px;}
    .m_seach .headlf ul li.global {background: url(../../img/layout/global.png) no-repeat 0 center;padding-left:16px;padding-right: 0px;zoom: 1;margin: 10px;}
    .m_seach .headlf ul li.arrow {background: url(../../img/layout/arrow.png) no-repeat 0 center;padding-left: 8px;padding-right: 0px;zoom: 1;margin: 10px 0;}
    .m_seach .headlf ul li a {font-size: 14px;color: #6f6f6f; transition: all .3s ease-in-out;}



    footer{ background: #1d1d1d; color: #fff; font-size: 12px;}
    footer .foot{ padding:10px;margin: 0 auto;}
    footer .foot a{color: #fff;}
    footer .foot p{ clear: both; margin: 0;line-height: 24px;}
    footer .foot .fl{ float: left; margin-right: 70px;}
    footer .foot em{margin: 0 10px; color: #494949;}
    footer .foot .fr{ float: left; }
    footer .line{background-color: #3d3d3d; height: 1px; width: 100%;}
    footer .bottom{padding:10px;margin: 0 auto;}
    footer .bottom p{ clear: both; margin: 0;}
    footer .bottom a{ color: #fff; }
    footer .bottom span{display:block;}
    footer .bottom img{ margin: 0 10px;}
    footer .bottom i{font-style: normal;}

    .side-bar { display: none; width: 60px;position: fixed;bottom: 50%;right: 0px;font-size: 0;line-height: 0;z-index: 100;} 
    .side-bar img{width: 100%;}


    .right_nav{display:none;}
    .left_nav{display: none;}


    .goTop > img{
       width: 60px;
    }
    .goTop{
        position: fixed;
        right : 0px;
        bottom : 55px;
        padding: 10px;
        z-index: 9;
    }


    .fulled {
        width:100%;
        height:100%;
        position:fixed;
        z-index: 999;
        top:0;
        left:0;
        background:rgba(0,0,0,0.8);
        display:none;
    }
    .fulled .fix-box {
        position:relative;
        margin-top: 50%;
        width:100%;
        padding: 10px 0;
        background:#fff;
       
    }
    .fulled .fix-box h3{
        text-align: center;
        font-weight: normal;
        color: #3174bc;
    }
    .fulled .fix-box .radioBox{
        text-align: center;
    }
    .fulled .fix-box .radioBox label{
        margin: 0 5px;
    }
    .fulled .fix-box .submitBox{
        text-align: center;
        margin-top: 15px;
    }
    .fulled .fix-box .submitBox input{
        background-color: #3174bc;
        color: #fff;
        width: 200px;
        height: 48px;
        border: 1px solid #3174bc;
        border-radius: 5px;
        font-size: 20px;
        cursor: pointer;
    }
    .fulled .fix-box table{
        width: 100%;
        margin-top:10px ;
    }
    
    .fulled .fix-box table tr td{
        text-align: right;
        padding: 10px;
    }
    .fulled .fix-box table tr td:nth-child(even){
        text-align: left;
    }
    .fulled .fix-box table tr td input{
        box-sizing: border-box;
        width: 215px;
        height: 25px;
        border: 2px solid #b8b8b8;
        border-radius: 5px;
        padding-left: 0.2em;
    }
    .fulled .fix-box table tr td select{
        box-sizing: border-box;
        width: 218px;
        height: 25px;
        border: 2px solid #b8b8b8;
        border-radius: 5px;
        text-align: right;
    }
    
    .fulled .fix-box .close {
        position:absolute;
        right:15px;
	    top:10px;
        color:#333;
        cursor:pointer;
        font-size: 20px;
    }
}