/* CSS Document */
a:hover{color: #f42f2f}
input, textarea, button, a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }

.w_sc{width: 1200px; margin: 0 auto;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none;}

.bannar_bg{background: url(../images/app/i_1_01.jpg) no-repeat center top; width: 100%; height: 839px;}

.bannar_mian{text-align: center; width: 100%;color: #fff;  margin: 0 auto;}
.bannar_mian p{font-size:50px; font-weight: 600; padding-top:210px; }
.bannar_mian h3{font-size:24px; font-weight: 600; margin-bottom: 66px;}
.bannar_mian_bg{background:rgba(255, 255, 255, 0.2) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=20);/*实现IE背景透明*/color: #fff; width: 680px; margin: 50px auto; text-align: left; font-size: 22px; padding: 20px 30px; line-height: 45px; font-weight: normal}

.sc_j{width: 100%; margin: 0 auto; text-align: center; background: #f8f8f8; padding: 60px 0;}
.sc_j p{width: 450px; border-bottom: 1px #4a4a4a solid; border-top:1px #4a4a4a solid;line-height: 45px;font-size: 18px;color: #4a4a4a; overflow: hidden; margin:50px auto;}
.sc_mb{width: 1200px; margin: 0 auto; padding: 30px 0; padding-bottom:30px;overflow: hidden}
.sc_mb img{display: block;margin:20px auto;}
.ex4 img {
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
}
.ex4 img:hover {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
}
.sc_mb ul{ margin-top: 30px;}
.sc_mb ul li{ width:300px; float: left; text-align: center; line-height: 50px; font-size: 20px; color: #444;}
.sc_mb ul li img{ margin-bottom: 20px;}
.sc_mb ul li div{ margin-top: 5px}
.sc_mb ul li div a.co_1{color: #3ec8a7;background:rgba(62, 200, 167, 0.2)!important;filter:Alpha(opacity=20); padding: 5px 25px; font-size: 15px;}
.sc_mb ul li div a.co_2{color: #2eb9ea;background:rgba(46, 185, 234, 0.2)!important;filter:Alpha(opacity=20); padding: 5px 25px; font-size: 15px;}
.sc_mb ul li div a.co_3{color: #5661e8;background:rgba(86, 97, 232, 0.2)!important;filter:Alpha(opacity=20); padding: 5px 25px; font-size: 15px;}
.sc_mb ul li div a.co_4{color: #ea5747;background:rgba(234, 87, 71, 0.2)!important;filter:Alpha(opacity=20); padding: 5px 25px; font-size: 15px;}

.sc_t div{margin-top: 70px;}
.sc_t div a{padding: 10px 50px;background: #ff0000;color: #fff;border:1px #ff0000 solid; border-radius:2px;}
.sc_features{background: #f8f8f8; text-align: center;overflow: hidden;padding:10px 0;}
.features_l{ width: 260px; overflow: hidden; text-align: right; padding-left: 40px; margin-top: 190px;}
.features_l p{ font-size: 18px;color: #444}
.features_c{ margin: 0 8px;}
.features_r{ width: 260px;overflow: hidden; text-align: left; padding-right: 40px; margin-top: 190px;}
.features_r p{ font-size: 18px;color: #444}
.sc_btn{margin-top: 20px;}
.sc_btn a{padding: 15px 85px;background: #232c3b;color: #fff; border-radius: 2px; font-size: 18px;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;}
.sc_btn a:hover{background: #22324b;}
.advantage_sc{width: 1200px; margin:15px auto; text-align: center; padding: 0 20px;}
.advantage_sc span.advantage_sc_r{text-align: left; width: 730px;    margin-top: 50px; margin-left: 10px;}
.advantage_sc span.advantage_sc_r p{line-height: 23px;font-size: 18px;color: #444;}

/*特色*/
.function{background: url(../images/app/i_1_45.jpg) no-repeat center center;width: 100%; height: 700px; margin: 0 auto;overflow: hidden}
.function .function_sc{height: 700px; width: 1200px; margin: 0 auto; text-align: center;padding: 40px 0;}
.spe_tpImg{margin-bottom: 15px;}
.spe_list{margin-top: 30px;}
/*特色列表*/
.spe_list:after{content: "";clear: both;display: block;visibility: hidden;width: 100%;}
.spe_dl{width: 140px; margin:0 15px;height: 150px; text-align: center; margin-bottom: 15px; line-height: 25px;float: left;}
.spe_list .mr0{margin-right: 0;}
/*修改b*/
.spe_dl img{width: 81px;height: 81px;transition: all 0.2s linear;}
/*修改e*/
.spe_dl_d1{color: rgb(51, 50, 50);font-size: 16px;margin-top: 10px;margin-bottom: 13px;}

.demo_sc{width: 1200px; margin: 20px auto; text-align: center;}
.demo_ys{padding-top: 230px; padding-left: 420px;}
.demo_ys img{display: block; width: 156px; height: 156px; border: 1px #333 solid; margin-bottom: 25px;}
.demo_ys a{padding: 10px 35px;background: #232c3b;color: #fff; border-radius: 2px;    margin-left: -55px;}


.anli_sc{background: url(../images/app/i_1_119.jpg) no-repeat center center;width: 100%; height: 798px; margin: 0 auto;overflow: hidden}
.scrollpic {
	width: 1200px;
	margin:0 auto;
	position: relative;
	padding-top: 180px;
}
#myscroll1 {
	display: block;
	width: 1200px;;
	position: relative;
	height: 700px;
	overflow: hidden;
}
#myscroll1 #myscrollbox1 {
	display: block;
	float: left;
	position: absolute;
	left:0;
	top: 230px;
	width: 1200px;
}
#myscroll1 ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll1 ul li {
	display: block;
	float: left;
	width:210px;
	line-height: 30px;
	font-size:20px;
	color: #666;
	text-align: center;
	padding: 0 15px;
}
#myscroll1 ul li a {
	display: block;
	float: left;
	width: 240px;
	padding: 0;
	position: relative;
	height: 240px;
	color: #333;
}
#myscroll1 ul li a img{margin-bottom:10px;width: 210px; height: 210px;
	border-collapse:collapse;}
#myscroll1 a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #0057c4;
	filter: alpha(opacity=70);
	width: 260px;
	color: #fff;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-align: center;
}

#myscroll1 a .intro {
	bottom: -211px;
}
#myscroll1 a:hover .intro {
	bottom: 0px;
}
#myscroll1 li:hover a{color: #3179cb}
#myscroll1 ul li:hover a div{border-bottom: 5px #3179cb solid;}
#myscroll1 ul li:hover a h3{border-bottom: 1px #3179cb solid;}
#mybtns1 {
	margin: 10px 0;
	width: 1200px;
	display: block;
	height: 42px;
	position: absolute;
	top:160px;
	z-index: 100
}
#mybtns1 a {
	width: 42px;
	height: 42px;
	display: block;
	float: right;
	margin-right: 1px;
	background-color: #c1c1c1;
	margin-left:10px;
}

#mybtns1 a:hover {
	background-color: #347fdc;
}
#mybtns1 a:hover, #myscroll1, #mybtns1 a, #myscroll1 a:hover .intro, #myscroll1 a .intro, #myscroll1 #myscrollbox1 {
	-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;
}
#kinMaxShow1 {
	visibility: hidden;
	width: 100%;
	height: 500px;
	overflow: hidden;
}
#myscroll1 li dl{width:210px;height:210px;position:relative;}
#myscroll1 li dl dd{cursor:pointer;}
#myscroll1 li dl dt img{position:absolute;left:0;top:0;z-index:1;}
#myscroll1 li dl dd.hided{width:210px;height:210px;position:absolute;left:0;top:0;z-index:2;background:#000;opacity:0.5;filter:alpha(opacity=50);}
#myscroll1 li dl dd.wx img{position:absolute;left:45px;top:35px;z-index:3; width: 120px; height: 120px;}
#myscroll1 li dl dd.name{position:absolute;left:0;top:165px;z-index:3;color: #fff;width: 100%; text-align: center; font-size: 17px;}

.contact_sc{background: url(../images/app/i_1_127.png) no-repeat center center;width: 100%; height: 652px; margin: 0 auto;overflow: hidden; text-align: center;}
.contact_sc h2{padding-top: 130px;line-height: 60px;font-size:100px;color: #eee; position: relative;}
.contact_sc h2 span{position: absolute; font-size: 28px; color: #333; top:156px;    left: 545px;}
.contact_sc p{font-size: 18px; margin-bottom: 10px;}
.contact_sc div.phone_sc{background: #232c3b; width:300px;margin:30px auto; color: #fff; font-size: 18px; line-height: 45px}
.contact_sc div.con_sc{ margin-top: 50px;}
.contact_sc div.con_sc a{padding: 10px 60px; border: 1px #232c3b solid; color: #232c3b; border-radius:50px; font-size: 16px;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;}
.contact_sc div.con_sc a:hover{background: #232c3b;border:1px #232c3b solid; color: #fff;}


.type_sc{width: 1200px; margin:15px auto; text-align: center; overflow: hidden;}
.type_sc ul{}
.type_sc ul li{width: 280px; float: left; margin:0 10px; background: #232c3b; height: 260px;position: relative;    margin-top:80px;color: #fff; margin-bottom: 30px;}
.type_sc ul li p{color: #fff;font-size: 25px; padding-top:70px; padding-bottom: 30px;}
.type_sc ul li div.nub_sc{position: absolute;width: 85px; height: 85px; border-radius:50%;text-align: center;line-height: 85px; top:-43px; left: 97.5px; color: #fff; font-size: 40px;}
.function_1{background: url(../images/app/M_1_24.png) no-repeat center center;width: 100%; height: 441px; margin: 0 auto;overflow: hidden; text-align: center; margin-top: 20px;}
.function_1 div.w_sc p{ text-align: left; font-size: 24px;color: #444;line-height: 40px; padding-top: 150px; padding-left:80px; width: 400px;}
.function_1 div.w_sc div{ text-align: left; margin-left: 80px;margin-top:70px;}
.function_1 div.w_sc div a{ padding: 10px 40px; border: 1px #444 solid; border-radius:2px;color: #444;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;}
.function_1 div.w_sc div a:hover{ background: #f00000;color: #fff; border: 1px #f00000 solid;}
.function_2{width: 1200px; margin:15px auto; overflow: hidden; padding: 20px 0;}
.function_2 span img{padding-left:90px;}
.function_2 span p{ text-align: left; font-size: 24px;color: #444;line-height: 40px; padding-top: 80px; padding-left:80px; width: 400px;}
.function_2 span div{ text-align: left; margin-left: 80px;margin-top:70px;}
.function_2 span div a{ padding:10px 40px; border: 1px #444 solid; border-radius:2px;color: #444;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;}
.function_2 span div a:hover{ background: #f00000;color: #fff; border: 1px #f00000 solid;}
.function_3{background: #f8f8f8;width: 100%; margin: 0 auto;overflow: hidden;padding: 30px 0;}
.function_3 div.w_sc p{ text-align: left; font-size: 24px;color: #444;line-height: 40px; padding-top: 70px; padding-left:100px; width: 400px;}
.function_3 div.w_sc div{ text-align: left; margin-left: 100px;margin-top:70px;}
.function_3 div.w_sc div a{ padding: 10px 40px; border: 1px #444 solid; border-radius:2px;color: #444;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;}
.function_3 div.w_sc div a:hover{ background: #f00000;color: #fff; border: 1px #f00000 solid;}
.function_3 div span img{margin-left: 80px;}

.template_sc{background: url(../images/app/V_1_07.png) no-repeat;width: 1200px; height: 528px; text-align: center; margin-top:50px;}
.template_sc p{line-height: 50px;color: #0075ea;font-size: 26px; padding-top: 30px;}
.template_sc1{background: url(../images/app/V_1_10.png) no-repeat;width: 1200px; height: 680px; text-align: center; margin-top:20px;}
.template_sc1 p{line-height: 50px;color: #00a618;font-size: 26px; padding-top: 25px;}
.template_sc_l{float: left;background: url(../images/app/V_1_12.png) no-repeat;width: 588px; height: 531px; text-align: center; margin-top:20px;}
.template_sc_l p{line-height: 50px;color: #f30606;font-size: 26px; padding-top: 50px;}
.template_sc_r{float: right;background: url(../images/app/V_1_14.png) no-repeat;width: 588px; height: 531px; text-align: center; margin-top:20px;}
.template_sc_r p{line-height: 50px;color: #ff3700;font-size: 26px; padding-top: 50px;}
.template_sc2{background: url(../images/app/V_1_19.png) no-repeat;width: 1200px; height: 502px; text-align: center; margin-top:20px;}
.template_sc2 p{line-height: 50px;color: #d1b413;font-size: 26px; padding-top:50px;}
.template_sc3{background: url(../images/app/V_1_21.png) no-repeat;width: 1200px; height: 417px; text-align: center; margin-top:20px; margin-bottom: 20px}
.template_sc3 p{line-height: 50px;color: #0267cd;font-size: 26px; padding-top:300px;}
.anniu_sc_x{width: 100%; margin:50px auto; text-align: center; font-size: 16px;}
.anniu_sc_x a{ padding:12px 60px; background: #da0812; border-radius:2px;color: #fff;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;}
.anniu_sc_x a:hover{ background: #ff1717;}

.get_price { margin-top:20px; }