body,dd,dl,dt,h1,h2,h3,h4,h5,html,img,li,p,ul,em,i{margin:0; padding:0;}
body{color:#333;font:14px Microsoft YaHei,Arial;overflow-x:hidden;}
a:hover img,img{border:none; vertical-align: bottom;}
ul,li{list-style: none}
a{text-decoration: none; color:#333;}
a:hover{ color:#cd0200;text-decoration: underline; cursor: pointer}
.wrap{ width:1200px; margin:0 auto;}
.clearfix:after,.clear:after{content: ""; display: block;clear: both;}
.clearfix{zoom:1; clear:both;}
.fl{ float:left}
.fr{ float:right}
.index_head,.head{position: fixed;top: 0; left: 0;width: 100%;z-index: 100;}
.index_head a.logo,.head a.logo{float:left;}
.index_head{ height: 108px;}
.head{ height: 72px; background:#31363A; display:none}
.index_head a.logo{  padding-top:20px}
.head a.logo{ padding-top:12px}
.index_head .tel,.head .tel{padding-left:28px; font-size:16px;float: right; color:#fff; }
.index_head .tel{ background:url(../images/tel.png) 0 47px no-repeat; padding-top:43px}
.head .tel{ background:url(../images/tel.png) 0 29px no-repeat; padding-top:25px}
.index_head ul.nav,.head ul.nav{width:768px;position:relative; z-index:1; font-size:14px; float:left;}
.index_head ul.nav{ height:108px; line-height:108px; color: #999; margin-left:174px}
.index_head ul.nav li,.head ul.nav li{ float:left; }
.index_head ul.nav a,.head ul.nav a{padding:0px 29px;position: relative;}
.index_head ul.nav a{ color:#fff; }
.head ul.nav{ height:72px; line-height:72px; color:#999; margin-left:84px}
.head ul.nav a{ color:#fff;}
.index_head ul.nav li a span,.head ul.nav li a span{ position: absolute;bottom: -10px;left: 50%;display: inline-block;width: 0%; margin: 0 auto; background: #fe1d01; height: 2px; -webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.index_head ul.nav a:hover,.head ul.nav a:hover{ text-decoration:none}
.index_head ul.nav a:hover span,.head ul.nav a:hover span{width: 50%;}




/*头部开始*/
.header , .content  { width:1200px; margin:0 auto; }
.top_bg{ background:url(../images/top_bg.gif) repeat-x; height:231px;}
.h_top{ height:34px; line-height:34px; overflow:hidden;color: #999;}
.h_top em{ float:left; font-style:normal; padding-left:38px;}
.h_top em a{font-size: 14px;color: #f60; padding:0 10px;}
.h_top span{ float:right; display:inline-block;}
.h_top span a{ padding:0 10px;color: #999;}
.h_con{ height:133px; overflow:hidden;}
.h_con h1{ float:left; padding:20px 0 0 38px}
.h_con .h_dw{ float:left; padding:54px 0 10px 20px; background:url(../images/t_line.gif) no-repeat 0 48px;}
.h_con .tel{ background:url(../images/tel.gif) no-repeat 0 55px; float:right; margin-right:70px; padding:40px 0 0 45px; font-size:14px; color:#666;}
.tel span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#ee3938;}
.h_nav{ height:64px; line-height:64px; background:#ee3938}
.h_nav li{ float:left; position:relative;}
.h_nav li a{ font-size:17px; color:#fff; padding:0 20px;display:block; float:left;}
.h_nav li.cur a,.h_nav li a:hover{ background:#676767; text-decoration:none;}

.h_nav li .erj{ position:absolute; top:64px; left:0px; width:200px;  background:#fff; display:none; font-size:14px; z-index:999;}
.h_nav li .erj li{ height:45px; padding-top:8px; background:none;  margin:0px;width:100%; _width:150px;  display:block; text-align:center; border-bottom:1px solid #ececec;}
.h_nav li .erj a{ padding:0px;height:40px; line-height:40px;width:100%;_width:150px;  display:block; text-align:center; color:#7c7c7c; font-size:16px;}
.h_nav li .erj a:hover{ color:#ee3938; }
    
.h_nav li .erj a:hover{ }
.h_nav li .erj .erj_li a{ background:#fff; line-height:35px;}
.h_nav li .erj .erj_li a:hover{ }



.foot{ background:#1b1b1b; color:#a8a8a8; padding-top:70px;}
.foot a{ color:#a8a8a8}
.foot .wrap{ padding-bottom:60px}
.foot .bot{ height:70px; line-height:70px; border-top:1px solid #313131; text-align:center}
.foot ul{ float:left}
.foot ul li{ width:123px; margin-right:56px; float:left}
.foot ul li h4{ font-size:16px; color:#fff; font-weight:normal; margin-bottom:13px}
.foot ul li a{ display:block; height:30px; line-height:30px; }
.foot .rArea{ width:455px; float:right}
.foot .rArea .wechat{ width:104px; text-align:center; margin-right:30px; float:left}
.foot .rArea .wechat img{ margin-bottom:10px}
.foot .rArea .tel{ width:185px; text-align:center; float:right}
.foot .rArea h2{ font-size:24px; font-family:Arial; font-weight:normal; color:#fff; line-height:60px}
.service ul li{ width:16.6666%; float:left; position: relative;background:#ededed; }
.service ul li .pic{ width:100%; overflow:hidden}
.service ul li .pic a img{ width:100%;-webkit-transition: all 0.7s;-moz-transition: all 0.7s;-o-transition: all 0.7s; transition: all 0.7s;}
.service ul li .pic a:hover img { -webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15); transform: scale(1.15);}
.service ul li h2{ height:90px; line-height:90px; text-align:center; font-size:24px; position:relative}
.service ul li h2 a{color:#fff; }
.service ul li h2 a:hover{ text-decoration:none}
.service ul li h2:before {transition: 0.5s; content: ''; display: inline-block;background: url(../images/index_13.png) no-repeat;width: 17px;height: 9px; position: absolute;left: 50%; margin-left: -8.5px;top: 65px;}
.service ul li h2:hover:before {top: 70px; }
.service ul li p{ font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#333; padding:40px 32px 0; overflow:hidden; margin-bottom:40px}
.service ul li:after {position: absolute; z-index: 99; background: url(../images/index_08.png) repeat-y;width: 17px; top: 0; bottom: 0;right: -17px;content: '';display: inline-block;}
.side{position:fixed;width:70px;right:0;top:50%; margin-top:-145px;z-index:100; border-bottom:0;}
.side ul li{width:70px;height:70px;float:left;position:relative;font-size:12px; line-height:30px; text-align:center;transition:all 0.3s; cursor:pointer;color:#afafaf;background: rgba(30,30,30,.85); margin-bottom:1px}
.side ul li a{ text-decoration:none; color:#afafaf}
.side ul li:hover{background:#fe1d01; color:#fff;}
.side ul li:hover a{ color:#fff;}
.side ul li i{height:25px; margin-bottom:1px; display:block; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:auto 25px; margin-top:14px;transition:all 0.3s;}
.side ul li i.bgs1{ background-image:url(../images/2018/right_pic5_on.png);}
.side ul li i.bgs2{ background-image:url(../images/2018/right_pic7_on.png);}
.side ul li i.bgs3{ background-image:url(../images/2018/right_pic2_on.png);}
.side ul li i.bgs4{ background-image:url(../images/2018/right_pic1_on.png);}
.side ul li i.bgs6{ background-image:url(../images/2018/right_pic6_on.png);}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all 0.3s;overflow:hidden;}
.side ul li.sidetop{ background: rgba(254,29,1,.85); color:#fff;}
.side ul li.sidetop:hover{background: rgba(254,29,1,1)}
.side ul li.sideewm .ewBox {width:192px; display: none; color: #363636; text-align: center; padding-top:187px; position: absolute;left:-194px; top: 0px; background-image: url(../images/2018/leftewm.png); background-repeat: no-repeat; background-position: center center; border:1px solid #e0e0e0;}
.side ul li.sideetel .telBox { width: 240px;height:189px;display: none;  color: #fff;text-align: left;position: absolute;left: -240px; top: -63px; background:#fe1d01;}
.side ul li.sideetel .telBox dd{ display:block; height:94.5px; overflow:hidden; padding-left:82px; line-height:24px; font-size:16px;}
.side ul li.sideetel .telBox dd span{ display:block; line-height:28px; height:28px; overflow:hidden; margin-top:21px; font-size:16px;}
.side ul li.sideetel .telBox dd.bgs1{ background:url(../images/2018/right_pic8.png) 28px center no-repeat; background-color:#df1901;}
.side ul li.sideetel .telBox dd.bgs2{ background:url(../images/2018/right_pic9.png) 28px center no-repeat;}