html,body{width: 100%;font-size:16px;  min-width: 1385px; background:#fff url(../images/bg.jpg) no-repeat center top;}
*{ margin:0; padding:0;box-sizing: border-box}
em{ font-style:normal;}
img {border: 0 none;height: auto;vertical-align: middle;}
ul{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
div{box-sizing: border-box;}
/*::-webkit-scrollbar {display:none}*/
li{list-style: none;}
.relative{position: relative;}
.absolute{position: absolute;}
a{ text-decoration:none; color:#333; -ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.h_40{height:40px;}
.s_width{ width:82%;  margin:0 auto; position:relative}
.s_width2{ width:82%;  margin:0 auto; position:relative}
.liuyan{ padding:0 0 30px 0}
.main{ width:82%; margin:50px auto;}
.line{height:4px;background: #1556ba}
.header{width:100%; padding:70px 0; position: relative;}
.header .s_width{ display: flex;align-items: center;justify-content: space-between; }
.header .logo{}
.header .logo_tel{ }
.header .logo_tel img{width:100%;max-width:253px;}
.nav{height:78px; background: #1556ba;display:flex;justify-content:space-between;align-items:center;padding:0 25px; margin-bottom: 15px;}
.index_nav{width:72%;display:flex;justify-content:space-between;}
.index_nav li{line-height:78px; position: relative;width:calc(100%/6); text-align: center;border-right:1px solid rgba(255,255,255,0.1)}
.index_nav li a{color:#fff;font-size:17px;display:block;width:100%;position: relative;}
.index_nav li a:hover{ text-decoration:none;color:#fff; font-weight: bold}
.index_nav li div {display:none;width:180px;text-align:center;color:#4f4f4f;position:absolute;z-index:9999999;left:50%;margin-left:-90px;top:100%;background: #196ad5}
.index_nav li div a {display:block;color: #fff;font-weight: normal; line-height:42px;font-size: 14px; border-bottom:1px solid rgba(255,255,255,0.1);margin-top:0; padding:0 0 0 0;}
.index_nav li div a:hover{color:#fff;line-height:42px;font-weight:bold;border-bottom:1px solid rgba(255,255,255,0.1);}
.banner{}
.banner img{width:100%;}
.in_search .search-bar { margin-top:15px;position:relative;}
.search-bar input { border: none; float: left;}
.search-bar .search-keywords {overflow: hidden; }
.search-bar .form-control { padding-left: 10px; margin-right:8px;width: 328px; height: 45px; line-height: 45px; font-size: 15px; background:#fff;border:1px solid #1556ba;}
.search-bar .espcms_search_icon{  width: 100px; height: 45px; line-height: 45px; text-align: center; font-size: 15px; color: #fff; cursor: pointer; background:url(../images/ss.jpg) no-repeat center center;border: none;}
.bann_container{background: #fff}
/*banner*/
.slide-main{position: relative; z-index: 1}
.slide-main .prev,.slide-main .next{display: block; position: absolute; z-index: 222; top: 40%; overflow: hidden; cursor: pointer;/*background-color: rgba(165,165,165,0.4);*/}
.prev img,.next img{ margin: 10px 0 0 5px;}
.prev{left: 50px;}
.next{right: 50px;}
.item{display: block; width: 100%; height: 15px; position: absolute; z-index: 124; bottom: 25px; left: 0; text-align: center;}
.item a{display: inline-block; width: 15px; height: 15px; margin-right: 15px; background: #fff; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=60); overflow: hidden; border-radius: 50px;}
.item a.cur{background: #f44336; /*width: 40px;*/}
.slide-box,.slide{display:block;width:100%;height: auto;min-width: 1280px;}
.slide-box{position:relative;overflow: hidden;z-index:4;}
.slide{display:none;position:relative;z-index:1;}
.slide img{width: 100%;height: auto;}
.slide a{display:block;cursor:pointer;}
/*footer*/
.footer{ background: #eaeaea }
.footer .s_width{ padding:65px 0 65px 0 ; display:flex;display:-webkit-flex;justify-content:space-between}
.footer strong{ display: block; font-size:18px; line-height:55px; color:#272727; cursor: pointer}
.footer strong:hover{ color:#1556ba;}
.footer span{ display: block; width:60px;height:1px;background: #c5c5c5; margin-bottom:35px; }
.footer .f_fenlei{ }
.footer .f_fenlei ul{ }
.footer .f_fenlei li{ line-height:30px;  }
.footer .f_fenlei li a{ color:#4c4c4c; font-size:15px; }
.footer .f_fenlei li a:hover{ color:#1556ba;}
.footer .f_contact{ }
.footer .f_contact div{ line-height:33px; color:#4c4c4c; font-size:15px;}
.footer .f_erweima { text-align: center;line-height: 45px;}
.footer .f_erweima img{ display: block}
.footer_p{ line-height:95px; text-align:center; font-size:14px; color:#fff; background: #2560ae}
.footer_p .s_width{  display:flex;justify-content:space-between; align-items: center}
.footer_p a{ color:#fff}
.footer_p a:hover{ color:#333}
/*news*/
.news{ background: #fff;padding:15px 20px 40px 20px}
.t_title{font-size: 18px;color: #4c4c4c;line-height: 85px; text-transform: uppercase}
.t_title a{ display: block; float:right;font-size: 16px;color: #4c4c4c; }
.t_title a:hover{ color: #1556ba; }
.t_title strong{ font-size: 24px;color: #1556ba;padding:0 15px 0 0}
.news .news_con{display: flex; justify-content: space-between;}
.news .news_l{  width:50%;position: relative;}
.news .news_l img{ width:100%; display: block;position: relative;}
.news .news_l p{ width:100%; background: rgba(0,0,0,.7);position: absolute;bottom:0;left:0; font-size: 17px; color: #fff;line-height: 45px;padding:0 20px;}
.news .news_r{width: 100%;}
.news .news_r ul{margin: 16px 20px;}
.news .news_r li{line-height: 35px; font-size:15px;  display: flex; justify-content: space-between;padding:0 0 0 15px;background: url(../images/dian.jpg) no-repeat left center;}
.news .news_r li a{color: #464646;}
.news .news_r li span{color: #a9a9a9;}
.newsright{	width:47.5%; display:flex;flex-direction:column;justify-content:space-between;}
.newsright li{ display: flex;justify-content: space-between; position:relative; }
.newsright li .n_date{ width:14%; height:93px; border:1px solid #cfcfcf;  color:#8c8c8c;text-align:center; display: flex;align-items: center;justify-content: center; flex-direction: column}
.newsright li .n_date span{ display:block; overflow:hidden;padding:0 10px 5px 10px;   font-size:32px;font-weight: bold;border-bottom:1px solid rgba(0,0,0,0.1)}
.newsright li .n_date p{ font-size:16px; line-height: 30px; }
.newsright li .detail{ width: 82%; display: flex;justify-content: space-between; flex-direction: column}
.newsright li .detail .title{ font-size: 17px;  text-align: left;line-height:40px; color:#2e2e2e;}
.newsright li .detail .title a{ color:#2e2e2e;display: block;line-height:40px;word-break:keep-all;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis; }
.newsright li .detail .title a:hover{ color:#196ad5}
.newsright li .detail .newssplite{ width:80px;	height:2px;	background: #565656; margin:10px 0 10px 50px;}
.newsright li .detail .text{  text-align: left; line-height:26px; color:#838383; font-size: 15px;}
.lanmu{padding:40px 0}
.lanmu .s_width{display: flex;justify-content: space-between;}
.lanmu .s_width div{margin:0 15px 0 0;position: relative;}
.lanmu .s_width div:nth-child(3){margin:0 0 0 0}
.lanmu .s_width div img{width:100%; display: block; position: relative;}
.lanmu .s_width div p{height:100%;position:absolute;display: flex;justify-content:center;  flex-direction: column;z-index: 2;padding:0 0 0 25px;}
.lanmu .s_width div p strong{font-size:30px; line-height: 58px;}
.lanmu .s_width div p a{font-size:17px;}
.lanmu .s_width div:nth-child(3) p{width:100%; align-items: center; padding:0 0 0 0;}
.lanmu .s_width div:nth-child(2) p{ color: #fff}
.lanmu .s_width div:nth-child(2) p a{ color: #fff}
.about_culture{ padding:0 0 40px 0; display: flex;justify-content: space-between}
.about_culture .about{width:40%;border:1px solid rgba(0,0,0,0.1);padding:10px 25px;}
.about_culture .t_title{line-height: 65px; border-bottom: 1px solid rgba(0,0,0,0.1);color:#7a7979}
.about_culture .about p{ font-size: 15px;color:#4f4f4f;line-height: 28px; padding:30px 10px}
.about_culture .culture{width:30%;border:1px solid rgba(0,0,0,0.1);padding:10px 25px;}
.about_culture .culture .culture_p{ font-size: 16px;color:#4f4f4f;line-height: 38px; padding:30px 0}
.about_culture .culture p{ font-size: 15px;color:#4f4f4f;line-height: 58px; }
.about_culture .culture p strong{ font-size: 16px;color:#fff; background: url(../images/lanse.png) no-repeat left center;padding:0 30px 0 10px; display: inline-block}
.about_culture .plan{width:28%; border:1px solid rgba(0,0,0,0.1); padding:10px 20px;}
.plan_cage{padding:25px 0; width:100%;margin: 0 auto;}
.plan_cage li{ background: url(../images/dian.png) no-repeat left center; font-size: 16px;line-height: 33px; color: #4c4c4c;padding:0 0 0 15px;word-break:keep-all;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.plan_cage li a{ line-height: 33px; text-align: center;font-size: 15px;}
.plan_cage li a:hover{ color:#1556ba}
.plan_cage2{padding:25px 0; width:85%;margin: 0 auto;}
.plan_cage2 li{ line-height: 45px; text-align: center; background: url(../images/huise.jpg) repeat-x left top; margin: 0 0 10px 0}
.plan_cage2 li a{ line-height: 45px; text-align: center}
.plan_cage2 li a:hover{  font-weight: bold}
.dangjian{background:#f4f4f4;padding:25px 25px 50px 25px;margin-bottom:25px;}
.dangjian .t_title{line-height: 75px; border-bottom: 2px solid rgba(0,0,0,0.1);color:#7a7979}
.dangjian_c{display: flex;justify-content: space-between;padding: 45px 0 0 0 }
.dangjian_l{width:28%;}
.dangjian_l img{width:100%;}
.dangjian_m{width:30%;}
.dangjian_m .title{ font-size: 20px; font-weight: bold;text-align: left;line-height:32px; color:#2e2e2e;}
.dangjian_m .title a{ color:#303030}
.dangjian_m .title a:hover{ color:#1556ba}
.dangjian_m .text{  text-align: left; line-height:28px; color:#747474; font-size: 15px; padding:0 0 30px 0}
.dangjian_m p{  text-align: left; line-height:45px; color:#848484; font-size: 15px;padding:0 0 20px 0}
.dangjian_m .dangjian_a a{ color:#303030;width:124px;line-height: 36px;border:2px solid #303030;width:120px;display: block; text-align: center}
.dangjian_m .dangjian_a a:hover{ color:#fff;border:2px solid #1556ba; background: #1556ba}
.dangjian_r{width:36%;padding:15px 0 0 0}
.dangjian_r li{ background: url(../images/dian.png) no-repeat left center; font-size: 16px;line-height: 39px; color: #4c4c4c;padding:0 0 0 25px;word-break:keep-all;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.dangjian_r li span{ float:right;padding:0 0 0 25px}
/*产品展示*/
.fa{background: #fff; }
.fa_con{ width: 100%; position:relative; overflow:hidden; background: url(../images/lanbg.jpg) repeat-x left top; padding:35px 0}
.marquee2 li{float:left;padding:0;width:24.25%;height:auto; margin: 0 1% 12px 0;position:relative;overflow:hidden;background:#fff;cursor:pointer}
.marquee2 li:nth-child(4n){margin: 0 0 12px 0;}
.marquee2 img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.marquee2 li:hover div img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.marquee2 li div { overflow:hidden;}
.marquee2 li a p{line-height: 60px; padding:0 15px;word-break:keep-all;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis; text-align: center;}
/*网站内页*/
.main{ width:; margin:0px auto 50px auto;}
.t_left{ width:22%; float:left; background: #fff; }
.fenlei2{ overflow:hidden; margin: 0 0 15px 0;border:1px solid #0;}
.fenlei2 h2{ font-size:17px; color:#fff; padding:0px 0 0px 19px;  background:#1556ba; line-height:65px;}
.fenlei2 h2 span{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color: #d60000; text-transform: uppercase;}
.contact_ny{ margin-top:20px;}
.contact_ny h2{ font-size:17px; color:#fff; padding:0px 0 0px 19px;background:#1556ba;line-height:65px;}
.contact_ny h2 span{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase;}
.contact_ny p{ font-size:16px; border:1px solid #0;  padding:25px 18px; line-height:31px;}
.contact_ny p span{ font-weight:bold; display:block; line-height:52px; font-size:17px;}
.main_cont{ font-size:16px; line-height:28px; color:#666;/*text-indent:2em;*/}
.main_cont img{margin: 10px 0; width:100%;max-width:890px; }
.main_cont p{ text-indent: 2em;}
.main_cont h3{ text-align:center; color:#333; font-size:30px; border-bottom:1px dashed #d3d8db; color:#222; font-weight: normal;line-height:80px; }
.main_cont h4{ font-size:15px; text-align:center; font-weight:normal; margin-bottom:20px;line-height:67px; }
.main_cont li{ display: flex;justify-content: space-between; position:relative;padding:15px 0 }
.main_cont li .n_date{ width:10%; height:103px; border:1px solid #cfcfcf;  color:#8c8c8c;text-align:center; display: flex;align-items: center;justify-content: center; flex-direction: column}
.main_cont li .n_date span{ display:block; overflow:hidden;padding:0 10px 10px 10px;   font-size:32px;font-weight: bold;border-bottom:1px solid rgba(0,0,0,0.1)}
.main_cont li .n_date i{ display: block; font-style:normal; font-size:16px; line-height: 36px; }
.main_cont li .detail{ width: 88%; display: flex;justify-content: space-between; flex-direction: column}
.main_cont li .detail .title{ font-size: 17px;  text-align: left;line-height:40px; color:#2e2e2e;word-break:keep-all;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.main_cont li .detail .title a{ color:#2e2e2e;font-weight: bold;}
.main_cont li .detail .title a:hover{ color:#196ad5}
.main_cont li .detail .newssplite{ width:80px;	height:2px;	background: #565656; margin:10px 0 10px 50px;}
.main_cont li .detail .text{  text-align: left; line-height:26px; color:#838383; font-size: 15px;}
.main_r{ float:right; width:77%;overflow:hidden; background: #fff;padding:0 25px;min-height: 734px;}
.col-tit {color: #333;font-size: 16px;  border-bottom:1px solid #eee; margin-bottom:30px;}
.col-tit .tit{ font-size:20px; line-height:70px; font-weight:bold; color: #1556ba;}
.crumbs {background:url(../Images/002.gif) no-repeat center left; margin-left:15px;font-size:15px;padding-left:20px; line-height:60px; color:#333}
.crumbs a{ color:#333}
.crumbs a:hover{ font-weight:bold; color:#333}
.crumbs li{display: inline-block;}
.crumbs > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}
.article p{ line-height:220%; margin-bottom:15px;}
/*内页产品展示*/
.tuji{  overflow:hidden;  position:relative; }
.tuji ul{ margin-top:10px; display: flex;justify-content:flex-start;flex-wrap: wrap}
.tuji li{  width:32.5%;  position:relative; overflow:hidden; margin:0 1% 10px 0}
.tuji li:nth-child(3n){ margin:0 0 10px 0}
.tuji li .p-img{ text-align:center; border:1px solid #ebebeb; position:relative; cursor: pointer; overflow: hidden}
.tuji li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.tuji li .p-img:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.tuji li .p-name{  line-height:50px;  }
.tuji li .p-name a{ display:block; width:100%; font-size:16px; color:#272727; text-align: center; line-height:50px;word-break:keep-all;  white-space:nowrap;  overflow:hidden;  text-overflow:ellipsis; }
.espcms_page_botton{text-align: center;padding:50px 0px 15px 0;}
.btn-default {color: #333;background-color: #fff;border-color: #ccc;outline: 0px;}
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.btn-group, .btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}
.btn-default {color: #333;background-color: #dddddd;outline:0px; margin-right:1px;}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #dddddd;border-color: #8c8c8c;outline:0px}
.btn-default:hover {color: #333;background-color: #dddddd;/*border-color: #adadad;*/outline:0px}
.btn-default:active,.btn-default.active {color: #464646;background-color: #dddddd;outline:0px}
.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus,
.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #fff;background-color: #d60000;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}
.btn-default .badge {color: #fff;background-color: #333;}
.espcms_info_pager{border-top:1px solid rgba(0,0,0,0.1);padding:10px 0 }
.espcms_info_pager li{ line-height:40px;}
.espcms_info_pager li a{color:#777;font-size: 15px;}
@media only screen and (max-width:1830px){ /**/
	.about_culture .culture{width:32%}
	.about_culture .plan{width:26%;}
}
@media only screen and (max-width:1710px){ /**/
	.about_culture .culture{width:34%}
	.about_culture .plan{width:24%;}
}
@media only screen and (max-width:1640px){ /**/
	.dangjian_m .title{font-size: 17px;}
	.s_width{width:90%;}
	.s_width2{width:90%;}
	.main{width:90%;}
}
@media only screen and (max-width:1470px){ /**/
	.about_culture .culture{width:35%}
	.about_culture .plan{width:26%;}
	.about_culture .about{width:37%;}
}