html,body{width: 100%;font-size:16px;overflow-x:hidden}
*{ 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;}
.cuya{font-family: "impact";}

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


/*header*/
.top{ width:100%; height:35px; background:#ff7d00; line-height:35px; font-size:14px;}
.top p{ float:left; color:#fff;}
.top span{ float:right; color:#fff}
.top span a{color:#fff}
.top span a:hover{ font-weight:bold; color:#fff;}

/*主导航多级菜单*/
.header{ width:100%;}
.header .logo{ width:871px; padding:30px 0;}
.header .logo .logo_l{ width:453px;}
.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; margin-top:}
.header .logo .logo_r em{ color:#1a5db6; display:block;font-size:23px; font-weight:bold;}
.header .logo .logo_r span{}

.header .tel{ padding:30px 0 0 0;}
.header .tel img{ width:60px;}
.header .tel p{ float:right; padding-left:0px;}
.header .tel em{font-family: impact; font-size:30px; color:#1e61ba;}
.header .tel span{ display:block; font-size:16px;}


.nav{ width:100%; height: 66px;position:relative; background: linear-gradient(to bottom, #2d7fcc,#0d5da9);}
.nav ul{  height: 66px;margin:0 auto; width:80%;}
.nav li { float: left;font-size: 18px; position: relative; height: 66px; width: calc(100%/8); text-align:center; }
.nav li a { text-decoration: none; height: 66px; line-height: 66px;  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:#ca2c2c;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:185px;text-align:center;color:#fff;position:absolute;top:66px;background: linear-gradient(to bottom, #345abe,#354f95); 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:#ff7d00; 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{position:relative;overflow:hidden;width:100%;}
#banner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner ul li{width:33.333%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner #bannerBtnS{width:85px;position:absolute;right:0;left:0;bottom:15%;margin:auto}
#banner  #bannerBtnS em{display:block;float:left;width:18px;height:18px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner  #bannerBtnS em.act{background:#ff7d00}
.sl{width: 100%;}
.sl,.st,.st div,.sl div{overflow:hidden;}
.nextinfo{width:100%;overflow:hidden;}
.nextinfo span{background:#eee;margin:20px 1%;width:48%;float:left;text-align:center;border-radius:20px;font-size: 14px;}
.nextinfo span a{color: #000}


/*about*/
.about{ width:80%; margin:70px auto 0 auto;}
.about .about_l{ width:58%; float:left}
.about .about_l h2{ font-size:2.7rem;}
.about .about_l h2 em{ color:#2d7fcc}
.about .about_l h3{ font-weight:normal; font-family: georgia,serif; font-size:30px;text-transform: uppercase; color:#666; padding:10px 0 10px 0;}
.about .about_l h3:after{ content:""; width:100px; height:5px; background:#ff7d00; display:block;transition: .5s; margin-top:5px;}
.about .about_l h3:hover:after{ content:""; width:300px; height:5px; background:#ff7d00; display:block;}
.about .about_l p{ margin-top:20px; font-size:16px; line-height:31px;text-indent:2em;}
.about .about_l a{ width:120px; height:45px; line-height:45px; text-align:center; margin-top:50px; background:#ff7d00; display:block; color:#fff;transition: .5s; }
.about .about_l a:hover{ background:#000;border-radius: 10px}
.about .about_r{ width:38%; float:right; overflow:hidden}
.about .about_r img{ width:100%;height:430px;transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.about .about_r:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}


/*pro*/
.pro{width:100%;   padding:60px 0 0px 0; background:url(../images/pro.jpg)repeat center center; margin-top:70px;}
.pro h2{   text-align:center; color:#fff; font-size:45px;}
.pro h2 em{ font-size:46px;  display:block; font-weight:normal;font-family: impact;text-transform: uppercase; color:#e7e9ea;}

.chanpin_con{ padding:0 0 71px 0; width:80%; margin:60px auto 0 auto; overflow:hidden;}
.chanpin_con li{float:left; padding:0; width:23%; height:auto; padding-bottom:0.5%; margin: 0 1% 2% 1%; position:relative; overflow:hidden;  background:#fff}
.chanpin_con .old img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.chanpin_con li:hover .old img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.chanpin_con .old{ width:90%; margin:10px auto 0 auto;position:relative; overflow:hidden;}
.chanpin_con p{ color:#dd2a54; padding:4px 0 0 0}
.chanpin_con p a{ color:#060606; display:block; text-align:center; font-size:24px; line-height:45px;}


/*新闻动态*/
.news{ width:80%; margin:50px auto 0 auto;}
.news h2{   text-align:center; color:#ff7d00; font-size:45px;}
.news h2 em{ font-size:46px;  display:block; font-weight:normal;font-family: impact;text-transform: uppercase; color:#2d7fcc;}

.news_cont{ width:1280px; position:relative; overflow:hidden; margin:0 auto;padding:20px 20px;}
.news_cont li{ width:403px; float:left;  height:495px; position:relative; border:1px solid #fff; margin:0 13px 0 0; }
.news_cont .xinwen_pic{ width:380px; height:265px; position:absolute; top:9px; left:50%; margin-left:-190px; overflow:hidden;}
.news_cont .xinwen_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; }
.news_cont .xinwen_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.news_cont .xinwen_text{ width:380px; padding:20px 15px; position:absolute; top:274px; left:11px; background:#f2f2f2;}
.news_cont .xinwen_text .xinwen_date{ font-size:14px; color:#9e9e9e; line-height:33px;}
.news_cont .xinwen_text .xinwen_title a{ font-size:17px; color:#333; line-height:43px;}
.news_cont .xinwen_text .xinwen_title a:hover{ color:#333;}
.news_cont .xinwen_text .xinwen_span{ width:32px; height:2px; background:#c99619}
.news_cont .xinwen_text .xinwen_cont{ width:100%; font-size:14px; line-height:26px; color:#666}




/*客户案例*/
.case{width:100%;   padding:60px 0 60px 0; background:url(../images/case.jpg)repeat center center; margin-top:10px;}
.case h2{   text-align:center; color:#fff; font-size:45px;}
.case h2 em{ font-size:46px;  display:block; font-weight:normal;font-family: impact;text-transform: uppercase; color:#e7e9ea;}

.al_pic {overflow:hidden;margin:60px auto 20px auto;width:80%; overflow:hidden}
.al_pic li {float:left;margin-right:20px;width:320px; }
.al_pic li a:hover {background:#ff7d00;color:#fff;}
.al_pic li a:hover ol {color:#fff;margin-left:30px;}
.al_pic li a:hover ol::before {border-color: #fff;content: "+";font-size: 40px;border: none;width: auto;top: -15px;left: 240px;}
.al_pic li a {display:block;}
.al_pic li a img {display:block;width:100%;}
.al_pic li a ol {text-align:left;font-size:18px;margin:15px 0 0 0;position:relative;height:40px;transition:all .6s; width:100%; color:#fff;}
.al_pic li a ol::before {position:absolute;top:15px;left:140px;content:"";border-top:1px solid #fff;width:100px;height:1px;}
@media (min-width: 1281px) {
	/*左右滚动*/
	.al_pic, .syal_pic {
	  display: block; }
  
	.al_pic1, .sycp_lb, .syal_pic1 {
	  display: none; } }

/*fangan*/
.fangan{ width:80%; position:relative; margin:70px auto;}
.fangan h2{   text-align:center; color:#ff7d00; font-size:45px; margin-bottom:60px;}
.fangan h2 em{ font-size:46px;  display:block; font-weight:normal;font-family: impact;text-transform: uppercase; color:#2d7fcc;}

.fangan_cont{ background:#f2f2f2; width:48%; margin:0 2% 2% 0;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }
.fangan_cont:nth-child(2n){ margin-right:0;}
.fangan_tou_pic{ width:28%; height:120px; margin:15px; overflow:hidden}
.fangan_tou_pic img{ width:100%}
.fangan_tou_con{ width:65%; padding-right:10px;}
.fangan_tou_con a{ display:block; color:#282828; font-size:18px; line-height:31px; font-weight:bold; padding-top:15px;}
.fangan_tou_con p{  color:#717171; font-size:13px; line-height:25px;}
.fangan_cont:hover{ background:#2d7fcc}
.fangan_cont:hover a{ color:#fff;}
.fangan_cont:hover p{ color:#fff;}


/*footer*/
.footer{ background:#2d7fcc;}
.footer .s_width{ width:1280px; margin:0 auto;}
.fenlei{width: 615px;height: 100%;padding: 50px 0px 100px 30px; border-right:1px solid transparent; border-color: rgba(255, 255, 255, 0.3);}
.fenlei h2{ color:#fff}
.fenlei h2 em{font-family: georgia,serif;text-transform: uppercase;}
.fenlei .fenlei_ul{ margin-top:20px;}
.fenlei .fenlei_ul li{height:36px; line-height:36px; padding:0 50px; display:block;border:1px solid transparent; border-color: rgba(255, 255, 255, 0.3); margin:0 15px 15px 0; text-align:left; float:left;}
.fenlei .fenlei_ul li a{ color:#e9eaea; padding-left:10px; }
.fenlei .fenlei_ul li a:hover{ color:#fff; }

.lianxiUs{width: 355px;height: 100%; border-right:1px solid transparent; border-color: rgba(255, 255, 255, 0.3); padding: 50px 0px 36px 0px;}
.lianxiUs h2{ color:#fff;padding-bottom:35px; }
.lianxiUs p{ line-height:31px; float:left; color:#fff}
.lianxiUs img{ width:209px; height:209px; float:right; margin-right:75px;}

.aboutUs{width: 305px;height: 100%;padding: 50px 0px 0 30px;}
.aboutUs h2{ color:#fff; padding-bottom:35px; }
.aboutUs  li{display:block;text-align:center; float:left; width:122px; margin-right:15px; line-height:45px;}
.aboutUs li em{ color:#e9eaea; text-align:center }
.aboutUs li a:hover{ color:#fff; }
.aboutUs li img{ width:100%}
.end{ background:#ff7d00; line-height:60px;}
.end p{ text-align:center; color:#fff;}


/*网站内页*/
.main{ width:1280px; margin:50px auto 50px auto;}
.t_left{ width:270px; float:left;box-shadow: 0px 0px 10px #c0c0c0;}
.fenlei2{ overflow:hidden;}
.fenlei2 h2{ font-size:18px; color:#fff; line-height:25px; padding:0px 0 0px 9px; background:#2d7fcc; height:55px; line-height:55px;}
.fenlei2 h2 span{ font-size:13px; font-family:Arial, Helvetica, sans-serif;color:#ff7d00;text-transform: uppercase;font-weight:normal;}

.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:#439eca; color:#fff; display:block;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; text-indent: 28px;}
.fenlei2 li a{ font-size:15px; padding:0 0 0 25px; color:#333}
.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:18px; color:#fff; line-height:25px; padding:0px 0 0px 9px; background:#2d7fcc; height:55px; line-height:55px;}
.contact_ny h2 span{ font-size:14px; font-family:Arial, Helvetica, sans-serif;color:#e0aa00;text-transform: uppercase;font-weight:normal;}
.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;}
.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 p{ font-size:16px; line-height:31px;}
.main_cont p span{ display:block; font-size:23px; font-weight:bold; line-height:60px; color:#2d7fcc}
.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; }

.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:#d92b2a;}
.crumbs {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:1280px;}
.tuji ul{ margin-top:30px;}
.tuji li{float:left; padding:0; width:330px;  position:relative; overflow:hidden; margin-bottom:20px}
.tuji li .p-img{ width:312px; height:250px;  text-align:center; border:1px solid #ebebeb; position:relative  }
.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(235,97,35,.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 red;
	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 red;
	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: #f2f2f2;outline:0px; margin-right:1px;}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c;outline:0px}
.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active,.btn-default.active {color: #fff;background-color: #439eca;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: #d72e18;}
.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;  background:#f2f2f2; line-height:50px; margin-right:5%}
.espcms_info_pager li:nth-child(2n){ margin-right:0px;}