charset "utf-8";



/* CSS Document */



body {

    font-family: "microsoft yahei", Arial;

    font-size: 14px;

    margin: 0;

    padding: 0;

    background: #ffffff;

    color: #3c3c3c;

    text-align: center;

    width: 100%;

}



* {

    margin: 0;

    padding: 0

}



div,

ul,

li,

h1,

h2,

h3,

h4,

h5,

h6,

img,

p,

dl,

dt,

dd,

ol,

th,

td {

    margin: 0px;

    padding: 0px;

}



li {

    list-style-type: none;

}



form,

input,

button,

option,

textarea,

select {

    margin: 0px;

    padding: 0px;

}



input,

button,

textarea,

select {

    font: 100% Tahoma, Helvetica, Arial, sans-serif;

}



a {

    text-decoration: none;

    cursor: pointer;

    outline: none;

    blr: expression(this.onFocus=this.blur());

    color: #272727;

    font-family: "microsoft yahei";

}

body,

dd,

div,

dl,

dt,

form,

h1,

h2,

h3,

h4,

h5,

h6,

html,

input,

li,

ol,

p,

select,

td,

textarea,

th,

ul {

  margin: 0;

  padding: 0;

}

* {

  box-sizing: border-box;

}

i {

  font-style: normal;

}

body,

html {

  min-height: 100%;

}

body {

  font-family: "Microsoft YaHei";

  font-size: 14px;

  color: #333;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: normal;

}

ol,

ul {

  list-style: none;

}

img {

  border: none;

  vertical-align: middle;

}

a {

  text-decoration: none;

  color: #232323;

}

a:hover {

  text-decoration: none;

}

table {

  border-collapse: collapse;

  table-layout: fixed;

}

input,

textarea {

  outline: none;

  border: none;

}

textarea {

  resize: none;

  overflow: auto;

}

.clearfix {

  zoom: 1;

}

.clearfix:after {

  content: ".";

  width: 0;

  height: 0;

  visibility: hidden;

  display: block;

  clear: both;

  overflow: hidden;

}

span {

    font-family: "microsoft yahei";

}



p {

    font-family: "microsoft yahei";

}



a:link {

    text-decoration: none;

}



a:hover {

    text-decoration: none;

}



a:active {

    text-decoration: none;

}



th {

    font-weight: normal;

}



table {

    font-size: inherit;

    font: 100%;

}



img {

    border: none;

}



.clear {

    clear: both;

}



.del:after {

    display: block;

    content: "";

    clear: both;

}



@font-face {

    font-family: "iconfont";

    src: url('iconfont.eot?t=1522659161180');

    /* IE9*/

    src: url('iconfont.eot?t=1522659161180#iefix') format('embedded-opentype'), /* IE6-IE8 */

    url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url('iconfont.ttf?t=1522659161180') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/

    url('iconfont.svg?t=1522659161180#iconfont') format('svg');

    /* iOS 4.1- */

}



.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.icon-huidingbu:before {

    content: "\e606";

}



.icon-ai-tel:before {

    content: "\e668";

}



.icon-qq:before {

    content: "\e6a1";

}



.icon-qr-code:before {

    content: "\e615";

}





/*翻页*/





.cont {

  width: 1200px;

  margin: 0 auto;

}

.clearfix:after {

  visibility: hidden;

  display: block;

  height: 0;

  font-size: 0;

  content: "";

  clear: both;

}

.fanye {

    margin: 20px 0;

    text-align: center;

}



.fanye a {

    display: inline-block;

    margin-right: 5px;

    padding: 0 5px;

    min-width: 16px;

    height: 22px;

    line-height: 22px;

    border: 1px #999 solid;

    background: #fff;

    color: #545454;

    -webkit-transition: all .1s linear;

    transition: all .1s linear;

    -ms-transition: all .1s linear;

    -moz-transition: all .1s linear;

    -o-transition: all .1s linear;

}



.fanye a:hover,

.fanye a.on {

    background: #293f7f;

    border: 1px #293f7f solid;

    color: #fff;

}





.head .head-box {

  height: 128px;

}

