/**/
.fl{ float:left;}
.fr{ float:right;}
.f120{ font-size:120px;}
.f70{ font-size:70px;}
.f60{ font-size:60px;}
.f50{ font-size:50px;}
.f48{ font-size:48px;}
.f44{ font-size:44px;}
.f36{ font-size:36px;}
.f30{ font-size:30px;}
.f28{ font-size:28px;}
.f26{ font-size:26px;}
.f24{ font-size:24px;}
.f22{ font-size:22px;}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px;}
.f13{ font-size:13px;}
.f12{ font-size:12px;}
.fw1{ font-weight:100;}
.fst{ font-family:Arial, "宋体";}
.text-green{ color:#98c52b;}
.text-gray{ color:#dbdbdb;}
.text-gray-light{ color:#f6f6f6;}
.bg-gray{ background:#d0d0d0;}
.bg-gray-light{ background:#f6f6f6;}
.bg-dark{ background:#393939;}

.tab .tab-head{ border:0;}
.tab .tab-nav{ padding:0;}
.tab .tab-nav li{ float:left; margin-right:1px; text-align:center; width:100px;}
.tab .tab-nav li a{ color:#fff; border:0; background:#d0d0d0;}
.tab .tab-nav li.active a{ color:#fff; background:#da251d;}
.tab .tab-body{ border:0; padding-top:2px;}
.form-group{ margin-bottom:10px;}
.input:focus{ border-color:#da251d;}
.dialog .dialog-head .close{}

.dialog .dialog-head{ background:none; border:0;}
.dialog .dialog-body{ padding:0 50px 50px;}
.input{ background:#f9f9f9; border-color:#ececec;}
/**复位圆角**/
blockquote, .drop-menu, .nav ul, .nav.nav-main li:first-child, .nav.nav-main li:first-child a, .nav.nav-main li:last-child a, .nav.nav-sub a, .nav.nav-tabs a, .bg-inverse .nav.nav-tabs a, .bg-inverse .nav.nav-tabs .active a, .selected-inline li, .progress, .progress .progress-bar:last-child, .range, .range-bar, .panel, .panel-head, .panel-foot, .tab .tab-nav li a, .tab .tab-body-bordered, .dialog, .dialog .dialog-head, .tip, .tip .tip-body, .tip .image, .alert, .pagination li, .pagination .active, .pagination a:hover, .pagination-group, .pagination-group li:first-child, .pagination-group li:last-child, .pager li a {
	border-radius:0;
}
.button, .button-group .button-group:first-child .dropdown-toggle, .button-group .button-group:last-child .button:first-child, .button-group-y .button-group:first-child .dropdown-toggle, .button-group-y .button-group:last-child .button:first-child, .input, .input-group  .addon, .input-inline input:first-child, .input-inline input:last-child, .input-block input:first-child, .input-block input:last-child {
	border-radius:0;
}
ul{ padding:0; list-style-type:none;}
p,.p{ margin-bottom:0;}
body{ background:#fff; color:#818181;}
.container-layout{ width:1020px;}
.nav { padding:0;}
.nav a{transition:none;}
/**/


.header{ background:#fff; min-height:85px;}
.header .container{ position:relative;}
.header .logo{ display:block; margin-top:18px;}
.header .icon-navicon{ position:absolute; right:0; top:20px;}
#head-menu{ border-left:1px solid #f0f0f0;}
#head-menu li{ float:left; width:20%; height:85px; border-bottom:1px solid #fff; border-right:1px solid #f0f0f0;}
#head-menu li a{ display:block; height:100%; line-height:84px; font-size:15px; padding:0; text-align:center;}
#head-menu li a:hover, #head-menu li a.active{ background:#393939; color:#fff;}

.footer{ background:#e0e0e0;}
.footer .fotnav{ color:#cbcbcb;}
.footer .copyright{ color:#a5a5a5;}
.footer .copyright a{ color:#a5a5a5;}
/*.fotico a{ display:inline-block; width:24px; height:24px; background:url(../images/ico_fot.png); margin-left:5px;}*/
.fotico a.fico1{ background-position: 0 0;}
/*.fotico a.fico1:hover{ background-position: 0 bottom;}*/
.fotico a.fico2{ background-position: -36px 0;}
/*.fotico a.fico2:hover{ background-position: -36px bottom;}*/
.fotico a.fico3{ background-position: -72px 0;}
/*.fotico a.fico3:hover{ background-position: -72px bottom;}*/
.fotico a.fico4{ background-position: -108px 0;}
/*.fotico a.fico4:hover{ background-position: -108px bottom;}*/
.fotico a.fico5{ background-position: -144px 0;}
/*.fotico a.fico5:hover{ background-position: -144px bottom;}*/

/**/
.floaticon {z-index: 99;position: fixed;_position: absolute;right:15px; bottom: 150px;_bottom: "auto";}
.floaticonLogo {opacity: .6;cursor: pointer;}
.backToTop, .olservice, .weixinLogo {width: 50px;height: 50px; margin-bottom: 8px;}
.backToTop { background-image: url(../images/backtotop.png);}
.olservice { background-image: url(../images/olservice.png);}
.weixinLogo {    background-image: url(../images/weixin.png);}
.weixinCode { display: none; position: absolute;z-index: 9999; left: -217px; bottom: -88px; width: 202px; height: 262px; background: url(../images/weixincode.jpg) 0 0 no-repeat; text-align: center;}


@media (min-width: 1632px){
	.container {
	    width: 1600px;
	}
}


/*分页*/
.pages{ margin-top:20px; text-align:center;}
.pages>a,.pages>span{ display:inline-block; padding:10px 15px; height:36px; line-height:16px; text-align:center; color:#fff; background:#d8d8d8; margin:2px; vertical-align:middle;}
.pages .page-num-current,.pages>a:hover{ background:#da251d; font-weight:bold;}
/*banner*/
.indexbanner{ width:100% !important; height:400px; position:relative; overflow:hidden;}
.indexbanner .hd{ position:absolute;}
.indexbanner .bd{ position:relative; height:100%;}
.indexbanner .bd ul{ height:100%; width:100% !important;}
.indexbanner .bd li{ height:100%; width:100% !important; position:relative;}
.indexbanner .bd li a{ display:block; background-size:auto 100%; background-position:center; width:100%; height:100%; background-color:#f30;}
.indexbanner .bd li .container-layout{ height:100%; position:relative;}
.indexbanner .prev, .indexbanner .next{ position:absolute; top:50%; width:74px; height:74px; margin-top:-37px;}
.indexbanner .prev{ left:20px; background:url(../images/arr_l.png);}
.indexbanner .next{ right:20px; background:url(../images/arr_r.png);}
.ban1 .bpic{ width:410px; height:400px; position:absolute; top:0;}
.ban1 .pic1{ background:url(../images/ban1_pic1.png) center no-repeat; left:-22px;}
.ban1 .pic2{ background:url(../images/ban1_pic2.png) center no-repeat; left:0;}
.ban1 .bad{ position:absolute; height:58px;}
.ban1 .ad1{ background:url(../images/ban1_ad1.png) center no-repeat; width:407px; top:80px; right:30px;}
.ban1 .ad2{ background:url(../images/ban1_ad2.png) center no-repeat; width:335px; top:150px; right:0;}

.ban2 .bpic{ position:absolute;}
.ban2 .pic1{ width:892px; height:186px; background:url(../images/ban2_pic1.png) center no-repeat; left:-100px; top:200px;}
.ban2 .pic2{ width:323px; height:323px; background:url(../images/ban2_pic2.png) center no-repeat; left:50px; top:50px;}
.ban2 .bad{ position:absolute; height:58px;}
.ban2 .ad1{ background:url(../images/ban2_ad1.png) center no-repeat; width:407px; top:80px; right:30px;}
.ban2 .ad2{ background:url(../images/ban2_ad2.png) center no-repeat; width:335px; top:150px; right:0;}

/**/
.ad1{animation-delay: 1s;}
.pic2{animation-delay: 3s;}
.ad2{animation-delay: 4s;}


.isrv .line-middle div{ margin-bottom:10px; }
.isrv .line-middle div .x12{ display:block; min-height:271px; padding:20px 30px; background-repeat:no-repeat; background-color:#fff; background-position: center 10px;}
.isrv .line-middle div a.x12:hover{ color:#fff; background-color:#e33; background-position:center -271px;}
.isrv .line-middle div a.x12:hover strong{ color:#fff;}
.isrv .line-middle div .x12 strong{ display:block; font-size:22px; font-weight:normal; margin-top:15px; margin-bottom:110px;}
.isrv .line-middle div .srv1{ background-image:url(../images/ico_isrv1.png); }
.isrv .line-middle div .srv2{ background-image:url(../images/ico_isrv2.png); }
.isrv .line-middle div .srv3{ background-image:url(../images/ico_isrv3.png); }
.isrv .line-middle div .srv4{ background-image:url(../images/ico_isrv4.png); }
.isrv .line-middle div .srv5{ background-image:url(../images/ico_isrv5.png); }
.isrv .line-middle div .srv6{ background-image:url(../images/ico_isrv6.png); }
.isrv .line-middle div .srv7{ background-image:url(../images/ico_isrv7.png); }
.isrv .line-middle div .srv8{ background-image:url(../images/ico_isrv8.png); }

.icase .xl12{ margin-bottom:10px;}
.icase{ margin-left:-4px; margin-right:-4px;}
.icase a{ display:block;}
.icase .xm4{ height:260px; overflow:hidden; padding-left:4px; padding-right:4px; margin-bottom:8px;}
.icase .xm4 a{ display:block; position:relative;}
.icase .xm4 span.bd{ position:absolute; width:328px; height:260px;/* border:5px solid #d7d7d7;*/}
.icase .xm4 img{ display:block; width:100%; height:260px;}
.icase .xm4 .bg-dot{transition: all 0.5s; position:absolute; height:42px; bottom:0;    background: rgba(0,0,0,0.6); width:100%;}
.icase .xm4:hover .bg-dot{ background:#e33; color:#fff;}



.inews{ line-height:2; padding-right:20px !important;}
.inews ul{ padding:0; list-style-type:none;}

.icat1, .icat2{ padding-bottom:60px; padding-top:60px; height:228px;}
.icat1{ background:url(../images/bg_icat1.png) bottom left no-repeat;}
.icat2{ background:url(../images/bg_icat2.png) bottom left no-repeat;}

/*内页导航*/
/*.nav div{ float:left;}*/
/*.nav div a{ display:block; height:50px; line-height:50px; text-align:center; background:#d0d0d0; padding:0; color:#fff;}*/
/*.nav div a span{ margin-right:5px;}*/
/*.nav div a:hover,.nav div a.active{ background:#da251d; color:#fff;}*/
/*.nav .n3{ width:33.33%; padding-right:1px;}*/
/*.nav .n4{ width:25%; padding-right:1px;}*/
/*.nav .n5{ width:20%; padding-right:1px;}*/
/*.nav .son16 span:before{font-family: "FontAwesome";content:"\f108";}*/
/*.nav .son17 span:before{font-family: "FontAwesome";content:"\f1d7";}*/
/*.nav .son26 span:before{font-family: "FontAwesome";content:"\f040";}*/
/*.nav .son27 span:before{font-family: "FontAwesome";content:"\f03e";}*/
/*.nav .son28 span:before{font-family: "FontAwesome";content:"\f02c";}*/
/*.nav .son3 span:before{font-family: "FontAwesome";content:"\f122";}*/
/*.nav .son31 span:before{font-family: "FontAwesome";content:"\f09d";}*/
/*.nav .son39 span:before{font-family: "FontAwesome";content:"\f108";}*/
/*.nav .son40 span:before{font-family: "FontAwesome";content:"\f0d6";}*/
/*.nav .son41 span:before{font-family: "FontAwesome";content:"\f1d7";}*/
/*.nav .son42 span:before{font-family: "FontAwesome";content:"\f040";}*/
/*.nav .son43 span:before{font-family: "FontAwesome";content:"\f03e";}*/

/**/
.tbody{ background:#fff; padding-bottom:50px;}

.contact [class*='icon-']{ display:inline-block; width:1em; text-align:center; margin-right:5px;}
.contact p{ line-height:2;}
.contact .qcode{ max-width:120px;}
.contact .qcode img{ width:100%; display:block;}
.contact .qcode a.button{ width:100%;}
.contact .cat-ico a, .contact .cat-ico button{ display:block; max-width:93px; height:94px; width:100%; text-align:center; background:#f6f6f6; padding:10px; color:#9d9d9d; float:right;}
.contact .cat-ico button{ border:0;}
.contact .cat-ico a:hover,.contact .cat-ico button:hover{ background:#da251d; color:#fff;}
.contact .cat-ico a:hover *,.contact .cat-ico button:hover *{ color:#fff;}
.contact .cat-ico span{ display:block; font-size:30px; margin:10px auto; color:#cdcdcd;}
.contact .cat-ico small{ font-size:15px; }
.contact .x8{  background: url(../images/bg_icat1.png) 290px  bottom no-repeat;}

/*表单*/
#postmail {position:fixed; left:0; z-index:11; display:none;}

.contactpage .dialog-win{ max-width:500px !important; }
.contactpage .button{ background-color:#da251d; border-color:#da251d; color:#fff;}


/*人才招聘*/
.joblist li{ background:#f6f6f6; border:1px solid #f6f6f6; padding:20px 30px;}
.joblist li:hover{ background:#fff; border-color:#dd352e; cursor:pointer;}
.joblist .gwyq{ position:relative; padding-left:70px;}
.joblist .gwyq .text-black{ position:absolute; left:0; width:70px;}

/*合作伙伴*/
.partnerslist a{ display:block; width:100%; height:80px; line-height:80px; text-align:center; background:#fafafa; border:1px solid #fafafa;}
.partnerslist a img{ vertical-align:middle;}
.partnerslist a:hover{ background:#fff; border:1px solid #da251d;}


/*关于我们*/
/*我们的团队*/
.ourteam .x6{ height:160px; overflow:hidden;}
.ourteam .button{ padding:0; border:0;}
.ourteam .media{ background:#fafafa; height:160px;}
.ourteam .media a,.ourteam .media img{ display:block;}
.ourteam .media:hover{ background:#da251d;}
.ourteam .media:hover img{ opacity:1;}
.ourteam .media:hover *{ color:#fff;}
.ourteam .media img{ width:129px; height:160px; }
.ourteam .media strong{ font-weight:100;}
.ourteam .media p{ line-height:20px;}
.ourteam .media .media-body{ padding:11px 14px;}
/*选择我们*/
.chooseus div .button{ border:0; background:#fafafa;}
.chooseus div i{ display:block; width:80px; height:80px; margin:0 auto 5px; background-image:url(../images/ico_about.png); background-repeat:no-repeat;}
.chooseus div i.cus1{ background-position:0 0;}
.chooseus div i.cus2{ background-position:-250px 0;}
.chooseus div i.cus3{ background-position:-495px 0;}
.chooseus div i.cus4{ background-position:-738px 0;}
.chooseus div i.cus5{ background-position:0 -164px;}
.chooseus div i.cus6{ background-position:-250px -164px;}
.chooseus div i.cus7{ background-position:-495px -164px;}
.chooseus div i.cus8{ background-position:-738px -164px;}

/*付款方式*/
.paylist i{ display:block; height:44px; width:166px; background-image:url(../images/ico_pay.png); background-repeat:no-repeat; margin-left:auto; margin-right:auto;}
.paylist .x3:nth-child(1) i{ background-position:0 0;}
.paylist .x3:nth-child(2) i{ background-position:-252px 0;}
.paylist .x3:nth-child(3) i{ background-position:-504px 0;}
.paylist .x3:nth-child(4) i{ background-position:-756px 0;}
.paylist .x3:hover:nth-child(1) i{ background-position:0 -54px;}
.paylist .x3:hover:nth-child(2) i{ background-position:-252px -54px;}
.paylist .x3:hover:nth-child(3) i{ background-position:-504px -54px;}
.paylist .x3:hover:nth-child(4) i{ background-position:-756px -54px;}
.paylist .button{ color:#8b8b8b; border:0; background-color:#f6f6f6;}

/*新闻列表*/
.newscontent .x9{ width:80%;}
.newscontent .x3{ width:20%;}
.newslist{ padding:0 !important;}
.newslist li a{ display:block; padding:15px 20px; background-color:#fafafa; border:1px solid #fafafa;}
.newslist li a:hover{ background-color:#fff; border:1px solid #da251d;}
.newslist li a:hover h2{ color:#da251d;}
.newslist li a:hover h2 small{ color:#eaa6a6;}
.newslist li a:hover p{ color:#b7706c;}

.sidenews a{ display:block; text-align:center; min-height:90px; background:#f6f6f6; border:0; color:#8d8d8d !important; padding:0;}
.sidenews a:hover,.sidenews a:hover *,.sidenews a.active,.sidenews a.active *{ color:#fff !important; background:#da251d;}
.newsnav a{ font-size:16px;}
.newsnav span{ font-size:36px; color:#cdcdcd; display:block; padding-top:18px;}
.newsnav div:nth-child(1) span:before{font-family: "FontAwesome";content:"\f02d";}
.newsnav div:nth-child(2) span:before{font-family: "FontAwesome";content:"\f0ea";}
.newssub a{ font-size:22px; line-height:90px; font-weight:100;}


/*案例展示*/
.pronav{ height:30px;}
.pronav a{ float:left; background:#005587; padding-left:20px; padding-right:20px; margin-right:1px; color:#fff;}
.pronav a.active, .pronav a:hover{ background-color:#bd8a39; color:#fff;}

.productlist{}
.productlist a{ display:block;}
.productlist .xm4{overflow:hidden; margin-bottom:10px;}
.productlist .xm4 a{ display:block; position:relative; border:1px solid #f0f0f0;transition: all 0.5s;}
.productlist .xm4 img{ display:block; width:100%;}
.productlist .xm4 .con{ /*border-bottom:1px solid #f0f0f0;*/ padding:10px;}
.productlist .xm4 h4{ padding:2px 0; color:#000;}
.productlist .xm4 .desc{ height:60px; overflow:hidden; line-height: 20px;}
.productlist .xm4 .tags{ padding:7px 10px; color:#db241e; height:33px;}
.productlist .xm4 a:hover{ background:#db241e; color:#fff; border-color:#db241e;}
.productlist .xm4 a:hover *{ color:#fff !important; border-color:#cd180f;}
.productlist .xm4 *{transition: all 0.5s;}


/*PC案例切换*/
.picslide{ position:relative; min-height:608px; width:100%; background:url(../images/bg_imac.png) top center no-repeat; overflow:hidden;}
.picslide *{ padding:0; margin:0;}
.picslide .bd{ position:relative; width:751px; height:429px; margin-left:auto; margin-right:auto; margin-top:23px; overflow:hidden;}
.picslide .bd li,.picslide .bd li img{ width:100%; height:100%;}
.picslide .prev, .picslide .next{ position:absolute; top:50%; width:36px; height:70px; margin-top:-70px;}
.picslide .prev{ left:20px; background:url(../images/ico_l.png);}
.picslide .next{ right:20px; background:url(../images/ico_r.png);}

.wechatlist{ padding:5px;}
.wechatlist .x3{ min-height:450px; background:url(../images/wxlist_nor.png) top center no-repeat; padding-top:39px;}
.wechatlist .x3:hover{ background:url(../images/wxlist_cur.png) top center no-repeat;}
.wechatlist .x3 .wrap{width:230px; height:370px; overflow:hidden;margin-left:auto; margin-right:auto; display:block;}
.wechatlist .x3 .pic{ width:230px; height:370px; display:block; }
.wechatlist h4{ overflow:hidden; height:21px;}
.wechatlist a{ display:inline-block; width:30px; height:30px; background-color:rgba(255,255,255,0.5); text-align:center;}
.wechatlist span{ font-size:20px; line-height:30px; color:#da251d;}
.wechatlist a:hover{ background:#fff;}
.wechatlist .x3 .bg-dot{transition: all 0.5s; position:relative; height:42px;}
.wechatlist .x3:hover .bg-dot{margin-top:-42px;}


/*微信案例切换*/
.wechatslide{ position:relative; min-height:732px; width:100%; background:url(../images/bg_iphone.png) top center no-repeat; overflow:hidden;}
.wechatslide *{ padding:0; margin:0;}
.wechatslide .bd{ position:relative; width:380px; height:611px; margin-left:auto; margin-right:auto; margin-top:59px; overflow:hidden;}
.wechatslide .bd li{ height:611px; width:380px;;}
.wechatslide .bd li img{ width:100%;}
.wechatslide .prev, .wechatslide .next{ position:absolute; top:50%; width:36px; height:70px; margin-top:-70px;}
.wechatslide .prev{ left:200px; background:url(../images/ico_l.png);}
.wechatslide .next{ right:200px; background:url(../images/ico_r.png);}




/*服务领域*/
.caseIndex a:hover,.caseIndex a:hover *{ color:#fff;}
.caseIndex a{ display:block; border:0; background-color:#f6f6f6; padding-bottom:50px; padding-top:40px;}
.caseIndex .button.bg-main:focus{ background-color:#f6f6f6;}
.caseIndex i{ display:block; width:110px; height:110px; background-image:url(../images/ico_case.png); background-repeat:no-repeat; margin-left:auto; margin-right:auto;}
.caseIndex h3{text-transform:uppercase;}
.caseIndex strong, .caseIndex p{ font-weight:100; text-transform:uppercase;}
body .caseIndex p{ font-family:Arial; font-family:"Microsoft YaHei" !important;}
.website .x3:nth-child(1) a i{ background-position:0 0;}
.website .x3:nth-child(1) a:hover i{ background-position:0 -110px;}
.website .x3:nth-child(2) a i{ background-position:-110px 0;}
.website .x3:nth-child(2) a:hover i{ background-position:-110px -110px;}
.website .x3:nth-child(3) a i{ background-position:-220px 0;}
.website .x3:nth-child(3) a:hover i{ background-position:-220px -110px;}
.website .x3:nth-child(4) a i{ background-position:-1320px 0;}
.website .x3:nth-child(4) a:hover i{ background-position:-1320px -110px;}

.wechat .x3:nth-child(1) a i{ background-position:-440px 0;}
.wechat .x3:nth-child(1) a:hover i{ background-position:-440px -110px;}
.wechat .x3:nth-child(2) a i{ background-position:-550px 0;}
.wechat .x3:nth-child(2) a:hover i{ background-position:-550px -110px;}
.graphic .x3:nth-child(1) a i{ background-position:-660px 0;}
.graphic .x3:nth-child(1) a:hover i{ background-position:-660px -110px;}
.graphic .x3:nth-child(2) a i{ background-position:-770px 0;}
.graphic .x3:nth-child(2) a:hover i{ background-position:-770px -110px;}
.graphic .x3:nth-child(3) a i{ background-position:-880px 0;}
.graphic .x3:nth-child(3) a:hover i{ background-position:-880px -110px;}
.graphic .x3:nth-child(4) a i{ background-position:-990px 0;}
.graphic .x3:nth-child(4) a:hover i{ background-position:-990px -110px;}
.flash .x3:nth-child(1) a i{ background-position:-1100px 0;}
.flash .x3:nth-child(1) a:hover i{ background-position:-1100px -110px;}
.flash .x3:nth-child(2) a i{ background-position:-1210px 0;}
.flash .x3:nth-child(2) a:hover i{ background-position:-1210px -110px;}
.flash .x3:nth-child(3) a i{ background-position:-1760px 0;}
.flash .x3:nth-child(3) a:hover i{ background-position:-1760px -110px;}

.money .x3:nth-child(1) a i{ background-position:-1540px 0;}
.money .x3:nth-child(1) a:hover i{ background-position:-1540px -110px;}
.money .x3:nth-child(2) a i{ background-position:-330px 0;}
.money .x3:nth-child(2) a:hover i{ background-position:-330px -110px;}
.money .x3:nth-child(3) a i{ background-position:-1650px 0;}
.money .x3:nth-child(3) a:hover i{ background-position:-1650px -110px;}
.money .x3:nth-child(4) a i{ background-position:-110px 0;}
.money .x3:nth-child(4) a:hover i{ background-position:-110px -110px;}

/*400*/
.line-five .x2{ width:20%;}
.srv401 .wrap{ background:#f6f6f6; padding:30px 5px; text-align:center; font-size:16px; color:#000;}
.srv401 .wrap i{ display:block; width:80px; height:80px; line-height:64px; color:#fff; font-size:30px; font-style:normal; font-weight:100; border-radius:50%; margin-left:auto; margin-right:auto; background:#da251d; border:8px solid #fff; margin-bottom:10px; position:relative;}
.srv401 .wrap i:before{ position:absolute; left:-8px; top:-8px; content:''; width:80px; height:80px; border-radius:50%; border:1px solid #dfdfdf;}

.srv402 .wrap{ background:#f6f6f6; padding:50px 20px; line-height:1.8; min-height:540px; position:relative;}
.srv402 .wrap h3{ margin-bottom:10px;}
.srv402 .wrap .num{ position:absolute; left:0; top:0; height:75px; width:75px; background-image:url(../images/4_06.png); background-repeat:no-repeat;}
.srv402 .x4:nth-child(2) .num{ background-position:-340px 0;}
.srv402 .x4:nth-child(3) .num{ background-position:-680px 0;}

.srv403 { margin-top:10px;}
.srv403 .num{display:block; width:60px; height:60px; line-height:50px; color:#fff; font-size:30px; font-style:normal; font-weight:100; border-radius:50%; margin-left:auto; margin-right:auto; background:#da251d; border:5px solid #fff; margin-bottom:10px; position:relative;}
.srv403 .num:before{ position:absolute; left:-5px; top:-5px; content:''; width:60px; height:60px; border-radius:50%; border:1px solid #dfdfdf;}

.srv404 .wrap{ width:320px; height:320px; background:#f6f6f6; border-radius:50%;}
.srv404 .wrap .f120{ font-family:"Microsoft yahei"; font-weight:100; display:block; color:#da251d; line-height:1; padding-top:25px;}

.srv405{}
.srv405 .x2{ border:1px solid #dfdfdf; margin-bottom:-1px; margin-right:-1px;}
.srv405 .x2 a{ display:block; padding:30px 0;}
.srv405 .x2 a i{ display:block; width:80px; height:73px; background-image:url(../images/4_03.png); background-repeat:no-repeat; margin-bottom:10px; margin-left:auto; margin-right:auto;}
.srv405 .x2 a:hover{ background:#f6f6f6;}
.srv405 .x2:nth-child(1) i{ background-position:-48px 0;}
.srv405 .x2:nth-child(1) a:hover i{ background-position:-48px -136px;}
.srv405 .x2:nth-child(2) i{ background-position:-212px 0;}
.srv405 .x2:nth-child(2) a:hover i{ background-position:-212px -136px;}
.srv405 .x2:nth-child(3) i{ background-position:-376px 0;}
.srv405 .x2:nth-child(3) a:hover i{ background-position:-376px -136px;}
.srv405 .x2:nth-child(4) i{ background-position:-546px 0;}
.srv405 .x2:nth-child(4) a:hover i{ background-position:-546px -136px;}
.srv405 .x2:nth-child(5) i{ background-position:-710px 0;}
.srv405 .x2:nth-child(5) a:hover i{ background-position:-710px -136px;}
.srv405 .x2:nth-child(6) i{ background-position:-876px 0;}
.srv405 .x2:nth-child(6) a:hover i{ background-position:-876px -136px;}
.srv405 .x2:nth-child(7) i{ background-position:-1042px 0;}
.srv405 .x2:nth-child(7) a:hover i{ background-position:-1042px -136px;}
.srv405 .x2:nth-child(8) i{ background-position:-1210px 0;}
.srv405 .x2:nth-child(8) a:hover i{ background-position:-1210px -136px;}
.srv405 .x2:nth-child(9) i{ background-position:-1375px 0;}
.srv405 .x2:nth-child(9) a:hover i{ background-position:-1375px -136px;}
.srv405 .x2:nth-child(10) i{ background-position:-1541px 0;}
.srv405 .x2:nth-child(10) a:hover i{ background-position:-1541px -136px;}
.srv405 .x2:nth-child(11) i{ background-position:-1708px 0;}
.srv405 .x2:nth-child(11) a:hover i{ background-position:-1708px -136px;}
.srv405 .x2:nth-child(12) i{ background-position:-1873px 0;}
.srv405 .x2:nth-child(12) a:hover i{ background-position:-1873px -136px;}

/**模板**/
.container-layout {width: 1300px;}
.pronav {height: 50px;width: 100%; background: #005587 ; z-index: 9999;width: 100%;}
.pronav .container { margin-left:auto; margin-right:auto; text-align:center; }
.pronav a {padding: 15px 30px;margin: 0;font-size: 16px;}
    .logo{
        height: 58px;
        margin: 0 auto;
        text-align: center;
        margin-top:10px;
        margin-bottom: 10px;
    }
.productlist { margin-left:-8px; margin-right:-8px;}
.productlist .xm4 { padding-left:8px; padding-right:8px; margin-bottom:16px;}
.productlist .xm4 a {border: 2px solid #f0f0f0;}
.productlist .xm4 .pic {height: auto; width:100%; }
.productlist .xm4 .pic img{ width:100%; max-height:320px; margin-left:auto; margin-right:auto; display:block;}
.productlist .xm4 .desc{ display:none;}