@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#f8f8f8;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}

a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#a2050e;}
input,textarea,select,button{  font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#333;color:#FFF;}
::selection {background: #333;color: #FFF;}
input::-webkit-input-placeholder{color:#333;}
input:-ms-placeholder{color:#333;}
input:-moz-placeholder{color:#333;}
img{border:0}
.clear { zoom: 1;clear:both; }
.clear:after { content: ''; display: block; clear: both; }
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

@font-face {font-family:'AlibabaSans'; src: url('../fonts/AlibabaSans-Medium.otf') format('truetype'); }

.fl{ float:left;}
.fr{ float:right;}
.c1200{ width:1200px; margin:auto; min-width:1200px;}

/* header */
header{-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1); width: 100%; left: 0; top: 0; position: fixed; z-index: 999;}
.WebLine{ width: 100%; height: 6px; margin: auto; background: url(../images/webLine.jpg) left repeat-x;}
.header{ width: 100%; height: 100px; margin: auto; background-color: #fff; }
.header .headerLogo a{ display: block; margin: 23px 0; width: 248px; height: 54px; background: url(../images/logo.png) center center no-repeat;}
.headerNav{position: relative;z-index: 1;height: 100px;line-height: 100px;}
.nav{float: right; position: relative; }
.nav h3{font-size: 100%;font-weight: normal;font-size: 14px;}
.nav .m{position: relative;float: left;width:130px;margin: 0 0;display: inline;text-align: center;}
.nav h3 a{zoom: 1;height: 100px;line-height: 100px;padding: 0 0;display: block;color: #333; font-size: 16px;}
.nav .m:hover h3 a{padding: 0 0; color: #a2050e; font-weight: bold;}
.nav .sub{display: none; width: 130px;padding: 0 0;position: absolute;left: 0;  top: 100px;background: rgba(162,5,14,0.8);float: left;line-height: 36px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1); -moz-box-shadow:0 0 10px rgba(0,0,0,0.1); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.nav .sub li{text-align: center;}
.nav .sub li a{color: #fff;display: block;zoom: 1;}
.nav .sub li a:hover{background: #fff;color: #a2050e;}
.nav .sub .subc{ float: left; width: 100%; color: #fff; padding: 20px 0; border-top: solid 1px rgba(255,255,255,0.2);}
.nav .sub .subc:first-child{ border-top: 0;}
.nav .sub .column{ float: left; color: #fff; text-align: center; width: 130px; line-height: 30px; font-size: 16px; font-weight: bold;}
.nav .sub .column a{ color: #fff;}
.nav .sub .list{ float: right; width: 800px;}
.nav .sub dl{ float: left; line-height: 24px; width: 140px; padding-right: 20px; text-align: left;}
.nav .sub dl a:hover{ text-decoration: underline;}
.nav .sub dl dt{margin-bottom: 10px; color: #fff;}
.nav .sub dl dt a{ font-size: 14px; font-weight: bold;  line-height: 30px; color: #fff;}
.nav .sub dl dd a{color: #fff;  font-size: 12px;}
.nav .sub dl dd span{ font-size: 20px; font-weight: bold; float: left; margin-right: 5px;}
.nav #m2 .sub{z-index: 1;width: 940px;left: -425px; padding:0 20px;}

.headerBg{ width: 100%; height: 106px; position: relative; z-index: 1;}

/* Banner */
.Banner{width:100%;position:relative;height:520px;  margin:0 auto; z-index:1;}
.Banner .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.Banner .bd ul{width:100% !important;}
.Banner .bd li{width:100% !important; height:520px; overflow:hidden; text-align:center;}
.Banner .bd li a{display:block;height:520px;}
.Banner .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:4px;}
.Banner .hd ul{text-align:center;}
.Banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:40px;height:4px;margin:0 5px;overflow:hidden; background:rgba(255,255,255,0.8);line-height:999px;}
.Banner .hd ul .on{background:rgba(162,5,14,1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.Banner .prev,.Banner .next{position:absolute; top:50%; width:30px; height:52px; margin-top:-26px; background-repeat:no-repeat; background-size:contain; cursor:pointer; display:none;}
.Banner .prev{left:10%; background:url(../images/iconBannerprev.png);}
.Banner .next{right:10%; background:url(../images/iconBannernext.png);}


/* titleTop */
.titleTop{ width: 1200px; margin: auto; position: relative; z-index: 2;}
.titleTop .left{ position: relative;}
.titleTop .left .nameEn{ position: relative; font-size: 36px; text-transform: uppercase; padding-bottom: 25px; color: #a2050e; font-family: 'AlibabaSans';}
.titleTop .left .nameZh{ position: absolute; width: 100%; left: 0; bottom: 0;}
.titleTop .left .nameZh p{ width: 100%; position: absolute; left: 0; top: 17px; z-index: 1; height: 1px; background-color: #ddd;}
.titleTop .left .nameZh span{ float: right; padding-left: 20px; line-height: 31px; padding-left: 20px; background-color: #f8f8f8; text-align: right;  z-index: 2; position: relative; font-size: 18px;}
.titleTop .right{ font-size: 16px; color: #333; line-height: 50px;}

/* product */
.product{ width: 1200px; margin:60px auto; position: relative;}
.product .list{ width: 100%; margin: 50px auto 0;}
.product .list dl{ float: left; width: 580px; height: 520px; margin-left: 40px; position: relative; overflow: hidden;}
.product .list dl:first-child{ margin-left: 0;}
.product .list dl dt{ width: 580px; height: 410px; position: relative; overflow: hidden; z-index: 1;}
.product .list dl dt img{ width: 580px; height: 410px; transition: all 0.8s ease; }
.product .list dl dd{ width: 520px; height: 52px; padding:29px 30px; overflow: hidden; position: absolute; z-index: 2; left: 0; bottom: 0; background: #fff; transition: all 0.8s ease;}
.product .list dl dd .title{ float: left; line-height: 26px; width: 100%; height: 52px; }
.product .list dl dd .title a{ color: #333; font-size: 18px;}
.product .list dl dd .title p{ color: #999; font-size: 14px;}
.product .list dl dd .more{ float: left; width: 100px; height: 36px;  margin: 8px 210px;}
.product .list dl dd .more a{ display: block; width: 100px; height: 36px; background-color: #fff; color: #a2050e; text-align: center; line-height: 36px;  transform: translateY(100px); transition: all 0.8s ease;}
.product .list dl:hover dd .more a{ transform: translateY(20px); opacity:1;}
.product .list dl:hover dd .more a:hover{ background-color: rgba(0,0,0,0.6); color: #fff;}
.product .list dl:hover img{transform:scale(1.2)}
.product .list dl:hover dd{ height: 102px; text-align: center; padding: 49px 30px;
background: #a2050e;
background: -moz-linear-gradient(top,  rgba(162,5,14,0.4) 0%, rgba(162,5,14,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(162,5,14,0.4)), color-stop(100%,rgba(162,5,14,1)));
background: -webkit-linear-gradient(top,  rgba(162,5,14,0.4) 0%,rgba(162,5,14,1) 100%);
background: -o-linear-gradient(top,  rgba(162,5,14,0.4) 0%,rgba(162,5,14,1) 100%);
background: -ms-linear-gradient(top,  rgba(162,5,14,0.4) 0%,rgba(162,5,14,1) 100%);
background: linear-gradient(to bottom,  rgba(162,5,14,0.4) 0%,rgba(162,5,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(162,5,14,0.4)', endColorstr='rgba(162,5,14,1)',GradientType=0 );
}
.product .list dl:hover dd .title{ width: 100%;}
.product .list dl:hover dd .title a,.product .list dl:hover dd .title p{ color: #fff;}


/* solution */
.solution{ width: 1200px; margin:60px auto; position: relative;}
.solution .list{ width: 100%; margin: 50px auto 0;}
.solution .list .first{ width: 480px; height: 480px; overflow: hidden; position: relative;}
.solution .list .first .img{ width: 480px; height: 480px; position: relative; z-index: 1;}
.solution .list .first .img img{ width: 480px; height: 480px; transition: all 0.8s ease; }
.solution .list .first .cont { position: absolute; bottom: 0; left: 0; z-index: 2; height: 100%; width: 100%; background-color: rgba(0,0,0,0.6); transform: translateY(400px); transition: all 0.8s ease;}
.solution .list .first .cont .name{ width: 400px; padding: 0 40px; line-height: 80px; color: #fff;  font-size: 18px; font-weight: bold;  text-align: center;  transition: all 0.8s ease;}
.solution .list .first .cont .more,.solution .list ul li .cont .more{ background: url(../images/link.png) center center no-repeat; width: 30px; height: 30px; margin:0 224px; border-radius: 50%; border: solid 1px #eee; transition: all 0.8s ease;  transform: translateY(80px);}
.solution .list .first .cont .more a,.solution .list ul li .cont .more a{ display: block; border-radius: 50%;width: 30px; height: 30px; }
.solution .list .first .cont .more:hover,.solution .list ul li .cont .more:hover{ border-color: #a2050e; background-color: #a2050e;}
.solution .list ul{ width: 720px; height: 480px;}
.solution .list ul li{ float: left; width: 340px; height: 230px; position: relative; overflow: hidden; margin: 0 0 20px 20px;}
.solution .list ul li .img{ width: 340px; height: 230px; position: relative; z-index: 1; overflow: hidden;}
.solution .list ul li .img img{ width: 340px; height: 230px;  transition: all 0.8s ease;}
.solution .list ul li .cont{  position: absolute; bottom: 0; left: 0; z-index: 2; height: 100%; width: 100%; background-color: rgba(0,0,0,0); transform: translateY(150px); transition: all 0.8s ease;}
.solution .list ul li .cont .name{ width: 260px; padding: 0 40px; line-height: 80px; color: #fff;  font-size: 18px; font-weight: bold;  text-align: center;  transition: all 0.8s ease;}
.solution .list ul li .cont .more{ margin:0 154px;}
.solution .list ul li:hover .cont .name{transform: translateY(50px); opacity:1; font-size: 24px; }
.solution .list ul li:hover .cont .more{transform: translateY(60px); opacity:1;  }
.solution .list .first:hover img,.solution .list ul li:hover img{transform:scale(1.2)}
.solution .list .first:hover .cont,.solution .list ul li:hover .cont{ transform: translateY(0); opacity:1;background-color: rgba(0,0,0,0.6);}
.solution .list .first:hover .cont .name{  transform: translateY(174px); opacity:1; font-size: 28px;}
.solution .list .first:hover .cont .more{  transform: translateY(194px); opacity:1; font-size: 28px;}
.solution .list .first .cont .name:hover,.solution .list ul li .cont .name:hover{ color: #a2050e;}



/* news */
.news{ width: 1200px; margin:60px auto 80px; position: relative;}
.newsList{ width:1200px; height:370px; overflow:hidden; position:relative; margin: 50px auto 0; }
.newsList .bd{ position:relative; height:100%; z-index:0;   }
.newsList .bd li{ zoom:1; vertical-align:middle; width: 100%; position: relative; }
.newsList .bd .img{ width:540px; height:375px; display:block; position: relative; overflow: hidden; }
.newsList .bd .img img{  width:540px; height:375px; transition: all 0.8s ease;}
.newsList .bd .img:hover img{ transform:scale(1.2)}
.newsList .bd .cont{ width: 600px; height: 315px; padding: 30px 0; position: relative;}
.newsList .bd .cont .name{ font-size: 18px; width: 100%; font-weight: bold;}
.newsList .bd .cont .name a{ color: #333;}
.newsList .bd .cont .name a:hover{ color: #a2050e;}
.newsList .bd .cont .time{  font-size: 14px; color: #999; margin: 15px 0;}
.newsList .bd .cont .con{ font-size: 14px; color: #666; line-height: 30px;}
.newsList .bd .cont .more{ width: 100px; height: 36px; margin-top: 20px; background-color: #333; line-height: 36px; text-align: center;}
.newsList .bd .cont .more a{ display: block; color: #fff; font-size: 14px;}
.newsList .bd .cont .more:hover{ background-color: #a2050e;}

.newsList .prev,.newsList .next{ position:absolute; right:37px; bottom:40px;  display:block; width:36px; height:36px; background:#dadada url(../images/icon.png) no-repeat; }
.newsList .prev{ background-position: 0 0; background-color: #333;}
.newsList .next{ left:auto; right:0; background-position:-36px -36px; }
.newsList .prev:hover,.newsList .next:hover{  background-color: #a2050e; }
.newsList .prev:hover{background-position: 0 0;}
.newsList .next:hover{background-position: -36px 0;}
.newsList .prevStop{ display:none;  }
.newsList .nextStop{ display:none;  }



/* footer */
footer{ width: 100%; margin: auto; background: url(../images/footerBg.jpg) center top no-repeat;}
.footer{ width: 100%; background:rgba(162,5,14,0.8) ; padding: 60px 0;}
.footer .left{ width: 300px; color: #fff;}
.footer .left .title{ font-size: 18px; font-weight: bold;}
.footer .left .list{ font-size: 14px; margin-top: 15px; }
.footer .left .list dl{ float: left; height: 16px; line-height: 16px; width: 100%; margin: 5px 0}
.footer .left .list dl dt{ float: left; width: 16px; background: url(../images/contactIcon1.png) no-repeat; height: 16px;}
.footer .left .list dl:nth-child(1) dt,.footer .left .list dl:nth-child(2) dt{ background-position: 0 0;}
.footer .left .list dl:nth-child(3) dt{ background-position: -16px 0;}
.footer .left .list dl:nth-child(4) dt{ background-position: -32px 0;}
.footer .left .list dl:nth-child(5) dt{ background-position: -48px 0;}
.footer .left .list dl dd{ float: left; width: 270px; margin-left: 14px;}
.footer .right{ width: 900px;}
.footer .right dl{ float: left; max-width: 130px; text-align: center; padding-left: 50px;}
.footer .right dl dt{ float: left; font-size: 16px; width: 100%; font-weight: bold; color: #e9e9e9; margin-bottom: 10px;}
.footer .right dl dd{ margin: 6px 0; width: 100%; float: left;}
.footer .right dl dd a{ font-size: 14px; color: #e9e9e9;}
.footer .right dl dd a:hover{ color: #333; text-decoration: underline;}
.copy{ width: 100%; text-align: center;  padding: 15px 0; background-color: #1f1f1f; line-height: 26px; color: #5c5c5c; }
.copy a{ color: #5c5c5c;}
.copy a:hover{ color: #a2050e; text-decoration: underline;}


/* pageBanner */
.pageBanner{ width: 100%; height: 410px; min-width: 1200px; margin: auto;  position: relative; overflow: hidden;}
.pageBanner .BannerBg{ width: 100%; position: relative; height: 370px; z-index: 1; max-width: 1920px; margin: auto;}
.pageBanner .BannerBg p{ width: 100%; height: 370px; background: rgba(0,0,0,0.5) url(../images/bannerBg.png) center bottom no-repeat; }
.pageBanner .cont{ position: absolute; left: 50%; top: 100px; width: 1200px; margin-left: -600px; z-index: 2; text-align: center; color: #fff;}
.pageBanner .cont h2{ font-size: 48px;}
.pageBanner .cont h3{ font-size: 24px;}
.pageBanner .icon{ width: 78px; height: 78px; border: solid 1px #e5e5e5; border-radius: 50%; background-color: #fff; position: absolute; bottom: 0; left: 50%; margin-left: -40px; z-index: 2; }
.pageBanner .icon i{ display: block; width: 66px; height: 66px; border-radius: 50%; margin: 6px; background:#a2050e url(../images/bannerIcon.png) no-repeat}
.pageBanner .newsBanner i{ background-position: 0 0;}
.pageBanner .productBanner i{ background-position: -66px 0;}
.pageBanner .solutionBanner i{ background-position: -132px 0;}
.pageBanner .serviceBanner i{ background-position: -198px 0;}
.pageBanner .aboutBanner i{ background-position: -264px 0;}


/* pageNav */
.pageNav{ width: 1200px; margin: 30px auto 0; text-align: center;}
.pageNav li{ display: inline-block; margin: 10px;}
.pageNav li a{ display: block; font-size: 16px; color: #333; height: 40px; line-height: 40px; border-radius: 20px; padding: 0 40px;}
.pageNav li.on a,.pageNav li:hover a{ background-color: #a2050e; color: #fff;}

/* fenye */
.pages{ margin:60px 0 ; text-align: center;font-size:12px;}
.pages a { display:inline-block; height:32px; line-height:32px; background:#eee; text-align:center; color:#333; padding:0 12px; margin:0 2px;}
.pages a:hover { background:#a2050e;color:#fff; text-decoration:none }
.pages span{ display:inline-block; height:32px; line-height:32px; background:#a2050e; color:#fff; text-align:center; padding:0 13px; margin:0 2px;}

.pages1{ width: 430px; margin: 60px auto;}
.pages1 .Prev a,.pages1 .Next a{ display: block; width: 95px; height: 11px; padding:17px 0; }
.pages1 .Prev a i,.pages1 .Next a i{display: block; width: 95px; height: 11px; background: url(../images/pages.png) no-repeat;}
.pages1 .Prev a i{ background-position: 0 0;}
.pages1 .Next a i{ background-position: -95px 0;}
.pages1 .Prev a i:hover{ background-position: 0 -11px;}
.pages1 .Next a i:hover{ background-position: -95px -11px;}
.pages1 .List a{ display: block; width: 180px; height: 45px; line-height: 45px; text-align: center; margin: 0 30px; background-color: #333; color: #fff;}
.pages1 .List a:hover{ background-color: #a2050e;}


/* pageNews */
.pageNews{ width: 1200px; margin: 50px auto 80px; position: relative;}
.pageNews li{ float: left; width: 100%; height: 270px; margin-bottom: 30px; overflow: hidden;}
.pageNews li .left{ width: 390px; height: 270px; overflow: hidden;}
.pageNews li .left img{ width: 390px; height: 270px; transition: all 0.8s ease;}
.pageNews li .right{ padding: 50px; width: 710px; height: 170px; background-color: #f2f2f2; overflow: hidden;}
.pageNews li .right .name{ width: 100%; font-size: 18px; font-weight: bold; color: #333; padding-bottom: 25px; border-bottom: solid 1px #ddd;}
.pageNews li .right .cont{ width: 100%; font-size: 14px; line-height: 30px; margin: 20px 0 ; color: #333;}
.pageNews li .right .time{ font-size: 14px; color: #999; }
.pageNews li:hover img{transform:scale(1.2)}
.pageNews li:hover .right{ background-color: #a2050e;}
.pageNews li:hover .name,.pageNews li:hover .cont,.pageNews li:hover .time{ color: #fff;}


/* pageNewsD */
.pageNewsD{ width: 1200px; margin: 50px auto 80px; position: relative; }
.pageNewsD .line{ width: 40px; height: 2px; background-color: #a2050e;}
.pageNewsD .name{ width: 100%; line-height: 26px; color: #333; font-size: 18px; padding: 20px 0 ; border-bottom: solid 1px #e5e5e5;}
.pageNewsD .time{ font-size: 14px; color: #999; width: 100%; margin: 30px 0;}
.pageNewsD .cont{ width: 100%; font-size: 14px; color: #999; line-height: 32px;}
.pageNewsD .cont img{ max-width: 100%;}


/* pageProduct */
.pageProduct{ width: 1200px; margin: 50px auto 80px; position: relative;}
.pageProduct li{ float: left; width: 600px; height: 320px; overflow: hidden; position: relative;  background-color: #f2f2f2;}
.pageProduct li:nth-child(1),.pageProduct li:nth-child(4),.pageProduct li:nth-child(5),.pageProduct li:nth-child(8),.pageProduct li:nth-child(9),.pageProduct li:nth-child(12),.pageProduct li:nth-child(13),.pageProduct li:nth-child(16),.pageProduct li:nth-child(17),.pageProduct li:nth-child(20){ background-color: #fff;}
.pageProduct li .left{ width: 230px; height: 200px; position: relative; padding: 60px 20px 60px 40px;}
.pageProduct li .left .name{ width: 100%;}
.pageProduct li .left .name a{ font-size: 18px; color: #333; line-height: 24px;}
.pageProduct li .left .name a:hover{ color: #a2050e;}
.pageProduct li .left .cont{ font-size: 14px; color: #999; line-height: 24px; margin-top: 20px;}
.pageProduct li .left .more{ width: 100px; height: 36px; line-height: 36px; text-align: center; bottom: 60px; position: absolute; background-color: #333; left: 40px;}
.pageProduct li .left .more a{ display: block; color: #fff;}
.pageProduct li .left .more:hover{ background-color: #a2050e;}
.pageProduct li .right{ width: 310px; height: 320px; overflow: hidden;}
.pageProduct li .right img{ width: 310px; height: 320px; transition: all 0.8s ease;}
.pageProduct li .right:hover img{transform:scale(1.1)}

/* pageProductD */
.pageProductD{ width: 1200px; margin: 50px auto 80px; position: relative;}
.pageProductD .cont{ padding: 50px; width: 1100px; background-color: #fff;}
.pageProductD .cont .name{ width: 100%; font-size: 30px; color: #a2050e; margin: 40px 0; font-weight: bold; line-height: 34px;}
.pageProductD .cont .conTop{ width: 100px; height: 36px; text-align: center; line-height: 36px; background-color: #ddd; color: #a2050e; font-size: 16px;}
.pageProductD .cont .con{ width: 100%; line-height: 32px; color: #333; font-size: 14px; margin-top: 30px;}
.pageProductD .cont .con img{ max-width: 100%;}
.pageProductD .proImg{width: 100%;position: relative;height: 440px;}
.pageProductD .proImg .bd{margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.pageProductD .proImg .bd ul{width: 100% !important;}
.pageProductD .proImg .bd li{width: 100% !important;height: 410px;overflow: hidden;text-align: center;}
.pageProductD .proImg .hd{width: 100%;position: relative;z-index: 1; margin-top: 16px;  height: 14px;line-height: 14px;}
.pageProductD .proImg .hd ul{text-align: center;}
.pageProductD .proImg .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1; width: 14px; border-radius: 50%; height: 14px; margin:0 5px; overflow: hidden; background: #ddd; line-height: 999px;}
.pageProductD .proImg .hd ul .on{background: #a2050e;}
.pageProductD .proImg .prev,.proImg .next{display: block ; position: absolute; z-index: 1;top: 50%;margin-top: -20px;left: 0;z-index: 1;width: 40px;height: 40px;background: url(../images/proIcon.png) 0 0 #ddd no-repeat; cursor: pointer; border-radius: 50%;}
.pageProductD .proImg .next{left: auto;right: 0;background-position: -40px 0;}
.pageProductD .proImg .next:hover,.pageProductD .proImg .prev:hover{  background-color: #a2050e;}

/* pageAbout */
.pageAbout{  width: 1200px; margin: 50px auto 80px; position: relative;  line-height: 32px; color: #333; font-size: 14px; }
.pageAbout img{ max-width: 100%;}


/* pageContact */
.pageContact{  width: 1200px; margin: 80px auto ; height: 380px;}
.pageContact .left{ width: 300px; height: 240px; background-color: #333; color: #fff; padding:70px 40px;}
.pageContact .left .line{ width: 30px; height: 2px; background-color: #fff;}
.pageContact .left .title{ width: 100%; font-size: 22px; color: #fff; margin: 20px 0;}
.pageContact .left .list{ width: 100%;}
.pageContact .left .list dl{ float: left;  width: 100%; margin: 5px 0;}
.pageContact .left .list dl dt{ float: left; width: 16px; margin-top: 4px; height: 16px; background: url(../images/contactIcon1.png) no-repeat;}
.pageContact .left .list dl dd{ color: #fff; font-size: 14px;  float: left; line-height: 24px; margin-left: 9px; width: 275px;}
.pageContact .left .list dl:nth-child(1) dt,.pageContact .left .list dl:nth-child(2) dt{ background-position: 0 0;}
.pageContact .left .list dl:nth-child(3) dt{ background-position: -16px 0;}
.pageContact .left .list dl:nth-child(4) dt{ background-position: -32px 0;}
.pageContact .left .list dl:nth-child(5) dt{ background-position: -48px 0;}
.pageContact .right{ width: 740px; height: 300px; padding: 40px; background-color: #fff; position: relative;}

.ContactForm_list{ width:740px; margin:0; overflow:hidden;}
.ContactForm_list .row{ width:100%; clear:both;  margin:0 0 25px 0;}
.ContactForm_list .row .row_left{ width:230px; float:left; margin-right: 25px; display:block; }
.ContactForm_list .row .row_right{ width:230px; float:right; display:block; }
.ContactForm_list label{ position:relative; display:block; }
.ContactForm_list label span{ position:absolute; left:15px; top:14px; font-size:14px; color:#999;}
.ContactForm_list .txt{ border:1px solid #eee; background:#fff;}
.ContactForm_list .txt:focus{ border:1px solid #a2050e; padding:0 15px; background:#fff;}
.ContactForm_list .txt.w1{ width:198px; height:44px; line-height:44px;  padding:0 15px;}
.ContactForm_list .txt.w2{ width:708px; height:140px; line-height:28px;  padding:8px 15px;}
.ContactForm_list .btn{ float:left; border:0; background:#333; width:160px; height:46px; cursor:pointer; text-align:center; font-size:16px; font-weight:bold; color:#fff;}
.ContactForm_list .row .btn:hover{ background:#a2050e; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.ContactForm_list .row p.xin{ color:#21282e; line-height:46px; font-size:16px; float:right; font-weight:bold;}
.ContactForm_list .row p.xin span{ color:#a2050e; font-size: 20px;}


/* pageMap */
.pageMap{ width: 1200px; height: 560px; margin:0 auto 80px;}


/* pageDownload */
.pageDownload{  width: 1200px; margin: 50px auto 80px; position: relative;}
.pageDownload .top{ width: 100%; height: 80px; line-height: 80px; font-size: 16px; color: #fff; background-color: #333;}
.pageDownload .top p{ float: left;}
.pageDownload .top p.p1,.pageDownload .top p.p2{ width: 420px; padding: 0 40px;}
.pageDownload .top p.p3{ width: 200px; text-align: center;}
.pageDownload .list{ width: 100%;}
.pageDownload .list li{ float: left; width: 100%; padding: 30px 0; background-color: #fff; border-bottom: solid 1px #eee; }
.pageDownload .list li p{ float: left; font-size: 16px; color: #333;  line-height:30px;}
.pageDownload .list p.p1,.pageDownload .list p.p2{ width: 420px; padding: 0 40px;}
.pageDownload .list p.p3{ width: 200px; text-align: center;}
.pageDownload .list p.p3 a{display: block; width: 30px; height: 30px; background: #aaa url(../images/download.png) center center no-repeat; margin:0 85px; border-radius: 50%;}
.pageDownload .list p.p3 a:hover{ background-color: #a2050e; }


/* pageTraining */
.pageTraining{ width: 1200px; margin: 50px auto 80px; position: relative;}
.pageTraining .top{ width: 100%; height: 80px; line-height: 80px; font-size: 16px; color: #fff; background-color: #333;}
.pageTraining .top p{ float: left;}
.pageTraining .top p.p1{ width: 520px; padding:0 40px;}
.pageTraining .top p.p2,.pageTraining .top p.p3,.pageTraining .top p.p4{ width: 200px; text-align: center;}
.pageTraining .list{ width: 100%;}
.pageTraining .list li{ float: left; width: 100%; font-size: 16px; padding: 0 0; background-color: #fff; border-bottom: solid 1px #eee; }
.pageTraining .list a{ display: block; color: #333; line-height: 26px; width: 100%; padding: 30px 0 50px;}
.pageTraining .list p{ float: left;}
.pageTraining .list p.p1{ width: 520px; padding:0 40px;}
.pageTraining .list p.p2,.pageTraining .list p.p3,.pageTraining .list p.p4{ width: 200px; text-align: center;}
.pageTraining .list li:hover{border-bottom-color: #a2050e; background-color: #a2050e;}
.pageTraining .list li:hover a{color: #fff;}





/* kefu */
#cs_box {width:156px; height:120px; color:#FFF; background:#a2050e; position:fixed; right:0; top:50%; margin-top: -145px; z-index:1000;}
.cs_title {font-size:18px; width:156px; height:50px; border-bottom:solid 1px #890109; line-height:50px; background:url(../images/kefu1.png) 26px center no-repeat; font-weight:bold;}
.cs_title{ color:#fff; display:block; width:156px; height:50px; cursor:pointer;}
.cs_title span{ margin-left:58px;}

.cs_btn {width:100px; height:36px; background: url(../images/kefu3.png) 20px center no-repeat #fff; padding-left:20px; margin:10px 18px; border-radius:5px;text-align:center; cursor:pointer;}
.cs_btn a{ font-size:14px; line-height:36px; color:#333; display:block; }