﻿@charset "utf-8";
/* CSS Document */
/*公用样式*/

*{ margin:0; padding:0;}
ul li { list-style:none;}
body{ font-size:12px; font-family:"微软雅黑"; color:#272727;background-image: url(bg2.jpg);}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img{ border:0;}
input, textarea, select{ font-family:"微软雅黑";}
.fl{float:left;}
.fr{float:right;}
.top5{ margin-top:5px;}
.top20{ margin-top:20px;} 
.clear{ clear:both;}
.main{ width:900px; margin:0 auto;}

.skinBg{width:100%;height:100%; position:absolute; left:0; top:0; bottom:0; z-index:-10; background-position:center 0; background-size:cover; background-attachment:fixed; background-repeat:no-repeat;}

.siteTitle, .price, .content{ width:100%; float:left;}

.siteTitle{ margin-top:50px; font-size:44px; color:#ff8a00; text-align:center; font-weight:bold;}

.price{ background:url(pricebg.png) repeat-x; height:50px; line-height:50px; font-size:14px; margin-top:70px;}
.country{ width:190px; float:left; margin-left:5px;}
.weight{ width:170px; float:left; margin-left:20px;}
.material{ width:355px; float:left; margin-left:20px;}
.inquire{ width:110px; float:right; background:#ff8a00;}
.country input, .weight input, .material input{ border:1px solid #ccc; height:25px; line-height:25px;}
.country input{ width:145px;}
.weight input{ width:100px;}
.material input{ width:60px;}
.inquire input{ width:110px; border:none; background:none; height:50px; line-height:50px; color:#fff; font-size:20px;}


.content{ margin-top:30px;}

.menusWrapper{width:110px; height:320px; position:relative; background-color: rgba(0,0,0,0.4);}
.menusWrapper a{width:110px; height:40px; line-height:40px; display:block; text-decoration: none; font-size:14px; color:#ffffff; text-align:center; font-weight:bold;}
.menusWrapper a.active{ background-color:#333;opacity:0.8;filter:alpha(opacity=80);}
.menusWrapper a:hover{ background:url(../images/menuBg.png) no-repeat;}
.ctnerWrapper{ width:450px; margin-left:30px; min-height: 320px; height:auto!important; height:320px; background: url(../images/pricebg.png) repeat;}


.ctnerBox{height: 320px;}
.cbox{ width:420px; float:left; margin:10px;}
.ctnerBoxNei{ width:100%; float:left;}
.ctnerBoxlogin{ width:100%; float:left;text-align: center;}
#cbox-1{display:block;}
#cbox-2, #cbox-3, #cbox-4, #cbox-5, #cbox-6{display:none;}

.yundan .textareaDiv, .yundan .textareaBtn{ width:100%; float:left;}
.yundan .textareaBtn{ text-align:center;}
.textareaDiv  textarea{ width:395px; height:204px; line-height:24px; border:1px solid #ccc;}
.textareaBtn input{ width:120px; height:30px; text-align:center; border:none; background:#288add; font-size:14px; color:#fff; border-radius:5px;}

.loginInput{ width:350px; float:left; height:30px; line-height:30px; margin-bottom:10px;}
.loginText{ width:150px; height:25px; line-height:25px; border:1px solid #ccc;}
.loginBtn1, .loginBtn2{ width:65px; float:left; margin-left:70px; height:25px;  border-radius:5px; border:none; color:#fff;}
.loginBtn1{background:#288add;}
.loginBtn2{ background:#666;}


.remoteInput, .remoteInput2{ width:310px; float:left; height:30px; line-height:30px; margin-bottom:10px;}
.remoteInput2{ text-align:center;}
.remoteText{ width:245px; height:25px; line-height:25px; border:1px solid #ccc;}
.remoteBtn{ width:120px; height:25px;  border-radius:5px; border:none; color:#fff; background:#288add;}

.company p, .bussiness p{ line-height:23px; text-indent:24px;}
.bussiness h1{ font-size:14px;}

.hezuo ul{ width:100%; float:left;}
.hezuo ul li{ width:33%; float:left; text-align:center; margin-bottom:15px;}
.hezuo ul li img{ border:1px solid #ccc;}


.bulletin{ width:310px; min-height: 320px; height:auto!important; height:320px; background: url(../images/pricebg.png) repeat;}
.title{ width:100%; float:left; height:40px; line-height:40px; font-size:16px; color:#288add; font-weight:bold; background:url(../images/bulletinbg.jpg) no-repeat bottom;}
#demo{ width:100%; float:left; margin-top:5px;}
#demo1 li{ width:100%; float:left; margin-bottom:10px;} 
.bulletinTitle{ width:300px; background:url(../images/libg.jpg) no-repeat 0 center; padding-left:10px; font-weight:bold; line-height:30px;}
.bulletinSummary{ width:100%; float:left; line-height:24px; text-indent:24px;} 


















































































