@charset "utf-8";

/*header*/

.header{ height: 125px; background-color: #000; }

.i_l_img{ padding-top: 24px;}

.i_p_txt{ padding-top: 15px;}

.i_p_txt span{ color: #eb6100;}

.i_p_txt a{ padding-left: 31px}

.glyphicon{ font-family: "iconfont"; }

.i_p_txt span:before{ content: "\e602"; padding-right: 5px; }




.is_con{ padding: 75px 0 95px;}

.is_txt_bg{

	background: url(../images/i_tit1.jpg) repeat-x;

	height: 33px; 

	line-height: 33px;

	display: inline-block;

	padding: 0 3%;

}

ul.is_list{ padding-top: 95px;}

ul.is_list li{ width: 20%; float: left; }

.is_l_img{ width: 51%; margin: 0 auto; }

ul.is_list li:hover img{

	-ms-transition:0.5s all;

	-moz-transition:0.5s all;

	-webkit-transition:0.5s all;

	transition:0.5s all;

	transform:rotateY(360deg);

	-webkit-transform:rotateY(360deg);

	-ms-transform:rotateY(360deg);

	-o-transform:rotateY(360deg);

	transition:1s;

	-moz-transition:1s;

	-webkit-transition:1s;

	-o-transition:1s;

}

.adver_img{

	background: url(../images/iadvertising.jpg) no-repeat left center;

	background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	padding: 70px 0;

}

/*banner*/

.in_banner{

	width:100%; 

	height:550px;

	overflow:hidden; 

	position:relative;

}

.in_banner .slide_pic{

	width:1920px; 

	height:550px;

	margin-left:-960px; 

	position:relative; 

	left:50%; 

	top:0; 

	overflow:hidden;

}

.in_banner .slide_pic li{

	width:100%; 

	height:550px; 

	overflow:hidden; 

	position:absolute; 

	top:0; 

	left:0;

}

.in_banner .slide_pic li a{

	width:100%; 

	height:100%; 

	position:absolute; 

	top:0; 

	left:0; 

	z-index:99;

}

.in_banner .slide_left{ position:absolute; left:-50px; top:215px; z-index:999; }

.in_banner .slide_right{ position:absolute; right:-50px; top:215px; z-index:999; }

.poa{position:absolute;}

.opacity{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

.banner1_img{ top:196px; left:710px; }

.banner1_text{ top:210px; left:468px; }

.banner1_btn{ top:450px; left:470px; }

.banner2_img1{ bottom:0; left:460px; }

.banner2_img2{ top:118px; left:625px; }

.banner2_title{

	top:210px; 

	left:938px; 

	line-height:48px; 

	font-weight:bold; 

	font-size:36px;

	color:#fff;

}

.banner2_text{

	padding:20px 0; 

	font-size:14px; 

	color:#fff; 

	overflow:hidden;

}

.banner2_text .p1,

.banner2_text .p2{ width:250px; float:left; line-height:24px; }

.banner2_text .icon{ float:left; margin-right:20px; display:inline; overflow:hidden; }

.banner2_text .icon1{ width:25px; height:20px; background:url(../images/banner2_icon1.png) no-repeat; }

.banner2_text .icon2{ width:25px; height:25px; background:url(../images/banner2_icon2.png) no-repeat; }

.banner2_text .icon3{ width:25px; height:25px; background:url(../images/banner2_icon3.png) no-repeat; }

.banner2_text .icon4{ width:25px; height:24px; background:url(../images/banner2_icon4.png) no-repeat; }



.banner2_text1{ top:340px; left:938px; }

.banner2_text2{ top:410px; left:938px; }

.banner2_text3{ top:470px; left:938px; }

.banner3_img{ bottom:0; left:500px; }

.banner3_text{ top:245px; right:468px; }

.banner3_btn{ bottom:60px; right:468px; }

.banner4_img{ top:102px; left:528px; }

.banner4_title1{ top:235px; left:960px; }

.banner4_title2{ top:235px; left:1118px; }

.banner4_title3{ top:235px; left:1280px; }

.banner4_text{

	top:328px; 

	left:960px; 

	line-height:24px; 

	font-size:14px; 

	color:#b0400e;

}

.anima {

	opacity: .7;

	-webkit-animation-name: 'opt';

	-webkit-animation-duration: 2s;

	-webkit-animation-timing-function: ease;

	-webkit-animation-iteration-count: infinite;

}



/*case*/

.ic_con{ padding: 80px 0 90px 0;}

.ic_tit{ border-top: 1px solid #d7d4d4;}

.ic_white{

	background-color: #fff;

	padding: 0 20px; 

	margin-top: -33px;

	display: inline-block;

}

.ic_white span{

	border-top: 2px solid #789;

	margin-top: 5px;

	padding-top: 5px;

	display: block;

	font-size: 17px;

}

ul.tabs2,

ul.tabs1{ padding-top: 60px; }

ul.tabs2 li,

ul.tabs1 li{

	display: inline-block;

	padding: 0 30px;

	position: relative;

	margin-bottom: 15px;

}

ul.tabs1 a,

ul.tabs2 li a,

ul.tabs2 li span,

ul.tabs1 li span{

	display: inline-block;

	height: 30px; 

	line-height: 30px;

	background-color: #789; 

	padding: 0 15px;

	color: #fff;

	cursor: pointer;

}

ul.tabs1 a{ margin: 0 30px;}

ul.tabs2 li:after,

ul.tabs1 li:after{

	content: "";

	display: block;

	width: 1px; 

	height:15px;

	background-color: #cfccd5;

	position: absolute;

	right: 0; 

	top: 8px;

}

ul.tabs2 li a.current,

ul.tabs2 li.thistab span,

ul.tabs1 li.thistab span{ background-color: #f00;}

ul.tabs2 li:nth-child(5):after,

ul.tabs1 li:nth-child(5):after{ display: none;}

.tab_conbox1{ padding: 60px 3% 0 4%;}

.ic_enlarge{

	float: left;

	width: 30.333%;

	margin:0 4% 55px 0;

	overflow: hidden;

	cursor: pointer;

}

.ic_enlarge:nth-child(3n){ margin-right: 0;}

.ic_enlarge img{

	-webkit-transition-duration:0.3s;

	transition-duration:0.3s;

}

.ic_enlarge:hover img{

	transform:scale(1.08);

	-webkit-transform:scale(1.08);

}

.ic_phone{

	float: left;

	width: 18%;

	margin:0 7% 55px 0;

	cursor: pointer;

}

.ic_code{

	left:14%; 

	top: 11%;

	background: rgba(0,0,0,.5);

	height: 76%; width: 71%;

	text-align: center;

}

.ic_code img{

	width: 70%;

	padding-top: 53%;

}

.ic_phone:nth-child(4n){ margin-right: 0;}

.ic_phone:hover .ic_code{ display: none;}

.ic_back_bg{

	left: 0;

	top: 0;

	width: 100%; 

	height: 100%;

	background: rgba(0,0,0,0);

}

.ic_enlarge:hover .ic_back_bg{

	background: rgba(0,0,0,0.8);

	transition:all ease 0.5s;

	-o-transition:all ease 0.5s;

	-webkit-transition:all ease 0.5s;

	-moz-transition:all ease 0.5s;

}

.ic_back_bg em{

	display: block;

	position: absolute;

	top: 37%; 

	left: 43%;

	margin: -36px 0 0 -38px;

	width: 150px; 

	height: 150px;

	background: url(../images/ic_logo_one.png) no-repeat;

	-moz-background-size: 100% 100%;

	background-size: 100% 100%;

	-o-transform:rotateY(-360deg) translateY(130px) scale(0.3,0.3);

	-webkit-transform:rotateY(-360deg) translateY(130px) scale(0.3,0.3);

	-moz-transform:rotateY(-360deg) translateY(130px) scale(0.3,0.3);

	transform:rotateY(-360deg) translateY(130px) scale(0.3,0.3);

	opacity: 0;

}

.ic_back_bg h3{

	display: block;

	width: 94%;

	position: absolute;

	top: 50%;

	transform:translateY(-20px);

	-o-transform:translateY(-20px);

	-webkit-transform:translateY(-20px);

	-moz-transform:translateY(-20px);

	text-align: center;

	margin: 20px 3% 0 3%;

	color: #e2e2e2;

	opacity: 0;

}

.ic_enlarge:hover .ic_back_bg em{

	perspective:600px;

	-moz-transform:rotateY(0deg) translateY(0) scale(1,1);

	-webkit-transform:rotateY(0deg) translateY(0) scale(1,1);

	-o-transform:rotateY(0deg) translateY(0) scale(1,1);

	transform:rotateY(0deg) translateY(0) scale(1,1);

	-moz-transition:all ease 0.6s;

	-webkit-transition:all ease 0.6s;

	-o-transition:all ease 0.6s;

	transition:all ease 0.6s;

	opacity: 1;

}

.ic_enlarge:hover .ic_back_bg h3{

	transform:translateY(0px);

	-o-transform:translateY(0px);

	-webkit-transform:translateY(0px);

	-moz-transform:translateY(0px);

	transition:all 0.6s ease 0.4s;

	-o-transition:all 0.6s ease 0.4s;

	-webkit-transition:all 0.6s ease 0.4s;

	-moz-transition:all 0.6s ease 0.4s;

	opacity: 1;

}





/*advantage*/

.i_advantahe{

	background: url(../images/i_advantage_bg.jpg) no-repeat left center;

	background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	padding: 100px 0;

	margin-bottom: 75px;

}

ul.i_advan_list li{ width: 160px; float: left; margin-right: 148px; }

ul.i_advan_list li:nth-child(5){ margin-right: 0; }

.i_a_img{

	width: 160px; 

	height: 160px;

	background-color: #f66;

	border-radius: 100%;

	display: table-cell;

	vertical-align: middle;

}

.i_a_img img{ width: 70%; }

ul.i_advan_list li:hover img{

	transform:rotate(360deg);

	-ms-transform:rotate(360deg);

	-webkit-transform:rotate(360deg);

	-o-transform:rotate(360deg);

	-moz-transform:rotate(360deg);

	transition:1s;

	-webkit-transition:1s;

}

.i_a_img_yellow{ background-color: #f93; }

.i_a_img_green{ background-color: #099; }

.i_a_img_bule{ background-color: #09c; }

.i_a_img_purple{ background-color: #5d5dc2; }





/*news*/

.i_n_list{ width: 47%; margin-bottom: 50px; }

.i_n_time{ background-color: #00a0e9; padding: 0 15px 5px; }

.i_n_time div{ font-size: 60px; line-height: 72px; }

.i_n_txt{ width: 81%; }

.tab_conbox2{ padding-top: 50px; }

.i_n_list:nth-child(2n){ float: right; }

.n_detail_con{ padding: 30px 0 60px; }

.n_detail_con h3{ border-bottom: 1px solid #d7d4d4; padding-bottom: 10px; }

.n_detail_txt{ line-height: 24px; }



/*contact*/

.i_contact_con{ padding-top: 55px; }

.i_c_tit{ padding: 30px 0;}

.i_c_tit span{ padding: 0 .5%;}





/*phone menu*/

.navbar-toggle{

	background:none;

	background-image:none;

	border:1px solid transparent;

	border-radius:4px;

	cursor:pointer;

	float:left;

	margin:32px 0 0 0;

}

.navbar-toggle:focus{ outline:0 }

.navbar-toggle .icon-bar{

	display:block;

	width:42px;

	height:5px;

	border-radius:1px; 

	background-color:#f29600;

}

.navbar-toggle .icon-bar+.icon-bar{ margin-top:4px; }

ul.m_list_a{

	position:absolute;

	top:90px; 

	left:0; 

	width:100%;

	width:100%;

	z-index:100;

	background-color:#eef0f1;

	display:none;

}

ul.m_list_a li{ line-height:30px; }

ul.m_list_a li a{

	display:block;

	line-height:30px;

	padding-left:2%;

}

ul.m_list_a li a:hover{ background-color:#f29600; color:#fff; }

.n_a_tit ul li{ display: inline-block; }

.n_a_tit ul{ border-bottom: 1px solid #e9e9e9;}



/*about*/

.pages_banner{

	background: url(../images/nbanner1.jpg) no-repeat;

	background-size: 100% 100%;

	-moz-background-size: 100% 100%;

	padding: 40px 0;

}

.n_p_txt div{ font-size: 50px; }

.n_p_txt h3{ font-size: 30px; }

.n_three_img ul{ padding: 60px 0 45px; }

.n_three_img ul li{ width: 31.333%; float: left; margin-right: 3%; }

.n_three_img ul li:nth-child(3){ margin-right: 0;}

.n_a_tit ul li{ padding-bottom: 20px; margin-right: 3%; cursor: pointer; }

.n_a_tit ul li:hover,.n_a_tit ul li.current{  border-bottom: 2px solid #f60; color: #f60; }

#n_con3,#n_con1,#n_con2{ padding-top: 50px;}

.na_service{

	background-color: #f6f6f6;

	padding-bottom: 70px;

	margin-top: 100px;

}

.na_three ul li{ width: 25.333%; margin: 0 4%; float: left; }

.na_three ul{ padding-top: 80px;}

.scroll_horizontal{position:relative; margin-top: 70px; }

.scroll_horizontal .box{ overflow:hidden; position:relative; width:1260px; margin:0 auto;}

.scroll_horizontal .list{ overflow:hidden;width:9999px;}

.scroll_horizontal .list li{float:left; width:260px;}

.nl_w{ width: 220px;}

.scroll_horizontal .prev,

.scroll_horizontal .next{

	position:absolute;

	top:50%;

	width:40px;

	height:50px;

	margin-top:-25px; 

	background-repeat:no-repeat;

	font:0/0 Arial;

	cursor:pointer;

}

.scroll_horizontal .prev{ left:5px; background:url(../images/aleft.png) no-repeat;}

.scroll_horizontal .next{ right:5px; background:url(../images/aright.png) no-repeat;}

.n_img_hc{

	-webkit-transfrom-style:preserve-3d;

	   -moz-transfrom-style:preserve-3d;

	    -ms-transfrom-style:preserve-3d;

	-o-transfrom-style:preserve-3d;

	transfrom-style:preserve-3d;

	-webkit-transition:0.5s ease;

	-moz-transition:0.5s ease;

	-ms-transition:0.5s ease;

	-o-transition:0.5s ease;

}

.n_img_hc img{ 

	width: 100%; 

	height: 100%; 

	cursor: pointer;

}

.n_img_c{

	top: 0; 

	width: 100%;

	-webkit-transform:rotateY(180deg) translateZ(1px);

	-moz-transform:rotateY(180deg) translateZ(1px);

	-ms-transform:rotateY(180deg) translateZ(1px);

	-o-transform:rotateY(180deg) translateZ(1px);

	transform:rotateY(180deg) translateZ(1px);

	opacity: 0;

	background: rgb(255,255,255,.9);

}

.scroll_horizontal .list li:hover .n_img_hc{

	transform:rotateY(180deg);

	-o-transform:rotateY(180deg);

	-ms-transform:rotateY(180deg);

	-moz-transform:rotateY(180deg);

	-webkit-transform:rotateY(180deg);

}

.scroll_horizontal .list li:hover .n_img_c{ opacity: 1;}

.nn_tit img{ padding-top: 90px;}



/*ke hu ping jia*/

ul.klist{ padding: 60px 0;}

ul.klist li{

	float: left;

	width: 21%;

	margin: 0 2% 25px 2%;

}

ul.klist li .w100{ border: 2px solid #474747;}

ul.klist li .w100 img{ border: 1px solid #f1f1f1; padding: 1px; }

/*wang zhan jian she*/

.n_website_con{ background: #f5f5f5; padding: 100px 0 70px; }

.n_w_img{ width: 40%;}

.n_w_txt{ width: 50%; margin-top: -12px; }

.n_w_img .ic_enlarge{ width: 32.333%; margin: 0 1% 4px 0; }

.n_w_img .ic_back_bg em{

	top: 15%;

	left: 30%;

	margin: 0;

	width: 80px; height: 80px;

}

.n_w_img .ic_back_bg h3{ margin-top: 12px; }

.n_w_border{ width: 133px; height: 3px; background-color: #f49800; margin-top: 4px; }

.n_w_nr h3{

	border-left: 3px solid #f49800;

	padding-left: 10px;

	line-height: 20px;

	margin-bottom: 5px;

}

.n_w_a a{

	display: inline-block;

	height: 43px; 

	line-height: 43px;

	padding: 0 3%;

	background-color: #fd8200;

	color: #fff;

	margin-top: 60px;

}

.n_website_con.n_website_con_no{ background:none;}

.n_pro_bg{ background: url(../images/pbg1.jpg) repeat; padding: 65px 0 100px; }

.nbuilding_bg{ height: 275px; background: url(../images/n_b_bg.png) no-repeat center top; margin-top: 100px; }

.nb_mt{ width: 163px; padding: 121px 0 0 65px; }

.nb_img{

	width: 98px;

	height: 98px;

	background-color: #fff;

	border-radius: 100%;

	display: table-cell;

	vertical-align: middle;

}

.nb_mt:hover img{

	transform:rotateX(360deg);

	-o-transform:rotateX(360deg);

	-webkit-transform:rotateX(360deg);

	-ms-transform:rotateX(360deg);

	-moz-transform:rotateX(360deg);

	transition:1s;

	-moz-transition:1s;

	-webkit-transition:1s;

	-o-transition:1s;

}

.nb_mt{ cursor: pointer;}

.nb_mt_distance1{ width: 234px; padding:14px 0 0 136px; }

.nb_mt_distance2{ width: 235px; padding: 113px 0 0 137px; }

.nb_mt_distance3{ width: 234px; padding: 23px 0 0 136px; }

.nb_mt_distance4{ width: 235px; padding: 121px 0 0 137px; }

.nb_mt_distance5{ width: 234px; padding: 27px 0 0 136px; }

/* liuyan or dizhi */

.message_add{ width: 1083px; margin: 0 auto; padding: 95px 0; }

.nm_con{ width: 58%; }

.na_con{ width: 36%; }

.m_input{

	width: 48%;

	height: 45px;

	border: 1px solid #d9d9d9;

	padding-left: 2%;

}

.m_input_w{ width: 100%;}

.m_textarea{

	width: 100%;

	height: 182px;

	border: 1px solid #d9d9d9;

	padding: 2%;

}

.mbtn{ height: 36px; background-color: #fd8200; padding: 0 5%; }



.mbtn{ border: 0; cursor: pointer; }

.n_dimg{ border: 1px solid #d9d9d9;}

.n_q_bg{

	background-color: #fd8200;

	height: 25px; 

	line-height: 25px;

	padding: 0 10px;

	position: relative;

	margin:3px 0 0 25px;

}

.n_q_bg:before{

	content: "";

	display: block;

	position: absolute;

	left: -13px; 

	top: 5px;

	width: 0; 

	height: 0;

	border-top: 5px solid transparent;

	border-bottom: 5px solid transparent;

	border-right: 13px solid #fd8200;

}

.n_q_img{ width: 18%; }



/* pu bu liu */

.grid-gallery{ padding: 30px 0 4% 0; }

.grid-wrap{ width: 90%; margin: 0 auto; }

.grid-gallery ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

.grid-gallery figure { margin: 0; }

.grid-gallery figure img { width: 100%; display: block; }

.grid-gallery figcaption p { margin: 0; }

/* Grid style */

.grid li { width: 33%; }

.grid figure { padding: 3%; }

.grid figcaption {

	background: #fff;

	padding: 2% 2% 4% 2%;

	box-shadow: 0 0 5px #666;

	-moz-box-shadow: 0 0 5px #666;

}

.grid figcaption img{ padding-bottom: 20px; border-bottom: 1px solid #dbdbdb }

.grid figcaption h3{ padding-top: 20px; }





/*footer*/

.f_txt{ background-color: #191919; padding: 27px 0 37px; }

.f_tleft{ width: 50%;}

.f_tleft span,.f_tleft a{ display: inline-block;}

.f_txt .tbig{ color: #f39517}

.f_tleft span,.f_bottom span{ padding: 0 1%;}



.f_tright{  width: 47%; padding-top: 20px; }

.f_three_btn{ right: 245px; bottom: 0; }

.f_three_btn div{ height: 40px; float: left; line-height: 40px; margin-right: 10px; }

.f_three_btn div a{

	width: 124px;

	display: block;

	color: #fff;

	padding-left: 48px;

	background-color: #3092f4;

	text-align: left;

	border-radius: 5px;

	-moz-border-radius: 5px;

}

.f_three_btn div i{

	position:absolute;

	left: 12px; top: -2px;

	display: block;

	font-family: "iconfont";

	font-style: normal;

	font-size: 27px;

	color: #fff;

}

div.f_bg_green a{ width: 129px; background-color: #0dd69e; }

.f_code_set{ top: -140px; left: 0; display: none; }

.f_code_set img{ padding-bottom: 10px; }

div.f_bg_green a:hover .f_code_set{ display: block; }

.f_bottom{ background-color: #000; padding: 8px 0; }



/*5.17*/

.iw_poi_title { color:#CC5522; font-size:14px; font-weight:bold; overflow:hidden; padding-right:13px; white-space:nowrap }

.iw_poi_content { font:12px arial,sans-serif; overflow:visible; padding-top:4px; white-space:-moz-pre-wrap; word-wrap:break-word}

#dituContent{ width:100%; height:549px; }

#dituContent.ditu_height{  height: 180px; border: 1px solid #d9d9d9; }



/*5.20*/

.i_join_con,.n_pay{ padding: 50px 0;}

.pay_con{ width: 926px; margin: 40px auto 0; font-size: 12px;}

.pleft{ width: 60%; }

.pl_tit{ margin-bottom: 20px; }

.p_sub_menu{

	height: 34px;

	line-height: 34px;

	background-color: #dfdfdf;

	padding-left: 10px;

}

.way_img{ left: 20px; top: 20px; }

.p_info{ padding: 12px 0 12px 238px;}

.p_bottom{ border-top: 1px solid #dfdfdf}

.pright{ width: 32%;}

.pr_img{ border: 2px solid #000; padding: 3px; }



/*5.23*/

.i_join_con{

	background-color: #f6f6f6;

	padding: 30px 0;

	margin-top: 60px;

}

ul.i_join_list{ padding-top: 50px; }

ul.i_join_list li{

	float: left;

	width: 30.333%;

	margin-right: 4%;

}

ul.i_join_list li:nth-child(3){ margin-right: 0;}

.i_j_center{ width: 120px; margin: 0 auto; }

.jicon{

	width: 120px;

	height: 120px;

	background-color: #e83828;

	border-radius: 100%;

	display: table-cell;

	vertical-align: middle;

}

ul.i_join_list li:hover img{

	transform:rotate(360deg);

	-ms-transform:rotate(360deg);

	-webkit-transform:rotate(360deg);

	-o-transform:rotate(360deg);

	-moz-transform:rotate(360deg);

	transition:1s;

	-webkit-transition:1s;

}

.col_four{ color: #454545 }

.i_j_tit{ display: inline-block; border-bottom: 1px solid #e83828; }

.i_j_gary{ background-color: #eee; padding: 3% 3px 3% 7%; }

.i_j_gary ul li{ width: 100%; float: none; list-style:decimal; }

.foot-gs{ width: 25px; display: inline-block; *display: inline; *zoom:1; padding-left: .3rem; }

.foot-gs img{ width: 100%; }







/*small coutine*/

.s-r-banner{ position: relative; height: 525px; background-position: center top; background-size: cover; }

.p-b-text{ position: absolute; top: 31%; right: 22%; color: #fff; }

.p-b-text h1{ font-size: 30px; }

.p-b-text p{ font-size: 40px; }

.p-b-text p span{ color: #85DC4C; }

.p-b-text a{ font-size: 40px; color: #fff; }

.p-b-text a span{ color: #F85D5D; }

.small-r-ptb{ padding: 4rem 0; }

.small-r-title{ text-align: center; }

.small-r-title h3{ font-size: 28px; }

.small-r-line{ width: 100px; height: 4px; background: #FF0000; margin: 18px auto 40px; }

.small-r-gray{ font-size: 14px; color: #666; }

.small-r-bg{

	width: 350px;

    height: 50px;

    line-height: 50px;

    font-weight: 700;

    font-size: 18px;

    color: #fff;

    text-align: center;

    background: #F03521;

    margin: 50px auto;

}

.s-r-ddd{ text-align: center; }

.s-r-ddd dd{ width: 369px; text-align: left; font-size: 14px; font-weight: bold; }

.s-r-ddd dt,

.s-r-ddd dd{ display: inline-block; *display: inline; *zoom:1; vertical-align: top; }

.s-r-ddd dt{ 

	position: relative;

	top: 0;

	width: 538px; 

	animation: moveTop 3s infinite alternate;

    -moz-animation: moveTop 3s infinite alternate;

    -webkit-animation: moveTop 3s infinite alternate;

    -o-animation: moveTop 3s infinite alternate;

}

@keyframes moveTop{

	0% {top:0;}

	50% {top:-5px;}

	100% {top:5px;}

}

.mr-gray{ background: #F9F9F9; }

.wrap-1200{ width: 1200px; margin: 0 auto; }

.mr-list{ padding-top: 3.5rem; }

.mr-list li{ width: 33.333%; height: 145px; padding-left: 45px; color: #555; font-size: 14px; float: left; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; }

.mr-list li .mr-icon{ width: 79px; float: left; margin-right: 20px; transition: all 0.5s; -webkit-transition: all 0.5s; }

.mr-list li .mr-text{ width: 190px; float: left; }

.mr-list li .mr-text h3{ font-size: 18px; font-weight: bold; margin-bottom: .3rem; }

.mr-list li.mr-none4,

.mr-list li.mr-none5,

.mr-list li.mr-none6{ padding-top: 45px; border-bottom: none; }

.mr-list li:hover .mr-icon{ transform:rotate(-10deg); opacity:0.9; }

.mr-1-list li{ 

	position: relative; 

	width: 25%; 

	height: 257px;

	padding: 20px 2% 0; 

	text-align: center; 

	color: #555;

	font-size: 14px;

	float: left; 

	overflow: hidden;

	border-right: 1px solid #F2F2F2;

    -webkit-transition: all 0.3s;

       -moz-transition: all 0.3s;

        -ms-transition: all 0.3s;

         -o-transition: all 0.3s;

            transition: all 0.3s;

}

.mr-l-icon1{ width: 35px; margin: 0 auto; }

.mr-1-list li h4{ font-size: 16px; margin: 24px auto 27px; }

.mr-1-list li.mr-has{ border-bottom: 1px solid #F2F2F2; }

.mr-1-list li .mr-1-line{

	position: absolute;

    width: 100%;

    height: 3px;

    top: -3px;

    left: 0;

    background: red;

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

}

.mr-1-list li:hover{ color:#fff; background:#000; }

.mr-1-list li:hover .mr-1-line{ top:0; }

.mr-2-list{ padding-top: 1rem; }

.mr-2-list li{ position: relative; width: 50%; line-height: 1.6rem; color: #555; float: left; height: 120px; }

.mr-2-list li i{

	position: absolute;

	left: 0;

    top: 7px;

    width: 35px;

    display: block;

    margin-right: 20px;

    opacity: 0.3;

}

.mr-2-list li:hover i{ opacity: 1; }

.mr-2-list li p{ width: 460px; font-size: 14px; padding-left: 60px }



.mr-3-list{ padding-top: 2rem; }

.mr-3-list li{ position: relative; width: 33.333%; font-size: 14px; color: #555; line-height: 1.6rem; text-align: center; padding: 0 45px; float: left; }

.mr-3-list .mr-3-icon{ margin: 0 auto; }

.mr-3-list li h4 { font-size: 20px; margin: 30px 0 25px; }

.gua-blue h2,

.mr-3-list li.mr-3-blue{ color: #5A9AD4; }

.gua-orange h2,

.mr-3-list li.mr-3-orange{ color: #EC7D31; }



.guarantee{ position: relative; margin: 75px 0 30px; }

.gua-img{ width: 461px; display: block; margin: 0 auto; transition: transform 0.3s; -webkit-transition: transform 0.3s; }

.gua-img:hover{ -webkit-transform:scale(0.97); transform:scale(0.97); }

.gua-item{ position: absolute; width: 310px; font-size: 18px; color: #555; }

.gua-ding1{ top: 28px; left: 105px; text-align: right; }

.gua-item h2{ font-size: 24px; margin-bottom: .5rem; }

.gia-icon{ display: none; }

.gua-ding2{ top: 178px; left: 45px; text-align: right; }

.gua-ding3{ top: 327px; left: 100px; text-align: right; }

.gua-ding4{ top: 28px; left: 775px; }

.gua-ding5{ top: 178px; left: 840px; }

.gua-ding6{ top: 327px; left: 780px; }

.mr-4-list.other-pt{ padding-top: 1.2rem; }

.mr-4-list li{ width: 33.333%; padding: 0 1.5%; float: left; text-align: center; color: #555; }

.mr-4-list li p{ margin-top: 15px; font-size: 14px; }







.mr-4-list li img,

.mr-2-list li i img,

.mr-l-icon1 img,

.mr-list li .mr-icon img,

.s-r-ddd dt img{ width: 100%; }



@media (max-width:1250px){

	.wrap-1200{ width: 100%; }

	.mr-list li .mr-icon{ width: 50px; }

	.mr-list li{ padding-left: 25px; }

	.mr-list li .mr-text{ width: 130px; }

	.mr-2-list li p{ width: 400px; }

	.gua-img{ display: none; }

	.guarantee{ padding: 0 3%; }

	.gua-item{ position: relative; width: 50%; font-size: 15px; float: left; text-align: left !important; padding-left: 35px; margin-bottom: 1.1rem; }

	.gua-ding6,

	.gua-ding5,

	.gua-ding4,

	.gua-ding3,

	.gua-ding2,

	.gua-ding1{ top: 0; left: 0; }

	.gia-icon{ position: absolute; top: 3px; left: 0; width: 25px; display: block; }

	.gua-item h2{ font-size: 20px; margin-bottom: .3rem; }

	.mr-1-list{ padding-top: 1.5rem; }

}

@media (max-width:1000px){

	.s-r-banner{ height: 300px; }	

	.small-r-ptb{ padding: 2rem 3%; }

	.s-r-ddd dt,

	.s-r-ddd dd{ width: 100%; float: none; }

	.s-r-ddd dt{ margin-top: 1.1rem; }

	.s-r-ddd dd{ text-align: center; }

	.s-r-ddd dt img{ width: 70%; }

	.mr-2-list li p{ width: 97% }

	.mr-3-list .mr-3-icon img{ width: 50%; }

	.p-b-text{ top: 25%; right: 5%;  }

}

@media (max-width:850px){

	.small-r-title h3{ font-size: 1.2rem; }

	.mr-list li{ height: 190px; padding: 5% 3%; }

	.mr-list li .mr-icon{ display: block; float: none; margin: 0 auto; }

	.mr-list li .mr-text{ width: 100%; text-align: center; float: none; margin-top: 1rem; }

	.mr-list li .mr-text h3{ font-size: 15px; }

	.mr-3-list li{ width: 100%; padding: 0; text-align: left; padding-left: 75px; margin-bottom: 3rem; }

	.mr-3-list .mr-3-icon{ position: absolute; top: 0; left: 0; width: 55px; }

	.mr-3-list .mr-3-icon img{ width: 100%; }

	.mr-3-list li h4{ margin: 0 0 .2rem 0; }

	.guarantee{ margin: 3rem 0 0 0; }

}

@media (max-width:750px){

	.mr-1-list li{ width: 50%; }

	.applet_title h2{ font-size: 20px; }

	.mr-2-list li{ width: 100%; height: auto; margin-bottom: 1rem; }

	.mr-2-list li i{ width: 27px; }

	.mr-2-list li p{ padding-left: 40px; }

	.gua-item{ height: 120px; font-size: 14px; }

	.mr-list{ padding-top: 1.3rem; }

}

@media (max-width:700px){

	.p-b-text{ top: 37%; right: 12%; }

	.p-b-text h1{ font-size: 14px; }

	.p-b-text a,

	.p-b-text p{ font-size: 15px; }

	.small-r-line{ height: 2px; margin: .9rem auto 1.1rem; }

	.small-r-bg{ width: 45%; height: 2.5rem; line-height: 2.6rem; font-size: .9rem; margin: 2rem auto; }

	.mr-list li{ width: 50%; }

	.mr-list li.mr-none6,

	.mr-list li.mr-none4,

	.mr-list li.mr-none2{ border-right: 0; }

	.mr-list li.mr-none4{ border-bottom: 1px solid #EBEBEB; }

	.mr-list li.mr-none4, 

	.mr-list li.mr-none5, 

	.mr-list li.mr-none6{ padding-top: 5%; }

	.mr-3-list li{ margin-bottom: 2rem; }

	.mr-3-list li h4{ font-size: 1rem; }

	.gua-item h2{ font-size: 17px; }

}

@media (max-width:500px){

	.mr-l-icon1{ width: 28px; }

	.small-r-title h3{ font-size: 1.1rem; }

}





/*index small routine*/

.i-small-r{ padding: 5rem 0; background-color: #f3f3f3; }

.i-small-r .ic_white{ background-color: #f3f3f3; }

.mini-p-list{ margin-top: 60px; }

.mini-p-list li{ position: relative; width: 30%; height: 105px; color: #333; font-size: 14px; margin: 0 5% 5% 0; padding-left: 55px; float: left; text-align: left; }

.mini-p-list li i{ 

	position: absolute;

	top: 15px;

	left: 0;

	width: 35px; 

	display: block; 

}

.mini-p-list li i img{ width: 100%; }

.mini-p-list li h3{ font-size: 16px; font-weight: bold; margin-bottom: 5px; }

.mini-p-list li:nth-child(3n){ margin-right: 0; }

.mini-a{

    width: 270px;

    height: 54px;

    line-height: 54px;

    text-align: center;

    display: block;

    margin: 0 auto;

    font-size: 20px;

    background: #F6F6F6;

    border-radius: 10px;

    border: 1px solid #000;

}

.mini-a:hover{ background-color: #e60012; color: #fff; border-color: #e60012; }

@media (max-width:1230px){

	.mini-p-list{ padding: 0 3%; }

}

@media (max-width:1000px){

	.mini-p-list li{ width: 47%; }

	.mini-p-list li:nth-child(3n){ margin-right: 5%; }

	.mini-p-list li:nth-child(2n){ margin-right: 0; }

}

@media (max-width:600px){

	.i-small-r{ padding: 5rem 0 4rem; }

	.mini-p-list{ margin:40px 0; }

	.mini-p-list li{ width: 100%; height: auto; }

	.mini-p-list li h3{ font-size: 15px; }

	.mini-p-list li:nth-child(3n){ margin-right: 0; }

	.mini-p-list li i{ top: 7px; width: 28px; }

	.mini-a{ width: 50%; height: 47px; line-height: 47px; font-size: 16px; }

}