/* common css */
html, body {font-family: 'Microsoft Yahei', 微软雅黑, sans-serif; min-height: 100%; font-size: 14px; height: 100%; background: #fafafa;}
* { -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; margin: 0;}

a, a:hover, a:active {text-decoration: none; color: #227BF1;}
ul, ol {list-style: none; margin: 0; padding: 0;}

p {font-size: 14px;}
.logBox p {text-align: center;} 
.content .home-left p {line-height: 2;}
.fl {float: left;}
.fr {float: right;}
	
/* clear float */
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fn-clear { zoom: 1; /* for IE6 IE7 */ }

/* common style */
.page-width {width: 1200px; padding: 0 20px; margin: 0 auto; position: relative;}
h2.title, h3.title {font-size:  32px; font-weight: normal; color: #000; border-left: 2px solid #e43032; padding-left: 15px; margin-bottom: 32px;}
h2.title span {color: #e43032; font-size: 12px; position: relative; top: -7px;}

.white-box {padding: 50px; box-sizing: border-box; background: #fff;}
/* header [[ */
.header {background: #fff; border-bottom: 2px solid #e5e5e5; position: relative; z-index:2}
.top-row {padding: 25px 0 15px; position: relative; z-index: 5;}
.logo-text {color: #514f5a; font-family: "微软雅黑"; text-decoration: none; position: absolute; left: 210px; top: 32px; font-size: 24px;}
.logo-text:hover {color: #599ae5;}
.login-section {position: absolute; right: 0; top: 30px; font-size: 14px; color: #000;}
.login-section a {color: #999; font-size: 16px; padding-left: 115px; float: none;}
.header .nav_nine {position: absolute; right: 10px; font-size: 18px; color: #f8953d; top: 70px; font-family: "微软雅黑";}
.header .nav_nine img {vertical-align: middle; width: 80px;}
.tel {background: url(../../pic/ico-tel.jpg) no-repeat 0 78%; padding-left: 25px; font-size: 18px; color: #000; margin-top: 10px;}
.tel span {font-size: 30px; font-weight: bold; color: #D0021B;}

.mainmenu {position: relative; z-index: 4;}
.mainmenu ul {position: relative; bottom: -2px;}
.mainmenu li {display: inline-block; box-sizing: border-box; text-align: center; float: left; height: 50px; line-height: 30px; padding: 10px 0; margin-right: 40px; border-bottom: 2px solid #e5e5e5;}
.mainmenu li.active, .mainmneu li:hover {border-bottom: 2px solid #e43032;}
.mainmenu li a {display: inline-block; padding: 0 10px; font-size: 18px; color: #000;}
.mainmenu li a:hover {color: #e43032;}
.ie7 .mainmenu li {height: auto!important;}
/* header ]] */

/* content [[ */
.content {padding: 35px 0;}
/* sidebar */
.sidebar {width: 285px; background: #fff; text-align: center;}
.sidemenu li {border-bottom: 1px solid #f1f1f1; text-align: center;}
.sidemenu li.sel {background: #4a90e2; position: relative;}
.sidemenu li.sel:after {position: absolute; content: ''; right: -10px; top: 28px; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 10px solid #4a90e2;}
.sidemenu a {display: inline-block; width: 100%; padding: 20px 0; height: 40px; line-height: 40px; color: #000; font-size: 16px;}
.sidemenu li.sel a {color: #fff;}

/* container */
.container {width: 800px; background: #fff; padding: 40px;}

/* content ]] */

/* homepage */
.content.home {padding: 80px 0; background: #fff;}
.home-banner {background: #51a1ff url(../../pic/home_banner.png) no-repeat 50% 0; height: 280px;}
.home-banner_sse {background: #51a1ff url(../../pic/home_banner_sse.png) no-repeat 50% 0; height: 280px;}
.home-left, .home-right {width: 48%;}
.home-left a {color: rgb(63, 140, 254); font-size: 14px;}
.home-left a:hover {text-decoration: underline;}
.home-right li {display: inline-block; text-align: center; margin: 0 30px; margin: 0 15px\9;}
.home-right li a {display: block; font-size: 18px; color: #2e2e2e;}
.home-right span {display: block; margin-top: 10px;}


/* product quote */
.pq-block {background: #fff; padding: 40px 120px;}
.pq-block.hide {display: none;}
.pq-top {margin-bottom: 30px;}
.pq-top li {display: inline-block; padding-right: 50px; font-size: 14px;}
/* no-data */
.no-data {background: #fff url(../../pic/no-data-img.jpg) no-repeat 50% 40px; text-align: center; padding: 470px 0 50px; font-size: 16px; color: #333;}
.no-data .gray {color: #9b9b9b; font-size: 18px; margin: 10px 0;}

.tableStyle {border-collapse: collapse; }
.tableStyle td {text-align: center; font-size: 14px; line-height: 1.5; padding: 30px 10px; border-bottom: 1px dotted #dbdbdb;}
.tableStyle th {background: #f0f0f0; height: 46px; line-height: 46px; font-weight: normal; border-bottom: 1px dotted #dbdbdb; text-align: center; font-size: 14px;}
.tableStyle .red {color: #DF3C3D;}
.tableStyle .red-btn {background: rgb(255,102,102); color: #fff; width: 130px; text-align: center; height: 36px; line-height: 36px; font-size: 14px; border-radius: 6px; display: inline-block;}
.tableStyle .gray-btn {background: #dbdbdb; color: #fff; width: 130px; text-align: center; height: 36px; line-height: 36px; font-size: 14px; border-radius: 6px; display: inline-block; cursor: initial;}
.tag {background: url(../../pic/tag.jpg) no-repeat 0 0; display: inline-block; width: 64px; height: 23px; background-size: 100%; position: relative; top: 6px; margin-left: 3px; margin-right: -64px;}
p.note {text-indent: 0; color: #999; padding-top: 15px;}
#contents p, #contents span {text-align: left; font-size: 14px!important;}


/* popup */
.popup {display: none;}
.pop-body {padding: 25px 25px 10px;}
.layui-layer {border-radius: 6px!important; z-index: 99999999!important;}
.layui-layer-title {text-align: center; background: #E7EDF8!important; font-weight: bold; padding: 0!important; font-size: 16px!important; border-radius: 6px 6px 0 0!important;}
.layui-layer-title i {font-size: 18px; font-style: normal; color: #DF3C3D;}
.layui-layer-setwin .layui-layer-close1 {background: url(../../pic/ico-close.jpg) no-repeat!important; left: 4px;}
.layui-layer-ico {background: url(../../pic/ico-close2.jpg) no-repeat!important; right: -10px!important; top: 0!important;}

.qr-code {margin: 0 auto;}

.ie7 .layui-layer-setwin {right: 30px!important; width: 16px!important;}