/* 网站头部 */
.webtop{ height:40px; line-height:40px; background:#f1f2f4;}
.container{ width:1200px; margin:0 auto;}
.webtop .left{ float:left; color:#6a7887; font-size:12px;}
.webtop .left .am-icon-home{ margin-right:10px;}
.webtop .right{ float:right; }
.webtop .right a{ color:#6a7887; font-size:12px; margin:0 5px;}
.webtop .search{ width:170px; height:28px; display:inline-block; vertical-align: middle;}
.webtop .search .keyword{ float:left; width:115px; border:2px solid #e5e5e5; font-size:12px; height:28px; line-height:28px; padding-left:5px; outline:none;}
.webtop .search .sbtn{ float:left; width:50px; background:#e5e5e5; color:#fff; border:none; font-size:12px; height:28px;}

/* 导航 */
.logonav{ overflow:hidden;}
.logo{ width:239px; height:88px; float:left;}
.nav{ float:right;}
.nav li{ float:left; height:90px; width:100px; text-align:center; margin-right:30px; padding-top:30px;}
.nav li.hover,.nav li.on{ background:url(../images/menu.jpg) no-repeat center 10px;}
.nav li a{ text-decoration:none;}
.nav li a dt{ font-size:14px; height:20px; line-height:20px; color:#555; font-weight: normal;}
.nav li a:hover dt,.nav li a:hover dd,.nav li.on a dt,.nav li.on a dd{ color:#13338a;}
.nav li a dd{ font-size:12px; height:18px; line-height:18px; color:#aaa;}

/* 广告 */
.am-slider-default .am-control-nav{ bottom:15px;}
.am-slider-default .am-direction-nav a{ width:56px; height:56px;}
.am-slider-default .am-direction-nav a:before{ font-size:56px!important; height:56px; line-height:56px!important;}
.telphone{ position:absolute; top:0; z-index:99; width:1200px; margin-left:-600px; left:50%;}

/* 产品展示 */
.product{ overflow:hidden; margin-top:40px;}
.product .title,.news .title,.adv .title{ font-size:24px; color:#333; font-weight:bold; width:248px; float:left; height:40px; line-height:40px;}
.product .title span,.news .title span,.adv .title span{ color:#ccc; margin-left:10px;}
.product .more,.news .more,.adv .more{ width:952px; height:20px; background:url(../images/more.jpg) no-repeat center center; float:right; margin-top:10px;}
.product .more a,.news .more a,.adv .more a{ display:block; float:right; width:80px; height:20px; margin-right:16px;}

.product_list{ margin-top:20px;}
.product_list li{ width:286px; margin-right:15px; float:left; border:1px solid #ccc;}
.product_list li a{ text-decoration:none;}
.product_list li a dl dd{ color:#333; padding-left:20px; font-size:14px; height:30px; line-height:30px;}

/* 关于我们 */
.about{ background:#f8f8f8; padding:70px 0; margin-top:40px;}
.about .box{ height:358px; background:#fff;}
.about .box .left{ width:583px; float:left; padding:30px;}
.about .box .left h3{ font-size:22px; margin-bottom:20px; color:#000;}
.about .box .left .content{ font-size:14px; line-height:25px; color:#555; text-indent:2em;}
.about .box .left p{ margin-top:30px;}
.about .box .left p a{ width:137px; height:40px; display:block; border:1px solid #555; text-decoration:none; color:#333; font-size:14px; text-align:center; line-height:40px; transition:1s all; -webkit-transition:1s all; -moz-transition:1s all; -o-transition:1s all; -ms-transition:1s all;}
.about .box .left p a:hover{ border:1px solid #f09d13; background:#f09d13; color:#fff;}
.about .box .right{ width:557px; height:352px; float:right; background:url(../images/company.jpg) no-repeat center center;}

 /* 新闻资讯 */
.news{ margin-top:50px;}
.news .box{ overflow:hidden; margin-top:45px;}
.news .box .left{ float:left; width:400px; height:451px; background:url(../images/news.jpg) no-repeat center center;}
.news .box .right{ width:750px; float:right;}
.news .box .right ul li{ overflow:hidden; border-bottom:1px dotted #ccc; margin-bottom:30px; padding-bottom:25px;}
.news .box .right ul li dl{ width:642px; float:right;}
.news .box .right ul li dl dt{ font-size:22px; font-weight:normal;}
.news .box .right ul li dl dd{ color:#999;}
.news .box .right ul li dl dd.content{ font-size:14px; line-height:25px; color:#666;}
.news .box .right ul li a{ text-decoration:none; color:#555;}
.news .box .right ul li a:hover{ color:#00379b;}

/* 优势 */
.adv .title{ width:346px;}
.adv .more{ width:850px; background-position:right center; }
.adv .box ul{ overflow:hidden; margin:60px auto 50px;}
.adv .box ul li{ width:300px; float:left;}
.adv .box ul li dl{ width:200px; margin:0 50px;}
.adv .box ul li dt{ width:75px; height:68px; margin:0 auto;}
.adv .box ul li dd{ text-align:center;}
.adv .box ul li dd.words{ font-size:16px; color:#333; margin:18px auto;}
.adv .box ul li dd.content{ font-size:12px; color:#777; line-height:20px;}

/* 页脚 */
.footer{ background:#282828; color:#fff; overflow:hidden; font-size:12px;}
.footer ul{ border-bottom:1px solid #444; overflow:hidden; padding-bottom:10px;}
.footer ul li dt{ float:left; margin-right:35px; text-align: center;}
.footer ul li dt h3{ font-size:28px; font-weight:normal;}
.footer ul li dt p{ font-weight:normal; font-size:14px;}
.footer ul li dd{ font-size:18px; float:left; width:850px;}
.footer ul li dd span{ margin-right:10px; font-size:12px;}
.footer ul li.twocode{ width:230px; float:left; margin-top:20px;}
.footer ul li.twocode p{ text-align:center;}
.footer ul li.twocode p img{ width:100px; height:100px; margin-top:5px;}
.footer .copyright{ height:40px; line-height:40px; letter-spacing:1px;}
.footer .copyright span{ margin-left:10px;}


/* 内页 */
.banner{ background:url(../images/banner.jpg) no-repeat center center; height:422px;}
.path{ height:40px; line-height:40px; font-size:14px; border-bottom:1px solid #ccc; position:relative;}
.path a{ text-decoration:none; color:#333;}
.path a:hover{ color:#1d3a8a;}
.path .now_positon{ display:inline-block;}
.path .line{ position:absolute; left:0; bottom:0; width:120px; height:2px; background:#1d3a8a;}
.aboutpage{ overflow: hidden; margin-top:20px;}
.aboutpage .left{ float:left; width:240px;}
.aboutpage .right{ float:right; width:900px;}
.aboutpage .right .content{ line-height:25px; overflow:hidden;}

/* 左侧栏目 */
.leftbar .title{ background:#0066b3; font-weight:bold; font-size:16px; height:40px; line-height:40px; color:#fff; text-align:center; border-bottom:1px solid #fff;}
.sidernav{ background:#006bc3;}
.sidernav li{ height:40px; line-height:40px; text-align:center; background:#006bc3; margin:0 15px; border-bottom:1px solid #ccc;}
.sidernav li a{ color:#fff;}
.leftbar .contact{ margin:20px 0 40px;}
.leftbar .contact ul{ border:1px solid #ccc; border-top:none;}
.leftbar .contact ul li{ line-height:40px; padding-left:5px; color:#333;}
.leftbar .contact ul li span{ color:#0066b3; margin-right:10px;}
.aboutpage .right .prolist li{ float:left; width:33.33%; margin-bottom:20px; position:relative;}
.aboutpage .right .prolist li a{ display:block; margin:0 10px; border:1px solid #ccc; text-decoration:none;}
.aboutpage .right .prolist li img{ width:100%; display:block; margin:0 auto;}
.aboutpage .right .prolist li a p{ padding-left:30px; color:#333; height:30px; line-height:30px; position:absolute; bottom:0; left:0; width:100%;}

/* 页码 */
#page{ text-align:center; line-height:40px; letter-spacing:5px; margin-bottom:80px;}
#page a,#page span{ border:1px solid #000; padding:3px 3px 3px 7px; color:#000; margin-right:5px; text-decoration:none;}
#page a:hover,#page a.active{ background:#000; color:#fff;}

/* 新闻列表 */
.newslist li{ border-bottom:1px dotted #ccc; overflow:hidden; padding-bottom:20px; margin-bottom:20px;}
.newslist li .l{ float:left;}
.newslist li .r{ float:right; width:580px;}
.newslist li .r p{ font-size:14px;}
.newslist li .r p a{ text-decoration:none; color:#333;}
.newslist li .r p a:hover{ color:#006bc3;}
.newslist li .r p span{ color:#006bc3; margin-right:5px;}
.newslist li .r p.date{ font-size:12px; color:#888;}
.newslist li .r p.content{ color:#888;}

.newsread h3{ text-align:center; font-size:16px; font-weight:normal;}
.newsread a{ color:#333; text-decoration:none;}
.newsread a:hover{ color:#006bc3;}

/* 产品列表 */
.pro_list h3{ font-size:14px;}
.displayimg{ position:relative; overflow:hidden;}
.displayimg .OrImage{ width:300px; height:300px; border:1px solid #eee; float:left; cursor:pointer;}
.displayimg .OrImage img{ width:100%;}
.displayimg .OrImage .mask{ width:100px; height:100px; display:none; background:url(../images/maskbg.png) center center; border:1px solid #f8f8f8; position:absolute; left:0; top:0; cursor:move;}
.displayimg .enlImage{ width:600px; height:600px; background:#fff; border:1px solid #eee; position:absolute; top:0; left:300px; overflow:hidden; display:none; z-index:999;}
.pro_list .r{ float:right; width:580px;}

/* 产品留言 */
.smstitle{ font-size:14px; font-weight:bold;}
.smstitle span{ background:#006bc3; color:#fff; display:block; height:30px; line-height:30px; width:100px; text-align:center;}
.leave{ margin-top:10px; border:1px dotted #ccc; padding:5px 10px;}
.leave p{ height:50px; line-height:50px; border-bottom:1px dotted #aaa;}
.leave p .label span,.leave .smscon .label span{ color:#ff0000;}
.leave p .txt{ width:360px; height:30px; line-height:30px; padding-left:10px; border:1px dotted #aaa;}
.leave p .alert,.leave .smscon .alert{ margin-left:15px; display:none; color:#ff0000;}
.leave .smscon{ height:92px; line-height:48px; border-bottom:1px dotted #aaa;}
.leave .smscon .textarea{ width:360px; height:70px; line-height:25px; border:1px dotted #aaa; margin:10px 0; resize:none; padding-left:10px;}
.leave p .ver{cursor: pointer; height:28px; margin-left:5px;}
.leave p .btn{ float:right; margin-top:15px; display:block; width:100px; height:30px; background:#006bc3; color:#fff; border:none;}
.leave p .infoInput{ height:30px; line-height:30px; border:1px dotted #aaa;}

/* 联系我们 */
.contactpage{ margin:20px auto 40px; overflow:hidden;}
.contactpage .left{ float:left;}
.contactpage .right{ float:right; width:300px;}
.contactpage .right p{ font-size:16px; color:#1d3a8a; font-weight:bold;}
.contactpage .right ul{ margin-top:15px;}
.contactpage .right ul li{ height:30px; line-height:30px;}
.contactpage .right ul li span{ color:#1d3a8a; margin-right:5px;}
.am-icon-md:before{ font-size:177%;}

/* 厂房 */
.cf{ margin-bottom:60px; overflow:hidden;}
.cf li{ width:33.33%; float:left; margin-bottom:10px;}
.cf li a img{ width:96%; display: block; margin:0 auto;}
.mask{ width:100%; height:100%; background:url(../images/navbg.png); position:fixed; top:0; left:0; display:none;}
.mask .img{ position:absolute; top:50%; left:50%; width:820px; height:470px; margin-top:-235px; margin-left:-410px; border:10px solid #fff;}
.mask .img img{ width:100%;}

/* 网站搜索页面 */
.productpage{ margin-top:40px;}
.productpage .commonleft .left .title{ text-align:center; font-size:24px;}
.productpage .searchpage{ height:40px; margin:15px auto; width:360px;}
.productpage .searchpage .infoInput{ width:280px; display:block; float:left; height:40px; padding-left:5px;}
.productpage .searchpage .button{ width:80px; height:40px; line-height:40px;}
.productpage .searchresult{ font-size:14px; margin-top:20px;}
.productpage .searchresult label{ display:block; text-align:center;}
.productpage .searchresult ul{ overflow:hidden; margin-bottom:100px;}
.productpage .searchresult ul li{ width:25%; float:left; margin-bottom:20px;}
.productpage .searchresult ul li dd{ text-align:center;}
.productpage .searchresult ul li img{ width:70%; display:block; margin:0 auto;}

/*在线留言*/
.cbottom{ overflow:hidden; margin:20px auto 60px;}
.right-content{ width:50%;margin:0 auto;}
.control_label{ height:25px; line-height:25px;}
.control_required input{ height:30px; line-height:30px; width:600px; margin-bottom:15px;}
.control_required textarea{ width:600px; height:150px; resize:none; margin-bottom:15px;}
.submit_button{ border:none; background:#0c3682; color:#fff; padding:10px 0; margin-bottom:20px; width:600px;}