html,body{width: 100%;font-size:16px;overFlow-x: hidden; min-width: 1280px; background: #f2f2f2}
*{ 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;}


.s_width{ width:1280px; margin:0 auto; position:relative}
.liuyan{ padding:0 0 30px 0}

/*header*/
.header{ width: 100%; background:#fff;padding:25px 0}
.header .logo{}
.header .logo .logo_l{ }
/*.header .logo .logo_l:after{display:inline-block; margin-left:15px; content:""; width:1px; height:30px; background:#ddd8d8;}*/
/*.header .logo .logo_r{font-size:16px; }
.header .logo .logo_r em{ color:#1a5db6; display:block;font-size:23px; font-weight:bold;}
.header .logo .logo_r span{}*/

.header .tel{padding:15px 0 0 0 }
.header .tel img{}
.header .tel p{ float:right; padding-left: 5px;}
.header .tel em{font-family: impact; font-size:30px; color: #e63a3a;}
.header .tel span{display: block; font-size: 16px; color: #707070;}

.nav{ width:100%; height: 60px;position:relative; background:#f85651;}
.nav ul{height: 60px; margin: 0 auto; width: 1280px; display: flex; justify-content: space-between;}
.nav li {font-size: 18px; position: relative; height: 60px; flex: 1; text-align: center;}
.nav li:last-child{ border-right:0}
.nav li a { text-decoration: none; height: 60px; line-height: 60px;  display: block; position: relative;z-index: 2; color: #fff; }
.nav li a:hover{ color: #fff; }


.nav li div {display:none; width: 100%; text-align:center;color:#fff;position:absolute;/*top:66px;*/background:#d84641; z-index:9999 ;  box-sizing:border-box;}
.nav li div a {display:block;COLOR: #fff; LINE-HEIGHT:45px; HEIGHT:45px;FONT-SIZE: 14px;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%;}

/*about*/
.about{ width: 100%;  padding:35px 0 20px 0;}
.about .s_width{width: 1280px; display: flex; justify-content: space-between; max-width: 1440px;}
.about_nr{width: 50%; display: flex; justify-content: space-between;}


.about_r{width: 99%; background:#fff; border-top: 6px #e63a3a solid;}
.about_r h2{font-size: 20px; color: #464646; margin-top: 24px; text-align: center;}
.about_r h2:after{ content: ""; width: 20%; background: #ccc; display: block; height: 2px; margin: 0.5rem auto;}
.about_r h2:hover{ color: #d60000; transition:all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s; }
.about_r h2:hover:after{content: ""; width: 60%; background: #d60000; display:block; height: 2px; margin-top: 0.5rem;transition:all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s; }
.about_r p{font-size: 14px; line-height: 28px; color: #464646; margin: 16px 20px; text-align: justify;}
.about_more{text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; padding: 16px 20px;}
.about_more h3{font-size: 18px; color: #e63a3a; }
.about_more a{color: #464646;}
.about_r .about_more img,.news .about_more img{margin-left: 10px;}


/*产品展示*/
.pro{ /*background:url(../images/probg.jpg) no-repeat center top; */width: 100%;}
.pro h2{ width:1280px;  margin:0px auto 0 auto; line-height:60px; text-align:center; position:relative}
.pro h2 em{ width:1280px;  display:block; margin:0 auto; font-size:37px;}
.pro h2 em:before{ content:""; width:550px; height:60px; background:#4cb3dc; display:inline-block; margin-right:50px; position:absolute; left:0;}
.pro h2 em:after{ content:""; width:550px; height:60px; background:#4cb3dc; display:inline-block; margin-left:50px; position:absolute; right:0;}
.pro_con{ width:1280px; margin:20px auto 0 auto; overflow:hidden;}
.marquee2 { width:9999px; height:424px; }
.marquee2 .pro_cc{ width:415px; height:363px;  background:#0057a4; float:left; margin:0 16px 11px 0; position:relative; overflow:hidden;}

.marquee2 .pro_cc a{ width:415px;  height:363px; position:relative;  display:block; font-size:12px; color: #333; text-decoration: none; }
.marquee2 .pro_cc a:hover{ text-decoration:none;color: #ff0000;text-decoration: none;}
.marquee2 .pro_cc img {  width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.marquee2 .pro_cc:hover img{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.marquee2 .pro_cc .pro_cc_text{ padding:15px 0; position:absolute; width:100%; bottom:0; left:0; background:#efeded;}
.marquee2 .pro_cc .pro_cc_pic{ width:424px; height:405px; overflow:hidden;}
.marquee2 .pro_cc em{text-align:center; line-height:40px; display:block; font-size:20px; color:#0057a4; font-weight:bold }
.marquee2 .pro_cc p{ color:#0057a4; font-size:15px; text-align:left; padding:0 20px; line-height:26px;}


.fa{width: 1280px;  background: #fff; max-width: 1440px; margin: 0 auto 20px auto;}
.fa_con{ width: 100%; position:relative; overflow:hidden; }

.huo_dd{ overflow:hidden; /*padding:10px 0 0 0*/ margin:20px auto; width: 97%;}
.huo_dd li{float:left; padding:0; width:298px; /*height:326px;*/ margin-right:16px; position:relative; overflow:hidden;  }

.huo_t_l{}
.huo_t_l a{ overflow: hidden; display: block;border: 1px solid rgba(0,0,0,0.1)}
.huo_t_l div{ background:#e63a3a; text-align:center; line-height: 50px; color:#fff; font-size:17px}
.huo_dd li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.huo_dd li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.fahuo_more{ width:350px; margin:45px auto 0 auto;}
.fahuo_more li{ width:166px; float:left; background:url(../images/hong.png) no-repeat left center; text-align:center; line-height:42px;}
.fahuo_more li.on{ background:url(../images/hei.png) no-repeat left center;}
.fahuo_more li a{ font-size:17px; font-weight:bold; color:#fff;}

.xinxi{width: 1280px;  background: #fff; max-width: 1440px; margin: 0 auto 20px auto;padding:0 0 15px 0}
.xinxi ul{margin: 16px 20px; display: flex;justify-content: space-between;flex-wrap: wrap}
.xinxi li{ width:47%;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;}
.xinxi li a{color: #464646;}
.xinxi li span{color: #a9a9a9;}


/*新闻+联系我们*/
.news_contact{ width:1280px; border:1px solid #d9d9d9; margin:50px auto 20px auto; background:#f9f9f9; overflow:hidden}
.news{width: 49%; display: flex; justify-content: space-between; background:#fff; background-size: cover; border-top: 6px #e63a3a solid;}
.news h2{ width:100%; height:45px; background:#439eca; font-size:18px; line-height:45px; color:#fff; font-weight:normal;}
.news h2 em{text-transform: uppercase; font-size:14px;}
.news .news_l{ padding:20px; float:left; width:35%}
.news .news_l img{ width:100%;}
.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;}

.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:#404040; text-align: center;padding:0 0 35px 0}
.footer ul{margin: 50px auto; width: 1000px; display: flex; justify-content: space-between;}
.footer ul li{font-size: 15px; flex: 1; border-right: 1px rgba(255,255,255,0.5) solid;}
.footer ul li a{text-decoration: none; color: #ddd;}
.footer ul li:last-child{border-right: 0;}

.footer p{color: #ddd; margin-top: 50px; line-height: 30px;font-size: 15px;}
.footer p a{color:#ddd;}










/*网站内页*/
.main{ width:1280px; margin:50px auto;}
.t_left{ width:270px; float:left; background: #fff}
.fenlei2{ overflow:hidden;}
.fenlei2 h2{ font-size:17px; color:#fff; padding:0px 0 0px 19px;  background:#f85651; line-height:65px;}
.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: 270px; margin-top:20px;}
.contact_ny h2{ font-size:17px; color:#fff; padding:0px 0 0px 19px;background:#f85651;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:14px; border:1px solid #eee;  padding:25px 18px; line-height:31px;}
.contact_ny p span{ font-weight:bold; display:block; line-height:52px; font-size:18px;}
.main_cont{ font-size:16px; line-height:28px; color:#666;/*text-indent:2em;*/}
.main_cont img{ max-width:100%}
.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:980px;overflow:hidden; background: #fff;padding:0 25px;}

.col-tit {color: #333;font-size: 16px;  border-bottom:1px solid #eee; margin-bottom:30px;}
.col-tit .tit{ font-size:18px; line-height:80px; font-weight:bold; color: #f85651;}
.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;}
.tuji li{float:left; padding:0; width:300px;  position:relative; overflow:hidden; margin:0 10px 20px 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{ height:50px; line-height:50px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:16px; background:#ebebeb;}


.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:1280px; 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;}