@charset "utf-8";
*{margin:0;padding:0;}
body{margin:0;text-align:left; color:#333;word-wrap:break-word; word-break:normal;font-family:MessinaSansWeb,Helvetica,Arial,sans-serif; font-size:14px; line-height:24px;}
input{font-family:MessinaSansWeb,Helvetica,Arial,sans-serif;}
ul {margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0; font-weight:normal;}
p,.font1,input,textarea{font-family:MessinaSansWeb,Helvetica,Arial,sans-serif;}
:focus {
    outline: none;
}
a{text-decoration:none;color:#333;}
body a{

}
.trans{
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
    font-weight:400;
}

img.hover{transition:transform 0.5s;
    -moz-transition:transform 0.5s;
    -webkit-transition:transform 0.5s;
    -o-transition:transform 0.5s;}
img.hover:hover{transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);}

a:hover{text-decoration:none; color:#AB1700;}
.clear{clear:both; margin:0; padding:0;}
img{ border:0;}
.bk2{ background:#E3E3E3;}
.wrap {
    max-width: 1635px;
    width: 94%;
    margin: 0 auto;
    max-height: 999999px;text-align:left;}
.wrapabout {
       /*  max-width: 1635px;
        width: 94%; */
        margin: 0 auto;
        max-height: 999999px;text-align:left;}
.wrap2{ width:1635px; margin:0 auto; text-align:left;}
.pic a img{ border:1px solid #cacaca; padding:1px;}
.pic a:hover img{ border:1px solid #000; padding:1px;}
div.table{ width:100%; height:100%; display:table;}
div.table-cell{ display:table-cell; text-align:center; vertical-align:middle;}

.header{ background:#F2F2F2; line-height:30px; height:30px;}
.header .lang{ float:right;}
.header .lang>li{ background:url(../images/ico_3.gif) right 13px no-repeat; position:relative;}
.header .lang>li>ul{ display:none; position:absolute; left:-10px; background:#fff; border:#102548 1px solid; padding:1px;}
.header .lang>li>ul a{ display:block;}
.header .lang>li>ul a:hover{ background:#283B5A; color:#fff;}
.header .lang li img{ vertical-align:middle; margin-right:25px;}
.header .lang li a,.header .lang li span{ padding-right:50px;white-space:nowrap; cursor:pointer;}
#logo{ height:108px;}
#logo form{ float:right; width:290px; height:43px; border:#CDCDCD 1px solid; margin-top:50px;}
#logo form .text{ background:none; border:none; line-height:43px; margin-left:15px;}
#logo form .btn{ float:right; width:40px; height:43px; border:none; background:url(../images/ico.gif) 8px 15px no-repeat; cursor:pointer;}
#logo .t_share{ float:right; margin-top:56px; margin-right:30px;}
#logo .t_share a{ float:left; width:34px; height:34px; background:url(../images/share.gif) no-repeat;}
#logo .t_share a:nth-child(2){ background-position: center -34px;}
#logo .t_share a:nth-child(3){ background-position: center -68px;}
#logo .t_share a:nth-child(4){ background-position: center -102px;}
#logo .t_share a:nth-child(5){ background-position: center -136px;}
#nav_bk{ background:#175E00;}
#nav{ height:75px;width: 100%;overflow: hidden;}
#nav ul{}
#nav ul li{ float:left;}
#nav ul li a{ display:block; color:#fff; line-height:75px; height:75px; padding:0 60px; font-size:20px;}
#nav ul li.ns a,#nav ul li a:hover{ background:#103A02;}
#nav ul li.hover a{ background:#103A02;}
.banner{ height:480px;}
.banner_ny{ height:320px; background:url(../images/banner.jpg) bottom center no-repeat; margin-bottom:20px;}

#mapnav{ text-align:left; text-transform:uppercase; text-indent:-10px; border-bottom:#B5B5B5 1px solid; line-height:50px; margin-bottom:35px; font-size:18px;}
#mapnav a{ margin:0 10px;}
#sidebar{ width:230px; float:right;}
#main{ width:940px; float:left;}
#pages{ text-align:center;}
#pages span{ margin:0 8px; display:inline-block; padding:5px 15px; background:#0046A9; color:#fff;}
#pages a{ margin:0 8px; display:inline-block; padding:5px 15px; border:#E5E5E5 1px solid;}

.footer{ background:#175E00; padding:35px 0;}
.f_menu{ float:left; font-size:14px; line-height:36px;}
.f_contact{ float:left; width:430px; margin-left:220px; font-size:14px;}
.f_contact dt{ font-weight:bold; margin-bottom:20px;}
.f_contact dd{ margin-bottom:25px; padding-left:30px; position:relative;display: inline-block;}
.f_contact dd:before{ width:30px; height:30px; content:""; display:block; background:url(../images/ico_2.gif) no-repeat; position:absolute; top:-6px; left:-5px;}
.f_contact dd:nth-child(4):before{ background-position:0 -30px;}
.f_contact dd:nth-child(6):before{ background-position:0 -60px;}
.f_contact dd:nth-child(8):before{ background-position:0 -90px;}
.f_contact dd:nth-child(10):before{ background-position:0 -120px;}
.f_img{ float:right; padding:40px; background:#fff; font-size:12px; text-align:center; margin-right:25px;}
.f_img img{ display:block; margin-bottom:5px;}

.footer2{ background:#103A02;}
#links{ border-bottom:#fff 1px solid; color:#000; padding:20px 0;}
.copyright{ text-align:right; color:#fff; line-height:60px;}

.h15{ height:15px; clear:both;}
.h35{ height:35px; clear:both;}
.footer,.f_menu li a,#links{color:#fff;}



h3.i_title{ text-transform:uppercase; text-align:center; width:460px; height:60px; margin:0 auto 20px; position:relative;}
h3.i_title>i{ width:680px; height:18px; content:""; background:url(ico_1.gif) repeat-x; display:block; position:absolute; z-index:1; left:-110px; top:15px;}
h3.i_title>strong{ width:460px; line-height:60px; position:absolute; top:0; left:0; background:#fff; z-index:2; font-size:26px; font-weight:normal;}
.i_about .text{ color:#666; text-align:center;}
.i_about_imgBk{ background:#5E718D; margin-bottom:60px;}
.i_about_img{ height:295px; overflow:hidden; border-top:#fff 50px solid; padding:50px 0;}
.i_about_img li{ width:424px; height:295px; overflow:hidden; float:left; margin-right:24px; position:relative;}
.i_about_img li:nth-child(3){ margin-right:0;}
.i_about_img li>img{ display:block;}
.i_about_img li>a{ position:absolute; left:0; right:0; bottom:0; line-height:60px; height:60px; background:rgba(0,0,0,.5); color:#fff; padding:0 15px;}
.i_pro{ margin-bottom:55px;}
.i_pro h3.i_title>i{ background:none; border-bottom:#333 2px solid; top:13px;}
.i_pro ul:after{ content:""; display:block; clear:both;}
.i_pro ul li{ float:left; margin-right:12px; width:291px; overflow:hidden; margin-bottom:75px;}
.i_pro ul li:nth-child(4n+0){ margin-right:0;}
.i_pro ul li>a{ width:291px; height:224px; display:block; overflow:hidden; position:relative;}
.i_pro ul li>a .txt{ width:100%; height:100%; position:absolute; top:0; left:0; text-align:center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s; /* Safari */}
.i_pro ul li>a:hover .txt{ background:rgba(23,57,131,.8);}
.i_pro ul li .tab{ display:table; width:100%; height:100%;}
.i_pro ul li .tab .cell{ display:table-cell; text-align:center; vertical-align:middle;}
.i_pro ul li .tab .cell i{ width:34px; height:24px; background:url(pro_ico1.png) no-repeat; display:block; margin:0 auto 10px; visibility:hidden;}
.i_pro ul li .tab .cell span{ text-transform:uppercase; color:#fff; display:inline-block; background:url(pro_ico2.png) right center no-repeat; padding-right:25px; visibility:hidden;}
.i_pro ul li>a:hover .tab .cell i,.i_pro ul li>a:hover .tab .cell span{ visibility:visible;}
.i_pro ul li img{ max-width:291px; max-height:224px;}
.i_pro ul li>a:hover img{transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);}
.i_pro ul li h3{ border:#DCDCDC 2px solid; text-transform:capitalize; line-height:46px; padding:0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.i_pro .l_r{ height:5px; width:80px; margin:0 auto;}
.i_pro .l_r a{ width:20px; height:34px; background:url(../images/left_right.gif) no-repeat; float:left; display:block; overflow:hidden; text-indent:-500px; margin-top:-30px;}
.i_pro .l_r a:nth-child(2){ background-position:-20px 0; float:right;}
.i_news{ background:#E9E9E9; margin-bottom:25px;}
.i_news .wrap{ background:#DEDEDE;}
.i_news ul:after{ content:""; display:block; clear:both;}
.i_news ul li:nth-child(1){ width:375px; float:left; border-right:#E9E9E9 20px solid; padding:35px 25px 25px;}
.i_news ul li a{ color:#000; font-size:20px;}
.i_news ul li:nth-child(1) span{ color:#4E4E5F; font-weight:bold; font-size:16px; display:block; padding:30px 0 25px;}
.i_news ul li:nth-child(2){ border-bottom:#E9E9E9 20px solid;}
.i_news ul li:nth-child(2),.i_news ul li:nth-child(3){ margin-left:445px; padding:30px 15px 35px 45px;}
.i_news ul li .time{ border-bottom:#C4C4C4 1px solid; padding-bottom:15px;}
.i_news ul li .time strong{ display:block; font-size:48px; line-height:50px; position:relative;}
.i_news ul li .time strong:after{ content:""; display:block; width:21px; height:15px; background:url(ico.gif) 0 -27px no-repeat; position:absolute; right:0; top:30px;}
.i_news ul li .title{ height:70px; line-height:70px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.i_news ul li .des{}
.i_contact{ height:692px; background:url(map_bk.jpg) center top no-repeat;}
.i_contact .title{ text-align:center; padding:60px 0;}
.i_contact .title strong{ font-size:30px; display:block; text-transform:uppercase; font-weight:normal; margin-bottom:15px;}
.i_contact .title span{ font-size:16px;}
.i_contact form{}
.i_contact form label{ background:#fff; width:518px; float:left; margin-left:54px; margin-bottom:25px; height:57px; border:#CDCDCD 1px solid;}
.i_contact form label:before{ width:28px; height:28px; content:""; display:block; background:url(../images/form_ico.gif) no-repeat; float:left; margin-top:14px; margin-left:10px; margin-right:10px;}
.i_contact form label:nth-child(2):before{ background-position:0 -60px;}
.i_contact form label:nth-child(3):before{ background-position:0 -180px;}
.i_contact form label:nth-child(4):before{ background-position:0 -120px;}
.i_contact form label:nth-child(5):before{ background-position:0 -240px;}
.i_contact form label input{ width:460px; line-height:55px; border:none;}
.i_contact form label:nth-child(5){ width:1092px; height:150px;}
.i_contact form label textarea{ height:135px; width:1042px; border:none; padding-top:15px; resize:none;}
.i_contact form .btn{ clear:both; text-align:center;}
.i_contact form .btn input{ width:215px; height:60px; background:#3DAF19; border:none; cursor:pointer; color:#fff; font-size:20px;}


.sbox{}
.sbox_t{ background:url(../images/ico_4.gif) 0 13px no-repeat; border-bottom:#000 1px dashed; margin-bottom:30px; padding-left:20px; line-height:36px; font-weight:bold;}
.sbox li{ background:#E3E3E3; height:32px; overflow:hidden; margin-bottom:10px;}
.sbox li a{ display:block; line-height:32px; padding-left:13px; color:#000;}
.sbox li a:hover{ color:#175E00;}
.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:#175E00 url(../images/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 .bt{ text-align:center; font-size:65px;}
.contact .bt span{ background:#175E00; display:block; width:230px; height:5px; margin:30px auto;}
.contact .bt2{ text-align:center; margin-bottom:40px;}
.contact .map{ background:#DEDEDE; margin-bottom:50px;}
.contact .map .img{ float:right;}
.contact .map .img img{ display:block;}
.contact .map .nr{ padding-top:25px;}
.contact .map .nr .f_contact{ margin-left:15px;}
.contact .map .nr .f_contact dd:before{ background-image:url(../images/ico_2_2.gif);}
.contact form{ width:830px; margin:0 auto;}
.contact form div{ margin-bottom:5px;}
.contact form div:after{ content:""; display:block; clear:both;}
.contact form div p{ float:left; width:400px;}
.contact form div p:nth-child(2){ float:right;}
.contact form div p span{ color:#f00;}
.contact form div p input{ height:39px; border:#E0E0DD 1px solid; background:#F6F9FA; width:100%; text-indent:10px;}
.contact form div.code p{ width:100%;}
.contact form div.code p input{ width:320px; float:left;}
.contact form div.code p img{ border:#E0E0DD 1px solid; height:23px; padding:8px; float:left;}
.contact form div .textarea{ width:100%; resize:none; height:198px; border:#E0E0DD 1px solid; background:#F6F9FA; text-indent:10px;}
.contact form div.btn input{ background:#175E00; border:none; color:#fff; line-height:34px; padding:0 15px;}
.contact form div:nth-last-child(1){ color:#f00;}

/*新闻列表*/
.newslist{ padding-top:50px;}
.newslist li{ margin-bottom:90px;}
.newslist li .time{ width:150px; float:left;}
.newslist li .time span{ background:url(../images/time.gif) no-repeat; padding-left:20px;}
.newslist li .info{ width:770px; float:right;}
.newslist li .info>h3{ font-size:20px; margin-bottom:20px;}
.newslist li .info>div{ color:#666; line-height:30px; margin-bottom:20px;}
.newslist li .info>a{ border:#175E00 1px solid; color:#175E00; line-height:30px; display:inline-block; padding:0 15px; border-radius:15px;}
.newslist li .info>a:hover{ background:#175E00; color:#fff;}

/*新闻详细*/
.newsv{}
.newsv h3{ text-transform:uppercase; line-height:50px; font-size:22px; text-align:center; margin:20px 0;}
.newsv .time{ font-weight:bold; text-align:center;}
.newsv .time span{ display:inline-block; background:url(../images/news_ico2.gif) 0 4px no-repeat; padding-left:20px; margin:0 40px;}
.newsv .time span:nth-child(2){ background-position:0 -32px;}
.newsv .nr{ line-height:30px; font-size:14px; color:#7D7D7D; border-bottom:#D6D6D6 1px solid; margin-bottom:22px;}
.newsv .nr p{ margin:25px 0;}
.newsv .next{}
.newsv .next>div{ margin-bottom:14px;}
.newsv .next strong{ display:inline-block; line-height:28px; width:84px; border:#175E00 1px solid; text-align:center; margin-right:17px;}

/*案例*/
.caselist{}
.caselist .item{ float:left;}
.caselist .item .gallery{ position:relative; width:376px; height:260px; overflow:hidden;}
.caselist .item .gallery img{}
.caselist .item .gallery .caption{ position:absolute; width:376px; height:260px; background:rgba(0,0,0,0.5); top:-260px; left:0;
    transition: all 400ms;
    -webkit-transition: all 400ms; /* Safari */
}
.caselist .item .gallery:hover .caption{ top:0px; transform: rotate(360deg);}
.caselist .item .gallery h3{ position:absolute; height:57px; line-height:57px; background:#000; color:#fff; width:100%; left:376px; top:100px; text-align:center; text-transform:uppercase; font-size:26px;
    transition: all 400ms ease 400ms;
    -webkit-transition: all 400ms ease 400ms; /* Safari */
}
.caselist .item .gallery:hover h3{ left:0px;}


/*产品列表*/
.prolist{ font-size:16px;}
.prolist li{ width:291px; float:left; margin-right:30px; margin-bottom:45px; text-align:center; border:#E5E5E5 1px solid;}
.prolist li.r{ margin-right:0;}
.prolist li:hover{ border:#000026 1px solid;}
.prolist li a.img{ display:block; width:291px; height:295px; overflow:hidden;}
.prolist li a.img img{transition:transform 0.5s;
    -moz-transition:transform 0.5s;
    -webkit-transition:transform 0.5s;
    -o-transition:transform 0.5s;}
.prolist li:hover a.img img{transform:scale(1.1);
    -ms-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);}
.prolist li h4{ text-transform:uppercase; margin-bottom:20px;}
.prolist li h4 a{ color:#000;}
.prolist li a.more{ background:#175E00; color:#fff; text-transform:uppercase; line-height:40px; overflow:hidden; display:block; margin:20px 30px; height:0;
    transition: height 0.2s;
    -webkit-transition: height 0.2s; /* Safari */}
.prolist li:hover a.more{ height:40px;}

/*产品详细*/
.prov{}
.prov .imgshow .small{ float:left; margin-left:70px; width:62px;}
.prov .imgshow .small a{ width:58px; height:75px; border:#E6E6E6 2px solid; display:block; margin-bottom:15px;}
.prov .imgshow .small a:hover{ border:#E56F0B 2px solid;}
.prov .imgshow .small a img{ max-width:100%; max-height:100%;}
.prov .imgshow .small .up,
.prov .imgshow .small .down{ width:22px; height:22px; background:url(../images/up_down.gif) no-repeat; display:block; margin:0 auto 15px;}
.prov .imgshow .small .down{ background-position:0 -22px;}
.prov .imgshow .big{ width:675px; float:left; margin-left:30px;}
.prov .imgshow .big img{ max-width:100%; border:#E6E6E6 1px solid; margin-bottom:7px;}
.prov .imgshow .big .share{ width:230px; height:26px; background:url(../images/share_pro.gif) no-repeat; float:left;}
.prov .imgshow .big .next{ float:right;}
.prov .imgshow .big .next a{ line-height:36px; margin-left:12px; display:inline-block;
    border:#175E00 1px solid; color:#175E00; padding:0 15px;}
.prov .imgshow .big .next a:hover{ background:#175E00; color:#fff;}
.prov .bt{ border-bottom:#C1C1C1 1px solid; margin-bottom:20px; font-size:18px; line-height:44px; height:44px; background:#F9F9F9;}
.prov .bt li{ float:left; text-transform:capitalize; border-right:#fff 1px solid; padding:0 35px; cursor:pointer;}
.prov .bt li.cur{ background:#fff; border-top:#175E00 4px solid; line-height:40px;}
.prov .detail{ line-height:30px; margin-bottom:50px;}
.prov .detail>div{ display:none;}
.prov .detail>div:nth-child(1){ display:block;}
.related_products{ height:40px; border-bottom:#CFCFCF 1px solid; margin-bottom:30px;}
.related_products strong{ width:201px; height:42px; float:left; background:url(../images/related_products.gif) no-repeat; text-indent:-2000px;}
.prov .i_pro ul li{ margin-right:22px;}

/*下载*/
.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{}*/

/*关于我们*/
.about_bk{ background:url(../images/map_bk.jpg) top center no-repeat;}
.about{ padding-top:30px;}
.about h2,.down h2,.caselist h2{ font-size:40px; letter-spacing:5px; color:#00bfff; text-align:center; margin-bottom:35px;}
.about .nr{ padding-top:30px;}
.about .nr .img{ float:left; margin:0 25px 0 0;}
.about .nr .img .big{height:295px; width:420px; overflow:hidden; position:relative; margin-bottom:45px;}
.about .nr .img .big a{ position:absolute; left:0; right:0; bottom:0; line-height:60px; height:60px; background:rgba(0,0,0,.5); color:#fff; padding:0 15px;}
.about .nr .img .small{}
.about .nr .img .small a{ display:inline-block; width:108px; height:75px; border:#CACACA 1px solid; margin-right:12px;}
.about .nr .img .small a img{ max-width:108px; max-height:75px;}
.about .nr .img .small span{ float:left; width:16px; height:29px; background:url(../images/l_r.gif) no-repeat; margin-right:12px; margin-top:22px; cursor:pointer;}
.about .nr .img .small .right{ background-position:-16px 0; float:right;}
.about .nr p{ margin:25px 0;}
.about_bk2{ background:#ECECEC;}
.about_bk2 .title{ text-align:center; font-size:30px; font-weight:bold; line-height:240px;}
.about_bk2 .nr{ padding-bottom:85px;}
.about_bk2 .nr li{ float:left; width:337px; margin-right:94px;}
.about_bk2 .nr li:nth-child(3){ margin-right:0;}
.about_bk2 .nr li span{ background:#CFCFCF; text-align:center; display:block; font-weight:bold; margin-top:10px;}

#links a{color:#fff!important;margin-left: 20px;}
.pro_li_active{background: #175E00!important;}
.pro_li_active a{color:#fff!important;}