@charset "utf-8";
/* CSS Document 
** author:永易搜
** URL:http://www.yongyisou.com/
** tips:CSS文件非专业勿动，编码格式为utf-8w1200
*/
* {padding: 0px;margin: 0px;list-style: none;}
img {border: none;border: 0;}
a {text-decoration: none;color: #333;}
a:visited{color:#222;}
a:hover {color: #F00;text-decoration: none;}
a:focus {outline:0; }
html {font: normal 14px/1.5 "microsoft yahei", tahoma, arial, sans-serif;background: #fff;}
body {background: #fff;margin:0 auto;width:auto; max-width: 1920px;}
input, input:focus {outline: none;text-indent: 5px}
h1 {font-size: 20px; line-height:200%;}
h2 {font-size: 18px;line-height:180%;}
h3 {font-size: 16px;line-height:160%;}
h4 {font-size: 14px; line-height:140%;}
/*通用调用*/
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
/*首页*/
.top1 {width: 100%;height: 40px;background-color: #f6f6f6;line-height: 40px;font-size: 12px;}
.top1 .w1200{ overflow:visible;}
.top1_l {font-size: 12px;color: #707070;}
.top1_r {color: #373737;height: 40px;}
.shouji,.denglu,.weixin {background: url(../images/s_icon.png) no-repeat right;margin-right: 10px;position:relative;}

.shouji a, .denglu a, .weixin a {color: #373737;}
.shouji a, .denglu a, .weixin a {width: 100%;height: 100%;display: block;margin-left:8px;}
.shouji {background-position: 0px 6px;text-indent: 20px;}
.weixin {background-position: 0px -56px;text-indent: 24px;}

.top2 {width: 100%;height: 107px;padding-top: 28px;overflow: hidden;font-family: "Microsoft Yahei";}
.logo {width:254px;height:85px;}
.logo1 {width: 230px;height: 75px;padding-top:10px;line-height:25px;font-size:16px;color:#999;font-family: "Microsoft Yahei";}
.logo a{width: 100%;height: 100%;display: block;}
/*鼠标经过显示二维码*/
.ewm_code{ width: 100px; height: 110px; padding: 5px 6px;position: absolute;  left:0px; top:40px; display: none; z-index:99999999999999999999;}
/* .ewm_code img{ width:100px; height:110px; margin-top:10px} */

.weixin .ewm_code{background:url(../images/weixin.jpg) no-repeat;}
.shouji .ewm_code{background:url(../images/shouji.jpg) no-repeat;}
/*搜索区域*/
.search_block {width: 339px;height: 80px;margin-top: 20px;padding-left:2px;}
.search_box {width: 399px;height: 38px;border: 1px solid #ff000b;}
.search_txt {width: 305px;height: 38px;border: 0px;text-indent: 10px;line-height: 38px;color: #8b8b8b;}
.search_txt:hover{border-color:#9f9f9f}
.search_txt.yys_hei{text-indent: 10px; color:#333;-webkit-transition: border-color .3s;transition: border-color .3s;}
.search_btn {width: 94px;height: 38px;border: 0px;background-color: #ff6501;font-size: 16px;color: #FFF;text-align: center;cursor: pointer;transition: background-color 0.3s}
.search_btn:hover{background-color: #ec2100;color: #fff}
.hot_search {width: 339px;height: 30px;line-height: 30px;font-size: 12px;color: #acacac;}
.hot_search a:link, .hot_search a:visited {color: #acacac;}
.hot_search a:hover, .hot_search a:active {color: #ff6501;}
.zixun_hotline {width: 210px;height: 58px;background: url(../images/tel.png) no-repeat;margin-top: 10px;}
.rexian{ width:135px; padding-left:15px; height:30px; color:#999; font-size:16px; line-height:40px; text-align:left;}
.telephone { width:150px; height:33px;color: #ff6501;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav {width: 100%;height: 55px;line-height: 55px;background-color: #ff6501;color: #FFF;font-size: 16px;font-family: "Microsoft Yahei";text-align: center;}
.nav_l {width: auto;height: 55px;}
.nav_l ul li {width: 140px;height: 55px;float: left;display: inline; }
.nav_l ul li a:link, .nav_l ul li a:visited {color: #FFF;}
.nav_l ul li a:hover, .nav_l ul li a:active, .nav_l ul li.on {background-color: #ec2100;}
.nav_l ul li a, .nav_r a {width: 100%;height: 100%;display: block;}
.nav_r {width: 175px;text-indent: 20px;height: 55px;background: url(../images/red.png) no-repeat;}
.nav_r a {color: #FFF;}
.nav_r a:hover{color:#FF0}

.nav_l ul li .sub li{height:45px;}
.sub{ display:none; width:140px; left:0; top:0px;  position:relative;z-index:1;}
.sub a{ display:block; width:140px; height:45px;text-align:center;  background-color:#FF6501; line-height:45px; font-size:15px;}
.sub a:hover{ background:#FF6501;}

.dm_comtit{ width:auto; height:auto; overflow:hidden; margin:0 auto;  text-align:center; padding:80px 0px 50px 0px; }
.dm_comtit h2{ height:50px; line-height:50px;  font-size:40px; font-weight:inherit; overflow: hidden; }
.dm_comtit h3{ height:50px; line-height:50px;  font-size:18px; font-weight:inherit;color:#454545; overflow: hidden;   }
.dm_comtit .line{ width:200px; height:2px; background:#ff6501; margin:10px auto 0px;  }

.main{width: 100%;height: auto;background: #fff;}
.main.gray{background: #f6f6f6}
.main .intro_head,.main .intro_bottom{font-size: 16px;width: 100%;overflow: hidden;height: auto;top: 35px;left: 0px}
.main .intro_head{height: 75px;}
.main .intro_bottom{height: 50px;background-color: #f0f0f0;height: 60px;padding: 30px;width: 1140px;position: absolute;}
.main .service_list{width: 100%;height: auto;overflow: hidden;margin:30px 0 0;}
.main .service_list ul{width:1200px}
.main .service_list ul li{float: left;width: 132px;margin:0 134px;cursor: default;transition: all 1s}
.main .service_list ul li .list{width: 132px;height: 198px;overflow: hidden;}

.main .service_list ul li .list .circle{width: 132px;height: 132px;border-radius: 132px;overflow: hidden;color: #fff;font-size: 40px;line-height: 132px;text-align: center;transition: all 1s}
.main .service_list ul li .list .circle.l{background:#76bb50 }
.main .service_list ul li .list .circle.m{background:#f0650a }
.main .service_list ul li .list .circle.r{background:#8b60b0 }
.main .service_list ul li .list h2{text-align: center;font-size: 20px;color: #333333;font-weight: normal;margin-top: 20px;height: 36px;line-height: 36px;width: 100%;overflow: hidden;transition: all 1s}
.main .service_list ul li .sanjiao.on{display: block}
.main .service_list ul .left_list:hover .list.a .circle{border-radius: 33px;background: #76bb50;transition: all 1s ease-in-out 0s;}
.main .service_list ul .center_list:hover .list.b .circle{border-radius: 33px;background: #f0650a;transition: all 1s ease-in-out 0s;}
.main .service_list ul .right_list:hover .list.c .circle{border-radius: 33px;background: #8b60b0;transition: all 1s ease-in-out 0s;}
.main .service_list ul .left_list:hover .list.a h2{color: #76bb50;transition: all 1s ease-in-out 0s;}
.main .service_list ul .center_list:hover .list.b h2{color: #f0650a;transition: all 1s ease-in-out 0s;}
.main .service_list ul .right_list:hover .list.c h2{color: #8b60b0;transition: all 1s ease-in-out 0s;}

.service_list ul li .list:hover{-webkit-animation: transform-5 1s ease 100ms alternate none 1;animation: transform-5 1s ease 100ms alternate none 1;}
@-webkit-keyframes transform-5 { 
	from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);} 
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);} 
}
@keyframes transform-5 { 
	from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);} 
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);} 
}


.main .service_list .text_box{width: 100%;height: 145px;overflow: hidden;position: relative;display: none}
.main .service_list .text_box.show{display: block}
.main .service_list .text_box .sanjiao.left{position: absolute;left:172px;top: 0px;width: 55px;height: 35px;}
.main .service_list .text_box .sanjiao.center{position: absolute;left:572px;top: 0px;width: 55px;height: 35px;}
.main .service_list .text_box .sanjiao.right{position: absolute;left:972px;top: 0px;width: 55px;height: 35px;}

.service_show{height: 518px;width: 100%;background: url(../images/bg_pic01.png) no-repeat;margin-top:10px;padding-bottom: 105px}
.service_show .show_list{width: 340px;height: 505px;overflow: hidden;margin:12px 90px 0 0;}
.service_show .show_list.right{margin:12px 0 0 0;}
.service_show .show_list.center{margin:0 90px 0 0;}
.service_show  ul{height: 510px;width: 430px}
.service_show .service_titile{width: 100%;height: 90px;margin-bottom: 10px;font-size: 34px;color: #fff;line-height: 90px;text-align: center;overflow: hidden;}
.service_show ul li{width:298px;height: 63px;margin-bottom: 5px;padding: 7px 21px 7px 21px;font-size: 16px;line-height: 30px;overflow: hidden;color: #fff;}
.service_show ul li a{color: #fff;display: block;width: 100%;height: 100%}
.service_show ul li a:hover{color: #2e2e2e}

.youshi{width: 100%;height: 388px;background: url(../images/seo_pic.png) no-repeat;position: relative;overflow: hidden;}
.youshi .item{height:120px;width:340px;overflow: hidden;position: absolute;}
.youshi .item .item_title{width: 290px;height: 50px;line-height: 50px;font-size: 28px;font-weight:bold; color: #ff6501;padding-left: 50px}
.youshi .item.item1{left:20px;top:45px}
.youshi .item.item2{right:20px;top:40px}
.youshi .item.item3{left:20px;top:230px}
.youshi .item.item4{right:20px;top:230px}
.youshi .item .item_title.t1{background: url(../images/num_1.png) no-repeat -3px 11px;}
.youshi .item .item_title.t2{background: url(../images/num_2.png) no-repeat -3px 8px;color: #ec2100}
.youshi .item .item_title.t3{background: url(../images/num_3.png) no-repeat -3px 8px;color: #ec2100}
.youshi .item .item_title.t4{background: url(../images/num_4.png) no-repeat -3px 9px;}
.youshi .item .item_info{width: 100%;height: 65px;overflow: hidden;font-size: 15px;margin-top:5px;}


.comment_box{ width:1200px; height:565px; margin-top: 60px}
.comment_box ul{width: 1250px;height: 372px}
.find_more{ width:264px; height:60px; margin:0 auto;color:#666; margin-top:65px;text-align: center; font-size:16px; line-height:60px;}
.find_more a{ width:262px; height:58px; display:block;border-radius: 5px;border:1px solid #ff6501;transition:all .3s}
.find_more a:link,.more a:visited{color:#666;}
.find_more a:hover,.more a:active{background:#ff6501;  color:#FFF;border:1px solid #fff;}

.comment_box .find_more a:hover{ color:#fff}
.comment_box .question{ background:url(../images/point01.png) no-repeat -5px center; height:46px; font-size:16px; font-weight:bold; line-height:46px; padding-left:50px;overflow: hidden;}
.comment_box li{height: 126px;width: 520px;background: #fff; float: left;padding: 20px 60px 20px 10px;margin:0 35px 20px 0;
transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;}
.comment_box .answer{ background:url(../images/point02.png) no-repeat -5px -5px; height:75px; font-size:12px; padding-left:50px;overflow: hidden;padding-top: 5px}
.comment_box li:hover{-webkit-box-shadow:0px 5px 15px #e5e5e5;-moz-box-shadow:0px 5px 15px #e5e5e5;box-shadow:0px 5px 15px #e5e5e5;
    transform:translate(0,-5px);
    -webkit-transform:translate(0,-5px);
    -moz-transform:translate(0,-5px);
    -o-transform:translate(0,-5px);
    -ms-transform:translate(0,-5px);}

.case_list{width: 100%;height: auto;overflow: hidden;margin-bottom: 100px;}
.c_listbox{ width:1260px;overflow:hidden}
.c_listbox li{height:240px; float:left; width:360px;margin-right: 60px; position:relative;overflow:hidden;}
.c_listbox li img{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.c_txtbox{ position:absolute; width:350px; top:0; left:0; height:230px; border:5px solid rgba(227,63,74,0); overflow:hidden;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.c_txtbox h3{ text-align: center;padding:0 10px; line-height:48px; height:48px; font-size:16px; color:#fff; margin-top:260px; background-size:100% 100%;background-color:rgba(0,0,0,0.6);transition:all 0.5s }
.c_listbox li:hover img{ -webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2); transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.c_listbox li:hover h3{ margin-top:185px;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.c_listbox li:hover .c_txtbox{ border:5px solid #F00;transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

.find_more.case{width:200px; height:50px;}
.find_more.case a{width:198px; height:48px;line-height: 48px}

.dm_comtit h4{font-size: 24px;height:30px; line-height:30px;font-weight: inherit;overflow: hidden; }

.contact_boxs{width:1060px;margin:0 auto;}
.contact_boxs .link_way{width: 100%;height:90px}
.contact_boxs .link_way ul{width:1300px;}
.contact_boxs .link_way ul li{width:328px;height:88px;float:left;border:1px solid #eee;margin-right:35px;}
.contact_boxs .link_way ul li:hover{border-color: #ec2100;transition: all .3s}
.contact_boxs .link_way ul li.qq{background:url(../images/icon_qq.png) no-repeat 50px 25px;}
.contact_boxs .link_way ul li.tel{background:url(../images/icon_tel.png) no-repeat 50px 25px;}
.contact_boxs .link_way ul li.email{background:url(../images/icon_email.png) no-repeat 50px 25px;}
.contact_boxs .link_way ul li .nr{width:220px;height:50px;margin-top:15px;line-height:25px;margin-left:100px;color:#666;}
.contact_boxs .ewm{width:350px;height:160px;padding-top:20px;margin:50px auto;background:url(../images/kuang.png) no-repeat left bottom;text-align:center;margin-bottom: 0}


.footer{height:auto;width:100%;border-top:1px solid #FF6501;overflow:hidden;padding-bottom:50px}
.foot{height:40px;width:800px;margin-left:-10px;text-align:left;line-height:40px;font-size:16px;color:#333;margin-top:10px}
.footer_l{float:left;height:auto;overflow:hidden;width:800px}
.foot a{font-weight:600;color:#333;margin-right:10px;margin-left:10px}
.foot a:hover{color:#C30}
.beian{color:#333;width:800px;text-align:left;line-height:30px}
.beian_a{color:#F63}
.footer_r{margin-top:20px;float:right;height:auto;overflow:hidden;width:120px}
.footer_r2{background-image:url(../images/s_icons.png);background-repeat:no-repeat;background-position:-136px -5px;height:30px;width:110px;text-align:center;line-height:30px;margin-top:5px;text-indent:10px}

/* 单页2 */
.strengths{height: 405px;width: 1200px;background: url(../images/2_bg01.png) no-repeat;margin-top: 15px;position: relative;margin-bottom: 95px}
.strengths .slip{width: 225px;height: 115px;overflow: hidden;position: absolute;}
.strengths .slip .head{font-size: 28px;font-weight: bold;height: 50px;line-height: 50px;width: 100%;overflow: hidden;}
.strengths .slip .info{font-size: 15px;width: 100%;height: 65px;overflow: hidden;}
.strengths .slip.price{top: 15px;left: 215px}
.strengths .slip.seo{top: 15px;right: 215px}
.strengths .slip.safe{bottom: 22px;left: 215px}
.strengths .slip.speed{bottom: 22px;right: 215px}

.plan{width: 100%;height: 451px;}
.plan ul li{
	cursor: default;
	width: 298px;
	height: auto;
	border: 1px solid #e8e8e8;
	float: left;
	transition:All 0.2s ease-in-out;
	-webkit-transition:All 0.2s ease-in-out;
	-moz-transition:All 0.2s ease-in-out;
	-o-transition:All 0.2s ease-in-out;
}
.plan ul li:hover{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
}
.plan ul .tip1{border-top: 4px solid #76bb50}
.plan ul .tip2{border-top: 4px solid #f0650a}
.plan ul .tip3{border-top: 4px solid #8b60b0}
.plan ul .tip4{border-top: 4px solid #d6535b}
.plan ul li h2{width:100%;overflow: hidden;height: 70px;line-height: 70px;font-size: 20px;text-align: center;color: #333 }
.plan ul li .plan_price{width: 130px;height: 130px;border-radius: 130px;border:1px solid #ddd;margin: 0 auto 20px;text-align: center;line-height: 130px;background: #fff;font-size: 18px}
.plan ul li .plan_price .num{font-size:30px;color: #ff6501;}
.plan ul li .plan_price .per{font-size:30px;color: #bfbfbf;}
.plan ul li .plan_price .little{font-size:12px;color: #333;}
.plan ul li .gray_line{width: 245px;height: 0;border-top: 1px solid #e8e8e8;margin: 0 auto}
.plan ul li .color{color: #ec2100;font-size: 14px}
.plan ul li h3{width: 280px;height: 38px;color: #333;text-align: center;font-size: 16px;margin: 0 auto;line-height: 38px;font-weight: normal;}
.plan ul li .ask_btn{width: 145px;height: 35px;margin: 24px auto 46px;text-align:center;line-height: 35px;color: #333;border:1px solid #76bb50;}
.plan ul li .ask_btn.t2{border-color: #f0650a}
.plan ul li .ask_btn.t3{border-color: #8b60b0}
.plan ul li .ask_btn.t4{border-color: #d6535b}
.plan ul li .ask_btn a{width: 100%;height: 100%;display: block;transition:background-color 0.3s}
.plan ul li .ask_btn:hover a{background: /* #f0650a; */#76bb50;border-color: #fff;color: #fff}
.plan ul li .ask_btn.t2:hover a{background: #f0650a;}
.plan ul li .ask_btn.t3:hover a{background: #8b60b0;}
.plan ul li .ask_btn.t4:hover a{background: #d6535b;}
.plan ul .tip1:hover{-webkit-box-shadow:0px 4px 15px #76bb50;-moz-box-shadow:0px 4px 15px #76bb50;box-shadow:0px 4px 15px #76bb50;}
.plan ul .tip2:hover{-webkit-box-shadow:0px 4px 15px #f0650a;-moz-box-shadow:0px 4px 15px #f0650a;box-shadow:0px 4px 15px #f0650a;}
.plan ul .tip3:hover{-webkit-box-shadow:0px 4px 15px #8b60b0;-moz-box-shadow:0px 4px 15px #8b60b0;box-shadow:0px 4px 15px #8b60b0;}
.plan ul .tip4:hover{-webkit-box-shadow:0px 4px 15px #d6535b;-moz-box-shadow:0px 4px 15px #d6535b;box-shadow:0px 4px 15px #d6535b;}

.opt{width: 100%;height: 650px;}
.opt .hd{width: 600px;height: 60px;margin: 0 auto}
.opt .hd ul li{width: 300px;height: 60px;text-align: center;line-height: 60px;font-size: 18px;background-color: #e7e6e6;float: left;color: #333}
.opt .hd ul .tab.red{background-color: #ec2100;color: #fff;}
.opt .info_title{height: 60px;width: 100%;background-color: #e7e6e6;margin-top:30px;}
.opt .info_title ul li{width: 299px;height: 60px; text-align: center;font-size: 18px;color: #333;line-height: 60px;float: left;background-color: #e7e6e6;border-right: 1px solid #dfdfdf;}
.opt .bd{width:100%;height:500px;overflow: hidden;}
.opt .bd ul li{width: 238px;height: 104px;border:1px solid #dfdfdf;border-top:0;float: left;line-height: 20px; color: #333;overflow: hidden;padding: 10px 30px}
.opt .bd ul .type{line-height: 124px; text-align: center;}
.opt .bd ul .our_cost{padding-top: 30px;height: 84px}
.opt .bd ul .our_cost .cost{height:30px;width: 100%;overflow: hidden;line-height:30px;text-align: center;}
.opt .bd ul .our_cost .evaluate{height: 54px;width: 100%;overflow: hidden;line-height: 28px;color: #ff6501}
.opt .bd ul .color_a{color: #ec2100}

.goodness{width: 100%;height: 462px;}
.goodness ul{width: 1240px;}
.goodness ul li{width: 580px;
	height: 201px;
	overflow: hidden;
	background: #fff;
	float: left;
	margin:0 40px 30px 0;
	transition:All 0.2s ease-in-out;
	-webkit-transition:All 0.2s ease-in-out;
	-moz-transition:All 0.2s ease-in-out;
	-o-transition:All 0.2s ease-in-out;
}
.goodness ul li .pic{margin:44px 30px;width:113px;height: 113px;overflow: hidden;border-radius: 113px;background: url(../images/goodness.png) no-repeat 0 0; }
.goodness ul li .pic.tip_b{background-position: right 0}
.goodness ul li .pic.tip_c{background-position: 0 bottom}
.goodness ul li .pic.tip_d{background-position: right bottom}
.goodness ul li .detail{margin:30px 60px 45px 0;height: 126px;width: 347px;overflow: hidden;}
.goodness ul li .detail h2{font-size: 28px;height: 60px;width: 100%;overflow: hidden;line-height: 60px}
.goodness ul li .detail .describe{height: 66px;width: 100%;overflow: hidden;}
.goodness ul li:hover{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
}
.goodness ul .list1:hover{-webkit-box-shadow:0px 5px 15px #76bb50;-moz-box-shadow:0px 5px 15px #76bb50;box-shadow:0px 5px 15px #76bb50;transition: all .3s}
.goodness ul .list2:hover{-webkit-box-shadow:0px 5px 15px #f0650a;-moz-box-shadow:0px 5px 15px #f0650a;box-shadow:0px 5px 15px #f0650a;transition: all .3s}
.goodness ul .list3:hover{-webkit-box-shadow:0px 5px 15px #8b60b0;-moz-box-shadow:0px 5px 15px #8b60b0;box-shadow:0px 5px 15px #8b60b0;transition: all .3s}
.goodness ul .list4:hover{-webkit-box-shadow:0px 5px 15px #d6535b;-moz-box-shadow:0px 5px 15px #d6535b;box-shadow:0px 5px 15px #d6535b;transition: all .3s}

.intro{width: 100%;height: 40px;overflow: hidden;text-align: center;color: #333;}
.intro_img{ width:100%; height:auto; margin:35px auto; overflow:hidden}
.intro_img ul li{ float:left; width:400px; height:203px; margin:0px auto; text-align:center; display:block}
.intro_img .photo{ width:153px; height:153px; margin:10px auto;border-radius: 153px;overflow: hidden;background-color: #ff6501; transition: all .5s;line-height: 153px}
.intro_img .photo .center_pic{width: 90px;height: 90px;background:url(../images/step.png) no-repeat;background-position:0 0;margin:31.5px auto}
.intro_img .photo .center_pic.step2{background-position: -150px 0}
.intro_img .photo .center_pic.step3{background-position: -296px 0; }
.intro_img ul li .photo:hover{background-color: #ec2100;-webkit-animation: transform-5 1s ease 100ms alternate none 1;animation: transform-5 1s ease 100ms alternate none 1;}
@-webkit-keyframes transform-5 { 
	from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);} 
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);} 
}
@keyframes transform-5 { 
	from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);} 
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);} 
}
.intro_img ul li p{ font-size:20px; line-height:30px;}