﻿/*======================Reset=======================*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td, img, textarea, div,a {border:0 none;margin:0;padding:0;outline: 0; text-align:left; vertical-align: baseline;background: transparent;}

select{font-size:12px;font-family:simsun;}
ul,ol,li{list-style-type:none}
a {color:#666;text-decoration:none; outline:none;/*FF标准去虚线框*/}
a {star:expression(this.onFocus=this.blur()); /* for Ie*去虚线框*/ }
a,span,img,td,form,input{line-height:inherit;}
a:hover{color:#FF6600;text-decoration:underline;}
:focus {outline: none;}
body {line-height: 1.5em; width: 100%;display: table; font-size:12px; font-family:"Microsoft Yahei",Arial, 'Liberation Sans', FreeSans, sans-serif; background: #FAFAFA;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
a img {border: none;outline: none;}
ol {margin-left: 2em;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

/*======================浮动==================*/
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { zoom:1}
.clearfix { display:block; }
.bugfix{zoom:1}

.wrap { max-width: 1170px; margin: 0px auto; }


.main{ width: 100%; background: #fff; padding: 55px 0;}
.main_center{  overflow: hidden;padding: 0 352px 0 15px;min-height: 310px;box-sizing: border-box;position: relative; }
.main_center span{ float: left; display: block; margin-top: 60px; }
.main_center span h1{ font-size: 50px; height: 50px; line-height: 50px; color: #ff6000; display: block; }
.main_center span h1 img{ float:left; display: block;margin-right: 10px;}
.main_center span p{  font-size: 22px; color: #666; line-height: 46px; padding-top: 30px; }
.main_center>img{ display: block; position: absolute;right: 15px;bottom: 0;}

.content{ margin-bottom: 50px; padding: 0 15px;}
.content ul{ overflow: hidden; padding-top: 50px; margin: 0 -17px;}
.content ul li{ width: 33.3333%; float: left; padding: 0 17px; border-radius: 4px;box-sizing: border-box;}
.content ul li .item { background: #fff; padding: 0 0 40px;overflow: hidden;}
.content ul li img{ margin: 30px auto; display: block; }
.content ul li p{ font-size: 16px; color: #333; width: 80%; text-align: center; margin: 0px auto; padding-top: 20px; }
.content ul li .tb1{ width:122px; margin: 0px auto; overflow: hidden;}
.content ul li .tb2{ width:96px; margin: 0px auto; overflow: hidden;}
.content ul li .tb1 img{ float:left; display: block; margin-right: 8px; }
.content ul li .tb2 img{ float:left; display: block; margin-right: 8px; }
.content ul li i{ width: 100%; height: 1px; display: block; background: #FAFAFA; margin-bottom: 20px; }


.content ul li em{ font-size: 16px; color: #888; width: 80%; text-align: center; margin: 0px auto; display: block; font-style: normal; line-height: 30px; padding:10px 0px 40px 0px;}
.content .btns { overflow: hidden; margin: 0 10px;text-align: center; }
.content .btns a { display: inline-block;width: 48%;margin: 0 1%; }
.content a{ font-size: 16px;  height: 46px; line-height: 46px; background: #ff6000; color: #fff; margin: 0px auto; text-align:center; border-radius: 4px;}
.content .gf{ font-size: 16px;  width: 160px; height: 46px; line-height: 46px; background: #ff6000; display: block; color: #fff; text-align:center; float: left; margin-left: 30px; }
.content .gs{ font-size: 16px;  width: 160px; height: 46px; line-height: 46px; background: #ff6000; display: block; color: #fff;  text-align:center; float: left; margin-left: 30px;}
.content a:hover{ color:#fff; background:#e65300; text-decoration: none;}