.head .head-box .cont .logo {

  float: left;

  display: inline-block;

  margin-top: 28px;

}

.head .head-box .cont .logo img {

    width: 563px;

    height: 60px;

    display: inline-block;

}

.head .head-box .cont .phone {

  float: left;

  margin-left: 72px;

  margin-top: 40px;

}

.head .head-box .cont .phone img {

  display: inline-block;

  vertical-align: middle;

  margin-right: 14px;

}

.head .head-box .cont .phone .text {

  display: inline-block;

  vertical-align: middle;

}

.head .head-box .cont .phone .text p {

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: #545454;

  text-transform: uppercase;

  line-height: 1;

  margin-bottom: 6px;

}

.head .head-box .cont .phone .text h4 {

  line-height: 1;

  font-size: 26px;

  font-family: "Impact";

  color: #293f7f;

}

.head .head-box .cont .ss {

  float: right;

  margin-top: 44px;

  border-width: 1px;

  border-color: #293f7f;

  border-style: solid;

  background-color: #ffffff;

  width: 291px;

  height: 40px;

}

.head .head-box .cont .ss input {

  line-height: 38px;

  display: inline-block;

  vertical-align: middle;

  padding-left: 18px;

  border: none;

  outline: none;

}

.head .head-box .cont .ss button {

  vertical-align: middle;

  font-size: 18px;

  font-family: "Microsoft YaHei";

  color: #ffffff;

  background: #293f7f;

  line-height: 38px;

  display: inline-block;

  width: 70px;

  text-align: center;

  float: right;

  border: none;

}

.head .nav {

  background: #293f7f;

  height: 63px;

  line-height: 63px;

}

.head .nav ul .nLi {

  display: inline-block;

  position: relative;

  width: 12.1%;

  text-align: center;

}

.head .nav ul .nLi h3 {

  line-height: 63px;

  position: relative;

}

.head .nav ul .nLi h3 a {

  font-size: 16px;

  color: #ffffff;

}

.head .nav ul .nLi .sub {

  width: 151px;

  position: absolute;

  z-index: 99;

  top: 63px;

  left: -4px;

  display: none;

  background: #FFFFFF;

}

.head .nav ul .nLi .sub li {

  width: 151px;

  height: 40px;

  line-height: 40px;

  text-align: center;

}

.head .nav ul .nLi .sub li a {

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: #868686;

}

.head .nav ul .nLi .sub li:hover {

  background: #405db2;

}

.head .nav ul .nLi .sub li:hover a {

  color: #fff;

}

.head .nav ul .nLi:after {

  content: ' ';

  position: absolute;

  background-color: rgba(255, 255, 255, 0.2);

  width: 1px;

  height: 37px;

  right: 0px;

  top: 13px;

}

.head .nav ul .nLi:last-child:after {

  content: ' ';

  position: absolute;

  background-color: rgba(255, 255, 255, 0.2);

  width: 0px;

  height: 37px;

  right: 0px;

  top: 13px;

}

.head .nav ul .on {

  background: #405db2;

}

/*banner图*/



.banner {

    position: relative;

    width: 100%;

    height: 474px;

}



.banner .bd {

	margin: 0 auto;

	position: relative;

	z-index: 0;

	overflow: hidden;

}



.banner .bd ul {

	width: 100% !important;

	height: 474px !important;

}



.banner .bd ul li {

	width: 100% !important;

	text-align: center;

}



.banner .bd ul li a {

	display: block;

	height: 474px;

	background-position: center;

	background-repeat: no-repeat;

}



.banner .hd {

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 10px;

    text-align: center;

    z-index: 1;

}



.banner .hd ul li {

    margin: 0 4px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: #FFFFFF;

    cursor: pointer;

    display: inline-block;

    zoom: 1;

    font-size: 0;

}



.banner .hd .on {

    background: #293f7f;

}



#content {

    width: 1200px;

    margin: 40px auto;

}





.foot {

  background: #293f7f;

  padding: 83px 0;

}

.foot .lx {

  float: left;

}

.foot .lx img {

  display: inline-block;

  vertical-align: top;

}

