/* all page */

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,th,img,div,dl,dt,dd,input,section,article,header,footer,span,figure{margin:0;padding:0;}
body,a,textarea,input,select{font-size:14px; color:#333; font-family:"微软雅黑";}
body{background-color:#ffffff;}
img{border:none;}
ul,li,ol{list-style:none;}
input,select,textarea,img{vertical-align:middle;outline:none;}
textarea{resize:none;}
a{text-decoration:none;outline:none;}
a{blr:expression(this.onFocus=this.blur())} /*IE*/
.clear{clear: both;}
q:before,q:after {content:'';} /*取消q标签前后的引号*/
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:14px; line-height:100%;}   /*取消hx标签的粗体，统一字体大小*/
i,em{font-style:normal;}
b{display: block;margin:0;padding:0;}

/*共有样式*/
.page{width:100%; float:left; min-height:800px; display:block; overflow:hidden; position:relative; overflow:hidden;}
.marAuto{width:1100px; margin:0px auto;}


.whole-header-top{width: 100%;overflow: hidden;}
.whole-header{height:455px; display:block; position:relative;margin-bottom: 60px;}
.whole-header-img{width:2000px; height:455px; position:absolute; top:0px; left:-450px; z-index:5;}
.whole-header-img img{width:2000px; height:455px;}




/* top.asp */
.top{width:100%; height:160px; background:rgba(0,76,146,0.64); position:absolute; top:20px; left:0px; z-index:6;}
.top-pos{position:relative; height:160px; display:block;}
.top-logo{width:240px; height:160px; background:rgba(0,76,146,0.81); float:left;}
.top-logo img{width:204px; height:35px; margin:63px 0 0 18px;}

.top-language{float:right; margin-top:10px;}
.top-language li{float:left; margin-left:7px;}
.top-language li a{font-size:14px; color:#fff; font-family:"黑体";}
.top-language li span{font-size:14px; color:#fff; font-family:"黑体";}
.top-language li a:hover{color:#ccc;}

.top-nav{position:absolute; bottom:10px; left:284px;}
.top-nav li{float:left;position:relative;}
.top-nav li:hover a{background:#f6f6f6; color:#575757;}
.top-nav li:hover section{display: block;}
.top-nav li section{position: absolute;top:30px;left: 0;width: 100%;background: #f6f6f6;text-align: center;display:none}
.top-nav li section a{display:block;padding:5px 0;clear:both;color: #575757;line-height:30px;}
.top-nav li section a:hover{text-decoration: underline;}
.top-nav li>a{padding:0 30px; font-size:14px; line-height:30px; color:#fff; letter-spacing:1px; float:left;}

.top-search-pos{position:absolute; bottom:10px; right:30px; z-index:7;}
.top-search{float:left; position:relative;}
#searchTxt{line-height:30px; height:30px; border:none; width:170px; float:left; color:#8c8c8c; text-indent:8px;}
#searchBtn{float:left; width:30px; height:30px; border:none; background-color:#fff; background-image:url(../../image/top-search-1.png); cursor:pointer; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out;}
#searchBtn:hover{background-color:#666; background-image:url(../../image/top-search-2.png)}




/* index.asp */
.index-banner-pos{height:592px; display:block; position:relative;}
.index-banner{width:2000px; height:592px; position:absolute; top:0px; left:-450px; z-index:5; box-shadow:10px 10px 10px #888;}
.index-banner ul{width:2000px; height:592px; position:relative; float:left; display:block;}
.index-banner li{width:2000px; height:592px; position:absolute; top:0px; left:0px; opacity:0; -webkit-transition:all 2s ease-out; -moz-transition:all 2s ease-out; -ms-transition:all 2s ease-out; -o-transition:all 2s ease-out; transition:all 2s ease-out;}
.index-banner li:nth-of-type(1){opacity:1;}
.index-banner li img{width:2000px; height:592px;}

.index-company{float:left; width:100%; height:277px; display:block; position:relative; margin-top:58px;}
.index-company a{width:100%; display:block;}
.index-company h4{font-size:26px; color:#000; float:left;}
.index-company h5{font-size:20px; color:#afafaf; font-family:Arial; float:left; margin-top:7px; margin-left:10px; width:600px;height: 20px;}
.index-company h6{font-size:14px; color:#000; float:left; width:658px; line-height:36px; margin-top:25px;}
.index-company i{position:absolute; bottom:0px; right:442px; line-height:26px; padding:0px 10px; background:#8d8d8d; color:#fff;}
.index-company a:hover i{background:#004c92;}
.index-company img{width:364px; height:238px; position:absolute; bottom:0px; right:0px;}

.index-title{width:100%; float:left; margin-top:19px;}
.index-title h3{width:100%; float:left; text-align:center; font-size:22px; font-family:Arial; color:#c3c3c3;}
.index-title h4{width:100%; float:left; text-align:center; font-size:18px; color:#000; margin-top:5px;}

.index-products-bg{width:100%; float:left; height:300px; background:#f5f5f5; margin-top:75px; margin-bottom:25px;}
.index-products{width:100%; float:left; margin-top:15px;}
.index-products li{float:left; margin-right:31px; width:346px; height:185px; background:#e2e2e2;}
.index-products li:nth-of-type(3){margin-right:0px;}
.index-products li a{width:346px; height:185px; float:left; display:block; position:relative;}
.index-products li:nth-of-type(1) a{background:url(../../image/index-products-1.png) no-repeat 95px 32px; background-size:136px 110px;}
.index-products li:nth-of-type(2) a{background:url(../../image/index-products-2.png) no-repeat 140px 40px; background-size:65px 105px;}
.index-products li:nth-of-type(3) a{background:url(../../image/index-products-3.png) no-repeat 112px 30px; background-size:121px 122px;}
.index-products li h4{width:328px; float:left; margin-left:18px; margin-top:20px; font-size:16px; color:#303030;}
.index-products li h5{width:328px; float:left; margin-left:18px; margin-top:20px; font-size:12px; color:#000; line-height:24px;}
.index-products li i{position:absolute; bottom:17px; right:17px; line-height:26px; padding:0px 10px; background:#8d8d8d; color:#fff;}
.index-products li a:hover i{background:#004c92;}

.index-news{margin-top:30px; float:left; width:100%; margin-bottom:80px;}
.index-news li{width:234px; height:292px; border:1px solid #c9c9c9; margin-right:52px; float:left; overflow:hidden;}
.index-news li:nth-of-type(4){margin-right:0px;}
.index-news li a{width:234px; height:292px; float:left; position:relative; display:block;}
.index-news li b{width:234px; height:119px; float:left;}
.index-news li b img{width:234px; height:119px;}
.index-news li h4{width:190px; float:left; font-size:12px; color:#000; margin-top:15px; margin-left:10px;}
.index-news li h5{width:190px; float:left; font-size:12px; color:#000; margin-top:5px; margin-left:10px;}
.index-news li i{width:216px; float:left; height:1px; display:block; border-bottom:1px solid #c9c9c9; margin-top:15px; margin-left:10px; margin-bottom:5px;}
.index-news li h6{width:210px; float:left; font-size:12px; color:#000; margin-top:5px; margin-left:10px; line-height:24px;}
.index-news li q{width:13px; height:13px; position:absolute; top:140px; right:10px; border-radius:50%;}
.index-news li q img{width:7px; height:7px; float:left; margin-top:3px; margin-left:3px;}
.index-news li:hover q{background:#004c92;}
.index-news li:hover{box-shadow:0px 0px 20px #666;}


/*about.asp 关于我们*/
.about-main{width: 100%;overflow: hidden;height: 363px;}
.about-main-left{float: left;width: 516px;height: 100%;}
.about-main-left article{margin-top:40px;line-height: 30px;font-size: 14px;color: #000}
.about-main-left article p{text-indent: 2em;letter-spacing:0.1em;text-shadow:0.2px 0.2px 0px #000;}
.about-main-right{float: right;width: 494px;height: 100%;}
.about-main-right ul li{float: left}
.about-main-right ul li:nth-of-type(1),.about-main-right ul li:nth-of-type(2){width: 242px;height: 163px;margin: 2px 2px}
.about-main-right ul li:nth-of-type(3),.about-main-right ul li:nth-of-type(4){width: 242px;height: 192px;margin: 2px 2px}

/*product.asp 产品介绍*/
.whole-h3{font-size: 22px;margin-bottom:20px;margin-top: 5px;}


.product-main-l{width: 240px;overflow: hidden;float: left}
.product-main-l span{width:200px;height: 33px;background: #004c92;color: #fff;padding-left: 40px;position: relative;display: block;line-height: 33px;}
.product-main-l span i{position: absolute;display: block;width:9px;height:9px;background: url(../../image/product-img1.png) no-repeat;top:12px;left: 20px;}
.product-main-l ul{width: 100%;overflow: hidden;background:#f0f0f0;}
.product-main-l ul li{position: relative;}
.product-main-l ul li a{width:200px;padding-left: 40px;position: relative;line-height: 30px;min-height: 30px;display: block;margin-top: 8px;color: #484848}
.product-main-l ul li a:hover{background: #fff;}
.product-main-l ul li em {position: absolute;width:6px;height:6px;display: block;left: 20px;top: 14px;background:url(../../image/product-img2.png) no-repeat;z-index: 100}

.product-main-r{width:830px;overflow: hidden;float: right}

.product-content1{min-height:480px;}
.product-content1 h2{font-size: 20px;color: #000;}
.product-content1 p{margin-top: 50px;line-height:36px;letter-spacing:2px;color: #000;text-shadow:0.1px 0.1px 0px #000;}

.product-content2{width:827px;overflow: hidden;float: right;}
.product-connect{text-decoration:underline;color: #1f58d2;display:block;margin-bottom: 18px;}

/*product-coating.asp 塑胶涂料*/
.coating-min1{width: 100%;margin-bottom:40px;}
.coating-min1 p{text-indent: 2em;line-height: 30px;}
.coating-min1 b{margin: 0 auto;text-align: center;margin-top:26px;}

/*product-metal.asp 车身金属涂料*/
.metal-min1{width: 100%;float: left;overflow: hidden;margin-bottom: 110px;}
.metal-min1 div{float: left;}
.metal-min1 div p{line-height: 36px;font-size: 14px;width: 455px;text-indent: 2em;}
.metal-min1 b{float: right;text-align: right;}
.metal-min1 b img{width: 235px;}
.metal-min1 ul{margin:0 auto;width:610px;}
.metal-min1 ul li{float:left;margin-left:10px;}
.metal-min1 ul li img{width:295px;height:173px;}
/*product-vehicle.asp 车业*/
.product-min1{width: 100%;float: left;overflow: hidden;}
.product-min1 div{float: left;width:400px;height: 205px;}
.product-min1 div p{line-height: 36px;font-size: 14px;text-indent: 2em;}
.product-min1 b{float: right;text-align: right;}

.product-min2{overflow: hidden;float: left;}
.product-min2 b{width:827px;height: 415px;}
.product-min2 b img{width:827px;height: 415px;}

.product-min3{margin-top: 68px;float: left;width: 100%}
.product-min3 p{float: left;text-indent: 2em;font-size: 14px;width: 370px;line-height: 36px;}
.product-min3 b{float: right;width: 428px;height: 153px;}
.product-min3 b img{float: right;width: 428px;height: 153px;}

.product-min4{width: 100%;float: left;margin-top: 34px;}
.product-min4 ul li{width: 270px;height: 202px;float: left;margin-top: 7px;margin-left: 7px}
.product-min4 ul li:nth-of-type(3n+1){margin-left: 0}
.product-min4 ul li img{width: 270px;height: 202px;}

/*product-skin.asp 汽车内饰皮革*/
.skin-min1{width:100%;margin-top: 90px;}
.skin-left{float: left;}
.skin-left h3{font-size: 22px;margin-bottom: 60px;}
.skin-left p{line-height:32px;width: 462px;}

.skin-right{float: right;}
.skin-right ul li{margin-top:12px;}

.skin-bot{width: 100%;height: 191px;margin-top:12px; }
.skin-bot b{float: left;margin-left: 31px;}
.skin-bot b:nth-of-type(1){margin-left: 0}

/*product-color.asp 设计色彩服务*/
.color-min1{overflow: hidden;}
.color-left{float: left;}
.color-left h3{font-size: 22px;margin-top:30px;}
.color-left p{line-height:36px;width: 430px;text-indent: 2em;color: #000}

.color-right{float: right;}
.color-right ul li{margin-top:12px;}
.color-right ul li img{width: 295px;}

.color-bot{margin-top: 65px;}
.color-bot b{float: left;margin-left:10px;}
.color-bot b:nth-of-type(1){margin-left: 0;}

.color-min1{overflow: hidden;}
.color-min2-top {width: 100%;margin-top: 36px;overflow: hidden;}
.color-min2-top h3{width: 100%;color: #000;font-size: 16px;display: block;margin-bottom: 20px;}
.color-min2-top ul li{float: left;width: 206px;height: 184px;margin-left:2px;}
.color-min2-top ul li:nth-of-type(1){margin-left: 0;}
.color-min2-top ul li img{width: 206px;}
.color-min2-top ul li h4{width: 100%;height:40px;line-height: 40px;text-align: center;font-size: 11px;color: #000}

.color-min2-bot{width: 100%;overflow: hidden;}
.color-min2-bot ul li{width: 100%;overflow: hidden;position:relative;margin-top:40px;
justify-content:center;/*css3垂直居中*/
align-items:center;
display:-webkit-flex;}
.color-min2-bot ul li figure{float: left;}
.color-min2-bot ul li article{float: left;width:420px;margin-left: 40px;}
.color-min2-bot ul li article span{overflow: hidden;line-height:40px;}




/*contact.asp 联系我们*/
.contact-content{width: 100%;min-height:513px;background: url(../image/contact-img1.jpg) no-repeat center;}
.contact-content h3{display: block;float: left;color: #1d81bb;line-height:24px;}
.contact-content h4{display:block;float: left;color: #1d81bb;line-height:24px;}
.contact-con1{width:254px;height:65px;margin-top:40px;margin-left: 250px;padding-left:110px;padding-top:15px;overflow: hidden;background: url(../../image/contact-img2.png) no-repeat 0 0;border-bottom:dashed 1px #999;}
.contact-con2{width:330px;height:65px;margin-top:40px;margin-left: 250px;padding-left:110px;padding-top:15px;overflow: hidden;background: url(../../image/contact-img2.png) no-repeat 0 -153px;border-bottom:dashed 1px #999;}
.contact-con3{width:445px;margin-top:40px;margin-left: 250px;padding-left:110px;padding-top:15px;overflow: hidden;background: url(../../image/contact-img2.png) no-repeat 0 -290px;}
.contact-con4{width:445px;padding-left:110px;margin-left:250px;padding-bottom:20px;overflow: hidden;border-bottom:dashed 1px #999;}




/* bot.asp */
.bot{width:100%; height:230px; float:left; background:#004c92; overflow:hidden;margin-top: 100px;}
.bot-weixin{width:121px; height:230px; float:left;}
.bot-weixin img{width:121px; height:121px; float:left; margin-top:43px;}

.bot-list{width:550px; height:230px; float:left; margin-left:45px;}
.bot-list-big{width:550px; float:left; margin-top:45px;}
.bot-list-big li{float:left; width:180px;}
.bot-list-big li a{float:left; font-size:14px; color:#fff;}
.bot-list-big li a:hover{color:#959595;}

.bot-list-small{width:550px; float:left; margin-top:10px;}
.bot-list-small ul{float:left; width:180px;}
.bot-list-small li{float:left; width:180px; margin-bottom:10px;}
.bot-list-small li a{float:left; font-size:12px; color:#fff;}
.bot-list-small li a:hover{color:#959595;}

.bot-company{width:320px; height:230px; float:right;}
.bot-company img{float:right; width:204px; height:35px; margin-bottom:83px; margin-top:25px;}
.bot-company h5{float:right; width:320px; font-size:12px; color:#fff; line-height:20px; text-align:right;}