﻿@charset "utf-8";html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea{margin: 0;padding: 0;}
body{font-size: 14px;font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif;background: #f9f9f9;}
body .g-hd{height:42px;background: #1367c5;text-align: center;line-height:42px;color: #fff;font-size: 16px;}
body .g-hd .m-hd{padding:1.5em 20px 12px 0;}
body .g-hd .m-hd .u-logo{width: 98px;display: block;float: left;overflow: hidden;}
body .g-hd .m-hd .u-logo img{width: 100%;height: auto;display: block;}
body .g-hd .m-hd .u-des{float: left;padding-left: 1.125em;overflow: hidden;color: #1367c5;font-size: 14px;line-height: 1.5em;font-weight: bold;}
body .g-ft{display: block;overflow: hidden;height: 10.20833em;overflow: hidden;font-size: 12px;}
body .g-ft .u-top{display: block;background: #1367c5;overflow: hidden;color: #fff;position: relative;height: 2.222em;line-height: 2.222em;font-size: 18px;text-align: center;}
body .g-ft .u-top span{display: block;background:url(../Images/top.jpg) no-repeat 0 center;background-size:16px 16px;position: relative;width:114px;margin:0 auto;}
body .m-f-nav{display: block;overflow: hidden;position: fixed;bottom: 0;height: 5em;font-size: 12px;background: #1367c5;min-width: 320px;width: 100%;}
body .m-f-nav a{display: block;float: left;width: 25%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;padding-top: 0.83333em;line-height: 2.16667em;color: #fff;text-align: center;}
body .m-f-nav a span{display: block;overflow: hidden;width: 2.41667em;font-size: 12px;margin: 0 auto;}
body .m-f-nav a span img{display: block;overflow: hidden;width: 100%;height: auto;}
li, ol{list-style: none;}
ins{text-decoration: none;}
i, em{font-style: normal;}
a{text-decoration: none;font-family: "Microsoft Yahei";}
a:hover{cursor: pointer;text-decoration: none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline: 0;}
.clear{clear: both;line-height: 0px;overflow: hidden;zoom: 1;font-size: 0px;content: '.';}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{padding: 0;margin: 0;}
a img{border: none;}
input, textarea{border: none;font-family: "Microsoft Yahei";font-size: 13px;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: 14px;}
body{color:#666;background:#f9f9f9;}
a{color:#666;}
a:link{color:#666}
a:visited{color:#666}
a:hover{color: #a90000}
a:active{color: #4D7AA8}
.green{color:#390;}
.g-prolistbox3 .content i,.g-prolistbox4 .content i,.g-bd .m-con-1 a{color:#1367c5;}
.max_bg div{border-style:solid;border-color:#bcbcbc;background-color:#fff;color:#303f4c;}
.m-tit{background:#dedede;border-bottom:3px solid #652c7f;}
.m-tit .u-ico:before{background:#652c7f;}
.m-tit .u-ico:after{background:#eedcf7;}
.g-se .u-bt:before{border:3px solid #fff;}
.g-se .u-bt:after{background:#fff;}
.g-se .u-in{background:transparent;}
.g-prn .m-con p{border-top:1px solid #e6e6e6;border-bottom:1px solid #fff;}
.g-sbox .m-con .u-lifo{border-bottom:1px solid #fff;box-shadow:0 1px #e6e6e6;margin-bottom:2px;}
.g-sbox .m-con .u-lifo p{color:#a1a1a1;}
.g-sbox .m-con .u-lifo img{border:1px solid #e1e1e1;}
.g-sbox .m-con.z-spe a, .g-bd .m-con-3 li, .qabox .qacont .list a{border-bottom:1px solid #fff;-webkit-box-shadow:0 1px 1px #E6E6E6;box-shadow:0 1px 1px #E6E6E6;}
.s-babg:nth-child(n){background:#fff;}
.s-babg:nth-child(2n){background:#fafafa;}
.s-tbg{color:#999999;}
.g-back .u-bp,.g-back .u-bl,.g-back .u-bh,.u-seek,.u-detail{background:url(../images/Nyskinsbar.png) no-repeat;background-size:35px 600px;}
.s-cyan2{color:cyan;}
.cyan{color:#b3221f;}
.s-wc,a.s-wc,.s-wc a{color:#1367c5 ;}
h2 a.s-wc{color: #fff;}
.g-back{background:#e8e8e8;border-top:1px solid #e8e8e8;}
.g-bd .m-pronav .list1 a, .g-bd .m-pronav .list2 a, .g-bd .m-pronav .list3 a, .m-pronav .content a, .u-pnum, .g-bd .m-pronav .prolist .list1 .a_tit{color:#500971 ;}
.s-wc-2,a.s-wc-2{color:#7C3E99 ;}
.s-wc-3,a.s-wc-3{color:#3372A2;}
.m-con .orange{color:#1367c5;}
.z-spw{color:#ff6700;}
.u-co-bt{background-color:#1367c5;background-image: -webkit-gradient(linear, left top, left bottom, from(#4D79AB), to(#1367c5));background-image: -webkit-linear-gradient(top, #4D79AB, #1367c5);background-image: -moz-linear-gradient(top, #4D79AB, #1367c5);background-image: -o-linear-gradient(top, #4D79AB, #1367c5);background-image: -ms-linear-gradient(top, #4D79AB, #1367c5);background-image: linear-gradient(top, #4D79AB, #1367c5);color:#fff;}
.m-tit.z-spe{border-bottom:1px solid #A9A9A9;}
.m-tit{background:0 0 #1367c5;color:#fff;}
.g-se .u-bt{background-color:#8e4ea4;background-image: -webkit-gradient(linear, left top, left bottom, from(#4D79AB), to(#6f3e7f));background-image: -webkit-linear-gradient(top, #4D79AB, #1367c5);background-image: -moz-linear-gradient(top, #4D79AB, #1367c5);background-image: -o-linear-gradient(top, #4D79AB, #1367c5);background-image: -ms-linear-gradient(top, #4D79AB, #1367c5);background-image: linear-gradient(top, #4D79AB, #1367c5);}
.u-key{color:#666;border:1px solid #1367c5;box-shadow:3px 2px 3px #ccc inset;}
.m-tit.z-spe .xg{color:#fff;}
.g-adv img{display: block;width:100%;overflow: hidden;max-height:288px;}
.top-btn{overflow: hidden;padding: 0 1.5%;margin-top:1.1em;}
.top-btn li{display: block;float: left;width: 26.29032%;margin: 0 3.34839% 0.6em;overflow: hidden;}
.top-btn li a{display: block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;overflow: hidden;background: #1367c5;border-radius: 0.50833em;color: #fff;height: 2.5em;line-height: 2.5em;text-align: center;}
.top-btn li img{width: 42.94479%;margin: 0 auto;display: block;}
.g-se{padding: 15px 10px;position: relative;}
.g-se .m-ipt{margin-right: 43px;}
.g-se .u-glass{position: absolute;right: 10px;top: 15px;width: 42px;height: 30px;background: transparent;z-index: 888;}
.g-se .u-bt{width: 42px;height: 30px;float: right;border-radius: 0 4px 4px 0;-webkit-border-radius: 0 4px 4px 0;position: relative;}
.g-se .u-bt:before{content: '';display: block;width: 12px;height: 12px;border-radius: 17px;position: absolute;right: 14px;top: 5px;z-index: 99;}
.g-se .u-bt:after{content: '';display: block;width: 4px;height: 10px;border-radius: 5px;border: 0;position: absolute;right: 12px;top: 16px;z-index: 99;-webkit-transform: rotate(-52deg);-o-transform: rotate(-52deg);-ms-transform: rotate(-52deg);transform: rotate(-52deg);}
.g-se .u-in{float: right;position: absolute;z-index: 100;right: 10px;top: 15px;width: 42px;height: 30px;}
.g-se .u-key{width: 100%;height: 14px;padding: 7px 0;line-height: 14px;border-right: 0;border-bottom-left-radius: 5px;border-top-left-radius: 5px;border-bottom-right-radius: 0;border-top-right-radius: 0;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-webkit-border-top-right-radius: 0;-webkit-border-bottom-right-radius: 0;text-indent: 15px;float: left;}
/*pro*/.g-pro{display: block;overflow: hidden;}
.g-pro h2{display: block;overflow: hidden;height: 3.295714em;line-height: 3.295714em;background: #1367c5;color: #fff;font-weight: bold;padding-left:6%;position: relative;}
.g-pro h2 span{display: block;float: right;padding-right: 3.75%;}
.g-pro .m-pro{display: block;overflow: hidden;padding: 1.66667em 3.75% 0.41667em;}
.g-pro .m-pro .pro-menu{display: block;overflow: hidden;}
.g-pro .pro-menu a{display: block;overflow: hidden;float: left;width: 45.65217%;height: 2.32143em;line-height: 2.32143em;color: #fff;background: #1367c5;text-align: center;font-size: 1.16667em;margin-bottom: 1.2745833em;}
.g-pro .pro-menu a:nth-child(2n){float: right;}
.m-pro-img{display: block;overflow: hidden;}
.m-pro-img a{display: block;position: relative;overflow: hidden;float: left;width: 45.65217%;height: 14.08333em;line-height: 2.32143em;color: #fff;margin-bottom: 1.66667em;}
.m-pro-img a:nth-child(2n){float: right;}
.m-pro-img a img{display: block;width: 100%;height:150px;overflow: hidden;}
.m-pro-img a span{display: block;overflow: hidden;position: absolute;left: 0;bottom: 0;width: 100%;height: 2.04167em;line-height: 2.04167em;text-align: center;background: rgba(0, 0, 0, 0.6);text-overflow: ellipsis;}
/*case*/.g-case{display: block;height:22em;overflow: hidden;}
.g-case h2{display: block;overflow: hidden;height: 3.295714em;line-height: 3.295714em;background: #1367c5;color: #fff;font-weight: bold;padding-left:6%;position: relative;}
.g-case h2 span{display: block;float: right;padding-right: 3.75%;}
.m-case{display: block;overflow: hidden;padding: 2.29167em 3.75% 0;position: relative;}
.m-case .nowarp{display: block;overflow: hidden;width: 62.04013%;margin: 0 auto;}
.m-case .prev,.m-case .next{position: absolute;top: 6.54167em;display: block;width: 3.04167em;}
.m-case .prev{left: 3.75%;}
.m-case .next{right: 3.75%;}
.m-case .prev img{width: 100%;height: auto;display: block;}
.m-case .next img{width: 100%;height: auto;display: block;}
.m-case .nowarp .m-box,.m-case .nowarp .sclwrap_box,.m-case .nowarp .con{height:16em;display: block;}
.m-case .nowarp .con{display: block;float: left;width: 100%;}
.m-case .nowarp .con a{display: block;overflow: hidden;padding-top: 1.8em;}
.m-case .nowarp .con img{display: block;width: 100%;height:150px;overflow: hidden;}
.m-case .nowarp .con span{display: block;overflow: hidden;height: 2.5em;line-height: 2.5em;color: #333333;text-align: center;}
/*news*/.g-news{display: block;overflow: hidden;}
.g-news h2{display: block;overflow: hidden;height: 3.295714em;line-height: 3.295714em;background: #1367c5;color: #fff;font-weight: bold;padding-left:6%;position: relative;}
.g-news h2 span{display: block;float: right;padding-right: 3.75%;}
.m-news{display: block;overflow: hidden;padding: 1.125em 5.15625% 0; margin-bottom:10px;}
.i-about {max-height:190px;}
.m-news li a{display: block;height: 1.9em;width:85%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #777;font-size: 1.1667em;}
.m-news li span{color:#9f9f9f;float: right;margin-top: -29px;}
.m-news li i{font-size: 2em;padding-right:0.3em;line-height: 0.5;height: 0.7em;display: inline-block;vertical-align: middle;}
.m-btit{line-height: 35px;padding-left: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-top: 1px solid #d9d9d9;box-shadow: 0 1px #fff;position: relative;background-color: #f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea);background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea);background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea);background-image: linear-gradient(top, #f6f6f6, #eaeaea);border-bottom: 1px solid #d9d9d9;}
.m-btit:before{content: "";position: absolute;left: 0;top: 0;width: 100%;border-top: 1px solid #fff;}
/*neiye*/.m-about .list{margin: 5px;font-size: 12px;line-height: 22px;}
.m-about .list li{border-top: 1px dotted #dedede;height:33px;}
.m-about .list li:nth-child(1){border-top: 0;}
.m-about .list li:last-child{border-bottom: 0;}
.m-about .list a{display: block;float:left;font-size: 14px;width:73%;line-height: 33px;padding-left: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-about .list span{color:#9f9f9f;float:right;margin-top: -26px;padding-right: 8px;}
/*turn*/.f-mm{margin-left: auto;margin-right: auto;}
.f-fl{float: left;}
.f-fr{float: right;}
.f-tr{text-align: right;}
.f-tl{text-align: left;}
.f-tc{text-align: center;}
.f-pr{position: relative;}
.f-di{display: inline;}
.u-co-bt{border-radius: 4px;width: 80px;height: 26px;line-height: 26px;display: inline-block;vertical-align: middle;padding-top: 1px;}
.u-co-bt.z-spe{width:100%;}
.u-lico{width: 24px;height: 24px;border-radius: 4px;background: #000;padding: 10px;opacity: 0.8;position: relative;left: 50%;margin: 10px 0 10px -14px;box-shadow: 0 0 3px #2d2d2d;}
.g-back{overflow: hidden;position: relative;text-align: right;margin-top: 1px;height: 38px;width: 100%;padding-top: 7px;}
.g-back a{display: inline-block;font-size: 0.875em;height: 32px;line-height: 28px;width: 32px;position: relative;}
.g-back .u-bp{background-position: 0 0;}
.g-back .u-bl{background-position: 0 -286px;}
.g-back .u-bh{margin-right: 10px;background-position: 0 -232px;}
.g-back .type{width: 100%;top: 0.691rem;right: 0;position: fixed;background: #232323;z-index: 999;overflow-x: hidden;}
.type li{width: 90%;background: #fff;font: 0.2rem/0.46rem "microsoft yahei";margin: 2% auto;overflow: hidden;position: relative;}
/*-----tongyong-----*/.m-tit{position: relative;text-indent: 10px;height: 38px;font-size: 15px;line-height: 38px;}
.m-tit .u-ico{position: absolute;right: 10px;top: 2px;width: 30px;height: 38px;}
.m-tit .u-ico:before{content: "";position: absolute;width: 12px;height: 12px;right: 5px;top: 12px;z-index: 10;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.m-tit .u-ico:after{content: "";position: absolute;width: 12px;height: 12px;right: 8px;top: 12px;z-index: 10;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.u-empty{height: 18px;}
/************************/.gridlist li{width: 33%;overflow: hidden;float: left;line-height: 0em;text-align: center;}
.gridlist li .InfoTitle{height: 30px;line-height: 30px;overflow: hidden;font-size: 14px;margin: 0px 5px;text-overflow: ellipsis;}
.gridlist li .InfoPicture{padding: 0px 5px;margin-top:10px; text-align:center;}
.gridlist li .InfoPicture img{height:8em;max-width:100%;border:1px solid #999;}
/*******************/.page{display: block;width: 93%;height: 1.7em;font: 1em "microsoft yahei";padding-top: 0.1em;padding-left: 0.5em;color: #000;background: #d9d9d9;border-radius: 0.7rem;margin: 2% auto;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-indent: 0.1rem;}
/*mianbaoxie*/.m-con{padding-bottom:0.6em;/*text-indent: 2em;*/padding:0px 10px 15px;}
.m-con img{display: block;margin:10px auto;max-width:96%;}
.m-rec .m-con{width: 320px;margin: 0 auto;position: relative;}
.u-mtit h1{font-size: 18px;text-align: center;padding: 24px 0 10px 0;}
.u-mtit h2{font-size: 14px;text-align: center;padding: 0 0 20px 0;color:#999;}
.common-pro-search{width:90%;height:0.533rem;background: #fff;margin:2% auto;}
.common-text{float:left;border:0;background:#fff;width:84.45%;height:0.533rem;text-indent:0.1rem;font:0.16rem/0.533rem "microsoft yahei";border-radius:0;}
.common-submit{float:right;width:15.55%;border:0;font-size:0.36rem;line-height:0.533rem;color:#fff;height:0.533rem;border-radius:0;background:none;background:#333;}
/*font*/@font-face{font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
/*font*/@font-face{font-family:"commonfont";src:url('../font/common.woff') format('woff'),url('../font/common.ttf') format('truetype');}
.commonfont{font-family:"commonfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
/* top class*/.type{width:100%;top:6.1em;position:absolute;background:#232323 50%;z-index: 999;overflow-x: hidden;transition:all 0.3s ease-in-out 0s;height:15em;padding:0.1rem 0;display:none}
.type li{width:82%;background:#fff;font:0.2rem/0.46rem "microsoft yahei";margin:2% auto;overflow:hidden;position:relative;padding:0 4%;}
.type li a{display: block;color:#666;font-size: 15px;line-height:38px;height:38px;overflow: hidden;}
.type li span.commonfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;}
.type li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.type li dl dd{overflow:hidden}
.type li dl dd a{width:100%}
.type h1{font:1rem/2 "microsoft yahei";width:90%;margin:0 auto;color:#fff;}
.wbytable td{padding:8px;}
.wbytable .wbytext{outline:none;padding:5px;height:22px;width:80%;border:1px solid #e3e3e3;}
.wbytable .wbyarea{padding:5px;outline:none;width:80%;border:1px solid #e3e3e3;height:125px;}
.wbytable .msgbut{width:90px;height:32px;line-height:32px;cursor:pointer;color:#555;}
.wbytable .wbytextyz{outline:none;padding:5px;height:22px;width:40%;border:1px solid #e3e3e3;float:left;}
.wbytable .wyzm{padding-top:6px;display:block;width:48px;height:22px;float:left;padding-left:8px;} 