@charset "utf-8";

/* CSS Document */

/*common*/

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}

em,i{ font-style:normal;}





/*pro*/

.pro{}

.pro h2{height: 50px;background: url("../images/proft00.png") no-repeat 30% bottom;text-align: center;padding-top: 35px;}

.pro h2 span,.pro h2 em{display: block;}

.pro h2 span{font: 42px "Microsoft YaHei";color: #111111;}

.pro h2 strong{font: bold 42px "Microsoft YaHei";color: #111111;padding-right: 5px;}

.pro h2 em{height: 41px; line-height:41px; font-size:20px;margin: 0 auto;background: url("../images/po_h.gif") no-repeat center top; margin-top:15px;}

.box1{height: 500px;padding-top: 130px;}

.tab01{width: 273px;border: 1px dashed #cccccc;border-bottom: 0;}

.tab01 li{height: 123px;border-bottom: 1px dashed #ccc;}

.tab01 li span,.tab01 li em{display: block;text-align: center;}

.tab01 li span{font: 18px/26px "Microsoft YaHei";color: #333;padding-top: 38px;}

.tab01 li em{font: 12px/22px "Tahoma";color: #bfbfbf;}

.tab01 li.cur{background: url("../images/pro01.png") no-repeat 20px #d7000f;}

.tab01 li.cur span{font-size: 20px;line-height: 26px;color: #fff;}

.tab01 li.cur em{color: #fff;}

.hz01{width: 890px;height: 500px;position: relative;}

.tab02{width: 100%;height: 500px;}

.tab02 li{height: 500px;position: relative;}

.tab02 li img{width: 890px;height: 500px;}

.tab02 li span{position: absolute;width: 266px;height: 500px;background: url("../images/pro02.png") repeat center;top: 0;right: 0; overflow:hidden;}

.tab02 li span em,.tab02 li span strong{display: block;}

.tab02 li span em{font: bold 18px/28px "Microsoft YaHei";color: #fff;padding: 75px 10px 0 34px;}



.tab02 li span em p{ font-weight:normal; margin-top:20px; line-height:28px; }

 

.tab02 li span strong{font: 14px/28px "Microsoft YaHei";color: #bfbebb;margin-top:10px;}

.tab03{position: absolute;height: 11px;right: 65px;bottom: 22px;}

.tab03 li{float: left;width: 11px;height: 11px;background: url("../images/pro05.png") no-repeat center;margin-left: 25px;cursor: pointer;}

.tab03 li.cur,.tab03 li:hover{background: url("../images/pro04.png") no-repeat center;}





/**/

.power{ overflow:hidden;}

.power h2{ height:140px; margin-top:72px; text-align:center; font:42px "Microsoft YaHei"; color:#333;}

.power h2 span{ color:#333; display:block;}

.power h2 p{ height:41px; background:url(../images/po_h.gif) no-repeat center top; font:20px "Microsoft YaHei"; line-height:41px; color:#333; letter-spacing:4px; margin-top:8px;}

.power h2 p em{ color:#d7000f;}

.powert{ height:65px; overflow:hidden; padding-left:278px;}

.powert li{ width:130px; height:35px; font:18px "Microsoft YaHei"; text-align:center; line-height:35px; float:left;}

.powert li a{ display:block; color:#333;}

.powert li a:hover,.powert .cur a{ color:#fff; background:url(../images/power_bg.png) no-repeat center top;}

.power dl{ height:536px; position:relative; overflow:hidden;}

.power dt{ width:1054px; height:536px; float:right; overflow:hidden; position:relative;}

.power dt img{ display:block;width:1054px; height:536px;}

.power dt em{ display:block; width:200px; height:98px; background:#d7000f; font:16px "Microsoft YaHei"; text-align:center; line-height:98px; color:#fff; position:absolute; bottom:0; right:0;}

.power dd{ width:423px; height:420px; padding:60px 0 0 60px; background:url(../images/power_bg2.png) no-repeat center top; position:absolute; top:58px; left:0;}

.power dd h3{ font:36px "Microsoft YaHei"; font-weight:bold; color:#333;}

.power dd h3 em{ display:block; font:22px "Microsoft YaHei"; padding:10px 0 30px;}

.power dd p{ width:300px; font:14px "Microsoft YaHei"; line-height:30px; color:#666; height:120px; overflow:hidden;}























.case{ padding-top:45px; background:#f8f8f8;}

.case h2{  font:36px "Microsoft YaHei"; font-weight:bold; text-align:center;}

.case h2 a{ display:block; color:#333;}

.case h2 em{ display:block; font:42px Arial; color:#e9e9e9; text-transform:uppercase;}

.caset{ height:56px; margin-bottom:15px; overflow:hidden; background:#fff;}

.caset li{ font:16px "Microsoft YaHei"; line-height:56px; height:56px; float:left; width:300px; background:url(../images/case_jt.gif) no-repeat right center;}

.caset li em{ display:block; float:left; width:26px; height:26px;margin:15px 10px 0 54px;}

.caset .li01 em{ background:url(../images/cheic01.png) no-repeat;}

.caset .li02 em{ background:url(../images/cheic02.png) no-repeat;}

.caset .li03 em{ background:url(../images/cheic03.png) no-repeat;}

.caset .li04 em{ background:url(../images/cheic04.png) no-repeat;}

.caset li a{ display:block;}

.caset li a:hover,.caset .cur a{ color:#fff; background:#D7000F;}

.caset li a:hover em,.caset .cur em{ background-position:0 -26px;}

.caset .li04{ background:none;}

.case3{ height:467px; position:relative;}

.case2 dl{ height:467px; overflow:hidden; position:relative;}

.case2 dt{ width:828px; height:467px; float:left; overflow:hidden;}

.case2 dt img{ display:block; width:828px; height:467px;}

.case2 dd{ width:372px; padding-left:40px; height:380px;position:absolute; top:43px; right:0; background:#fff;}

.case2 dd h3 a{ display:block; height:44px; margin-top:22px; background:url(../images/line.gif) no-repeat left bottom; font:20px "Microsoft YaHei"; color:#333;}

.case2 dd p{ width:310px; font:14px "Microsoft YaHei"; line-height:30px; height:90px; margin-top:10px; color:#666;}

.case2 dd span{ display:block; width:310px; margin-top:50px;}

.case2 dd span a{ display:inline-block; width:150px; height:45px; font:14px "Microsoft YaHei"; text-align:center; line-height:45px; color:#666; background:url(../images/case_btn1.png) no-repeat center top; color:#666;}

.case2 dd span a.fr{ color:#fff; background:url(../images/case_btn2.png) no-repeat center top;}

.case2 dd b{ display:block; width:17px; height:32px; overflow:hidden; background:url(../images/case_jt.png) no-repeat; position:absolute; top:175px; left:-17px;}

.arr1{ width:45px; height:45px; overflow:hidden; position:absolute; top:210px; left:-70px;}

.arr2{width:45px; height:45px; overflow:hidden; position:absolute; top:210px; right:-70px;}

.case32{ height:245px; overflow:hidden; margin-top:20px;}

.case32 h5{ width:75px; height:203px; float:left; overflow:hidden; background:#D7000F; font:24px "Microsoft YaHei"; line-height:27px;}

.case32 h5 a{ display:block; color:#fff; padding:47px 20px 0 22px;}

.case32 ul{ width:1125px; float:right; overflow:hidden;}

.case32 li{ width:268px; height:201px; border:1px solid #eee; float:left; display:inline; margin-left:11px; position:relative; font:14px "Microsoft YaHei"; text-align:center;}

.case32 li img{ display:block;width:268px; height:201px;}

.case32 li p{ display:none;width:268px; height:201px; color:#fff; background:url(../images/about_alp.png); position:absolute; top:0; left:0;}

.case32 li p em{ display:block; width:20px; height:21px; background:url(../images/pro_sou.png) no-repeat center top; margin:66px auto 12px;}

.case32 li a:hover p{ display:block;}













@media (max-width: 992px)



{

	

.content{ width:100%;}	

.pro h2 span{ font-size:30px;}

.pro h2 strong{ font-size:30px;}

.box1 { height:auto; width:98%; margin:0 auto}

.tab01{ width:100%; margin:0 auto;}

.tab01 li{ width:50%; float:left; height:auto}

.tab01 li a{ display:block; padding:10px 0;}

.tab01 li span{ padding:0;}



.hz01{ width:100%; height:auto;}

.tab02{width:100%; height:auto; }

.tab02 li{ width:100%; height:auto;}

.tab02 li img{ width:100%; height:auto;}

.tab02 li span{ width:100%; height:auto; position:inherit; display:block;}

.tab02 li span em{ padding:10px; font-size:14px;}

.tab02 li span em p{ margin-top:10px;}

	

	

	}



























@media (max-width: 767px){



.content{ width:100%;}	

.pro h2 span{ font-size:30px;}

.pro h2 strong{ font-size:30px;}

.box1 { height:auto; width:98%; margin:0 auto;}

.tab01{ width:100%; margin:0 auto;}

.tab01 li{ width:50%; float:left; height:auto}

.tab01 li a{ display:block; padding:10px 0;}

.tab01 li span{ padding:0;}



.hz01{ width:100%; height:auto;}

.tab02{width:100%; height:auto; }

.tab02 li{ width:100%; margin:0 auto; height:auto;}

.tab02 li img{ width:100%; height:auto;}

.tab02 li span{ width:100%; height:auto; position:inherit; display:block;}

.tab02 li span em{ padding:10px; font-size:14px;}

.tab02 li span em p{ margin-top:10px;}



.case{ height:auto;}

.case h2{ font-size:30px; font-weight:700; height:auto; line-height:80px;}

.caset{ height:auto;}

.caset li{ width:50%;}

.case2 dl{ width:100%; height:auto;}

.case2 dt{ width:100%; height:auto;}

.case2 dt img{ width:100%; height:auto;}

.case2 dd{ position:inherit; background:none; width:100%; height:auto; line-height:36px;}

.case2 dd p{ display:none;}

.case2 dd span{ display:none;}

.case32 h5{ width:10%; }

.case32 h5 a{padding: 38px 10px 0 9px;}

.case32 ul{ width:90%;}

.case32 li{ width:46%;}

.case32 li img{ width:100%; height:auto;}



	

	}