@charset "utf-8";body,input,select,textarea {
    font-family: "Microsoft YaHei",
    font-size: 13px;
}

.new-nav,.footer{background: #29417e !important;} /* 鍐呴〉瀵艰埅鍜岃剼閮ㄨ儗鏅壊 */

html,body,div,span,applet,object,iframe,h1,button,select,input,textarea,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    /*font-family: SOURCEHANSANSCN-REGULAR; */
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none
}

body {
    background: #ffffff;
    text-size-adjust: none;
    font-smoothing: antialiased;
    width: 100%;
    height: 100%;
    color: #666;
    overflow-x: hidden;
    position: relative
}

html {
    text-size-adjust: none;
    font-size: 14px;
    width: 100%;
    position: relative;
    min-height: 100%
}

@media (max-width: 320px), only screen and (-webkit-max-device-pixel-ratio: 1.9) {
    html {
        font-size:12px
    }
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

ul,ol,li {
    list-style: none
}

em,i {
    font-style: normal
}

img {
    border: 0
}

textarea {
    outline: none
}

a {
    text-decoration: none;
    color: #333
}

a:active {
    color: #29417e
}

input:focus,textarea:focus,button:focus,a:focus {
    outline: none
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

/*header*/
header .headerrx{ color: #fff; font-size: 0.95em; height: 2.294em; line-height: 2.294em; background: #29417e; text-align: center;}
header .topic{overflow: hidden;width: 100%; padding:10px 0 10px 10px; box-sizing: border-box; box-shadow:2px 0px 10px #333333; }
header .topic a{display: inline-block;vertical-align: middle; width: 22%;}
header .topic .logos{ display: block; width: 86%;}
header h2{display: inline-block;vertical-align: middle;width: 62%;font-size: 1.1em;}
header h2 b{ font-weight: normal; font-size: 0.85em; color: #333;}
header h2 p{ font-size: 1em; font-weight: bold; margin-bottom: 0.2em; color: #333;}
header h2 p>span{color: #29417e;}
header .clickNav{width: 32px; height: 32px; display: inline-block; background: #29417e; vertical-align: middle;}

.banner{
    width:100%;
}
.banner img{
    width:100%;
}
.nav{
    width:100%;
    text-align:center;
    background: #29417e;
    margin-top: 5%;
}
.nav ul li{
    display: inline-block;
    width: 20%;
    padding: 2%;
    white-space: nowrap;
    overflow: hidden;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    margin: -1px;
    font-size: 13px;
}
.nav ul li img{
    width:70%;
}
.nav .first{
    border-left:1px solid #e5e5e5;
}
.nav .second{
    border-bottom:1px solid #e5e5e5;
}
.nav .nav-icon{
    margin-bottom:5px;
}
.nav ul li a{
    color:#333;
}
.recommend-product{
    width: 100%;
    background: #fff;
    text-align: center;
    margin-top: 1%;
}
.recommend-title{
    padding: 3% 7%;
    background-color: #29417e;
    margin-top: 5%;
}
.recommend-title .title{
    /*font-family: 'SOURCEHANSANSCN-MEDIUM';*/
    font-size: 200%;
    color:#fff;
    width: 79%;
    display: inline-block;
}
.recommend-title .more{
    width: 19%;
    display: inline-block;
    text-align: right;
    font-size:110%;
}
.recommend-title .more a{
    color:#fff;
}
.recommend-product ul li{
    display: inline-block;
    width: 47%;
    border: 1px solid #e5e5e5;
    margin: 1% 1.5% 1% 0;
}
.recommend-product ul li:nth-child(even){
    margin-right: 0px;
}

.recommend-product .product-img{
    width:100%;
}
.recommend-product .product-img img{
    width:100%;
    height: 148px;
    vertical-align: top;
}
.recommend-product .products-title{
    padding: 1% 0;
    text-align: center;
    font-size: 1.2rem;
    background:#29417e;
}
.recommend-product .products-title a{
    color: #ffffff;
}
.case{
    width:100%;
    background:#fff;
    padding:1%;
}
.case ul li{
    display: inline-block;
    width: 47%;
    margin: 1%;
}
.case .case-img{
    width:100%;
}
.case .case-img img{
    width:100%;
}
.case .case-title{
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #1a0f0e;
    filter: alpha(Opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.5;
    margin-top: -33px;
    font-size:125%;
}
.case .case-title a{
    color: #fff;
}
.news{
    width:100%;
    background:#fff;
    padding:1%
}
.news ul li{
    padding-bottom: 2%;
    border-bottom: 1px dashed #e9e9e9;
}
.news .news-title{
    font-size: 120%;
    padding: 2% 5%;
    font-weight: bold;
}
.news .news-discription{
    padding: 0 5%;
}
.news .news-title a{
    color:#333;
}
.news .news-discription a{
    color:#999999;
}
.new-nav{
    width: 100%;
    background: #404144;
}
.new-nav ul li{
    width: 19%;
    display: inline-block;
    text-align: center;
    padding: 5% 0;
}
.new-nav a{
    color: #fff;
}
.wap-page{
    text-align: center;
    margin: 5% 0;
}
.productinfo{
    overflow: hidden;
    margin: 5% 0;
    background: #fff;
    padding: 0 2%;
}
.productinfo .product-title{
    text-align: center;
    font-size: 180%;
    /*font-family: 'SOURCEHANSANSCN-MEDIUM';*/
    color: #333;
    padding: 3% 0;
}
.productinfo .product-cover{
    width:100%;
}
.productinfo .product-cover img{
    width:100%;
}
.productinfo .feedback-button{
    padding: 3% 0;
    text-align: center;
}
.productinfo .feedback-button a{
    color: #fff;
    background: #29417e;
    font-size: 1.25rem;
    padding: 2% 50px;
}
.productinfo .div_content-title{
    padding: 0 5%;
    border-left: 4px solid #404144;
    font-size: 130%;
    margin: 3% 0;
    color: #333;
}
.productinfo .div_content{
    overflow: hidden;
    width:100%;
    padding-bottom: 5rem;
}
.product-cate{
    margin-top: 5%;
    padding: 0 2%;
    background: #fff;
}
.product-cate .product-category{
    padding-bottom: 5%;
}
.product-cate .product-category .product-category-title{
    padding: 3%;
    background: #f7f2f2;
    font-size: 1.25rem;
    box-shadow: 1px 3px 4px #333333;
}

.product-cate .product-category ul li{
    padding: 2%;
    font-size: 110%;
    border-bottom: 1px dashed #e1e1e1;
}
.product-cate .product-category a{
    color:#333;
}
.productinfo .contact ul li{
    padding: 5%;
    font-size: 115%;
}

.foot_nav{font-size: 0.85em;padding: 0.5rem 0 0.1rem; position: fixed; bottom: 0; min-width: 320px; max-width: 640px; width: 100%;z-index: 999; background: #29417e;}
.foot_nav li{ width: 25%; float: left; text-align: center; font: 1.15em/1.65em "Microsoft Yahei";}
.foot_nav li em{ width: 1.8em; height: 1.8em; display: block; margin: 0 auto;}
.foot_nav li img{ width: 1.8em;}
.foot_nav li a{ color: #fff;}

.container {
    padding: 1%;
    margin: 0 auto;
    text-align: center;
}
.container a{
    color:#fff;
}
.warp-line-4 {
    display: inline-block;
    width: 23.5%;
    vertical-align: middle;
    text-align: center;
}

.warp-line-4 div {
    margin-top: -6%;
}
.container-right{
    background:#fff;
}
.container-right .feedback-item {
    margin: 5%;
}
.container-right .feedback-item .feedback-item-left {
    width: 20%;
    display: inline-block;
}
.container-right .feedback-item .feedback-item-right {
    display: inline-block;
    width: 75%;
}
.container-right .feedback-item .feedback-item-right input {
    border: 1px solid #c9c9c9;
    outline: none;
    width: 100%;
    height: 30px;
    padding-left: 5px;
}
.container-right .feedback-item .feedback-item-right textarea {
    width: 100%;
    height: 80px;
    padding-left: 5px;
    border: 1px solid #ccc;
    vertical-align: middle;
}
.container-right .feedback-item .feedback-submit {
    width: 40%;
    border: 0;
    color: #fff;
    background-color: #29417e;
    padding: 2% 8%;
    font-size: 18px;
}

/* 鎵嬫満绔乏渚у鑸 */
.nav_left{position:fixed; left:-40%; top:0; bottom: 0; z-index:15; width: 30%; background: #29417e; padding: 5% 5%;}
.nav_left ul li{margin-bottom: 10px; text-align: center; font-size: 1.2rem; padding: 12px 0; }
.nav_left ul li a{color: #ffffff;}

/* 鎵嬫満绔骇鍝佽鎯呴〉 */
.cpmodel{ margin: 0 auto;}
.cpmodel .pic{ line-height: 0; text-align: center;}
.cpmodel .by{ text-align: center; background: url(../../images/nytybtbg.png)no-repeat center; line-height: 26px;}
.cpmodel .by span{ font-weight: bold; color: #333; font-size: 26px; color: #29417e;}
.cpmodel .by b{ color: #c2c2c1; font-size: 26px;}
.cpmodel .by i{ text-transform: uppercase; color: #c2c2c1; font-size: 16px; font-family: arial;}
.cpmodel2 .cpysdq ul .dl1 li{margin-top: 35px;}
.cpmodel2 .cpysdq ul li{overflow: hidden;}
.cpmodel2 .cpysdq ul li>div{ display: block; vertical-align: top; text-align: center;}
.cpmodel2 .cpysdq ul li .text{}
.cpmodel2 .cpysdq .pic{ margin: 0 37px; line-height: 0;}
.cpmodel2 .cpysdq ul li .icon_img{ text-align: center;}
.cpmodel2 .cpysdq ul li dt{ margin: 15px 0 13px 10px; font-weight: bold; color: #29417e; font-size: 20px; line-height: 20px;}
.cpmodel2 .cpysdq ul .dl1 li dd{ margin-left: 5px;}

.cpmodel2 .cpysdq ul li dd{ color: #666; font-size: 15px;}
.cpmodel3 .gsysdq ul li{ margin-bottom: 30px; position: relative; overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.cpmodel3 .gsysdq ul li .bt{ color: #fff; font-size: 48px; font-weight: bold; width: 70px; height: 74px; line-height: 74px; text-align: center; background: url(../../images/nygsystb.png)no-repeat; position: absolute; top: 0; z-index: 10;}
.cpmodel3 .gsysdq ul li .pic{}
.cpmodel3 .gsysdq ul li .pic img{ width: 100%;}
.cpmodel3 .gsysdq ul li .text dt h5{ margin-bottom: 10px; color: #29417e; font-size: 28px; font-weight: bold; line-height: 28px;  text-align: center;}
.cpmodel3 .gsysdq ul li .text dt h6{ color: #29417e; font-size: 22px; line-height: 22px;}
.cpmodel3 .gsysdq ul li .text dt{ margin-bottom: 15px;}
.cpmodel3 .gsysdq ul li .text dd{ margin-bottom: 15px;  color: #666; font-size: 14px; line-height: 30px;}