.foot .lx .box {

  display: inline-block;

  vertical-align: top;

  margin-left: 63px;

  margin-top: 23px;

}

.foot .lx .box p {

  font-size: 15px;

  font-family: "Microsoft YaHei";

  color: #ffffff;

}

.foot .lx .box p img {

  width: 20px;

  height: 20px;

  margin-right: 13px;

}

.foot .lx .box p span {

  font-size: 15px;

  font-family: "Microsoft YaHei";

  color: rgba(255, 255, 255, 0.212);

  margin-left: 8px;

}

.foot .lx .box h4 {

  margin-top: 8px;

  font-size: 38px;

  font-family: "Microsoft YaHei";

  color: #ffd541;

  font-weight: bold;

}

.foot .lx .dz {

  display: inline-block;

  margin-left: 60px;

  margin-top: 23px;

}

.foot .lx .dz p {

  font-size: 16px;

  font-family: "Microsoft YaHei";

  color: #ffffff;

  text-transform: uppercase;

  line-height: 1.75;

  margin-bottom: 8px;

}

.foot .lx .dz h5 {

  font-size: 15px;

  font-family: "Microsoft YaHei";

  color: #9ba0ac;

  text-transform: uppercase;

  line-height: 1.867;

}

.foot .lx .dz h5 a {

  color: #9ba0ac;

}

.foot .er {

  float: right;

  width: 132px;

  height: 132px;

}

.foot .er img {

  width: 100%;

  height: 100%;

}





/*内页banner*/



.ny_banner {

    width: 100%;

    height: 400px;

    background: url(../images/banner.jpg) no-repeat center center;

}



.neiye {

    width: 1200px;

    margin: 40px auto;

    min-height: 500px;

}



.neiye:after {

    display: block;

    clear: both;

    content: "";

}





/*侧导航*/



.side {

    width: 288px;

    float: left;

}



.side_c {

    padding: 20px 16px;

    background: #293f7f;

}



.side_c .tit {

    width: 100%;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    padding-left: 103px;

    height: 64px;

    background: url(../images/tit.png) no-repeat 35px center;

    margin-bottom: 25px;

}



.side_c .tit p {

    font-size: 24px;

    color: #FFFFFF;

}



.side_c .tit span {

    font-size: 18px;

    color: rgba(255, 255, 255, 0.7);

    text-transform: uppercase;

}



.side_c .list  {

    width: 100%;

    line-height: 46px;

    margin: 4px 0;

    position: relative;

    font-size: 12px;

    color: #b6b6b6;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

}

.side_c .list  h3 {

    font-size: 16px;

    list-style: square inside;

    color: #595959;

    position: relative;

    display: list-item;

    -ms-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    padding-left: 30px;

    background: #ffffff;

    margin-bottom: 5px;

}



