﻿
@font-face {
	font-family: 'THEX';
	src:url('../fonts/HELVETICANEUELTPRO-THEX.OTF');
	font-weight: normal;
	font-style: normal
}@font-face {
	font-family: 'GOTHAM-BLACK';
	src:url('../fonts/GOTHAM-BLACK.OTF');
	font-weight: normal;
	font-style: normal
} 

@font-face {
    font-family: 'Trump';
    src: url('../fonts/TrumpGothicEast_bold.eot');
    src: local('apple Regular'),
    local('apple'),
    url('../fonts/TrumpGothicEast_bold.woff') format('woff'),
    url('../fonts/TrumpGothicEast_bold.ttf') format('truetype'),
    url('../fonts/TrumpGothicEast_bold.svg#apple') format('svg');
}

@font-face {
    font-family: 'DINCond';
    src: url('../fonts/DINCond-Black.eot');
    src: local('apple Regular'),
    local('apple'),
    url('../fonts/DINCond-Black.woff') format('woff'),
    url('../fonts/DINCond-Black.ttf') format('truetype'),
    url('../fonts/DINCond-Black.svg#apple') format('svg');
} 
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body{overflow-x: hidden;font-size: 12px;}
input,textarea{color: #666;vertical-align: middle;outline:none;resize: none;}
.fl{float: left;}
.fr{float: right;}
ul,li,dl ,dt , dd{list-style: none;margin:0;padding: 0;}
p{margin:0;padding: 0;}
.am-g{width: 1200px;margin:0 auto;}
a{color: #666;}
h1,h2,h3,h4,h5,h6{margin:0;padding: 0;}
[class^="bk"]{line-height: 0px;display: block;font-size: 0;clear: both;}
input,textarea{color: #666;vertical-align: middle;outline:none;resize: none;}
.bk0{height: 0;}.bk10{height: 10px;}.bk15{height: 15px;}.bk20{height: 20px;}.bk30{height: 30px;}.bk35{height: 35px;}.bk40{height: 40px;}.bk50{height: 50px;}.bk55{height: 55px;}.bk60{height: 60px;}.bk70{height: 70px;}.bk75{height: 75px;}.bk80{height: 80px;}

#welcome{height: 45px;color: #999;line-height: 45px;border-bottom: solid 1px #ececec;} 
#welcome a{color: #999;float: left;}
#welcome a:hover{color: #cd000c;}
#welcome a.sc{background-position:left 4px;}
#welcome a.wx{background-position:left -108px;}
#welcome a.map{background-position:left -227px;}
#welcome a.lx{background-position:left -358px;}
#welcome font.line{background: url(../images/wel-line.png) no-repeat center center;width: 1px;height: 45px;display: inline-block;margin:0 25px;float: left;}
 

#header{height: 133px;position: relative;}
#header .logo{width: 440px;height: 77px;position: absolute;top: 0;bottom: 0;margin:auto;font-size: 22px;line-height: 100%;}
#header .logo img{float: left;margin-right: 15px;}
#header .logo h1{font-size: 32px;margin:13px 0;}
#header .logo h1 font{color: #d1000e;font-size: 32px;}
#header .am-g{position: relative;height: 133px;}

#header .top-tel{background: url(../images/top-tel.gif) no-repeat left center;float: right;padding-left: 60px;margin-top: 30px;font-size: 18px;line-height: 100%;color: #818181;}
#header .top-tel h2{margin:8px 0;color: #d1000e;}
#header .top-tel .red{color: #d1000e}




#kefu{position:fixed;top:30px;right:10px;z-index:40;text-align:center;width:140px;height:355px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;background:#d1000e;z-index: 999999;top: 50px;}
#kefu>h2{margin:15px 0;font-size:22px;color:#fff;line-height: 22px;}
#kefu>h2>span{font-size:12px}
#kefu>ul li{line-height:30px;width:80%;cursor:pointer;margin:10px auto;background:#fff;height:25px;font-size:14px;color:#000;border-radius:5px;vertical-align:middle}
#kefu>ul li img{vertical-align:middle;position:relative;top:-4px}
#kefu>ul li span{position:relative;margin-left:5px;top:-2px}
#kefu .qr_code{width:60px;margin:10px auto;border-radius:5px;overflow:hidden}
#kefu .qr_code>img{width:100%;height:100%;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
#kefu .small_tel {line-height: 22px;}
#kefu .small_tel .p1{padding-left:20px;font-size:14px;color:#fff;display:inline-block;margin:0 auto}
#kefu .small_tel .p2{font-size:16px;color:#fff;margin:5px 0;display:inline-block;width:120px}
#kefu .small_tel .p2 a{color: #fff;}
#kefu .close{width:50px;height:50px;text-align:center;position:absolute;top:-26px;left:45px;cursor:pointer}
#kefu .close>img{max-width:100%}







.navgation{height: 47px;line-height: 47px;border-top: solid 1px #dadada;}
.navgation ul{position: relative;width: 100%;height: 100%;}
.navgation ul .hover{background: url(../images/navgation-hover.png) no-repeat;width: 122px;height: 60px;position: absolute;left: 10px;top: -7px;z-index: 9999;}
.navgation ul li{float: left;position: relative;padding-right: 1px;width: 12.5%;text-align: center;position: relative;z-index: 999999;}
.navgation ul li:after{background: url(../images/navgation-line.gif) no-repeat center;position: absolute;right: 0;top: 0;width: 1px;content: '';height: 100%;}
.navgation ul li a{display: block;height: 100%;padding: 0 15px;font-size: 14px;color: #333;}
.navgation ul li.active a{color: #fff;}
.navgation ul li.cur a{color: #fff;}

.am-slider-default {margin: 0;background-color: #fff;  border-radius: 0;    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);}
#banner{height: 596px;overflow: hidden;width: 100%;}

.fraction-slider {position:relative;width:100%;height:100%;overflow:visible;}
.fraction-slider .slide {display:none;width:100%;height:100%;position:absolute;z-index:5000;}
.fraction-slider .active-slide {z-index:9999;}
.fraction-slider .fs_obj {display:block;display:none;position:absolute;top:0px;left:100%;z-index:7000;}
.fraction-slider .fs_fixed_obj {z-index:6000;left:0;}
.fraction-slider .fs_obj * {display:inline-block;position:relative;top:0px;left:0px;}
.fs_loader {width:100%;height:400px;background:url(../images/fs.spinner.gif) center center no-repeat transparent;}
/** CONTROLS **/

.fraction-slider .prev, .fraction-slider .next {display:none;position:absolute;width:45px;height:45px;z-index:9999;}
.fraction-slider .prev {left:10px;top:185px;background:url(../images/fs.prevnext.png) 0px 0px no-repeat transparent;}
.fraction-slider .prev:hover {background:url(../images/fs.prevnext.png) 0px -45px no-repeat transparent;}
.fraction-slider .next {right:10px;top:185px;background:url(../images/fs.prevnext.png) -45px 0px no-repeat transparent;}
.fraction-slider .next:hover {background:url(../images/fs.prevnext.png) -45px -45px no-repeat transparent;}
.fraction-slider:hover .prev, .fraction-slider:hover .next {display:block;}
/** PAGER **/

.fs-pager-wrapper {text-align: center;position:absolute;width: 100%;bottom:10px;z-index:9999;}
.fs-pager-wrapper a {display:inline-block;width:14px;height:14px;margin:0 5px 0 0;background:#fff;}
.fs-pager-wrapper .active {background:#173f9d;}


#search{height: 70px;border-bottom: solid 1px #efefef;line-height: 70px;color: #ddd;position: relative;}
#search .am-g{position: relative;height: 103px;}
#search b{color: #fd0100;}
#search a{color: #666;}
#search a:hover{color: #fd0100}

#search .search-form{position: absolute;right: 0;top: 0;bottom: 0;margin:auto;}
#search .search-form input[type="text"]{width: 212px;height: 32px;text-indent: 10px;border:none;background: url(../images/search-input.gif) no-repeat;}
#search .search-form input[type="submit"]{width: 44px;height: 32px;color: #fff;border:none;background: url(../images/search-submit.gif) no-repeat;text-indent: -99px;}

#quality{padding: 75px 0;}
#quality .t{background: url(../images/product-t-bg.gif) no-repeat center center;line-height: 100%;height: 65px;margin-bottom: 60px;position: relative;}
#quality .t h1{text-align: center;font-weight: normal;margin-bottom: 30px;text-transform: uppercase;font-size: 32px;color: #333;}
#quality .t h2{text-align: center;font-weight: normal;text-transform: uppercase;color: #ff0000;font-size: 32px;}

#quality .lists{position: relative;}
#quality .lists #demo-02{overflow: hidden;}
#quality .lists .prevs,#quality .lists .nexts{background: url(../images/home-arrow.png) no-repeat;width: 19px;height: 31px;position: absolute;top: 0;bottom: 0;margin:auto;}
#quality .lists .prevs{left: -60px;}
#quality .lists .nexts{right: -60px;background-position: -31px 0;}
#quality .lists dl{width: 274px;float: left;position: relative;margin-right: 33px;}
#quality .lists dl:nth-child(4):after{display: none;}
#quality .lists dl dt{position: relative;margin-bottom: 25px;width: 100%;height: 263px;overflow: hidden;border:solid 5px #eee;}
#quality .lists dl dt img{transition: all .5s;width: 100%;}
#quality .lists dl:hover dt img{transform: scale(1.2);}
#quality .lists dl dd{color: #999;padding: 0 0;position: relative;}
#quality .lists dl dd h3{font-size: 18px;color: #333;font-weight: normal;}
#quality .lists dl a:hover dd h3{color: #fd0100}
#quality .lists dl dd p{margin: 25px 0; }
#quality .lists dl dd .icon{background: url(../images/p-icon.gif) no-repeat;display: inline-block;width: 34px;height: 34px;position: absolute;top: 0;bottom: 0;right: 0;margin:auto;}
#quality a.more{display: block;width: 67px;height: 40px;line-height: 36px;color: #666;text-align: center;font-size: 15px;position: absolute;right: 0;top: 0;bottom: 0;margin:auto;background-color: #fff}
#quality a.more:hover{color: #d1000e;}

#plan{background: url(../images/plan-bg.jpg) no-repeat center top;height: 541px;position: relative;}
#plan .text-box{position: absolute;right: 0;width: 50%;background: url(../images/plan-text-bg.png) no-repeat;height: 100%;}
#plan .text-box .red{color: #d1000e;}
#plan .text-box .text{width: 600px;height: 100%;padding: 60px 0 0 60px;line-height: 100%;}
#plan .text-box .text h1{font-size: 34px;color: #333;margin-bottom: 20px;line-height: 34px;}
#plan .text-box .text h3{font-size: 16px;font-weight: normal;color: #666;}
#plan .text-box .text ul{padding: 30px 0 35px 25px}
#plan .text-box .text ul li{line-height: 33px;font-size: 15px;background: url(../images/plan-arrow.png) no-repeat left center;padding-left: 25px;}
#plan .text-box .text .tel{background: url(../images/plan-tel.png) no-repeat;font-size: 14px;padding-left: 35px;margin-bottom: 30px;}
#plan .text-box .text .tel font{font-size: 24px;font-weight: bold;}
#plan .text-box .text .btn a{display: inline-block;background: url(../images/plan-btn-bg.png) no-repeat -164px 0;width: 144px;height: 36px;text-align: center;line-height: 36px;font-size: 14px;color: #666;}
#plan .text-box .text .btn a:hover{background-position: 0 0;}
#plan .plan-down{background: url(../images/plan-icon.png) no-repeat;width: 58px;height: 58px;position: absolute;left: 0;right: 0;bottom: -29px;margin:auto;}


#product{padding: 85px 0 30px;overflow: hidden;}
#product .t{background: url(../images/product-t-bg.gif) no-repeat center center;line-height: 100%;height: 65px;margin-bottom: 70px;}
#product .t h1{text-align: center;font-weight: normal;margin-bottom: 30px;text-transform: uppercase;font-size: 32px;color: #333;}
#product .t h2{text-align: center;font-weight: normal;text-transform: uppercase;color: #ff0000;font-size: 32px;}

#product .cate{background-color: #fff;overflow: hidden;position: relative;border-bottom: solid 1px #eee;margin-bottom: 30px;padding-bottom: 20px;}

#product .cate ul li{line-height: 26px;margin-bottom: 20px;overflow: hidden;position: relative;}
#product .cate span{float: left;font-weight: bold;background-color: #d1000e;text-align: center;color: #fff;font-size: 14px;width: 140px;position: absolute;left: 0;top: 0;}
#product .cate div{float: left;width: auto;font-size: 14px;margin-left: 140px;}
#product .cate  a{padding: 0 20px;display: inline-block;color: #666;}
#product .cate  a:hover{color: #d1000e;}

#product .prolists{}
#product .prolists dl{width: 274px;float: left;position: relative;margin-right: 33px;margin-bottom: 33px;}
#product .prolists dl.mn{margin-right: 0;}
#product .prolists dl:nth-child(4):after{display: none;}
#product .prolists dl dt{position: relative;margin-bottom: 25px;width: 100%;height: 263px;overflow: hidden;border:solid 5px #eee;}
#product .prolists dl dt img{transition: all .5s;width: 100%;}
#product .prolists dl:hover dt img{transform: scale(1.2);}
#product .prolists dl dd{color: #999;padding: 0 0;position: relative;}
#product .prolists dl dd h2{font-size: 18px;color: #333;font-weight: normal;}
#product .prolists dl a:hover dd h2{color: #fd0100}
#product .prolists dl dd p{margin: 25px 0; }
#product .prolists dl dd .icon{background: url(../images/p-icon.gif) no-repeat;display: inline-block;width: 34px;height: 34px;position: absolute;top: 0;bottom: 0;right: 0;margin:auto;}
 


#about{padding: 70px 0 90px;background: #f0f0f0;}

#about .lists{position: relative;}
#about .video{position: absolute;border:solid 1px #dcdcdc;width: 471px;height: 333px;top: 26px;left: -26px;}
#about .video img{border:solid 10px #e3e3e3;margin: -26px 0 0 26px ;}
#about .context{float: left;width: 680px;float: right;height: 330px;padding-top: 17px;color: #666;line-height: 28px;font-size: 14px;}
#about .context h3{font-size: 36px;color: #d1000e;font-weight: normal;line-height: 100%;margin-bottom: 10px;}
#about .context h4{font-weight: normal;color: #999;text-transform: uppercase;font-size: 20px;margin-bottom: 10px;}
#about .context div.line{width: 50px;height: 1px;background-color: #c6c6c6;margin-bottom: 30px;}

#about .btn{margin-top: 50px;}
#about .btn .details{width: 180px;height: 50px;display: inline-block;line-height: 50px;color: #fff;margin-right: 20px;position: relative;text-indent: 75px;transition: all .5s;background-color: #d1000e;border-radius: 90px;font-size: 16px;}
#about .btn .details i{background: url(../images/a-view.png) no-repeat;width: 25px;height: 27px;position: absolute;display: block;left: 36px;top: 0;bottom: 0;margin:auto;transition: all .5s;}
#about .btn .consulting{width: 180px;height: 50px;display: inline-block;line-height: 50px;color: #fff;margin-right: 20px;position: relative;text-indent: 75px;transition: all .5s;background-color: #8a8a8a;border-radius: 90px;font-size: 16px;}
#about .btn .consulting i{background: url(../images/zixun.png) no-repeat;width: 29px;height: 26px;position: absolute;display: block;left: 36px;top: 0;bottom: 0;margin:auto;transition: all .5s;} 

  

#advantage{background: url(../images/advantage-bg.gif) repeat;position: relative;overflow: hidden;height: 1836px;}
#advantage .animate{background: url(../images/advantage-animate-bg.png) repeat center top;position: absolute;width: 100%;height: 100%;left: 0;top: 280px;}
#advantage .t{background: url(../images/advantage-t.png) no-repeat center top;height: 167px;margin-bottom: 60px;}
#advantage .lists{background: url(../images/advantage-lists-bg.png) no-repeat;height: 1609px;position: relative;}
#advantage .lists .red{color: #d1000e;}
#advantage .lists dl{position: absolute;}
#advantage .lists dl dt{line-height: 100%;overflow: hidden;margin-bottom: 30px;}
#advantage .lists dl dt img{}
#advantage .lists dl dt span{display: inline-block;background-color: #d1000e;border-radius: 5px;width: 44px;height: 44px;text-align: center;line-height: 44px;color: #fff;font-size: 24px;float: left;margin-right: 20px;}
#advantage .lists dl dt h1{font-weight: normal;font-size: 24px;margin-bottom: 15px;margin-top: 5px;}
#advantage .lists dl dt h3{color: #a8a8a8;text-transform: uppercase;font-weight: normal;font-size: 14px;}
#advantage .lists dl dd{font-size: 15px;color: #6c6c6c;border-left: solid 1px #d1000e;padding-left: 30px;margin-left: 40px;}

#choose .t{background-color: #f5f5f5;padding: 40px 0;}
#choose h1{text-align: center;font-weight: normal;font-size: 30px;color: #173f9d;}
#choose div.line{background-color: #959595;width: 105px;height: 1px;margin:20px auto;}
#choose h2{text-align: center;font-weight: normal;text-transform: uppercase;color: #999;}



#choose .chooseBox{height: 551px; margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1;}
#choose .chooseBox .text{background-color: rgba(23,63,157,.94);width: 50%;height: 100%;}
#choose .chooseBox .text .box{width: 600px;float: right;}


#choose .choose .bg{background-color: rgba(23,63,157,.94);width: 50%;height: 100%;position: absolute;left: 0;top: 0;}

#choose .tp-bullets.simplebullets.round .bullet		 			{	cursor:pointer; position:relative;	background:url(../images/bullet1.png) no-Repeat top left;	width:20px;	height:20px;  margin-right:0px; float:left; margin-top:-10px; margin-left:3px;}
#choose  .tp-bullets.simplebullets.round .bullet:hover,
#choose  .tp-bullets.simplebullets.round .bullet.selected,
#choose  .tp-bullets.simplebullets.navbar .bullet:hover,
#choose  .tp-bullets.simplebullets.navbar .bullet.selected		{	background-position:bottom left; }
#choose .tp-leftarrow.default{	z-index:100;cursor:pointer; position:relative;	background:url(../images/choose-left.gif) no-Repeat 0 0;	width:40px;	height:40px;}
#choose .tp-rightarrow.default{	z-index:100;cursor:pointer; position:relative;	background:url(../images/choose-right.gif) no-Repeat 0 0;	width:40px;	height:40px;}




#case{padding: 60px 0;overflow: hidden;background-color: #fafafa;}
#case h1{text-align: center;font-weight: normal;font-size: 30px;color: #173f9d;}
#case div.line{background-color: #959595;width: 105px;height: 1px;margin:10px auto;}
#case h2{text-align: center;font-weight: normal;text-transform: uppercase;color: #999;margin-bottom: 35px;}

.poster-main{height: 360px;position: relative;margin: 50px auto;	}
.poster-main .poster-list .poster-item{position: absolute;left: 0;top: 0;	}
.poster-main .poster-list .poster-item p{text-align: center;padding: 20px 0;font-size: 16px;background: url(../images/ca-line.gif) no-repeat center bottom;}
.poster-main .poster-btn{position: absolute;top: 0;cursor: pointer;	}
.poster-main .poster-prev-btn{left: -250px;background: url("../images/btn_l.png") no-repeat center center;	}
.poster-main .poster-next-btn{right: -250px;background: url("../images/btn_r.png") no-repeat center center;	}



#eval{background-color: #f0f0f0;padding: 50px 0 10px;overflow: hidden;}
#eval .t{margin-bottom: 30px;border-left:solid 3px #d1000e;height: 48px;line-height: 100%;overflow: hidden;padding-left: 15px;position: relative;}
#eval h1{font-weight: normal;font-size: 24px;color: #333;margin:5px 0 18px;}
#eval h2{font-weight: normal;text-transform: uppercase;color: #999;font-size: 14px;}
#eval .t a{color: #666;font-size: 15px;}
#eval .l{}
#eval .l dl{width: 570px;margin-bottom: 40px;}
#eval .l dl dt{overflow: hidden;height: 187px;float: left;width: 243px;margin-right: 25px;border:solid 5px #e3e3e3;}
#eval .l dl a dt img{transition: all 1s;width: 100%;min-height: 187px;}
#eval .l dl a:hover dt img{transform: scale(1.2);}
#eval .l dl dd{margin: 0;color: #6c6c6c;line-height: 24px;width: 290px;float: left;font-size: 14px;}
#eval .l dl a dd h2{color: #333;line-height: 100%;padding: 10px 0;font-weight: normal;font-size: 18px;margin-bottom: 10px;}
#eval .l dl a:hover h2 {color: #fd0100;}
#eval .l dl a dd span{display: inline-block;width: 87px;height: 30px;background-color: #797979;border-radius: 90px;text-align: center;line-height: 30px;color: #fff;margin-top: 20px;}
#eval .l dl a:hover dd span{background-color: #d1000e;}




#news-faq{padding: 50px 0;overflow: hidden;}
#news-faq .news{width: 780px;}
#news-faq .news .t{font-size: 20px;font-weight: normal;color: #333;margin-bottom: 20px;border-bottom: solid 1px #e2e2e2;line-height: 30px;height: 50px;}
#news-faq .news .t span{font-weight: normal;font-size: 12px;}
#news-faq .news .t span a{color: #999;}
#news-faq .news .t span a:hover{color: #fd0100;}
#news-faq .news .t ul{height: 100%;}
#news-faq .news .t ul li{float: left;height: 50px;display: block;}
#news-faq .news .t ul li a{padding: 0 25px;color: #666;}
#news-faq .news .t ul li.active a{color: #d1000e;}
#news-faq .news .t ul li.active{border-bottom: solid 3px #d1000e;}
#news-faq .news .l{position: relative;height: 360px;}
#news-faq .news .l .box{position: absolute;left: 0;top: 0;width: 100%;}
#news-faq .news .l dl{height: 140px;margin-bottom: 24px;}
#news-faq .news .l dl dt{float: left;width: 220px;height: 140px;overflow: hidden;margin-right: 20px;}
#news-faq .news .l dl dt img{width: 100%;}
#news-faq .news .l dl dd{color: #999;line-height: 24px;}
#news-faq .news .l dl dd h2{font-size: 16px;font-weight: normal;color: #333;}
#news-faq .news .l dl a:hover dd h2{color: #fd0100;}
#news-faq .news .l dl dd p.date{margin:5px 0;color: #999;}
#news-faq .news .l ul li{line-height: 30px;color: #999;background: url(../images/news-icon.gif) no-repeat left center;text-indent: 20px;font-size: 14px;}
#news-faq .news .l ul li a{color: #666;}
#news-faq .news .l ul li a:hover{color: #fd0100;}

#news-faq .faq{width: 370px;}
#news-faq .faq .t{font-size: 20px;font-weight: normal;color: #333;margin-bottom: 20px;border-bottom: solid 1px #e2e2e2;padding-bottom: 20px;line-height: 30px;height: 50px;}
#news-faq .faq .t span{font-weight: normal;font-size: 12px;}
#news-faq .faq .t span a{color: #999;}
#news-faq .faq .t span a:hover{color: #fd0100;}
#news-faq .faq .l {height: 380px;overflow: hidden;}
#news-faq .faq .l ul{position: relative;}
#news-faq .faq .l li{background: url(../images/faq-1.gif) no-repeat left top;padding-left: 36px;line-height: 24px;color: #999;border-bottom: dashed 1px #ccc;padding-bottom: 25px;margin-bottom: 25px;}
#news-faq .faq .l li a{display: block;color: #999;}
#news-faq .faq .l li h3{margin-bottom: 13px;color: #333;font-size: 15px;font-weight: normal;}
#news-faq .faq .l li a:hover h3 {color: #fd0100;}



#power{padding:50px 0;background-size: cover;}
#power .t{margin-bottom: 30px;border-left:solid 3px #d1000e;height: 48px;line-height: 100%;overflow: hidden;padding-left: 15px;position: relative;}
#power h1{font-weight: normal;font-size: 24px;color: #333;margin:5px 0 18px;}
#power h2{font-weight: normal;text-transform: uppercase;color: #999;font-size: 14px;}
#power .tel{color: #999;background: url(../images/p-tel.gif) no-repeat;padding-left: 50px;height: 34px;position: absolute;top: 0;bottom: 0;right: 0;margin:auto;}
#power .tel h4{font-size: 24px;color: #d1000e;margin-top: 5px;}


#power .l{}
#power .l dl{background-color: #fff;width: 285px;float: left;margin-right: 20px;overflow: hidden;border:solid 1px #e4e4e4;}
#power .l dl dt{overflow: hidden;height: 199px;margin: 7px;background-color: #fff;}
#power .l dl dt img{transition: all 1s;width: 100%;}
#power .l dl a:hover dt img{transform: scale(1.2);}
#power .l dl dd{padding: 20px 0;font-size: 14px;line-height: 100%;margin:0;border-top:solid 1px #e4e4e4;text-indent: 10px;background: url(../images/power-icon.gif) no-repeat 260px center;color: #666;}
#power .l dl a:hover dd{color: #fd0100}

/*---------------*/
/***** Layla *****/
/*---------------*/

#power .l dl dt{position: relative;background-color: #000;}
figure.effect-layla img {
	height: 390px;
}

#power .l dl dt {
}

#power .l dl dt::before,
#power .l dl dt::after {
	position: absolute;
	content: '';
	opacity: 0;
}

#power .l dl dt::before {
	top: 20px;
	right: 10px;
	bottom: 20px;
	left: 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

#power .l dl dt::after {
	top: 10px;
	right: 20px;
	bottom: 10px;
	left: 20px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

#power .l dl  dt .zoom{background: url(../images/zoom.png) no-repeat;width: 28px;height: 28px;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin:auto;opacity: 0;}

#power .l dl  dt .zoom {-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}
#power .l dl dt img{min-height: 199px;}
#power .l dl dt img,
#power .l dl dt::before,
#power .l dl dt::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

#power .l dl:hover dt img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#power .l dl:hover dt::before,
#power .l dl:hover dt::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#power .l dl:hover dt .zoom{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#power .l dl:hover dt::after,
#power .l dl:hover .zoom,
#power .l dl:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}




#news{padding: 50px 0;}
#news h1{text-align: center;font-weight: normal;font-size: 30px;color: #173f9d;}
#news div.line{background-color: #b0bed0;width: 105px;height: 1px;margin:10px auto;}
#news h2{text-align: center;font-weight: normal;text-transform: uppercase;color: #999;margin-bottom: 30px;font-size: 18px;}
#news .news-nav{position: relative;height: 40px;text-align: center;}
#news .news-nav p.line{position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 1px;background-color: #eee;width: 100%;margin:auto;z-index: -1px;}
#news .news-nav ul{position: relative;z-index: 10;}
#news .news-nav li{display: inline-block;line-height: 40px;overflow: hidden;margin-left: 15px;font-size: 14px;}
#news .news-nav li a{display: block;padding: 0 30px;border:solid 1px #cecece;border-radius: 90px;background-color: #fff;}
#news .news-nav li.active a{background-color: #173f9d;color: #fff;border:solid 1px #173f9d;}

#news .l{position: relative;height: 405px;overflow: hidden;}
#news .l .pan{overflow: hidden;position: absolute;left: 0;top: 0;width: 100%;}
#news .l dl{width: 590px;}
#news .l dl dd {color: #999;line-height: 24px;}
#news .l dl dd h3{height: 50px;line-height: 50px;font-size: 18px;font-weight: normal;color: #333;border-bottom: solid 1px #ebebeb;margin-bottom: 15px;}
#news .l dl dd h3 span{color: #999;}

#news .l ul{width: 565px;}
#news .l ul li{position: relative;padding-left: 130px;height: 85px;margin-bottom: 50px;line-height: 24px;}
#news .l ul li a{color: #999;}
#news .l ul li .digital{width: 110px;display: block;position: absolute;left: 0;top: 0;text-align: center;height: 100%;line-height: 85px;font-size: 90px;font-family: DINCond;color: #e3e3e3;border-right: solid 1px #e3e3e3;}
#news .l ul li h4{font-size: 15px;font-weight: normal;color: #333;margin-bottom: 20px;line-height: 100%;}
#news .l ul li h4 span{color: #999;}


#footer{background-color: #3d3e3e;padding: 20px 0;}
#footer dl{float: left;padding-right: 45px;margin-right: 45px;}
#footer dl a{color: #fff;}
#footer dl dt{margin-bottom: 26px;font-size: 14px;}
#footer dl dd p{line-height: 28px;}
#footer dl dd a{color: #aeaeae;}
#footer dl dd a:hover{color: #fff;}



#footer .nav{}
#footer .nav li{width: 10%;float: left;}
#footer .nav li a{color: #fff;font-size: 15px;}

#footer dl.gz{float: right;margin-right: 0;}
#footer dl.gz img{padding: 9px;border:dashed 1px #939393;}
#footer dl.gz p{text-align: center;padding: 5px 0;color: #aeaeae;}

.links{background-color: #d1000e;}
.links .am-g{border-bottom: #ea1927 solid 1px ;padding: 20px 0;color: #fff;}
.links b{font-size: 16px;}
.links a{color: #fff;font-size: 14px;}



.copy{color: #bdbdbd;background-color: #d1000e;padding: 20px 0;overflow: hidden;}
.copy .bottom-logo{position: relative;height: 160px;width: 228px;float: left;}
.copy .bottom-logo img{margin-bottom: 20px;}

.copy a{color: #fff;}
.copy font{color: #ddd;}
.copy div.con{color: #fff;margin-left: 150px;}
.copy div.con{line-height: 100%;background: url(../images/footer-icon.png) no-repeat left 40px;float: left;}
.copy div.con h3{font-size: 18px;color: #fff;margin:0 0 20px;font-weight: normal;}
.copy div.con p{line-height: 30px;padding-left: 25px;}
.copy .bottom-logo .share{margin-top: 23px;line-height: 24px;vertical-align: middive;width: 186px;}
.copy .bottom-logo .share i{display: inline-block;width: 34px;height: 34px;background: url(../images/share-iocn.png) no-repeat;margin-left: 5px;}
.copy .bottom-logo .share i a{display: block;width: 100%;height: 100%;}
.copy .bottom-logo .share i.sina{background-position: -50px 0;}
.copy .bottom-logo .share i.tencent{background-position: -100px 0;}


.copy div.gz{float: right;margin-right: 0;width: 120px;}
.copy div.gz img{padding: 9px;border:dashed 1px #fff;width: 100%;}
.copy div.gz p{text-align: center;padding: 5px 0;color: #fff;}
