﻿@font-face {
font-family: SketchRockwell;
src: url('font/SourceHanSansCN-Normal.otf');
}
*{margin: 0;padding: 0;font-family: SketchRockwell;}
ul{list-style: none;margin: 0;padding: 0;}
a{text-decoration: none;}
img{margin: 0;padding: 0;font-size: 0;}
.clear{clear: both;}
html{width: 100%;}
body{width: 100%;background: #f5f5f5;}

 .nav{width: 1160px;height: 92px;margin-top: 22px;margin: 0 auto;}
 .HeaderNav{width: 850px;height: 92px;float: left;}
.top{width: 850px;float: left;height: 62px;margin-bottom: 34px;}
.left{float: left;margin-top:10px ;width: 626px;}
.left ul li{display: inline-block;}
.left ul li img{width: 34px;height: 34px;margin:10px;display: block;float: left;}
.left ul li a{line-height: 34px;float: left;margin: 10px 0;color: #009a44;font-size: 20px;font-family: SketchRockwell;}
.right{width: 214px;float: right;height: 92px;margin-top: 18px;}
.right .search{width: 100%;height: 30px;border: 1px solid #e6e6e6;border-radius:600px;}
.right .search input{border: none;background: none;margin-left: 10px;line-height: 30px;width: 168px;outline: none;text-indent: 8px;}
.right .search img{display: block;width: 15px;float: right;padding-top: 6px;padding-right: 12px;}
.bottom{width: 840px;float: left;}
.bottom ul li {display: inline-block;text-align: right;}
.bottom ul li + li{margin-left: 44px;}
.bottom ul li a{color: #4d4d4d;font-size: 17px;font-family: SketchRockwell;}
.bottom ul li a:hover{color: red;}

/*banner*/
.banner{margin: 0 auto;width: 100%;}
.banner li img{width: 100%;}


/*NewInfo*/
.NewInfo{width: 100%;height: 238px;background: #f2f2f2;margin: 0 auto;position: relative;}
.new{width: 1160px;height: 270px;background: rgba(255,255,255,.2);margin: 0 auto;position: relative;top: -42px;}
.new .container {position: absolute;top: 10px;left: 12px;}
.new .container >li{width: 284px;height: 250px;float: left;display: flex;}
.green{background: #009a3d;}
.green .ContainerContent{width: 246px;height: 208px;margin: auto;position: relative;}
.green .ContainerContent h3{font-size: 20px;color: #fff;font-family: SketchRockwell;}
.green .ContainerContent span{font-size: 12px;font-family: SketchRockwell;color: #fff;}
.green .ContainerContent ul {position: relative;left: -10px;}
.green .ContainerContent ul li{line-height: 26px;list-style:square inside url(../img/listd.gif);}
.green .ContainerContent ul li a{color: #fff;font-size: 12px;font-family: SketchRockwell;}
.green .ContainerContent p{position: absolute;bottom: 0;left: 0;color: #fff;}
.gray{background: #e9e9e9;color: #000;}
.gray .ContainerContent{width: 246px;height: 208px;margin: auto;position: relative;}             
.gray .ContainerContent h3{font-size: 20px;color: #000;font-family: SketchRockwell;}                     
.gray .ContainerContent span{font-size: 12px;font-family: SketchRockwell;color: #000;}                   
.gray .ContainerContent ul {position: relative;left: -10px;}                                     
.gray .ContainerContent ul li{line-height: 26px;list-style:square inside url(../img/listd.gif);} 
.gray .ContainerContent ul li a{color: #000;font-size: 12px;font-family: SketchRockwell;}                
.gray .ContainerContent p a{position: absolute;bottom: 0;left: 0;color: #000;}  
.none{background: #fff;color: #000;}
.none .ContainerContent{width: 246px;height: 208px;margin: auto;position: relative;}             
.none .ContainerContent h3{font-size: 20px;color: #000;font-family: SketchRockwell;}                     
.none .ContainerContent span{font-size: 12px;font-family: SketchRockwell;color: #000;}                   
.none .ContainerContent ul {position: relative;left: -10px;}                                     
.none .ContainerContent ul li{line-height: 26px;float: left;border: 1px solid #ccc;width: 108px;height: 32px;margin-left: 10px;margin-top: 10px;text-align: center;font-family: SketchRockwell;} 
.none .ContainerContent ul li:hover{background: #ccc;cursor: pointer;}
.none .ContainerContent ul li:hover a{color: #fff;}
.none .ContainerContent ul li a{color: #000;font-size: 12px;font-family: SketchRockwell;}                
/*brand*/
.brand{height: 344px;width: 100%;margin: 0 auto;background: #fff;}
.brand .content{margin: 0 auto;text-align: center;height:260px ;}
.brand .content h2,.product .ProductTitle h2{padding-top: 42px;font-weight: bold;font-size: 30px;font-family: SketchRockwell;color: #4c4c4c;}
.brand .content h3{padding-top: 13px;font-family: SketchRockwell;color: #666;font-size: 16px;}
.brand .content span,.product .ProductTitle span{color: #bdbdbd;font-family: SketchRockwell;font-size: 12px;}
.brand .content p{font-size: 14px;color: #666;line-height: 30px;}

/*product*/
.product{width: 100%;height: 540px;margin: 0 auto;text-align: center;background: #f2f2f2;}
.product .ProductTitle h3{padding-top: 13px;font-family: SketchRockwell;color: #666;font-size: 22px;font-weight: normal;}

.ProductPic{width: 1168px;height: 362px;background: #ccc;margin: 0 auto;margin-top: 20px;}
.ProductPic ul li{width: 292px;height: 180px;float: left;background: #666;margin: 0;}
.ProductPic ul li h3{font-size: 18px;color: #fff;font-family: SketchRockwell;font-weight: bold;float: left;margin-top: 26px;margin-left: 20px;}
.ProductPic ul li span{font-size: 14px;color: #fff;width: 248px;display: block;line-height: 26px;margin-top: 10px;margin-left: 20px;font-family: SketchRockwell;text-align: left;}
.ProductPic ul li a{margin-top: 20px;color: #fff;float: left;margin-left: 20px;display: block;font-weight: bold;}
.ProductPic .pic1{background: url(../img/cp4.gif);}
.ProductPic .info{background: #009a44;}
.ProductPic .info1{background: #ff8a00;}
.ProductPic .info2{background: #fff;}
.ProductPic .info3{background: #009a44;color: #000;}
.ProductPic ul .info2 h3{color: #009a44;}
.ProductPic ul .info2 span{color: #666;}
.ProductPic ul .info2 a{color: #009a44;}
	
/*footer*/
 .FooterNav{width: 1010px;height: 34px;background: #e2fcd9;margin: 0 auto;position: relative;top: 40px;box-shadow: 0 0px 10px #007729;}
.FooterNav ul {margin-left: 14px;}
.FooterNav ul li {display: inline-block;color: #00923d;line-height: 34px;margin-left: 22px;}
.FooterNav ul li a{color: #00923d;}
.copyright{width: 1160px;text-align: center;margin: 0 auto;margin-top: 62px;}
.copyright p{color: #fff;line-height: 20px;font-size: 12px;}
.QRcode{width: 320px;margin: 0 auto;margin-top: 30px;}
.QRcode div{width: 150px;float: left;text-align: center;color: #fff;font-size: 12px;font-family: SketchRockwell;}
.QRcode div + div{margin-left: 20px;}




/*abstract#########################*/

.AbstractImage{width: 100%;height: 50px;margin-top: 20px;display: inline-block;}
.AbstractImage img{max-width: 100%;}
.ContentInfo{margin-top: 26px;}

/*agentpage###########################*/
.AddressImage{margin-top: 10px;width: 100%;height: 340px;overflow: hidden;}
.contact{margin-top: 20px;}
.contact ul li{font-size: 18px;font-family: SketchRockwell;line-height: 36px;color: #4d4d4d;}


/*cust*/
.service{width: 760px;margin: 0 auto; margin-top: 40px;}
.service .ServiceLeft{width: 300px;height: 300px;border-radius: 50%;overflow: hidden;margin-top: 10pxs;float: left;}
.service .ServiceLeft img{}
.ServiceTel{width:406px ;float: right;}
.ServiceTel h2{font-size:30px;color: #009A44;font-family: SketchRockwell;line-height: 40px;}
.ServiceTel h3{font-size: 30px;color: #009A44;font-family: SketchRockwell;margin-bottom: 10px;line-height: 40px;}
.ServiceTel p{font-size: 14px;font-family: SketchRockwell;margin-bottom: 40px;color: #4b4b4b;line-height: 24px;}
/*effectlist*/
/*identify*/
.service{width: 760px;margin: 0 auto; margin-top: 40px;}
.service .ServiceLeft{width: 300px;height: 300px;border-radius: 50%;overflow: hidden;margin-top: 10pxs;float: left;}
.service .ServiceLeft img{}


.identify{width: 408px;display: inline-block;float: right;}
.warning p{font-size: 16px;color: red;font-family: SketchRockwell;}

.ProductInput{width: 370px;}
.ProductInput label{display: block;text-align: right;margin-top: 20px;}
.ProductInput label input{height:38px;border: 1px solid #cdcdcd;width: 258px;background: #e8e8e8;text-indent: 10px;font-size: 14px;color: #999;outline: none;}
.ProductInput label span{font-size:16px ;color: #4d4d4d;line-height: 40px;font-family: SketchRockwell;}
.ProductInput label img{width: 103px;height: 40px;float: right;margin-left: 7px;margin-top: 1px;}
.ProductInput label .yzm{width: 148px;height: 38px;}


.ProductBtn {width: 370px;text-align: right;margin-top: 30px;}
.ProductBtn input{font-size: 16px;font-family: SketchRockwell;color: #fff;background: #009A44;border: none;outline: none;}
.ProductBtn input:nth-child(1){width: 114px;height: 40px;}
.ProductBtn input:nth-child(2){width: 212px;height: 40px;}
.SearchEnd{margin-top: 10px;margin-bottom: 20px;}
.SearchEnd p{font-size: 16px;color: #4b4b4b;font-family: SketchRockwell;line-height: 44px;}
.SearchEnd .SearchBox{border: 1px dotted #bfbfbf;width: 366px;height: 148px;}
/*info*/

.InfoPic{width: 100%;height: auto;margin: 0 auto;}
.InfoPic ul li img{width: 100%;}

/*InfoContent*/
.LeftNav{width: 300px;float: left}
.InfoContent{width: 1160px;margin: 0 auto;position: relative;top: -40px;display: inline-block;left: calc((100% - 1160px) / 2);}
.InfoContent .InfoLeft{width: 300px;background: #fff;box-shadow: 1px 1px 10px #ccc;}



.InfoContent .profile{width: 300px;height: 300px; background: #fff;box-shadow: 1px 1px 10px #ccc;margin-top: 20px;}
.InfoProduct{height: 60px;border-bottom:1px solid #cdcdcd ;margin: 20px;padding-top: 20px;margin-top: 0;}
.InfoProduct h3,.InfoProduct h3{font-size: 20px;font-weight: bold;font-family: SketchRockwell;color: #009a44;}
.InfoProduct span{font-size: 10px;font-family: SketchRockwell;line-height: 1px;color: #9c9c9c;}
.LeftList .NavInfo{width: 260px;margin: 0 auto;padding-bottom:20px ;}
.LeftList .NavInfo li{line-height: 34px;}
.LeftList .NavInfo li .triangle{ border:5px solid #fff; border-left:5px solid #009a44; float:left; overflow:hidden; height:0; width:0; margin:12px 10px 0 14px;}
.LeftList .NavInfo li a{color: #009a44;font-size: 16px;font-family: SketchRockwell;}
.TextIndex li:hover span{border:5px solid #fff !important;border-left:5px solid #009a44 !important;}
.TextIndex li:hover a{color: #009A44 !important;border-bottom: 1px solid #009A44;}
.LeftList .NavInfo .on{background: #009a44;border-radius: 4px;}
.LeftList .NavInfo .on .triangle{ border:5px solid #009a44; border-left:5px solid #fff; float:left; overflow:hidden; height:0; width:0; margin:12px 10px 0 14px;}
.LeftList .NavInfo .on a{color: #fff;}
.LeftList .NavInfo div#win:hover{background: #009a44;border-radius: 4px;}
.LeftList .NavInfo div#win:hover .triangle{ border:5px solid #009a44; border-left:5px solid #fff; float:left; overflow:hidden; height:0; width:0; margin:12px 10px 0 14px;}
.LeftList .NavInfo div#win:hover a{color: #fff;}
.NavInfo li .TextIndex li .triangle{ border:5px solid #fff; border-left:5px solid #000; float:left; overflow:hidden; height:0; width:0; margin:12px 10px 0 5px;}
.NavInfo li .TextIndex li a{color: #000;font-size: 14px;font-family: SketchRockwell;}
.TextIndex{margin-left: 20px !important;}
.location ul {width: 260px;margin: 0 auto;}
.location ul li {line-height: 23px;}
.location ul li span{font-size: 14px;}
.location ul li a{color: #4c4c4c;font-size: 14px;}


/*RightContent*/
.RightContent{width: 790px;float: right;background: #fff;padding: 20px;box-shadow: 1px 1px 10px #ccc;}
.MoveInfo{height: 30px;width: 100%;border-bottom: 1px solid #ccc;}
.MoveInfo .MoveLeft{float: left;width: 186px;}
.MoveInfo .MoveLeft h4{color: #009a44;}
.MoveInfo .MoveRight{float: right;display: inline-block;}
.MoveInfo .MoveRight a{color: #a9a9a9;font-size: 14px;}

.TitleInfo{height: 94px;border-bottom: 1px dotted #ccc;overflow: hidden;}
.TitleInfo h4{margin-top: 30px;line-height: 32px;font-size: 24px;font-weight: normal; color: #333;}
.TitleInfo p{line-height: 20px;color: #b9b9b9;font-size: 14px;}


.carousel{width: 100% !important;height: 684px;margin-top: 20px !important;}
.carousel .pic{height: 574px;}
.carousel img{width: 100%;}
.carousel .Car{height: 98px;width: 100%;margin-top: 10px;}
.Car .CarLeft{width: 30px;float: left;}
.Car .CarRight{width: 30px;float: right;}
.Car img{width: 100%;}
.CarPic ul{width: 710px;height: 98px;float: left;margin-left: 10px;}
.CarPic ul li{width: 134px;height: 98px;float: left;}
.CarPic ul li + li{margin-left: 10px;}

.ContentInfo{width: 100%;margin-top: 50px;}
.ContentInfo{color: #4c4c4c;font-size: 14px;font-family: SketchRockwell;line-height: 23px;text-indent: 36px;margin-bottom: 35px;}

.ad-gallery .ad-image-wrapper .ad-image{width: 100% !important;left: auto !important;}

.ad-gallery .ad-nav{margin: 0 auto !important;width: 710px !important;}

.ad-gallery .ad-thumbs li a img{border: none !important;}
.ad-gallery .ad-forward{background: url(../img/right.gif) !important;}
.ad-gallery .ad-nav{margin: 0 auto !important;}
.ad-gallery .ad-forward{width: 30px !important;right: -40px !important;}
.ad-gallery .ad-back{background: url(../img/left.gif) !important;}
.ad-gallery .ad-back{width: 30px !important;left: -40px !important;}
/*newpage*/
body{background: #f5f5f5;}


.NewList{width: 790px;margin: 0 auto;}
.NewList ul li{width: 100%;height: 138px;border-bottom: 1px dotted #ccc;padding: 20px 0;}
.NewList ul li .NewListImg{width: 200px;height: 138px;float: left;}
.NewList ul li .NewListImg img{width: 100%;height: 140px;object-fit: cover;object-position: center;}
.NewAbsract{width: 580px;height: 138px;float: right;text-align: left;position: relative;}
.NewAbsract h3{font-size: 16px;font-family: SketchRockwell;font-weight: bold;margin-bottom: 16px;color: #4d4d4d;}
.NewAbsract h3 a{color: #4d4d4d;}
.NewAbsract p{width: 580px;height: 74px;font-size:14px;font-family: SketchRockwell;line-height: 22px;overflow: hidden;color: #666;}
.NewAbsract span{width: 100%;font-size: 14px;font-family: SketchRockwell;position: absolute;bottom: 0;line-height: 10px;color: #999;}

/*ListPage*/
.ListPage{width: 790px;text-align: center;margin-top: 40px;margin-bottom: 44px;}
.ListPage ul li {line-height: 28px;border: 1px solid #e1e1e1;display: inline-block;}
.ListPage ul li + li{margin-left: 8px;}
.ListPage ul li a{color: #666;font-size: 14px;font-family: SketchRockwell;padding: 0 12px;}
.ListPage ul .nop1{border: none;margin: 0;}
.ListPage ul .nop2{border: none;}
.ListPage ul .mar0{margin: 0;}
.ListPage ul .nop1 a{padding: 0;}
.ListPage ul .nop2 a{padding: 0;}
.ListPage ul .active{background: #009a44;}
.ListPage ul .active a{color: #fff;}

/*producrtcore*/
.CoatingList{width: 100%;}
.CoatingList ul li{margin-top:20px ;}
.CoatingList ul li img{width: 100%;height: 200px;}
.CoatingList ul li div{width: 385px;height: 200px;float: left;}
.CoatingList ul li div + div{margin-left: 20px;} 
/*productdetails*/
.DetailTitle{width: 100%;display: inline-block;padding: 20px 0;border-bottom: 1px dotted #ccc;}
.DetailTitle h3{font-size: 24px;font-weight: normal;color: #333;}
.DetailTitle p{font-size: 14px;color: #9b9b9b;}

.DetailsImage{width: 100%;text-align: center;}
.detailed{width: 100%;display: inline-block;margin-top: 10px;}
.detailed img{ max-width:100%;}
.detailed h4{font-size: 18px;color: #009a44;font-weight: bold;line-height: 42px;border-bottom: 1px solid #009A44;font-family: SketchRockwell;}
.detailed ul{display: inline-block;margin-top: 10px;}

.detailed ul li{font-size: 14px;font-family: SketchRockwell;line-height: 22px;color: #4d4d4d;}

/*productlist*/
.ProductList{width:790px;margin: 0 auto;}
.ProductList ul li{width: 250px;/*height: 380px;*/float: left;background: #ebebeb;margin-top:20px ;}
.ProductList ul li + li{margin-left: 20px;}
.ProductList ul li:nth-child(3n-2){margin-left:0;}
.ProductImage{width: 242px;height: 246px; margin: 0 auto;margin-top:4px;}
.Bar{width: 14px;height: 1px;background: #009a44;margin:12px auto;}
.ProductListTitle{width: 100%;/*height: 98px;*/margin: 0 auto; margin-top: 14px;text-align: center;}
.ProductListTitle h3{color: #009A44;font-size: 18px;font-family: SketchRockwell;font-weight: bold;}
.ProductListTitle p{font-size: 14px;font-family: SketchRockwell;color: #4d4d4d;}
.ProductListTitle a{color: #646464;font-size: 14px;font-family: SketchRockwell;display: block;margin-top: 10px;}


/*ListPage*/
.ListPage{width: 790px;text-align: center;margin-top: 40px;margin-bottom: 44px;}
.ListPage ul li {line-height: 28px;border: 1px solid #e1e1e1;display: inline-block;}
.ListPage ul li + li{margin-left: 8px;}
.ListPage ul li a{color: #666;font-size: 14px;font-family: SketchRockwell;padding: 0 12px;}
.ListPage ul .nop1{border: none;margin: 0;}
.ListPage ul .nop2{border: none;}
.ListPage ul .mar0{margin: 0;}
.ListPage ul .nop1 a{padding: 0;}
.ListPage ul .nop2 a{padding: 0;}
.ListPage ul .active{background: #009a44;}
.ListPage ul .active a{color: #fff;}
/*selectcolor*/

/*Colorleft*/
.Cf85151{background: #f85151;}
.Cfb8f40{background: #fb8f40;}
.Cffd30d{background: #ffd30d;}
.C45e07c{background: #45e07c;}
.C45abe0{background: #45abe0;}
.Cda79e0{background: #da79e0;}
.Cf5f3eb{background: #f5f3eb;}
.Ca79e7f{background: #a79e7f;}
/*Colorright*/
.Rfbfbf6{background: #fbfbf6;}
.SelectColor{width: 790px;display: inline-block;background: #e6e6e6;padding-top: 20px;}
.SelectBtn{width: 140px;display: inline-block;float: left;margin-left: 10px;}
.SelectBtn ul li{width: 140px ;height: 60px;text-align: center;}
.SelectBtn ul li a{color: #fff;font-size: 18px;line-height: 60px;font-weight: bold;display: block;}

.ColorBlock{width: 608px;display: inline-block;float: right;margin-top: -20px;margin-bottom: 40px;}
.ColorBlock ul li {width: 196px;height: 60px;text-align: center;display: inline-block;margin-top: 20px;}
.ColorBlock ul li div{width: 195px;height: 60px;border-radius: 4px;}
.ColorBlock ul li div img{width: 195px;height: 60px;border-radius: 4px;}
.ColorBlock ul li span{margin-top:8px;color: #333;font-size: 20px;display: inline-block;}

/*serveme*/
.MyMessage{width: 790px;height: 258px;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;}
.photo {width: 198px;height: 254px;float:left;border: 1px solid #e0e0e0;}
.photo img{width: 100%;height: 100%;}
.MessageList{width: 578px;float:right;display: inline-block;border: 1px solid #e0e0e0;border-bottom: none;}
.MessageList table tr{text-align: center;}
.MessageList table tr th{background: #f5f5f5;width: 124px;height: 50px;}
.MessageList table tr td{width: 180px;}
.MessageList table tr th,.MessageList table tr td{border-bottom: 1px solid #e0e0e0;font-size: 14px;color: #4e4e4e;font-weight: normal;}
.MessageList table tr td:nth-child(4n){width: 150px;}

.introduce{width: 790px;margin: 0 auto;margin-top: 20px;display: inline-block;}

.introduce ul li{width: 250px;height: 152px;float: left;}
.introduce ul li + li{margin-left: 20px;}
.introduce ul li a img{width: 100%;height: 100%;}

.TrainText{width: 790px;margin: 0 auto;}
.TrainText p{color: #4d4d4d;font-size: 14px;margin-top: 20px;}
/*shopsearch*/
.region{width: 100%;margin: 30px 0;height: 40px;}
.ShopSearchList{margin-bottom: 12px;}
.ShopSearchList table{text-align: center;color: #4d4d4d;font-size: 14px;}
.ShopSearchList table tr{height: 53px;}
.ShopSearchList table tr td{padding: 0 12px;border-bottom : 1px solid #e5e5e5}

.province{width: 198px;height: 38px;float: left;font-size: 16px;position: relative;}
.region div +div{margin-left: 20px;}
.province p{ position: absolute; top:0;font-size: 16px;line-height: 38px;  height:38px;margin-left: 12px;}
.province select{ position: absolute;width: 150px;height: 100%;border: 1px solid #e5e5e5;color: #4e4e4e;font-size: 16px;text-indent: 10px;outline: none;  margin-left: 55px;  }
.SearchBtn{width:130px ;height: 40px;display: inline-block;}
.SearchBtn button{width: 100%;height: 40px;border: none;background: #f57b0e;color: #fef0e9;font-size: 16px;outline: none;}
/*undertaking*/
.Bar{width: 14px;height: 1px;background: #009a44;margin: 10px 0 10px 16px;clear: both;}

.UndertakingList{width: 770px;margin: 0 auto;}
.UndertakingList ul{width: 770px;}
.UndertakingList ul li {width: 770px;height: 240px;margin-top: 30px;}
.UndertakingList ul li .UndertakingImagel{width: 362px;height: 240px;}
.UndertakingList ul li .UndertakingImagel img{width: 100%;height: 100%;}
.UndertakingList ul li div{float: left;}
.UndertakingContentl {width: 406px;margin-top: 40px;}
.UndertakingContentl p{color: #4d4d4d;font-size: 14px;line-height: 28px;margin-left: 16px;}
.UndertakingList ul li .UndertakingImager{width: 362px;height: 240px;float: right;}
.UndertakingList ul li .UndertakingImager img{width: 100%;height: 100%;}
.UndertakingContentr {width: 390px;margin-top: 40px;}
.UndertakingContentr p{color: #4d4d4d;font-size: 14px;line-height: 28px;}
.mart0 h3{color: #009A44 ;font-size: 24px;font-weight: normal;margin-left: 16px;}
.mart0{margin-top: 0;width: 390px;float: right !important;}
/*videopage*/
.VideoList{width: 790px;margin: 0 auto;}
.VideoList ul li{width: 250px;height: 216px;float: left;margin-top: 20px;}
.VideoList ul li{margin-left: 20px;} 
.VideoList ul li:nth-child(3n-2){margin-left: 0;}
.VideoImage{width: 100%;height: 160px;}
.VideoImage img{width: 100%;height: 100%;}
.VideoTitle{width: 248px;height: 54px;border: 1px solid #e6e6e6;border-top: none;}
.VideoTitle h3{font-size: 14px;font-family: SketchRockwell;color: #4b4b4b;line-height: 20px;margin-left: 10px;padding-top:8px;}
.VideoTitle p{color: #a9a9a9;font-size: 14px;line-height: 20px;margin-left: 10px;}



/*ListPage*/
.ListPage{width: 790px;text-align: center;margin-top: 40px;margin-bottom: 44px;}
.ListPage ul li {line-height: 28px;border: 1px solid #e1e1e1;display: inline-block;}
.ListPage ul li + li{margin-left: 8px;}
.ListPage ul li a{color: #666;font-size: 14px;font-family: SketchRockwell;padding: 0 12px;}
.ListPage ul .nop1{border: none;margin: 0;}
.ListPage ul .nop2{border: none;}
.ListPage ul .mar0{margin: 0;}
.ListPage ul .nop1 a{padding: 0;}
.ListPage ul .nop2 a{padding: 0;}
.ListPage ul .active{background: #009a44;}
.ListPage ul .active a{color: #fff;}
/*videopage2*/
.VideoWindow{width: 698px;height: 460px;border: 1px solid #cdcdcd;margin: 30px auto 0 auto;}
.VideoWindow img{width: 100%;height: 100%;}



.calculation{width: 790px;margin-top:20px ;display: inline-block;}
.calculation img{width: 100%;}

.rightflex{width: 146px;height: 210px;position: fixed;top: 498px;right: 36px;}

/*漆量计算*/
table.qljsq {border:1px solid #f0f0f0; border-collapse:collapse;width: 100%;}
table.qljsq th{border:1px solid #009a44;background: #009a44;color: #FFF;height: 50px;line-height: 50px;}
table.qljsq td{border:1px solid #f0f0f0;height: 120px;overflow:hidden;}
table.qljsq input{
 width:100%;
 height: 100%;
 padding:1px 3px 1px 3px;
 margin:0px;
 border:none;
 font-family:Arial;
 text-align:center;
}