/*核心服务*/
.sever{width: 1200px;margin:0 auto;}
.sever .title{margin: 50px auto 0;display: block;width: 122px;}
.sever ul{width: 1200px;background:url(../pictures/bg-1.jpg) no-repeat 195px 0;height:200px;padding-top: 155px;}
.sever ul li{width: 270px; height:150px;border-radius: 50%; float: left;text-align: center;position: relative;}
/*.sever ul li:hover{width: 200px;height: 200px;}
*/.sever ul li:last-child{margin-right: 0;}
.sever ul li a span{font-size: 22px;color: #4F4F4F;line-height: 60px;display: block; margin-left:120px;}
.keyword{font-size: 12px;line-height: 25px;width: 200px;padding:10px;border: 1px solid #E05716;position: absolute;left: -100px;text-align: left;top:200px;display: none;}
.sever ul li:hover .keyword{display: block;} 

.text-desc {
	
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	background-color: red;
	width: 150px;
	height: 150px;
	opacity: 0;
}
.port-4 h3 {
	font-size: 20px;
	width: 150px;
	height: 150px;
	/*padding: 0 50px;*/
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-family:"楷体" !important;
}
.port-4 {
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	text-align: center;
	z-index: 10;
	width: 150px;
	height: 150px;
	margin-left: 120px;
}
.port-4 .image-box{
	width: 150px;
	height: 150px;
	position: relative;
}
.port-4 img {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -55px 0 0 -55px;
}
.port-4.effect-1 img {
	transition: 0.5s;
	transform: rotateY(360deg) scale(1, 1);
}
.port-4.effect-1 .text-desc {
	transform: rotateY(0deg) scale(0, 0);
	transition: 0.5s;
	opacity: 0;
}
.port-4.effect-1:hover .text-desc {
	transform: rotateY(360deg) scale(1, 1);
	opacity: 1;
}

.port-4.effect-2 {
	z-index: 12;
}
.port-4.effect-2 img {
	transition: 0.5s;
	transform: rotateX(360deg) scale(1, 1);
}
.port-4.effect-2 .text-desc {
	transform: rotateX(0deg) scale(0, 0);
	transition: 0.5s;
	opacity: 0;
}

.port-4.effect-3 img {
	transition: 0.5s;
	transform: rotate(360deg) scale(1, 1);
}
.port-4.effect-3 .text-desc {
	transform: rotate(0deg) scale(0, 0);
	transition: 0.5s;
	opacity: 0;
}


/*我们能做什么 */
.can{width: 1200px;margin:200px auto;overflow: hidden;}
.can .title{width: 235px;margin: 0 auto;}
.can .tip{text-align: center;color: #E05716;margin-top: 20px;}
.can ul li{width:300px;text-align: center;float: left;margin-top: 70px;}
.can ul li{line-height: 0;font-size: 0;}
.can ul li img {padding: 0 64px;margin:0 auto;}
.can ul li:hover .visible{display: none;}
.can ul li:hover .hide{display: block;}
.can ul li p{font-size: 16px; color: #4e4f4f;text-align: center;line-height: 30px; padding-left:25px;}

/*我们擅长什么 */
.bg_expert{width:100%;height:670px;background: #F7F7F7;margin-bottom: 50px;}
.expert{width: 1200px;margin:0 auto;clear: both;position: relative;height:670px;background: url(../pictures/prb.png) no-repeat 5px 155px;}
.expert p{font-size: 14px;color: #333;line-height: 25px;}
.expert .title{margin: 0px auto;display: block;width: 267px;padding-top: 50px;}
.expert .sc1{ width:360px; height:100px; position:absolute; left:45px; top:155px;}
.expert .sc2{ width:340px; height:100px; position:absolute; right:0px; top:133px;padding-right: 20px;}
.expert .sc3{ width:310px; height:100px; position:absolute; left:30px; top:355px;}
.expert .sc4{ width:310px; height:100px; position:absolute; right:0px; top:302px;}
.expert .sc5{ width:325px; height:100px; position:absolute; left:40px; bottom:28px;}
.expert .sc6{ width:296px; height:100px; position:absolute; right:10px; bottom:78px;padding-right: 20px;}
.expert .sc7{ width:190px; height:40px; position:absolute; left:515px; top:320px;font-size: 14px;}
.expert .sc7 p{ color: #333; font-size:14px; line-height:20px;}
.expert .sc7 p em{font-size: 24px;color:#0075c2;font-style: normal;text-align: center;line-height: 40px;display:block;}
.expert h2 {color: 5a5a5a;font-size: 16px;text-align: left;font-weight: normal;margin-bottom: 20px;}
.expert .sc2 h2,.expert .sc4 h2,.expert .sc6 h2{text-align: right;}
.bg_expert h3 {text-align: center;color: #5A5A5A;font-size: 16px;line-height: 25px;font-weight: normal;padding: 8px 0px;}
.bg_expert h4{text-align: center;font-size: 18px;color: #0075C2;font-weight: normal;}
/* .bg_expert .tel{font-size: 30px;color: #E05617;padding-left: 110px;width: 240px;margin: 135px auto 0;}
.bg_expert .tel em{color: #777777;font-size: 16px;font-style: normal;} */



/*我们做过什么*/
.gm_page{width:100%;}
.gm_page{ width:100%; margin:0px; padding:0px; font-family: "微软雅黑";overflow: hidden;}
.wecan{width: 100%;height: 825px;background: url(../pictures/wecanbj.png) center center no-repeat;clear: both;}
.weccontant{width: 1200px;margin: 0 auto;}
.wecbt{color: #333333;font-size: 40px;line-height: 46px;text-align: center;padding-top: 50px;}
.wecnr{color: #ffffff;font-size: 14px;text-align: center;line-height: 20px;}
.wecul{width: 578px;margin: 0 auto;margin-top: 55px;overflow: hidden;}
.wecul li{width: 110px;margin-left: 46px;float: left;height: 29px;line-height: 29px;text-align: center;color:#fff;cursor: pointer;}
.wecul li:first-child{margin-left:0px;}
.wecactive{background: #e05617;}
.wecnrz{margin-top: 78px;}
#featured-area2{display: none;width:1200px;margin: 0 auto;position:relative;}
#featured-area3{display: none;width:1200px;margin: 0 auto;position:relative;}
/*-----3D翻转-----*/
#featured-area{height:337px;width:1200px;margin: 0 auto;position:relative;}
.roundabout-holder{list-style:none;width:1000px;height:441px;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:411px;width:441px;cursor:pointer;padding:5px;border:1px solid #aaaaaa;-webkit-border-radius:5px;-moz-border-radius:5px;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;}
.roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder span{display:none;}
.roundabout-in-focus:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}

/*我们如何作业*/
.work{width: 1200px;margin: 0 auto;}
.work .title{text-align: center;padding: 50px 0 20px;}
.work .tip{text-align: center;font-size: 14px;color: #666666;line-height: 25px;}
.work ul { width: 1200px;padding-top: 35px;margin: 0px auto;}
.work ul li{width: 338px;height: 217px;margin: 0px 92px 50px 0;float: left;}
.work ul li .pic img {width: 338px;height: 176px;}
.work ul li .tit {width: 338px;height: 41px;line-height: 41px;background: #e15616; text-align: center;font-size: 18px;color: #fff;}
.work ul li .tit a{color: #fff;}

/*我们有何优势*/
.advantage{width: 100%;background:#F7F7F7;clear: both;}
.advantage .content{width: 1200px;margin: 0 auto;}
.advantage .title{text-align: center;padding: 50px 0 20px;}
.advantage .tip{text-align: center;font-size: 14px;color: #666666;line-height: 25px;}
.advantage ul li{width: 300px;float: left;height: 480px;margin-top: 50px;position: relative;}
.advantage ul li .con{position: absolute;top:0;width: 220px;height: 320px;background: rgba(225,86,22,0.8);padding: 40px;display: none;}
.advantage ul li .con p{color:#fff;line-height: 25px;font-size: 14px;margin-bottom: 40px;}
.advantage ul li .tit{position: absolute;bottom: 80px;width: 300px;text-align: center;background: rgba(54,54,54,0.6);color:#fff;font-size: 18px;padding: 16px 0;}
.advantage ul li:hover .tit{bottom: 0;background: rgba(54,54,54,1);}
.advantage ul li:hover .con{display: block;}

/*-----营销观点|公司动态-----*/
.dynamic{}
.dyncontant{width: 1200px;height: 700px;background: url(../images/dynamicbj.png) repeat-y;margin: 0 auto;}
.dynleft{float: left;width: 553px;}
.dynview{font-size: 18px;color: #333;margin-left: 38px;margin-top: 90px;}
.dynright{float: left;width: 647px;}
.dynul{width: 480px;margin-left: 38px;cursor: pointer;}
.dynli{width: 480px;position: relative;height: 100px;margin-top: 7px;}
.dynkuang:hover{background:#bbb;color: #fff;}
.dynkuang:hover p{color: #fff;}
.dynnum{width: 46px;height: 46px;background: #e15616;line-height: 46px;text-align: center;font-size: 26px;color: #fff;position: absolute;z-index: 10;top:27px;}
.dynkuang{width: 448px;height: 98px;border: 1px solid #eeeeee;position: absolute;z-index: 9;left: 30px;}
.dynkuangtop{width: 382px;padding-top: 32px;padding-left: 44px;}
.dyntop1{font-size: 14px;line-height: 20px;color: #666666;width: 284px;height: 20px;overflow: hidden;float: left;font-weight: bold;}
.dyntop2{font-size: 12px;line-height: 20px;height: 20px;color: #999999;width: 78px;overflow: hidden;float: right;}
.dyntop3{width: 327px;height: 20px;font-size: 14px;margin-left: 44px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 5px;color: #777777;}
.mart50{margin-top: 57px;}
.dyrightjc{margin-left: 44px;}
.dynview2{font-size: 18px;color: #333;margin-left: 57px;margin-top: 90px;}
.dynnn{margin-top: 55px;}
.dynnnimg{width: 218px;height: 158px;display: block;border: 1px solid #dbdbdb;margin-left: 37px;float: left;}
.dynnnright{width: 287px;height: 122px;margin-left: 14px;float: left;}
.dynnnbt{font-size: 14px;color: #333;width: 287px;overflow: hidden;font-weight: bold;line-height: 20px;height: 17px;}
.dynnnnr{width: 281px;height:40px;font-size: 14px;color: #666666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 20px; text-align:justify; text-justify:inter-ideograph;margin-top: 18px;}
.dynshijian{color: #999999;font-size: 12px;float: left;margin-top: 18px;}
.dynmore{width: 50px;height: 20px;background: #cccccc;border-radius: 5px;float: right;text-align: center;color: #666666;margin-top:16px;line-height: 20px;font-size: 12px;}
.dynnul{width: 525px;clear: both;margin-top: 5px;margin-left: 37px;}
.dynnli{width: 525px;height:50px;border-bottom: 2px dashed #999999;}
.dynnimg2{width: 8px;height: 8px;display: block;float: left;margin-top: 21px;}
.dynnp{width: 372px;height: 50px;line-height: 50px;overflow: hidden;float: left;color: #333333;font-size: 14px;margin-left: 10px;}
.dynnp:hover{color: #e15616;}
.dyntime{float: right;font-size: 12px;color: #666666;margin-top: 17px;margin-right: 13px;}

/*我们的合作渠道*/
.Channel{width: 100%;height: 801px;background: url(../pictures/bg-3.jpg) no-repeat;}
.Channel .content{width: 1200px;height: 801px;margin: 0 auto;}
.Channel .content .title{text-align: center;padding-top: 50px;}
.Channel .content .tip{text-align: center;padding-top: 30px;line-height: 20px;font-size: 12px;color: #333333;}
.Channel .tab{width: 670px;margin: 0 auto;}
.Channel .tab li{width: 100px;height: 30px;line-height: 30px;text-align: center;float: left;margin: 50px 30px;color:#666；}
.Channel .tab li.current{background: #E15715;color: #fff;}
.Channel .tab_con{clear: both;}
.Channel .tab_con ul{display: none;}
.Channel .tab_con .t1{width: 793px;height: 434px;background: url(../pictures/bg-3.png) no-repeat;margin: 0 auto;position: relative;}
.Channel .tab_con .c1{position: absolute;top:55px;left: 88px;}
.Channel .tab_con .c2{position: absolute;top:43px;right: 108px;}
.Channel .tab_con .c3{position: absolute;bottom:54px;right: 44px;}
.Channel .tab_con .c4{position: absolute;bottom:70px;left: 20px;}
.Channel .tab_con .t2{margin: 0 60px;overflow: hidden;}
.Channel .tab_con .t2 li{float: left;margin: 10px;}



@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}





/**/
.ys_c{ background:url(Img/Index/ysbg.jpg) no-repeat; height:1334px; overflow:hidden;font-family:"微软雅黑";font-size:14px;line-height:26px; padding-top:36px;}
.ys_c p span{ color:#00549f}
.ys01{ padding:47px 0 0 96px; height:188px;}
.ys_p1{ top:0; right:80px;}
.ys_w1{ background:url(Img/Index/ico_ys01.gif) no-repeat 0 0; padding:4px 0 0 56px; width:397px;}
.ys02{ padding:68px 0 0 510px; height:250px;}
.ys_p2{ top:-19px; left:23px;}
.ys_w2{ background:url(Img/Index/ico_ys02.gif) no-repeat 0 0; padding:9px 0 0 56px; width:341px;}
.ys03{ padding:44px 0 0 100px; height:210px;}
.ys_p3{ top:-70px; right:73px;}
.ys_w3{ background:url(Img/Index/ico_ys03.gif) no-repeat 0 0; padding:11px 0 0 57px; width:325px;}
.ys04{ padding:47px 0 0 510px; height:230px;}
.ys_p4{ top:0; left:118px;}
.ys_w4{ background:url(Img/Index/ico_ys04.gif) no-repeat 0 0; padding:8px 0 0 56px; width:334px;}
.ys05{ padding:71px 0 0 85px; height:175px;}
.ys_p5{ top:0; right:86px;}
.ys_w5{ background:url(Img/Index/ico_ys05.gif) no-repeat 0 0; padding:8px 0 0 61px; width:335px;}





/*资讯*/
.new{padding:10px 0; overflow:hidden;padding-left:10%;padding-right:10%}
.new h2{ height:35px; line-height:35px; border-bottom:solid 2px #797979; background:url(../pictures/ico01.jpg) no-repeat 4px 4px; padding-left:28px; color:#000; font-size:16px; font-weight:normal;font-family:"微软雅黑";}
.new h2 a,.gy h2 a,.jz h2 a{ color:#000; padding:0 10px;font-family:"微软雅黑";}
.zx{ width:70%; padding-right:11px;}
.zx_c{ padding:23px 0 0;}
.zx_c dl{ height:138px; overflow:hidden}
.zx_c dt{ width:224px; float:left}
.zx_c dt img{ width:207px; height:123px; padding:2px; border:solid 1px #999; background:#fff;}
.zx_c dd{ width:66%; float:left; line-height:24px;}
.zx_c dd p{ height:70px; overflow:hidden;}
.zx_c dd h3{ height:37px; line-height:38px; font-size:12px; }
.zx_c dd h3 a{color:#000;}
.zx_c li{ height:30px; width:45%; line-height:30px; border-bottom:dashed 1px #c2c1c2; background:url(../pictures/ico02.jpg) no-repeat 3px 14px; padding-left:16px; float:left}
.zx_c li span{ float:right;}
.zx_c li:nth-child(2n){ margin-left:22px;}

/*问答*/
.wd{ width:25%; background:url(../pictures/ge04.jpg) no-repeat; padding-left:14px; height:400px;}
.wd dl{background:url(../pictures/wd_ge.jpg) no-repeat top; line-height:25px; padding:4px 3px 0 12px;}
.wd dt{ background:url(../pictures/wd_w.gif) no-repeat 0 9px; padding-left:25px; height:34px; line-height:34px; overflow:hidden}
.wd dt a{ color:#000;}
.wd dd{ background:url(../pictures/wd_d.gif) no-repeat 0 5px; padding-left:25px;line-height:25px;}
.wd dl.born{ background:none}

/*link*/
.link{ clear:both;height:95px; padding-top:10px; overflow:hidden; padding-left:10%;padding-right:10%;}
.link h2{ background:url(../pictures/linkbg.jpg) repeat-x right 8px; height:28px; line-height:28px; font-weight:normal}
.link h2 a{font-family:"微软雅黑"; font-size:15px; background:#fff; color:#000; padding:0 5px;}
.link h2 span a{ color:#b00000; font-size:12px;font-family:"宋体";}
.link_c{ padding-top:10px; width:1000px;}
.link_c a{ line-height:26px; white-space:nowrap; padding:0 35px 0 0;}





/* CSS Document */

/*common*/

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}

.site-wrp{ width: 1000px; margin: 0 auto;}

.pfit .site-wrp{padding-left:40px;}

/*banner*/




/**/

.ser{ display: block; overflow: hidden;height: 885px; border-bottom: 1px solid #d7d7d7; background: #f2f2f2; font-family: "Microsoft YaHei"}

.ser h2{ display: block;color: #585858; overflow: hidden; text-align: center; padding-top:10px}

.ser h2 a,.ser h2{ color: #585858; font-size: 20px; font-weight: normal; font-family: "Microsoft YaHei"}

.ser h2 b{ display: block; overflow: hidden; text-transform: uppercase; color: #bcbcbc; font-size: 26px; font-weight: normal; font-family: Impact,arial;}

.ser h2 i{ display: block; overflow: hidden; color: #ff4a00; font-size: 30px; font-weight: normal; font-style: normal; background: url("pro-bor.gif")/*tpa=http://www.xiangrikui.co/templets/2/images/pro-bor.gif*/ no-repeat center center; font-family: "Microsoft YaHei"}

.ser-wrp{ display: block; border: 1px solid #e5e5e5; background: #ffffff; border-right: none; width: 954px;}

.ser-wrp h3{ display: block; overflow: hidden; height: 85px; line-height: 83px; overflow: hidden;}

.ser-wrp h3 a{display: block; width: 476px; border-right:1px solid #e5e5e5; float: left; text-align: center; color: #313339; border-bottom: 3px solid #e5e5e5; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}

.ser-wrp h3 a:hover,

.ser-wrp h3 a.cur{ background: #f26b17; border-color: #f26b17; color: #fff; text-decoration:none;}

.ser-box{ display: block; border: 1px solid #e5e5e5; border-top: none; padding: 58px 11px 0; height: 497px;}

.ser-box .ser-l,

.ser-box .ser-r{ display: block; overflow: hidden; width: 25px; margin-top: 262px;}

.ser-box-wrp{ display: block;  overflow: hidden; margin: 0 0 0 45px; float: left; display: inline;}

.ser-box-wrp dt{ display: block; float: right; overflow: hidden; width: 348px; overflow: hidden;}

.ser-box-wrp dd{ display: block; overflow: hidden; padding-top: 39px; background: url("ser-bor.gif")/*tpa=http://www.xiangrikui.co/templets/2/images/ser-bor.gif*/ no-repeat left 18px; width: 440px;}

.ser-box-wrp dd p{ line-height: 28px; color: #333; font-size: 16px; height: 156px;}


.abt{ padding-top: 18px; height: 732px; overflow: hidden; font-family: "Microsoft YaHei"}

.abt h2{ display: block; text-align: center; height: 89px; overflow: hidden; color: #545454; font-size: 24px; font-weight: normal;}

.abt h2 b{ display: block; overflow: hidden; color: #ff4a00; font-size: 32px; line-height:50px;}

.abt-wrp{ display: block;}

.abt-wrp dl{ display: block; overflow: hidden; width: 450px; padding-left: 30px; padding-right: 15px; float: left; padding-bottom: 38px;}

.abt-wrp dt{ display: block; overflow: hidden; float: right; width: 206px;}

.abt-wrp dt img{ display:block; width: 206px; height: 279px; overflow: hidden;}

.abt-wrp dd{ display: block; float: left; /*padding-left: 18px; */width: 220px; background: url("sys-ico-1.gif")/*tpa=http://www.xiangrikui.co/templets/2/images/sys-ico-1.gif*/ no-repeat 182px top;}

.abt-wrp dd h3{ display: block; color: #f26b17; font-size: 72px; font-family: "Impact"; font-weight: normal; line-height: 65px;}

.abt-wrp dd em{ font-style: normal; color: #404144; font-size: 18px; height: 35px; line-height: 35px; padding-bottom:10px; background: url("abt-bor.gif")/*tpa=http://www.xiangrikui.co/templets/2/images/abt-bor.gif*/ no-repeat left bottom; display: block;}

.abt-wrp dd p{ display: block; color: #7c7c7c; font-size: 16px; line-height: 28px; padding-top: 30px;}

.abt-wrp .abt-btm dd{ float: right;text-align: right;background: url("sys-ico-2.gif")/*tpa=http://www.xiangrikui.co/templets/2/images/sys-ico-2.gif*/ no-repeat 40px top;}

.abt-wrp .abt-btm dt{ float: left; }

.abt-wrp .abt-btm dd em{ background-position: right bottom;}

.abt-wrp .abt-3 p{ padding-top: 20px; line-height: 26px;}




/*首页二维码样式*/

.sec1_wrap{
	padding-bottom: 65px;
	overflow: hidden;
}
.sec1_wrap span{
	font-weight: bold;
}
.sec1_wrap h1{
	font-size: 28px;
	color: #000;
	text-align: center;
	margin-bottom: 45px;
}
.sec1_wrap h5{
	font-size: 18px;
	color: #000;
	text-align: center;
	float: left;
	height: 30px;
	line-height: 30px;
}
.sec1_wrap h6{
	font-size: 18px;
	color: #000;
	text-align: center;
	height: 30px;
	line-height: 30px;
	width: 100%;
	float: left;
	margin-top: 10px;
}



.nb1_wrap{
	width: 100%;
	max-width: 1920px;
	min-width: 1000px;
	height: 466px;
	margin: 0 auto;
	background: url("nb.jpg")/*tpa=http://www.xiangrikui.co/templets/2/images/nb.jpg*/ no-repeat center center;
}
.jy_way_box{
	overflow: hidden;
	height: 466px;
	position: relative;
}
.jy_way_box a{
	position: absolute;
	font-size: 18px;
	color: #000;
	text-align: center;
	height: 42px;
	line-height: 42px;
	width: 260px;
	background-color: #eee;
}
.jy_1{
	z-index: 1;
	left: 480px;
	top: 80px;
	-webkit-transform: rotateZ(12deg);
	   -moz-transform: rotateZ(12deg);
	    -ms-transform: rotateZ(12deg);
	     -o-transform: rotateZ(12deg);
	        transform: rotateZ(12deg);
}
.jy_2{
	z-index: 2;
	left: 480px;
	top: 130px;
	-webkit-transform: rotateZ(5deg);
	   -moz-transform: rotateZ(5deg);
	    -ms-transform: rotateZ(5deg);
	     -o-transform: rotateZ(5deg);
	        transform: rotateZ(5deg);
}
.jy_3{
	z-index: 3;
	left: 480px;
	top: 180px;
}
.jy_4{
	z-index: 4;
	left: 480px;
	top: 230px;
	-webkit-transform: rotateZ(-5deg);
	   -moz-transform: rotateZ(-5deg);
	    -ms-transform: rotateZ(-5deg);
	     -o-transform: rotateZ(-5deg);
	        transform: rotateZ(-5deg);
}
.jy_5{
	z-index: 5;
	left: 480px;
	top: 280px;
	-webkit-transform: rotateZ(-10deg);
	   -moz-transform: rotateZ(-10deg);
	    -ms-transform: rotateZ(-10deg);
	     -o-transform: rotateZ(-10deg);
	        transform: rotateZ(-10deg);
}
.jy_way_box a:hover{
	background-color: #e26d16;
	color: #fff;
	z-index: 9;
}
.icon{
	display: inline-block;
	vertical-align: middle;
	background: url("icon.png")/*tpa=http://www.xiangrikui.co/templets/2/images/icon.png*/ no-repeat;
}
.g_wrap{
	min-width: 1000px;
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}
.g_box{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.sec2_wrap{
	background-color: #eee;
}
.sec2_box{
	margin: 45px auto 70px;
}
.sec2_box h1{
	font-size: 28px;
	color: #000;
	text-align: center;
	margin-bottom: 40px;
}
.fw_list{
	float: left;
	overflow: hidden;
	width: 268px;
	position: relative;
	margin: 0 32px;
}
.fw_list i{
	width: 106px;
	height: 100px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 81px;
}
.fw1{
	background-position: 0 -77px;
}
.fw2{
	background-position: -109px -77px;
}
.fw3{
	background-position: -218px -77px;
}
.fw_text_box{
	background-color: #fff;
	width: 268px;
	height: 280px;
	margin: 53px auto 0;
	overflow: hidden;
}
.fw_text_box h2{
	font-size: 22px;
	color: #000;
	text-align: center;
	margin: 73px auto 35px;
	font-weight: bold;
}
.fw_text_box p{
	font-size: 16px;
	color: #000;
	line-height: 36px;
	text-align: center;
}
.sec3_wrap{
	overflow: hidden;
	background: url("../pictures/bg2.jpg")/*tpa=http://www.xiangrikui.co/templets/2/images/bg2.jpg*/ no-repeat center center;
	height: 702px;
}
.sec3_box{
	margin: 45px auto 70px;
	overflow: hidden;
}
.sec3_box h1{
	font-size: 28px;
	text-align: center;
	margin-bottom: 50px;
	color: #fff;
}
.cxlb_box{
	width: 1000px;
	overflow: hidden;
	position: relative;
	height: 500px;
}
.cxlb_box ul li{
	position: absolute;
	width: 611px;
	height: 459px;
	cursor: pointer;
	-webkit-transition: all .5s ease-in-out;
	   -moz-transition: all .5s ease-in-out;
	    -ms-transition: all .5s ease-in-out;
	     -o-transition: all .5s ease-in-out;
	        transition: all .5s ease-in-out;
}
.cxlb_box ul li img{
	width: 100%;
	height: 100%;
}
.cxlb_box ul .lb_o{
	width: 465px;
	height: 349px;
	z-index: 1;
}
.lb_l{
	left: 0;
	top: 55px;
}
.lb_m{
	left: 194px;
	top: 0;
	z-index: 2;
	-webkit-box-shadow: 0 2px 30px rgba(0,0,0,.7);
       -moz-box-shadow: 0 2px 30px rgba(0,0,0,.7);
        -ms-box-shadow: 0 2px 30px rgba(0,0,0,.7);
         -o-box-shadow: 0 2px 30px rgba(0,0,0,.7);
            box-shadow: 0 2px 30px rgba(0,0,0,.7);
}
.lb_r{
	left: 535px;
	top: 55px;
}
.sea_cho_box{
	position: absolute;
	bottom: 0;
	left: 50%;
}
.sea_cho_box em{
	float: left;
	position: relative;
	margin-right: 13px;
	right: 50%;
	width: 12px;
	height: 12px;
	background: url("cho.png")/*tpa=http://www.xiangrikui.co/templets/2/images/cho.png*/ no-repeat center center;
	cursor: pointer;
}
.sea_cho_box .sea_on{
	background: url("cho-on.png")/*tpa=http://www.xiangrikui.co/templets/2/images/cho-on.png*/ no-repeat center center;

}
.ys_main_box{
	width: 1000px;
	position: relative;
	height: 580px;
}
.ys_left_box{
	position: absolute;
	left: 0;
	width: 450px;
	text-align: right;
	-webkit-transition: all .85s ease-in-out;
	   -moz-transition: all .85s ease-in-out;
	    -ms-transition: all .85s ease-in-out;
	     -o-transition: all .85s ease-in-out;
	        transition: all .85s ease-in-out;
	-webkit-transform: translate(-450px,0);
	   -moz-transform: translate(-450px,0);
	    -ms-transform: translate(-450px,0);
	     -o-transform: translate(-450px,0);
	        transform: translate(-450px,0);
}
.ys_right_box{
	position: absolute;
	right: 0;
	width: 450px;
	text-align: left;
	-webkit-transition: all .85s ease-in-out;
	   -moz-transition: all .85s ease-in-out;
	    -ms-transition: all .85s ease-in-out;
	     -o-transition: all .85s ease-in-out;
	        transition: all .85s ease-in-out;
	-webkit-transform: translate(450px,0);
	   -moz-transform: translate(450px,0);
	    -ms-transform: translate(450px,0);
	     -o-transform: translate(450px,0);
	        transform: translate(450px,0);
}
.active .ys_left_box, .active .ys_right_box{
	-webkit-transform: translate(0,0);
	   -moz-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	     -o-transform: translate(0,0);
	        transform: translate(0,0);
}

.sec4_wrap{
	background: url("bg3.jpg")/*tpa=http://www.xiangrikui.co/templets/2/images/bg3.jpg*/ no-repeat center center;
	height: 478px;
}
.cn_list{
	width: 458px;
	height: 127px;
	padding: 21px 16px 0;
	background-color: #fff;
	float: left;
	margin: 5px;
}

.lc_cho_box h5{
	font-size: 16px;
	color: #fff;
	text-align: center;
	font-family: 'Arial';
	font-style: italic;
}
.lc_cho_box span{
	display: block;
	float: left;
	width: 102px;
	height: 58px;
	background: url("lines.png")/*tpa=http://www.xiangrikui.co/templets/2/images/lines.png*/ repeat-x center 29px;
}
.lc_cho_box a .cho_icon1{
	background-position: 0 -104px;
}
.lc_cho_box a .cho_icon1_on{
	background-position: 0 0;
}
.lc_cho_box a .cho_icon2{
	background-position: -71px -104px;
}
.lc_cho_box a .cho_icon2_on{
	background-position: -71px 0;
}
.lc_cho_box a .cho_icon3{
	background-position: -142px -104px;
}
.lc_cho_box a .cho_icon3_on{
	background-position: -142px 0;
}
.lc_cho_box a .cho_icon4{
	background-position: -213px -104px;
}
.lc_cho_box a .cho_icon4_on{
	background-position: -213px 0;
}
.lc_cho_box a .cho_icon5{
	background-position: -284px -104px;
}
.lc_cho_box a .cho_icon5_on{
	background-position: -284px 0;
}
.new_h1{
	font-size: 28px;
	color: #000;
	text-align: center;
	margin: 45px auto;
}
.new_h1 span{
	font-size: 32px;
	color: #e26d16;
	font-weight: bold;
}
.k_list{
	width: 1000px;
	height: 76px;
	margin-bottom: 1px;
}
.k_pic{
	width: 162px;
	height: 76px;
	float: left;
	margin-right: 1px;
	background-color: #e26d16;
}
.k_pic img{
	margin-top: 28.5px;
	margin-left: 13px;
}
.k_text{
	width: 837px;
	float: left;
	height: 62px;
	padding-top: 14px;
	background-color: #eee;
}
.k_text p{
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-left: 23px;
}
.yh_bz_bd{
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}
.yh_list{
	width: 480px;
	float: left;
	height: 86px;
	position: relative;
	margin: 0 40px 20px 0;
}
.yh_list span{
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color: #e26d16;
	color: #fff;
	font-family: 'Impact';
	line-height: 64px;
	text-align: center;
	font-size: 48px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 11px;
	z-index: 2;
}
.yh_text{
	width: 451px;
	height: 86px;
	float: right;
	background-color: #fff;
	font-size: 14px;
	color: #000;
	line-height: 24px;
	padding-left: 50px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

* {
    font-family: Microsoft YaHei;
}

body {
    min-width: 1200px;
}

.container {
    min-width: 1200px;
}

.conundrum {
    padding: 60px 0;
}

.conundrum h2 {
    color:  #fff;
    font-size: 42px;
    margin-bottom: 70px;
}

.conundrum .conundrum-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.conundrum .conundrum-box .conundrum-text {
    width: 550px;
    margin-bottom: 40px;
}

.conundrum .conundrum-box .conundrum-text .text-right {
    float: right;
    text-align: left;
}

.conundrum .conundrum-box .conundrum-text .text-right h3 {
    font-size: 30px;
    color: #000;
    margin: 0 0 20px;
}

.conundrum .conundrum-box .conundrum-text .text-right p {
    width: 420px;
    font-size: 18px;
    color: #989898;
}


.sol-bg{
    background: #f79365;
}
.sol-bg2{
    background: #f2f2f2;
}
.sol-box{
    display: flex;
    justify-content :space-between;
}
.sol-box .sol-img{
    display: block;
}
.sol-box .sol-text{
    margin-left: 50px;
    margin-right: 30px;
}
.sol-box .sol-text h3{
    margin: 90px 0 60px;
    font-size:  32px;
    text-align:  center;
    color:  #fff;
}
.sol-box .sol-text p{
    font-size:  20px;
    color:  #fbfcfd;
    margin-bottom:  20px;
    line-height: 2;
}
.sol-box .sol-text p span{
    color:  #0a70ed;
    font-weight: bold;
}
.sol-box .textleft{
    margin:0;
}
.sol-box .textleft h3{
    margin-top: 10px;
    color: #000;
}
.sol-box .textleft p{
    color: #262626;
}
.sol-bg3{
    background: #88dbfa;
}
.solcli{
    background: #f2f2f2;
    padding: 30px 0;
}
.solcli .row h3{
    font-size: 42px;
    text-align: center;
}
.solcli .client-head{
    border:0;
}
.solcli .titles p{
    font-size:  24px !important;
    text-align:  center;
    margin:  0;
}


#goPageTop {
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
    border-radius: 50%;
  
    background-size: 42px auto;
    display: block;
}

.container {
    min-width: 1200px;
}




.ability {
    padding: 60px 0;
}

.ability h1 {
    font-size: 42px;
    color: #4dc9ff;
    margin: 0;
}

.ability i {
    display: inline-block;
    height: 3px;
    width: 5%;
    background: #ff6700;
}

.ability .ability-head {
    font-size: 28px;
    color: #969696;
}

.ability .img-responsive {
    margin-top: 55px;
}

.ability .ability-box {
    margin-top: 55px;
}

.ability .ability-box .ability-top {
    display: flex;
    justify-content: space-between;
}

.ability .ability-box .ability-top dl {
    width: 240px;
}

.ability .ability-box .ability-top dl:first-child {
    margin-left: 20px;
}

.ability .ability-box .ability-top dl dt {
    font-size: 24px;
    text-align: center;
    color: #4d4d4d;
    margin-bottom: 15px;
}

.ability .ability-box .ability-top dl dd {
    font-size: 18px;
    color: #808080;
    text-align: justify;
    font-family: SimSun;
}

.ability .ability-box .ability-bottom {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.ability .ability-box .ability-bottom dl {
    width: 240px;
    margin: 0 45px;
}

.ability .ability-box .ability-bottom dl dt {
    font-size: 24px;
    text-align: center;
    color: #4d4d4d;
    margin-bottom: 15px;
}

.ability .ability-box .ability-bottom dl dd {
    font-size: 18px;
    color: #808080;
    text-align: justify;
    font-family: SimSun;
}




.task {
    padding: 60px 0;
    background: url("../img/lib/work_bg.jpg") 100% 100% no-repeat #4c5364;
    background-size: cover;
}

.task h1 {
    font-size: 42px;
    color: #4dc9ff;
    margin: 0;
}

.task i {
    display: inline-block;
    height: 3px;
    width: 5%;
    background: #ff6700;
}

.task .task-head {
    font-size: 28px;
    color: #dcdee1;
    margin-bottom: 75px;
}

.task .project-most .pro-box {
    position: relative;
    padding: 0;
    padding-right: 15px;
    margin-bottom: 45px;
}

.task .project-most .pro-box:hover .work {
    height: 195px;
}

.task .project-most .pro-box img {
    width: 100%;
}

.task .project-most .pro-box h4 {
    width: 375px;
    padding: 10px 0;
    margin: 0;
    color: #fff;
    position: absolute;
    bottom: 0;
    background: rgba(46, 72, 109, 0.8);
}

.task .project-most .pro-box .work {
    position: absolute;
    overflow: hidden;
    color: #fff;
    bottom: 39px;
    width: 375px;
    height: 0px;
    background: rgba(46, 72, 109, 0.8);
    transition: height 0.3s;
    -moz-transition: height 0.3s;
    -webkit-transition: height 0.3s;
    -o-transition: height 0.3s;
}

.task .project-most .pro-box .work .work-ul {
    margin-top: 70px;
}

.task .project-most .pro-box .work h5 {
    margin-top: 50px;
    font-weight: bold;
}

.task .project-most .pro-box .work ul {
    list-style: none;
    padding: 0;
    padding-left: 15px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.task .project-most .pro-box .work ul li {
    display: inline-block;
    font-size: 16px;
    font-family: SimSun;
    margin: 2px 10px 5px 10px;
}

.task .project .pro-box {
    padding: 0;
    padding-right: 10px;
    margin-bottom: 45px;
}

.task .project .heading {
    position: relative;
    top: 100px;
    text-align: center;
}

.task .project .heading span {
    display: inline-block;
    font-size: 24px;
    color: #fff;
    margin-right: 10px;
}

.task .project .heading .numbers {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 45px;
    background: #4dc9ff;
}

.task .project .content {
    position: relative;
    z-index: 10;
    border: 1px solid #fff;
    margin-top: 16px;
    padding: 10px 10px 10px 20px;
    height: 135px;
}

.task .project .content .content-box {
    display: none;
}

.task .project .content p {
    font-size: 14px;
    color: #fff;
}

.task .project .content ul {
    padding: 0;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.task .project .content ul li {
    font-size: 14px;
    color: #cecece;
    padding: 0;
    list-style: none;
    margin-bottom: 5px;
    margin-right: 20px;
}

.task .project .content ul li i {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 2px;
    margin-right: 6px;
}

.task .project .content:hover {
    background: #fff;
}

.task .project .content:hover .content-box {
    display: block;
}

.task .project .content:hover p {
    color: #606060;
}

.task .project .content:hover ul li {
    color: #919191;
}

.task .project .content:hover i {
    background: #919191;
}

.client {
    background: #f1f5f6;
    padding: 60px 0;
}

.client .client-head {
    margin: 0;
    border-bottom: 2px solid #cdd0d1;
}

.client .clitext {
    font-size: 42px;
    color: #8a898a;
}

.client .clitext span {
    font-size: 22px;
    margin-left: 10px;
}

.client .cliall {
    font-size: 18px;
    color: #4dc9ff;
    margin-right: 0;
    margin-top: 25px;
}

.client .client-box {
    margin-top: 40px;
}

.client .client-box .col-md-3 {
    margin-bottom: 40px;
}

.client .company {
    border: 1px solid #eaeaea;
    background: #fff;
    padding: 0 10px;
}

.client .company .company-head {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 0;
}

.client .company .company-head p {
    font-size: 20px;
    font-weight: bold;
}

.client .company .company-naturn {
    padding: 30px 0;
}

.client .company .company-naturn p {
    color: #707070;
    font-size: 14px;
}



.goTop{ text-align:center; padding:3em 0 0 0; line-height:3em; clear:both}
.goTop dt{ width:100px; height:100px; line-height:100px; text-align:center; color:#fff; cursor:pointer; border-radius:50px; background:#A6CE38; font-weight:bold; margin:0 auto}