@charset "utf-8";

.box1{ background:#F8F8F8; display:table; table-layout:fixed}

.box1 ul{ display:table-row;}

.box1 li{  width:33.33333333%;float:left;padding-top: 10px;height: 360px;

transition: all 1s;

-webkit-transition: all 1s; /* Safari */

}

.box1 li:hover{ background:#fff;}

/*

.box1 li{ display:table-cell; width:33.3333333%; padding-top:90px; padding-bottom:30px;

transition: all 1s;

-webkit-transition: all 1s;

}

.box1 li .img{ width:100px; height:100px; background:#fff;

    border:#EDEDED 10px solid; border-radius:100px;

    display:table-cell; text-align:center;

    vertical-align:middle; }

*/

.box1 li .img{width: 100%;height: 180px;  display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.box1 li .title{ font-size:22px; margin:30px 0 20px;}

.box1 li .des{ color:#999; line-height:28px; padding:0 50px; font-family:MessinaSansWeb,Helvetica,Arial,sans-serif; height:85px;}



.box3{ margin:60px 0;}

.box3_t{ text-align:center; font-size:40px; color:#000; font-family:MessinaSansWeb,Helvetica,Arial,sans-serif; margin-bottom:20px; margin-top:50px;}

.box3_m{}

.box3_m li{ width:25%; float:left;}

.box3_m li a{ display:block; padding:20px;}

.box3_m li .img{ display:table; width:100%; table-layout:fixed;}

.box3_m li .img .tr{ display:table-row;}

.box3_m li .img .td{ display:table-cell; height:270px; text-align:center; vertical-align:middle;}

.box3_m li .img .td img{ max-height:100%; max-width:100%;}

.box3_m li .title{ height:46px; margin:20px 0 5px; color:#000; font-size:18px;}

.box3_m li .des{ height:90px; color:#5A5657; line-height:22px;}

.box3_m li .time{ color:#898989;}

.box3_m li .time span{}

.box3_m li .time em{ font-style:normal;}

.box3_m li a:hover .title,.box3_m li a:hover .time em{ color:#4372CD;}



.sbox{ background:#fff;}

.sbox li{ border-bottom:#D0D0D0 1px solid; height:44px; overflow:hidden;}

.sbox li a{ display:block; line-height:44px; background:url(sid_ico1.png) 224px 18px no-repeat; padding-left:13px;}

.sbox li a:hover{ background-position:224px -30px; color:#0F3EDD;}

.sform{ background:#fff; padding:9px; margin-top:20px;}

.sform .text{ width:181px; height:28px; border:#D7D7D7 1px solid; border-radius:5px 0 0 5px; float:left; text-indent:5px; border-right:none; font-size:14px;}

.sform .submit{ background:#0065BA url(search.gif) center center no-repeat; width:40px; height:30px; float:right; border:none; border-radius:0 5px 5px 0; text-indent:-3000px; overflow:hidden;}

.sform .text::-webkit-input-placeholder { color:#000;}

.sform .text:-moz-placeholder { color:#000;}

.sform .text::-moz-placeholder { color:#000;}

.sform .text:-ms-input-placeholder { color:#000;}



/*联系*/

#contact{ }

#contact .bg{ background:rgba(255,255,255,0.9); padding-bottom:100px;}

#contact .title{ font-size:40px; color:#4372cd; margin:60px 0 30px;}

.contact_bk{ background:#f8f8f8;}

#contact .text{ font-size:16px; line-height:35px;}

.contact{ padding-top:60px; margin-bottom:60px;}

.contact .feed h3{ font-size:40px; text-align:center; color:#4372cd; margin-bottom:40px;}

.contact .feed .inp{}

.contact .feed .inp input{ width:32%; float:left; height:50px; background:#fff; border:none; margin-right:2%; text-indent:15px;}

.contact .feed .inp input:nth-child(3){ margin-right:0;}

.contact .feed textarea{ padding:12px; height:168px; width:1176px; border:none; resize:none; margin:40px 0; font-family:MessinaSansWeb,Helvetica,Arial,sans-serif;}

.contact .feed button{ background:#4372cd; width:200px; line-height:50px; text-align:center; color:#fff; border:none; border-radius:5px; cursor:pointer; font-size:20px; margin:0 auto; display:block;}





/*新闻列表*/

.newslist{}

.newslist .box3_m li{ width:30%; margin:0 1.66666%;}

.newslist .box3_m li:nth-child(3n){}



/*新闻详细*/

.newsv_bk{ background:#F8F8F8;}

.news_path{ height:42px; line-height:42px; color:#636262; overflow:hidden;}
.news_path img{ margin-top:-5px;vertical-align:middle; margin-right:12px;}
.news_path a{ color:#636262; margin:0 5px;}
.news_path a.current{ color:#4372cd;}


.newsv_bk>.wrap{ background:#fff;}

.newsv{ padding:60px;}

.newsv .title{ font-size:36px; text-align:center;font-weight: bold;}

.newsv .time{ font-size:16px; color:#d3d3d3; text-align:center; margin:20px 0;}

.newsv .content{ font-size:16px;line-height:2.4;}

.newsv .content img{ max-height:100%; max-width:100%;}

.newsv_page{ height:50px; background:#F8F8F8; padding:10px 0 40px;}

.newsv_page a{ width:594px; float:left; line-height:50px; background:#fff; color:#999; text-align:center;

transition: all 400ms;

-webkit-transition: all 400ms; /* Safari */

}

.newsv_page a:nth-child(1){ float:right;}

.newsv_page a:hover{ background:#4372CD; color:#fff;}


/*案例*/

.caselist{}

.caselist li{ float:left; width:380px; background:#F1F1F1; margin-right:30px; margin-bottom:50px;}

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

.caselist li .title{ font-size:18px; line-height:25px; text-align:center; margin-bottom:20px; padding-top:40px;} 

.caselist li .des{ line-height:24px; padding:0 20px; height:130px;}

.caselist li a.more,

.caseshow .feed a{ width:230px; height:42px; border:#333 1px solid; display:block; text-align:center; line-height:42px; margin:0 auto 45px;}

.caselist li a.more span,

.caseshow .feed a span{ width:34px; display:block; float:right; height:42px; background:url(anli_ico.png) center center no-repeat; margin-right:10px;}

.caselist li a.more:hover,

.caseshow .feed a:hover{ background:#DC1E32; border:#DC1E32 1px solid; color:#fff;}

.caselist li a.more:hover span,

.caseshow .feed a:hover span{ background:url(anli_ico_red.png) center center no-repeat;}



/*案例详细*/

.caseshow{}

.caseshow h1{ font-size:36px; line-height:40px; font-weight:bold; text-align:center; margin-bottom:30px;}

.caseshow .nr{ line-height:30px;}

.caseshow .feed{ text-align:center; padding-top:100px;}

.caseshow .feed .title{ font-size:30px; font-weight:bold;}

.caseshow .feed .des{ font-size:16px; margin:40px 0;}



/*产品列表*/

.prolist{ font-size:16px; padding:50px 0;}

.prolist li{ width:24%; float:left; background:#fff; text-align:center; margin:0 0.5% 10px; overflow:hidden; position:relative;}

.prolist li>a{ padding:4px;}

.prolist li .img{ width:280px; height:250px; text-align:center; vertical-align:middle; display:table-cell;}

.prolist li .img img{ max-height:100%; max-width:100%;}

.prolist li .title{ height:42px; margin:20px 0;}

.prolist li .zz{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(67,114,205,.95);color:#f8f8f8; padding:20px; text-align:left; font-size:14px; display:none;
background:#4372CD\9;}

.prolist li .zz .t{ font-size:24px; line-height:26px; margin-bottom:10px;}

.prolist li .zz .des{ line-height:26px; height:200px; overflow:hidden; margin-bottom:15px;}

.prolist li .zz .more{ display:block;

    width:120px; height:40px; line-height:40px; margin: 0 auto;

    text-align:center; background:#F8F8F8; color:#4372CD; border-radius:5px;}



/*产品详细*/

.prov{}

.prov .tab{ display:table; margin-bottom:40px; width:100%; table-layout:fixed;}

.prov .tab .tr{ display:table-row;}

.prov .imglist{ background:#fff; display:table-cell; vertical-align:middle;}

.prov .imglist .con{ height:210px;}

.prov .imglist #LeftArr{ width:17px; height:33px; background:url(proD_l.png) no-repeat; cursor:pointer; float:left; margin:90px 0 0 20px;}

.prov .imglist #LeftArr:hover{ background-position:-17px 0;}

.prov .imglist #RightArr{ width:17px; height:33px; background:url(proD_r.png) -17px 0 no-repeat; cursor:pointer; float:right; margin:90px 20px 0 0;}

.prov .imglist #RightArr:hover{ background-position:0 0;}

.prov .imglist .M{ margin:0 110px;}

.prov .imglist .M .item{ width:325px; height:210px; float:left;}

.prov .imglist .M .item img{ max-height:100%; max-width:100%;}

.prov .line{ display:table-cell;}

.prov .info{ width:590px; background:#fff; display:table-cell; padding:30px;}

.prov .info .title{ font-size:30px; color:#4372cd; margin-bottom:30px;}

.prov .info .oth{ margin-top:60px; color:#999;}

.prov .info .oth>a{ display:inline-block; width:160px;

    height:40px; line-height:40px; text-align:center;

    background:#4372cd; color:#fff; border-radius:5px;

    font-size:12px; margin-right:40px;}

.prov .info .oth>a:hover{ background:#769FEE; color:#fff;}

.prov .content{}

.prov .content .tag{ font-size:16px;}

.prov .content .tag span{ background:#fff; color:#ccc; display:inline-block; width:215px; line-height:50px; text-align:center; margin-right:10px; border-bottom:#F8F8F8 5px solid; cursor:pointer;}

.prov .content .tag span.current{ border-bottom:#fff 5px solid; color:#4372cd;}

.prov .content>ul{ background:#fff;}

.prov .content>ul>li{ padding:25px; display:none;}

.prov .content>ul>li.current{ display:block;}



/*下载*/

.down{}

.down ul{ border:#EBEFF6 1px solid; padding-left:15px; padding-top:20px;}

.down ul li{ width:269px; height:37px; line-height:37px; float:left; margin-right:10px; margin-bottom:35px;} 

.down ul li a{ background:#E7EDF4; display:block; color:#999; padding-left:10px;}

.down ul li a span{ color:#000; margin-right:10px;}

.down ul li a:hover{ background:#000; color:#fff;}

.down ul li a:hover span{ color:#fff;}

/*.down li{ border-bottom:#C1C1C1 1px solid; margin-bottom:25px; padding-bottom:25px;}

.down li h3{ height:40px; line-height:40px; margin-bottom:15px; font-size:25px;}

.down li h3 a.more{ background:#FF154D; line-height:40px; float:right; color:#fff; padding:0 20px; font-size:16px;}

.down li h3 a.more:hover{ background:#000;}

.down li .des{}*/



/*关于我们*/

.about1{}

.about1 .title{ font-size:40px; color:#4372cd; margin:35px 0 15px;}

.about1 .nr{ color:#666; line-height:2; font-size:18px; padding-bottom:40px;}

.about2{ background:url(about2_bk.png) top center no-repeat;}

.about2 .nr{ font-size:18px; color:#fff; line-height:2; text-align:center; padding:30px 0;}

.about3{}

.about3 .nr{ font-size:18px; color:#666; line-height:2; margin:30px 0 100px;}

.about3 .three{ width:850px; margin:0 auto;}

.about3 .three:after{ content:""; display:block; clear:both;}

.about3 .three li{ width:33.33333%; float:left;}

.about3 .three li a{ display:block; padding:0 40px;}

.about3 .three li a .img{ width:203px; height:203px; display:table-cell; text-align:center; vertical-align:middle;}

.about3 .three li a img{ max-height:100%; max-width:100%;}

.about3 .three li a .title{ margin:20px 0; color:#333;}

.about3 .three li a .title:hover{ color:#4372cd;}

.about3 .three li a .more{ font-size:12px; color:#4372cd;}

.about3 .three li a .more:hover{ text-decoration:underline;}

.about4{ background:#f8f8f8; font-size:18px; color:#666; line-height:2; padding:20px 0 40px;}

.about4 .nr{}

.about4>a{ display:block; width:200px; height:50px; line-height:50px; background:#4372cd; color:#fff; margin:100px auto 0; border-radius:5px; font-size:12px;}

.about4>a:hover{ color:#fff;}

.about_menu{ background:#F1F1F1; height:90px; margin-bottom:90px; line-height:90px;}

.about_menu .wrap{ text-align:center;}

.about_menu a{ margin:0 56px; font-size:16px; font-weight:bold; color:#333;}

.about_menu a.active{ color:#dc1e32; border-bottom:#dc1e32 2px solid;}

.about{ margin-bottom:90px;}

.about_title{ font-size:36px; margin-bottom:70px; font-weight:bold; text-align:center;}

.about .nr{ background:#F1F1F1;}

.about .nr .img{ float:left; width:490px; height:300px; overflow:hidden;}

.about .nr .img img{}

.about .nr .txt{ padding:50px 60px 0; margin-left:490px;}



/*网点*/

.wangdian{ padding-top:80px;}

.wangdian form{ position:relative; margin-bottom:50px;}

.wangdian form:after{ content:""; display:block; clear:both;}

.wangdian form label{ display:block; font-size:16px; margin-bottom:15px;}

.wangdian form>div{ float:left; margin-right:12px; width:200px;}

.wangdian form>div.keyword{ width:410px;}

.wangdian form>div input{ height:40px; line-height:40px; border:#D0D0D0 1px solid; width:100%;}

.wangdian form button{ background:#f90; border:none; border-radius:5px; font-size:18px; line-height:42px; width:140px; text-align:center; position:absolute; right:0; bottom:0; cursor:pointer;}

.wangdian .tab{ display:table; width:100%; border-collapse:collapse; margin-bottom:70px; table-layout:fixed;}

.wangdian .tab>div:nth-child(1){ background:#FAFAFA; font-size:16px; font-weight:bold;}

.wangdian .tr{ display:table-row;}

.wangdian .td{ display:table-cell; border:#EDEDED 1px solid; padding:15px;}

.wangdian .zx{ text-align:center; margin-bottom:100px;}

.wangdian .zx .bt{ font-size:30px; font-weight:bold; margin-bottom:50px;}

.wangdian .zx .des{ font-size:16px; margin-bottom:45px;}

.wangdian .zx a{ width:232px; line-height:32px; height:32px; padding:6px 0; display:inline-block; border:#333 1px solid;}

.wangdian .zx a span{ display:block; width:40px; height:32px; background:url(ico5.gif) center center no-repeat; float:right; border-left:#333 1px dashed;}



/*在线下单*/

.order{ padding-top:100px;}

.order .from{ width:580px; float:left;}

.order .to{ width:580px; float:right;}

.order .title{ font-size:20px; font-weight:bold; border-left:#f00 4px solid; padding-left:15px; margin-bottom:30px;}

.order .from label,.order .to label,.order .bt{ display:block; line-height:40px; padding-top:10px; color:#000;}

.order .from input,.order .to input{ width:100%; border:#D0D0D0 1px solid; line-height:40px;}

.order .type{ margin-bottom:20px;}

.order .type label{ margin-right:68px;}

.order .weight{ margin-bottom:20px;}

.order .weight label{ margin-right:87px;}

.order textarea{ display:block; width:100%; height:140px; border:#D0D0D0 1px solid;}

.order button{ width:140px; height:42px; line-height:42px; background:#f00; color:#fff; border:none; border-radius:5px; display:block; margin:100px auto;}



/*动力展示*/

.Capacity{ padding-top:100px; margin-bottom:50px;}

.Capacity>ul:after{ content:""; display:block; clear:both;}

.Capacity li{ float:left; width:580px; line-height:26px; color:#000; text-align:center; margin-bottom:60px; overflow:hidden;}

.Capacity>ul>li:nth-child(2n){ float:right;}

.Capacity .bt{}

.Capacity .des{}



/*业务范围*/

.business{}

.business li{ position:relative; border:#F1F1F1 4px solid; width:358px; float:left; margin:108px 50px 0 0;}

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

.business li .img{ display:block; position:absolute; left:50%; top:-54.5px; margin-left:-54.5px;}

.business li .title{ font-size:24px; font-weight:bold; text-align:center; padding:115px 0 35px;}

.business li .nr{ line-height:22px; padding:0 30px 95px;}

.business_jj{ background:#F1F1F1; margin:150px 0 200px; height:86px; padding-top:34px;}

.business_jj .btn{ float:left; width:143px; height:55px; color:#fff; background:#DC1E32 url(ico8.png) 10px center no-repeat; line-height:55px; text-indent:60px;}

.business_jj .back{ float:left; width:143px; height:55px; color:#fff; background:#DC1E32; line-height:55px; text-align:center;}

.business_jj .share{ float:right; padding-top:15px;}

.business_jj .share strong{ float:left; line-height:30px;}

.business_jj .share a{ float:left; width:26px; height:26px; background:url(share.gif) 0 0 no-repeat; margin-left:15px;}

.business_jj .share a.s2{ background-position:0 -26px;}

.business_jj .share a.s3{ background-position:0 -52px;}

.business_jj .share a.s4{ background-position:0 -78px;}