html,body{width: 100%;font-size:16px;overFlow-x: hidden; min-width: 1220px;}
*{ margin:0; padding:0;}
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;}
em,i{font-style:normal;}

.s_width{ width:1220px; margin:0 auto; position:relative}
.liuyan{ padding:0 0 30px 0}
.main_cont p{line-height: 25px;margin-top: 10px;color: #454545;text-indent:2em;}

.main_cont p img{display: block;max-width: 800px;text-align: center;margin: 6px auto;border: 1px solid rgba(0,0,0,0.1);}

/*header*/
.header{ width: 100%; height:140px; background: url(../images/top.jpg) repeat-x center top;}
.header .logo{width: 760px; margin-top:38px;}
.header .logo .logo_l{ width:500px;}

.header .tel{ padding:44px 0 0 0;}
.header .tel img{}
.header .tel p{ float:left; padding-left: 5px;text-indent: 0;}
.header .tel em{font-family: impact; font-size:36px; color: #d0000e;}
.header .tel span{display: block; font-size: 16px; color: #707070;}

.nav{ width:100%; height:56px;position:relative;background:#d0000e;}
.nav ul{height:56px; margin: 0 auto; width: 1220px; display: flex; justify-content: space-between;}
.nav li {font-size: 18px; position: relative; height:56px; flex: 1; text-align: center;border-right: 1px solid rgba(255,255,255,0.4);}
.nav li:last-child{border: none;}
.nav li:last-child{ border-right:0}
.nav li a { text-decoration: none; height:56px; line-height:56px;  display: block; position: relative;z-index: 2; color: #fff; }
.nav li a:hover{ color: #fff; }
.nav li:after{content:'';position:absolute;height:3px;width:0;background: #fde40e;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s;color: #fff; z-index: 1;}
.nav li:hover:after{width:100%;color: #fff;z-index: 1;}

.nav li div {display:none; width: 100%; text-align:center;color:#fff;position:absolute;/*top:66px;*/background: linear-gradient(to bottom, #f42d30,#b51515); z-index:9999 ;  box-sizing:border-box;}
.nav li div a {display:block;COLOR: #fff; LINE-HEIGHT:45px; HEIGHT:45px;FONT-SIZE: 16px;font-weight:normal; margin-top:0; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.nav li div a:hover {color:#333;  background:#fde40e; border-top:0; border-right:0; border-left:0; font-weight:normal;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }

/*banner*/
.banner{ position:absolute; z-index:1; height:100%;}

.bankuai{width: 1220px;margin: 0 auto;display: flex;justify-content: space-between;margin-top: 30px;}

.bankuail{flex:4;padding:20px;margin-right: 26px;border: 1px solid rgba(0,0,0,0.3);}
.bankuair{flex: 11;border: 1px solid rgba(0,0,0,0.3);padding:20px;}
.inde_xwll{text-align: center;}
.inde_bt{font-size:18px;display: flex;justify-content: space-between;padding-bottom:20px;margin-bottom:20px; background: url("../images/xian.jpg") left bottom no-repeat;}
.inde_bt em{font-weight: bold;}
.inde_bt a{color: #666;font-size:14px;}
.xinwen{width: 100%;display: flex;justify-content: space-between;}

.xinwenl{flex: 3;margin-right: 20px;}
.xinwenr{flex: 4;}

.xinwenl li em{font-size:16px;font-weight: bold;line-height: 42px;}
.xinwenl li i{font-size: 15px;color: #666;display: block;margin-bottom: 26px;}
.xinwenl li a p{color: #464646;line-height: 27px;font-size:15px;}

.xinwenr li{display: flex;justify-content: space-between;font-size: 16px;line-height: 32px;}
.xinwenr li i{font-size: 15px;}
.xinwenr li:hover a{color:#d0000e;}
.indelx{font-size: 16px;line-height: 27px;}

.jianjie{line-height:27px;display: flex;justify-content: space-between;}

.jianjie img{margin-right: 20px;}
.jianjie p{margin-bottom: 10px;}
.jianjie img{width: 100%;}




.contact{ width:25%; float:right;}
.contact h2{ width:100%; height:45px; background:#439eca; font-size:18px; line-height:45px; padding-left:20px; color:#fff; font-weight:normal;}
.contact h2 em{text-transform: uppercase; font-size:14px;}
.contact p{ font-size:15px; line-height:28px; padding-left:20px; color:#333;}
.contact p span{ display:block; font-size:17px; font-weight:bold; line-height:50px; margin-top:10px; color:#d92b2a;}



/*footer*/
.footer{overflow:hidden; background:#7f7f7f;border-bottom:15px #a61817 solid;padding: 50px 0 20px 0;}
.footer_nr{width: 1220px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.footer ul{margin:0px auto 50px auto; width: 1000px; display: flex; justify-content: space-between;}
.footer ul li{font-size: 16px; flex: 1;}
.footer ul li a{text-decoration: none; color: #fff;}
.footer ul li:last-child{border-right: 0;}

.footer p{color: #fff; margin-top: 50px; line-height: 30px;text-align: left;}
.footer p a{color:#fff;}

.f_erwm{width: 130px;text-align: center;}

.f_erwm img{width: 100%;}
.f_erwm i{margin-top: 4px;color: aliceblue;}
.footer p span{padding-right:30px;}



/*网站内页*/
.main{ width:1220px; margin:50px auto;}
.t_left{ width:250px; float:left;box-shadow: 0px 0px 10px #c0c0c0;}
.fenlei2{ overflow:hidden;}
.fenlei2 h2{ font-size:16px; color:#d60000; line-height:25px; padding:0px 0 0px 9px;font-weight:normal; background:url(../images/line_box.jpg) no-repeat left bottom; width:240px; height:55px; line-height:55px;}
.fenlei2 h2 span{ font-size:13px; font-family:Arial, Helvetica, sans-serif; color: #d60000; text-transform: uppercase;}

.fenlei2 ul{ border:1px solid #eee; padding:0px 0 0px 0;}
.fenlei2 li{ line-height:45px; margin:0 auto; color:#333; margin-bottom:1px; border-bottom:1px solid #f4f4f4; font-size:16px;}
.fenlei2 li a:hover{background: #d60000; color:#fff; display:block;transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; text-indent: 28px;}
.fenlei2 li a{font-size:15px; padding:0 0 0 25px; color:#333; display: block;}
.fenlei2 li.treeone {
    background:#fff;
    padding-left: 0; border:1px solid #ececec; line-height:35px;
}
.fenlei2 li.treeone a { font-size:13px; color:#333}
.fenlei2 li.treeone:hover {  background:#df5727;}

.contact_ny{ width: 250px; margin-top:20px;}
.contact_ny h2{ font-size:16px; color:#d60000; line-height:25px; padding:0px 0 0px 9px;font-weight:normal;background:url(../images/line_box.jpg) no-repeat left bottom; width:240px; height:55px; line-height:55px;}
.contact_ny h2 span{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color: #d60000; text-transform: uppercase;}
.contact_ny p{ font-size:14px; border:1px solid #eee;  padding:15px; line-height:31px;}
.contact_ny p span{ font-weight:bold; display:block; line-height:32px; font-size:18px;color: #d60000；}
.main_cont{ font-size:16px; line-height:28px; color:#666;/*text-indent:2em;*/}
.main_cont h3{ text-align:center; font-size:25px; border-bottom:1px dashed #d3d8db;line-height:50px; font-weight:normal;}
.main_cont h4{ font-size:15px; text-align:center; font-weight:normal; margin-bottom:50px; }

.main_cont li{ line-height:50px; font-size:16px; border-bottom:1px dashed #d5d1d1;}
.main_cont li:before{ content:""; display:inline-block; background:url(../images/jt.png); width:15px; height:15px; margin-right:20px;}


.main_l{ float:left; width:226px; padding:0 0 0 9px; overflow:hidden; background:#333}
.main_r{ float:right; width:940px;overflow:hidden; }

.col-tit {color: #333;font-size: 16px; height:50px; border-bottom:1px solid #CCC; margin-bottom:30px;}
.col-tit .tit{ font-size:20px; line-height:50px; font-weight:bold; color: #d60000;}
.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; margin:0 auto; padding-left:2px; width:1220px;}
.tuji ul{ margin-top:30px;}
.tuji li{float:left; padding:0; width:314px;  position:relative; overflow:hidden; margin-bottom:20px}
.tuji li .p-img{ width:312px; height:250px;  text-align:center; border:1px solid #ebebeb; position:relative; cursor: pointer;}
.tuji li .p-name{ height:50px; line-height:50px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:16px; background:#ebebeb; width:310px;  }
.tuji li .p-img mark{
	position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    background: rgba(214,0,0,.5);
    z-index: 20;
    opacity: 0;
    transform: skewX(60deg);
    transition: 360ms;
}
.tuji li .p-img div{
	position:absolute;
	z-index:21;
	background:red;
}
.tuji li .p-img .borderleft{	
	top:0;
	left:0;
	width:3px;
	height:0;
}
.tuji li .p-img .bordertop{
	top:0;
	left:0;
	width:0;
	height:3px;
}
.tuji li .p-img .borderbottom{
	bottom:0;
	right:0;
	width:0;
	height:3px;
}
.tuji li .p-img .borderright{
	top:0;
	right:0;
	width:3px;
	height:0;
}
.tuji li .p-img .leftline{
	position:absolute;
	left:50%;
	margin-left:-230px;
	top:50%;
	z-index:21;
	border-top:1px solid #d60000;
	width:60px;
	opacity:0;
}
.tuji li .p-img .topline{
	position:absolute;
	left:50%;
	margin-top:-230px;
	top:50%;
	z-index:21;
	border-left:1px solid #d60000;
	height:60px;
	opacity:0;
}

.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{ width:1220px; margin:0 auto 105px auto;}
.espcms_info_pager li{ width:46%; float:left;   line-height:50px; margin-right:5%}
.espcms_info_pager li:nth-child(2n){ margin-right:0px;}

.foot_links{width: 1220px;margin: 0 auto;display: flex;justify-content: center;align-items: center;height:50px;line-height:50px;margin-top: 20px;border-top: 1px solid rgba(255,255,255,0.3);}
.foot_links em{font-size: 18px;font-weight: bold;margin-right: 20px;}
.foot_links {display: flex;justify-content: center;}
.foot_links li{font-size: 16px;margin: 0 8px;}
.foot_links li a:hover{color: #fff;}