.side_c .list h3:before {

    display: block;

    width: 11px;

    height: 46px;

    background: #425daa;

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    -ms-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.side_c .list h3:after {

    display: block;

    content: "";

    width: 0;

    height: 0;

    border-top: 12px solid transparent;

    border-right: 12px solid #293f7f;

    position: absolute;

    z-index: 3;

    right: 0;

    bottom: 0;

}

.side_c .list  ul li {

  font-size: 16px;

  list-style: square inside;

  color: #595959;

  position: relative;

  display: list-item;

  -ms-transition: all 0.5s;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  padding-left: 30px;

  background: #ffffff;

  margin-bottom: 5px;

}

.side_c  ul li:hover a{

  color: #595959;

  font-weight: 100;

}

.side_c  ul li:hover a{

  color: #293f7f;

  font-weight: bold;

}

.side_c  ul li{

  background: #ffffff;

  width: 85%;

  margin-left: 39px;

  margin-bottom: 5px;

}

.side_c .list ul .nli:hover:before {

    width: 256px;

}



.side_c .list:hover h3 {

  color: #293f7f;

  font-weight: bold;

}



.side_p {

    margin-top: 30px;

}



.side_p .tit {

    line-height: 0;

    width: 100%;

    height: 79px;

}



.side_p .info {

    width: 100%;

    background: #f8f8f8;

    padding: 0 10px;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

}



.side_p .info td {

    font-size: 14px;

    color: #646464;

    line-height: 26px;

    vertical-align: top;

}



.side_p .tel {

    width: 100%;

    height: 45px;

    line-height: 45px;

    background: url(../images/phone.png) center center no-repeat #293f7f;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    padding-left: 110px;

    font-size: 24px;

    color: #FFFFFF;

    font-family: impact;

}



.pro_list,

.page,

.news_list,

.detail {

    width: 865px;

    float: right;

}





/*面包屑导航*/



.navigation {

    width: 100%;

    height: 40px;

    line-height: 40px;

    border-bottom: 1px solid #dcdcdc;

}



.navigation span {

    float: left;

    font-size: 18px;

    color: #3a3a3a;

    border-bottom: 2px solid #293f7f;

    line-height: 39px;

    height: 39px;

    padding-right: 10px;

}



.navigation p {

    float: right;

    font-size: 12px;

    color: #878787;

}





/*产品列表*/



.pro_list ul {

    margin: 30px -7px 0;

}



.pro_list ul li {

    width: 278px;

    height: 228px;

    position: relative;

    overflow: hidden;

    float: left;

    margin: 14px 7px;

}



.pro_list ul li .photo {

    width: 100%;

    height: 184px;

    font-size: 0;

    background: #dbdbdb;

}



.pro_list ul li .photo img {

    width: 100%;

    height: 100%;

}



.pro_list ul li .name {

    width: 100%;

    height: 40px;

    line-height: 40px;

    display: block;

    text-align: center;

    font-size: 14px;

    color: #525252;

    background: #ededed;

    margin-top: 4px;

    -ms-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.pro_list ul li .info {

    display: block;

    width: 100%;

    height: 184px;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    padding: 40px 22px 0;

    background: rgba(66, 93, 170, 0.8);

    position: absolute;

    top: -184px;

    z-index: 3;

    font-size: 14px;

    color: #FFFFFF;

    line-height: 30px;

    text-indent: 2em;

    -ms-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.pro_list ul li:hover .info {

    top: 0;

}



.pro_list ul li:hover .name {

    background: #4d4d4d;

    color: #FFFFFF;

}





/*单页*/



.page .cont {

    margin-top: 30px;

    font-size: 14px;

    line-height: 26px;

    text-indent: 2em;

	width: 100%;

}



.page .cont .pic .photo {

    width: 630px;

    float: left;

}



.page .cont .pic .show {

    width: 223px;

    float: right;

    height: 167px;

    background: #aeaeae;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    padding: 17px 34px 0;

    margin-bottom: 30px;

}



.page .cont .pic .show span {

    font-size: 17px;

    color: #FFFFFF;

}



.page .cont .pic .show hr {

    width: 26px;

    height: 3px;

    background: #FFFFFF;

    border: none;

    margin: 10px 0;

}



.page .cont .pic .show p {

    font-size: 12px;

    color: #FFFFFF;

    text-transform: uppercase;

    width: 100px;

    line-height: 16px;

    margin-top: 30px;

}





/*新闻列表*/



.news_list ul li {

    width: 100%;

    height: 122px;

    padding: 22px 0;

    border-bottom: 1px solid #dbdbdb;

}



.news_list ul li .pic {

    width: 170px;

    height: 122px;

    float: left;

    line-height: 0;

}



.news_list ul li .pic img {

    width: 130px;

    height: 90px;

}



.news_list ul li .txt {

    width: 670px;

    height: 122px;

    float: right;

}



.news_list ul li .txt .name {

    font-size: 16px;

    color: #515151;

    font-weight: bold;

}



.news_list ul li .txt span {

    font-size: 14px;

    color: #9a9a9a;

    float: right;

}



.news_list ul li .txt p {

    font-size: 14px;

    color: #464646;

    line-height: 28px;

    margin-top: 8px;

	   text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  line-clamp: 1;

  -webkit-box-orient: vertical;

}



.news_list ul li .txt .more {

    display: block;

    width: 85px;

    height: 21px;

    background: #cccccc;

    color: #FFFFFF;

    text-align: center;

    font-size: 12px;

    line-height: 21px;

    margin-top: 15px;

}



.news_list ul li:hover .txt .name {

    color: #293f7f;

}



.news_list ul li:hover .txt .more {

    background: #293f7f

}





/*详情页*/



.detail .view {

    padding: 30px 20px;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

}



.detail .view h1 {

    text-align: center;

    font-size: 22px;

    font-weight: 500;

    line-height: 40px;

    height: 40px;

}



.detail .photo {

    width: 100%;

    margin: 20px 0;

    line-height: 0;

    text-align: center;

}



.detail .photo img {

    max-width: 100%;

}



.detail .view .date {

    border-bottom: 1px solid #e8e8e8;

    font: 14px/30px "microsoft yahei";

    text-align: center;

    height: 32px;

    line-height: 32px;

}



.detail .view .date span {

    margin: 0 10px;

}



.detail .viewbox {

    font-size: 14px;

    line-height: 26px;

    text-indent: 2em;

    margin-top: 30px;

}



.detail .pagination {

    width: 100%;

    margin: 20px auto;

}



.detail .pagination p {

    width: 100%;

    height: 32px;

    font: 14px/32px "microsoft yahei";

    color: #777;

    overflow: hidden;

}



.detail .pagination a {

    color: #777;

}



.detail .pagination a:hover {

    color: #de0f18;

    text-decoration: underline;

}





/*表单*/

.form {

  width: 100%;

  padding-top: 55px;

}

.form_tit {

  width: 100%;

  text-align: center;

}

.form_tit .p1 {

  font-size: 36px;

  color: #efefef;

  text-transform: uppercase;

}

.form_tit .p2 {

  font-size: 24px;

  color: #333333;

  height: 68px;

  line-height: 68px;

}

.form_tit .p3 {

  width: 800px;

  height: 43px;

  line-height: 43px;

  background: #efefef;

  margin: 0 auto;

  font-size: 12px;

  color: #9c9c9c;

}

.layui-form {

  width: 830px;

  margin: 50px auto 0;

}

.layui-form td span {

  font-size: 16px;

  color: #333333;

  margin: 0 15px;

  float: left;

  line-height: 46px;

}

.layui-form table {

  width: 100%;

}

.layui-form td {

  width: 50%;

  padding-bottom: 25px;

  position: relative;

}

.layui-form td input {

  height: 46px;

  text-indent: 25px;

  font-size: 16px;

  line-height: 46px;

  border-radius: 5px;

  background: none;

  outline: none;

  border: 1px solid #cccccc;

  width: 264px;

}

.layui-form .new input {

  width: 674px;

}

.layui-form td .s1 {

  color: red;

  float: right;

  margin-right: 10px;

}

.layui-form textarea {

  resize: none;

  border: 1px solid #cccccc;

  border-radius: 5px;

  width: 670px;

  padding: 5px;

  outline: none;

  background: none;

  height: 153px;

}

.form ul {

  width: 100%;

  text-align: center;

}

.form ul li {

  display: inline-block;

  width: 120px;

  height: 35px;

  line-height: 35px;

  margin: 0 15px;

}

.form ul li input {

  width: 100%;

  height: 100%;

}

/* all */

::-webkit-input-placeholder {

  color: #dedede;

}

::-moz-placeholder {

  color: #dedede;

}

/* firefox 19+ */

:-ms-input-placeholder {

  color: #dedede;

}

/* ie */

input:-moz-placeholder {

  color: #dedede;

}

/* individual: webkit */

.form td input::-webkit-input-placeholder {

  color: #dedede;

}

.form td input::-webkit-input-placeholder {

  color: #dedede;

}

.form td input::-webkit-input-placeholder {

  color: #dedede;

}

/* individual: mozilla */

.form td input::-moz-placeholder {

  color: #dedede;

}

.form td input::-moz-placeholder {

  color: #dedede;

}

.form td input::-moz-placeholder {

  color: #dedede;

}