@charset "utf-8";
/* CSS Document */
#topbar{ width:1200px; margin-left:auto; margin-right:auto; height:105px;}
#menu{ width:100%; background-color:#3398d4; height:52px; line-height:52px; }
.menucon{ width:1200px; margin-left:auto; margin-right:auto; height:auto; overflow:hidden;}
.menucon ul li{ padding-left:35px; padding-right:35px; color:#ffffff; font-size:14px; font-weight:bold; float:left;}
.menucon ul li a:link,.menucon ul li a:hover,.menucon ul li a:active,.menucon ul li a:visited{color:#ffffff;}
.menucon ul li a{color:#ffffff;}
.logo{ padding-top:23px;}
.tel{ width:580px; height:20px; padding-top:46px; padding-left:89px;}
.search{ width:208px; height:30px; padding-top:41px; padding-left:0px; background-image:url(../images/search.jpg); background-repeat:no-repeat; background-position:right bottom;
 position:relative;}
#banner{ width:100%; height:611px; background-image:url(../images/banner1.jpg); background-repeat:no-repeat; background-position:center top;}
#product{ width:100%; border-bottom: solid 1px #eaeaea; padding-top:56px; padding-bottom:52px;}
.container{ width:1262px; margin-left:auto; margin-right:auto; height:auto; overflow:hidden;}
.title{ width:280px; height:51px; line-height:51px; text-align:center; color:#333333; font-size:21px; font-weight:bold; margin-left:auto; margin-right:auto; position:relative;}
.title span{ color:#388aba;}
.title:before {
    position: absolute;
    content: "";
    width: 90px;
    height: 1px;
    background: #cccccc;
    left: -80px;
    top: 25px;
}
.title::after {
    position: absolute;
    content: "";
    width: 90px;
    height: 1px;
    background: #cccccc;
    right: -80px;
    top: 25px;
}
#product .con{ padding-top:29px; padding-bottom:31px; padding-left:-31px; height:auto; overflow:hidden;}
#product .con ul li{ float:left; width:379px; height:313px; padding-left:31px; float:left;}
.ptext{ width:100%; height:51px; line-height:51px; text-align:center; background-color:#f1f1f1; color:#454545; font-size:16px; font-weight:bold;}
.ptext a{ display:block; width:100%; height:51px;}
.ptext a:link,.ptext a:active,.ptext a:visited{color:#454545;}
.ptext a:hover{ background-color:#3398d4; color:#ffffff;}
.pimg{ width:377px; height:259px; border:solid 1px #eaeaea; overflow:hidden;}
.pbtn{ width:103px; height:32px; margin-left:auto; margin-right:auto;}
#about{ padding-top:61px; margin-bottom:59px; width:100%; background-image:url(../images/abg.jpg); background-repeat:no-repeat; background-position:center bottom; height:auto; overflow:hidden; height:561px;}
#about .con{ height:auto; overflow:hidden; padding-top:75px;}
#news{ width:1262px; margin-left:auto; margin-right:auto; height:auto; overflow:hidden; padding-bottom:38px;}
.aboutcon{ width:487px; height:419px; float:right; padding-right:30px;}
.aboutcon .ti{ height:27px; line-height:27px; color:#454545; font-size:18px; font-weight:bold;}
.aboutcon .en{ height:42px; line-height:42px; font-size:18px; font-weight:bold; color:#388aba; text-transform:uppercase;}
.aboutcon .text{ padding-top:30px; padding-bottom:42px; font-size:13px; color:#666666; line-height:24px;}
.aboutcon .abtn{ height:23px; line-height:23px; color:#388aba; font-size:14px; font-weight:bold; padding-bottom:57px;}
.aboutcon .abtn a{color:#388aba;}
.aboutcon .alistitem{ padding-right:88px; float:left;}
#news .con{ padding-top:37px;}
#news .con ul li{ float:left; margin-left:31px; width:580px; height:auto; overflow:hidden; border:solid 1px #f1f1f1; margin-bottom:25px;}
#news .con .ti{ width:580px; height:57px; line-height:57px; background-image:url(../images/ti.jpg); background-position:bottom; background-repeat:no-repeat; font-size:16px; font-weight:bold; color:#333333; text-indent:21px;}
.Recom{ width:100%; height:160px; padding-bottom:20px;}
.Recom .left{ width:195px; height:131px; float:left; padding-top:29px; padding-left:21px; overflow:hidden;}
.Recom .right{ padding-left:22px; padding-top:29px; width:310px; float:left;}
.Recom .right .rti{ height:39px; line-height:38px; font-size:14px; color:#454545; font-weight:bold;}
.Recom .right .rtext{ padding-top:5px; padding-bottom:10px; line-height:22px; color:#666666; font-size:12px;}
.Recom .right .rbtn{ height:18px; line-height:18px; color:#666666; font-size:12px;}
.Recom .right .rbtn a:link,.Recom .right .rbtn a:hover,.Recom .right .rbtn a:active,.Recom .right .rbtn a:visited{color:#666666;}
.nrti{ height:46px; line-height:46px; font-size:18px; color:#454545; font-weight:bold; padding-top:16px; color:#454545;}
.nrtext{ padding-top:27px; padding-bottom:17px; line-height:28px; color:#666666; font-size:14px; height:auto; overflow:hidden;width:493px;}
.nrbtn{ height:25px; line-height:25px; color:#666666; font-size:16px;}
.nrbtn a:link,.nrbtn a:hover,.nrbtn a:active,.nrbtn a:visited{color:#666666;}
.leftn{ widows:301px; height:203px; float:left;}
.leftp{ widows:301px; height:207px; float:left;}
.leftp img{ widows:301px; height:207px; overflow:hidden;}
.newslist{ margin-bottom:30px; height:auto; overflow:hidden;}
.newslist .item{ width:254px; height:35px; margin-left:24px; line-height:35px; float:left; text-indent:18px; background-image:url(../images/nli.jpg); background-position:left bottom; background-repeat:no-repeat; font-size:13px;}
.newslist .item a:link,.newslist .item a:hover,.newslist .item a:active,.newslist .item a:visited{ color:#333333;}
.nnewsbot{ margin-bottom:30px; height:auto; overflow:hidden; clear:both; margin-top:20px;}
.nprobot{ margin-bottom:30px; height:auto; overflow:hidden; clear:both; margin-top:20px;}
.nprobot .pti{ width:100%; height:43px; line-height:43px; background-color:#3398d4; color:#ffffff; font-size:16px;}
.nprocon{ width:100%; padding-top:15px; line-height:28px; color:#454545; font-size:14px;}
.nnewsbot .item{ width:384px; height:35px; margin-right:24px; line-height:35px; float:left; text-indent:18px; background-image:url(../images/nli.jpg); background-position:left bottom; background-repeat:no-repeat; font-size:13px;}
.nnewstop{ width:100%; height:auto; overflow:hidden;}
.rightn{ float:left; width:541px; height:203px; background-color:#f1f1f1; padding-left:34px;}
.nnewsbot .item a:link,.nnewsbot .item a:hover,.nnewsbot .item a:active,.nnewsbot .item a:visited{ color:#333333;}
#bot{ width:100%; height:612px; background-image:url(../images/bot.jpg); background-repeat:no-repeat; background-position:center bottom;}
.message{ padding-left:41px; padding-top:59px; width:508px; float:left;}
.message .mti{ width:508px; height:44px; line-height:44px; color:#ffffff; font-size:19px;}
.message .men{ height:43px; line-height:43px; color:#8e8e8e; font-size:29px; text-transform:uppercase; padding-bottom:29px;}
.mlist{ width:508px; height:auto; overflow:hidden; padding-bottom:59px; height:auto; overflow:hidden;}
.liitem{ width:40%; margin-right:10%; border-bottom:solid 1px #3f3f3f; color:#8e8e8e; height:45px; line-height:45px; float:left; padding-top:32px;}
.liitem1{ width:90%; margin-right:10%; border-bottom:solid 1px #3f3f3f; color:#8e8e8e; height:45px; line-height:45px; float:left; padding-top:32px;}
.liitem2{ width:90%; margin-right:10%; border-bottom:solid 1px #3f3f3f; color:#8e8e8e; height:90px; line-height:45px; float:left; padding-top:32px;}
.proitem111{ line-height:40px; height:40px; background-image:url(../images/nli.jpg); background-repeat:no-repeat; background-position: left center; text-indent:20px;}
.liitem input,.liitem1 input{ background: transparent;
    border: none; height:45px; line-height:45px; color:#8e8e8e; width:100%;}
	.liitem2 textarea{ background: transparent;
    border: none; height:90px; line-height:45px; color:#8e8e8e; width:100%;}
.tijiao{ width:142px; height:37px; overflow:hidden;}
.rbot{ float:left; padding-left:122px; }
.rimg{ padding-top:56px; padding-left:48px; padding-bottom:97px;}
.botmenu{ width:571px; height:55px; line-height:55px; color:#ffffff; font-size:14px; font-weight:bold;}
.botmenu a{ padding-right:30px; height:55px; line-height:55px; display:block; float:left;}
.botmenu a:link,.botmenu a:hover,.botmenu a:active,.botmenu a:visited{ color:#ffffff;}
.botbeian{ height:45px; line-height:45px; padding-top:35px; color:#8d8d8d; font-size:14px;}
#botb{ width:100%; height:63px; line-height:63px; text-align:center; font-size:14px; color:#2e2e2e;}
#bannerin{ width:100%; height:370px; background-position:center top; background-repeat:no-repeat;}
.center{ width:1200px; margin-left:auto; margin-right: auto; height:auto; overflow:hidden; padding-top:43px;}
.center .left{ width:270px; float:left; height:auto; overflow:hidden;}
.center .left .ti{ height:90px; line-height:90px; text-align:center; font-size:23px; color:#f4f4f4; font-weight:bold; background-color:#3398d4;}
.center .left .litem{ height:61px; line-height:61px; background-image:url(../images/lli.jpg); background-repeat:no-repeat; background-position:bottom; color:#333333; font-size:15px;
font-weight:bold; text-align:center; background-color:#f1f1f1;}
.center .left .litem a:link,.center .left .litem a:hover,.center .left .litem a:active,.center .left .litem a:visited{color:#333333;}
.center .right{ float:right; width:900px; height:auto; overflow:hidden; padding-bottom:38px;}
.center .right .ti{ margin-left:24px; padding-top:14px; text-align:center; line-height:55px; height:55px; font-size:20px; color:#222222; font-weight:bold; background-image:url(../images/rti.jpg); background-position: bottom center; background-repeat:no-repeat;}
.center .right .rcon{ padding-top:30px; padding-left:24px; line-height:28px; font-size:14px; color:#666666; }
.center .right .rcon1{line-height:28px; font-size:14px; color:#666666; }
.center .right .rcon1 ul li{ float:left; width:276px; height:229px; padding-left:24px; float:left; margin-bottom:25px;}
.ptext1{ width:100%; height:37px; line-height:37px; text-align:center; background-color:#f1f1f1; color:#454545; font-size:16px; font-weight:bold;}
.ptext1 a{ display:block; width:100%; height:37px;}
.ptext1 a:link,.ptext1 a:active,.ptext1 a:visited{color:#454545;}
.ptext1 a:hover{ background-color:#3398d4; color:#ffffff;}
.pimg1{ width:274px; height:189px; border:solid 1px #eaeaea; overflow:hidden;}
.pimg1 img{ width:274px; height:189px; overflow:hidden;}
.page11{ padding-left:24px; line-height:54px; height:54px; text-align:center; font-size:14px; color:#666666; clear:both;}
.contacttop{ width:100%; height:auto; overflow:hidden; padding-bottom:30px;}
.cleft{ float:left; width:48%; color:#222222; font-size:14px; line-height:28px; }
.map{ width:100%; height:450px;}
.fm-item-text input {
    clear: both;
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 4px;
    border: 1px solid #ccc;
    line-height: 30px;
    font-size: 16px;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
    padding-right: 0px;
    padding-left: 10px;
}
.fm-item-text span, .fm-item-textarea span {
    display: block;
    font-size: 14px;
    line-height: 35px;
    float: left;
    color: #666;
}
.fm-item-textarea textarea {
    width: 100%;
    height: 80px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.fm-item-btn input {
    text-align: center;
    border-radius: 4px;
    border: 1px solid #3398d4;
    box-shadow: 1px 1px 2px rgba(51, 152, 212, 0.3);
    background: #3398d4;
    padding: 10px 40px;
    font-size: 18px;
    color: #fff;
}
.fm-item-btn {
    text-align: center;
}
.fm-item-text i {
    color: #dd4250;
    display: block;
    float: left;
}
.fm-item-textarea i {
    color: #dd4250;
}
.newsTitle {
    width: 100%;
    text-align: center;
    height: 55px;
    line-height: 55px;
    font-size: 32px;
    color: #101113;
}
.newsTime {
    width: 100%;
    text-align: center;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #999999;
}
.nypic {
    width: 1223px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    overflow: hidden;
}
.nypiccon {
    width: 95%;
    height: auto;
    overflow: hidden;
    color: #454545;
    font-size: 14px;
    line-height: 28px;
    margin-left: auto;
    margin-right: auto; margin-bottom:30px;
}
.search .aaa{ width:25px; height:25px; float:left; padding-left:15px; padding-top:3px;}
.search .bbb{ width:155px; height:30px; line-height:30px; float:left; color:#666666; font-size:12px; background: transparent; border:none;}
.search input{background: transparent; border:none; float:left;}