@charset "utf-8";
html{ font:normal 62.5%/2.3em Arial,"微软雅黑";}
body{ margin:0px; padding:0px; margin:0px auto; font-size:14px; background:#f4f4f4; color:#666666; width:100%; min-width:1200px; width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); zoom:1;}
ul,li,form, dl,dt,dd, div,span{ padding: 0px; margin: 0px;list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666666;}
/*
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;}

textarea{resize:none;/*-webkit-appearance:none;}
textarea,input,select { background:none; border:none; margin:0; padding:0;}*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none;vertical-align:top;}
a{ color:#666666; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#e50012}
.clear{ clear:both; height:0px; overflow:hidden;}
em{font-style: normal;}


table {  
  width: 100%;  
  border-collapse: collapse;  
} 
tr:nth-of-type(odd) {  
  background: #eee;  
} 
th {  
  background: #333;  
  color: white;  
  font-weight: bold;  
} 
td, th {  
  padding: 6px;  
  border: 1px solid #ccc;  
  text-align: left;  
} 


.Contain{}
.SildeBar{float:left;}
.MainContent{float:left; margin-left:25px;}
.Content{}
.SinglePage{}
.Current{}
.IndexBoxCon{width:1200px; margin:0 auto;}

/*top*/
.Top{position:relative;z-index:100;min-width:1000px}
.Top .navigation-inner{margin:0 auto;width:1200px;position:relative}
.navigation-up{height:82px; line-height:82px; background:url("../images/topbg.png"); position:absolute; width:100%}
.navigation-up .navigation-v3{float:right;_margin-left:10px}
.navigation-up .navigation-v3 li{height:79px;  float:left;margin-left:10px; margin-right:35px; }
.navigation-up .navigation-v3 ul { overflow:hidden}
.navigation-up .navigation-v3 li:hover{border-bottom:3px solid #e50012; color:#e50012;}
.navigation-up .navigation-v3 li.nav{border-bottom:3px solid #e50012; color:#e50012;}
.navigation-up .navigation-v3 li a{height:79px;display:block;color:#fff; }
.navigation-up .navigation-v3 li.nav a{color:#e50012;}
.navigation-up .navigation-v3 li a:hover{color:#e50012;}
/*.navigation-up .navigation-v3 .nav-up-selected{background:#344157}*/
/*.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#202833}*/
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0 25px;color:#fff;display:inline-block;}

.navigation-down{position:absolute; top:82px; left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%; margin:0;background:url("../images/HmeuBg.png") left top; ;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin-left:-350px; left:50%; width:900px; position:relative}
.navigation-down .nav-down-menu dl{float:left; margin-top:42px;}
.navigation-down .menu-1 dl{width:400px;}
.navigation-down .menu-1 dd{height:45px; color:#333;}
.navigation-down .menu-1 dd:hover{ color:#e50012;}
.navigation-down .menu-1 dd em{width:15px;  font-size:16px; display:inline-block; font-weight:bold;}
.navigation-down .menu-1 dd a{}
/*.navigation-down .menu-1 dd a:hover{color:#e50012}*/
.navigation-down .menu-2 dd,.navigation-down .menu-3 dd{color:#333;}
.navigation-down .menu-2 dd:hover,.navigation-down .menu-3 dd:hover{color:#e50012;}

.logo {width:103px; height:62px;margin-top:5px; float:left;}
.TopTip {width:250px; height:35px; line-height:20px; font-size:12px; font-weight:bold; color:#fff; float:left; margin:20px 0 0 20px; }
.Hosearch{float:right; margin-left:10px; margin-top:28px; }
.HosearchSearch{ margin-left:10px}
.HosearchSearch a{display:block; color:#FFF; position:relative; width:45px; top:-8px;}
.HosearchSearch a span{ position:absolute; top:-5px}
.HosearchSearch img{ float:left; display:block; text-align:center; margin-left:8px}

.Hosearch_ipu{width:173px; height:37px; line-height:37px; padding-left:10px; font-size:15px; background:url("../images/sousouer.png") no-repeat; color:#dfdfdf; position:absolute; top:22px; right:-10px; }
.SearchImg{width:40px; height:24px; background:url("../images/sousou.png") no-repeat center; display:block;}
.Hosearch_btn{width:30px; height:30px; display:block; position:absolute; top:25px; right:-2px;}
.HomImg{width:388px; height:185px; margin-top:27px; margin-bottom:27px; border:1px solid #fff; float:left;}
.HomImg img{width:388px; height:185px;}
 .PageConer{width:1200px; margin:0 auto;}
/*top*/


/*pages*/
.Pages{width:328px; height:35px; margin:20px auto 0; padding-top:15px; overflow:hidden; overflow:visible\9;}
.p_page em{font-style:normal;}
.p_page > a{ padding:0px 10px; display:inline-block; line-height:29px; font-size:16px; color:#fff; margin-right:9px; background:#b1b1b1; border:1px solid #b1b1b1;}
.p_page em a{ padding:0px 10px; display:inline-block;  line-height:29px; font-size:16px; color:#b1b1b1; margin-right:9px; background:#fff; border:1px solid #b1b1b1;}
.p_page em a:hover,.p_page .a_cur{color:#fff;  background-color:#ff0000; border-color:#ff0000}
/*pages end*/

/*Bottom*/
.Bottom{height:78px; margin-top:40px; line-height:78px; background:#000; color:#a3a3a3; font-size:12px;}
.Bottomer{width:1200px; margin:0 auto;}
.Bottomer .Copyright{float:left; font-size:14px}
.Bottomer .BottomLinks{float:right;}
.Bottomer .BottomLinks a{color:#a3a3a3;}
.Bottomer .BottomLinks a:hover{color:#e50012;}
.Bottomer .BottomLinks em{color:#333333;}
/*Bottom*/


/*Bottom*/
.Bottom2{height:38px; line-height:38px; background:#202020; color:#a3a3a3; font-size:12px;}
.Bottomer2{width:1200px; margin:0 auto;}
.Bottomer2 .link{float:left; font-size:14px}
.Bottomer2 .BottomLinks{float:right;}
.Bottomer2 .BottomLinks a{color:#a3a3a3;}
.Bottomer2 .BottomLinks a:hover{color:#e50012;}
.Bottomer2 .BottomLinks em{color:#333333;}
/*Bottom*/


/*SildeBar*/
.SildeBar{}
/*SildeBar*/

/*Banner*/
.HomeBan{height: 767px; position: relative;}
.HomeBan .BanList{height: 767px; width:100%; margin:0 auto;overflow: hidden; }
.HomeBan .BanList ul{height: 767px; position: relative;}
.HomeBan .BanList ul li{height: 767px;width: 100%; margin:0 auto;}
.HomeBan .BanList ul li a{display: block;height: 767px;width: 100%;}
.HomeBan .btn{width: 71px;height: 71px;display: block;position: absolute;top: 355px;}
.HomeBan .prev{background: url("../images/left.png") no-repeat;left: 80px;}
.HomeBan .next{background: url("../images/right.png") no-repeat;right: 80px;}

.Banner{height:358px; margin-bottom:20px;}
/*Banner*/

/*index*/
.HomeNews {height:53px; line-height:53px; background:url("../images/newBg.jpg") no-repeat center;}
.HomeNews .HoNewsCon{width:1200px; margin:0 auto;}
.HomeNews .HoNewsCon h3{float:left; font-size:18px; font-weight:bold; color:#fff;}
.HomeNews .HoNewsList{float:left; margin-left:95px; margin-top:20px;}
.HomeNews .HoNewsList li{height:20px;}
.HomeNews .hd{float:left; margin-left:15px;}


.IndexBox ,.Container{background:#f4f4f4;}
.HomePro{padding-top:78px; position:relative;}
.HomePro h3{ font-size:22px; color:#333;}
.HomePro span{float:right; }
.HomePro .HomeProList{height:363px; padding-top:40px; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;}
.HomePro .HomeProList ul{ margin-right:-1.5%}
.HomePro .HomeProList li{width:32%; float:left; margin-right:1.3%; }
.HomePro .HomeProList li > a{ height:230px; display:block; background:#fff; position:relative;}
.HomePro .HomeProList li > a span{ height:230px; display:block; top:0; left:0; position:absolute; z-index:2;}
.HomePro .HomeProList li > a span:hover{background:url("../images/ov.png") no-repeat center center;} 
.HomePro .HomeProList li a img{width:100%; height:230px;  display:block; top:0; left:0; position:absolute; z-index:1;}
.HomePro .HomeProList li h4{text-align:center; font-weight:normal;}
.HomePro .HomeProList li h4 a{color:#EB3D00; font-size:16px; font-family:"微软雅黑" }
.HomePro .HomeProList li h4 a:hover{color:#e50012; }
.HomePro .PorImg {width:230px; height:60px; background:url("../images/porbott.png") no-repeat center top; border-bottom:2px solid #e50012; position:absolute; bottom:-1px; left:50%; margin-left:-115px;}

.HomeCon{padding-top:40px; overflow:hidden;}
.HomeCon .HomeAbout{float:left; width:368px;}
.HomeCon .HomeAbout a{margin-bottom:24px; display:block;}
.HomeCon .HomeAbout > img{width:368px; height:260px; margin-bottom:24px;}
.HomeCon .HomeAbout h3{width:200px; font-size:18px; color:#333;}
.HomeCon .HomeAbout span{float:right;}
.HomeCon .HomeAbout span a{font-size:12px; color:#999;}
.HomeCon .HomeAbout p{width:368px; font-size:13px;font-family:"微软雅黑" }
.HomeCon .HomeVideo{float:left; margin-left:48px; position:relative;}
.HomeCon .HomeVideo .VideoOn{width:368px; height:260px; line-height:260px; text-align:center;  background:url("../images/vibg.png"); position:absolute; left:0; top:0;}
.HomeCon .HomeVideo .VideoOn img{margin-top:109px;}

.HomeCon .HomeContact{float:right;}
.HomeCon .HomeContact p{line-height:16px;}
.HomeCon .HomeContact p em{font-weight:bold;}

.my-map { margin-bottom:20px; width: 368px; height: 260px; }
#Container {width:368px; height: 260px; }
/*index*/

/*about*/
.MenuList{}
.MenuList .AboutTip{width:233px; line-height:75px;text-align:center;}
.MenuList .AboutTip h2{color:#fff; font-size:30px;background: #CF0628;}
.MenuList .pr_nav{ background:}
.MenuList .pr_nav ul li{ line-height: 50px;
    border-bottom: 1px solid #CF0628;
    color: #fff;}
.MenuList .pr_nav ul li a{ 
     color: #FFF;
    font-weight: normal;
    background: #A70824;
    display: block;
    padding: 0 35px 0 15px;
	font-size:16px;
}
.MenuList .pr_nav ul li a:hover{ background:#822424 }

.MenuList .pr_nav ul li .demo{
	 position:relative;
	}	


.MenuList .pr_nav ul li .demo:before{
	 content:"";
	 position:absolute;
	 height:3px;
	 width:0;
	 background:#fff;
	 bottom:0px;
	 left:-20%;
	}	
.MenuList .pr_nav ul li .demo:hover:before{
	 width:100%;
	 bottom:0px;
	 left:0%;
	 transition:1s ease;
	}	
.MenuList .pr_nav  ul .active{background:#822424 ;border-bottom: 3px solid #FFF;}
 .AboutList,.NewsMenuList{width:235px; height:576px; background:#fff;}
 .AboutList li,.NewsMenuList li{width:215px; height:58px; line-height:24px; padding:20px 0 20px 20px; background:url("../images/menubot.png") no-repeat left bottom #fff;}
 .AboutList li a,.NewsMenuList a{width:190px; display:table-cell;  font-weight:bold; background:url("../images/menuli2.jpg") no-repeat left 7px; padding-left:10px;}
 .AboutList li a:hover li a:hover,.NewsMenuList li a:hover{background:url("../images/menuli1.jpg") no-repeat left 7px;}
 .AboutList li.pre a,.NewsMenuList li.pre a{background:url("../images/menuli1.jpg") no-repeat left 7px; color:#e50012;}

.aboutInfo,.ContactInfo,.CareersInfo{width:940px;}
/*about*/

/*Products*/
.ProdMenuList{width:235px;  background:#fff;}
.ProdMenuList h3{width:215px; height:47px;font-size:14px;  font-weight:bold;  line-height:24px; padding:20px 0 20px 20px; margin:0; background:url("../images/menubot.png") no-repeat left bottom #fff; cursor:pointer;}
.ProdMenuList h3 em{background:url("../images/menuli2.jpg") no-repeat left 2px; padding-left:10px;}
.ProdMenuList h3:hover em{background:url("../images/menuli1.jpg") no-repeat left 2px; }
.ProdMenuList h3.on em{background:url("../images/menuli1.jpg") no-repeat left 2px; }
.ProdMenuList h3.proIco em{background:url("../images/menuli1.jpg") no-repeat left 2px; }
.ProdMenuList h3:hover{color:#e50012;}
.ProdMenuList h3.on a{color:#e50012;}
.ProdMenuList h3.porColer{color:#e50012;}

.ProdMenuList ul{width:235px; display:none; background:url("../images/menubot.png") no-repeat left bottom;}
.ProdMenuList ul li{width:235px; padding:3px 0; text-align:center;}
.ProdMenuList ul li a{width:235px; display:block; padding:3px 0; text-align:center;}
.ProdMenuList ul li a:hover{background:#ababab; color:#e50012; }
.ProdMenuList ul li.prod a{background:#ababab; color:#e50012; }

 .ProductList{width:940px; padding-top:28px; overflow:hidden;}
 .ProductList ul{margin-left:-1.7%;}
 .ProductList li{width:48%;display:inline-block; position:relative; margin-left:1.7% }
 .ProductList li > a{display:block; color:#333;  background:#fff; }
 .ProductList li a img{width:100%;}
 .ProductList li a .pr_bj{width:100%;  display:block; position:absolute; top:0; left:0; z-index:2; height:100%; }
 .ProductList li a span:hover{ background:url("../images/ov.png") no-repeat center center; }
 .ProductList li h4{text-align:center; font-weight:normal; margin:0px; line-height:40px; font-family:"微软雅黑"; font-size:16px; }
 .ProductList li h4 a{color:#E50012}
 .ProductList li h4 a:hover{color:#e50012; }

 .ProducInfo{width:940px;}
 .ProducInfo .ProInfoImg{width:100%; float:left; overflow:hidden; margin-bottom:38px;}
 .ProducInfo .ProInfoImg img{width:80%; margin:0 auto;  display:block}
 .ProducInfo .ProInfoTip{ height:auto;  overflow:hidden; width:80%; margin:0 auto;font-family:"微软雅黑";}
 .ProducInfo .ProInfoTip h3{font-size:18px; color:#333; color:#EB3D00; text-align:center; margin-top:35px}
 .ProducInfo .ProInfoTip span{ font-size:14px; margin-top:0px; text-align:center; display:block}
 .ProInfoNes{height:30px; width:940px; font-size:18px; color:#000; margin:10px 0; border-bottom:1px solid #e1e1e1; overflow:hidden;}
 .ProInfoNes h3{ margin:8px 0;}
 .ProducInfo .ProInfoTip ul{margin-top:50px;}
 .ProducInfo .ProInfoTip li{height:23px; padding-left:13px; background:url("../images/porTiplI.jpg") no-repeat left 9px;}
/*Products*/

/*news*/
.newsList{}
.newsList li{width:940px; height:140px; padding-top:20px; background:url("../images/newli.png") no-repeat left bottom;}
.newsList .newsLiImg{width:182px; height:117px; float:left;}
.newsList .newsLiCon{width:722px; height:100px; margin-left:20px; float:left;}
.newsList .newsLiCon h3 {margin-bottom:0; margin-top:5px;}
.newsList .newsLiCon h3 a{font-size:18px; color:#333; font-weight:bold;}
.newsList .newsLiCon h3 a:hover{color:#e50012;}
.newsList .newsLiCon em{color:#999;}
.newsList .newsLiCon p{width:720px; height:38px;  font-size:12px; margin:0;}

.PrevNextBox ,.VideoNextBox{ width:940px; margin:20px auto 10px;}
.PrevNextBox h3 a,.VideoNextBox h3 a{  font-size:12px; color:#444;}
.PrevNextBox h3 a:hover{  font-size:12px; color:#e50012;}
/*news*/


/*contact*/
#ContMap{height:352px; width:934px;}
.ContactInfo{}
.ContactInfo h3{ color:#e50012; font-size:24px; margin-bottom:18px;}
.ContactInfo p{ margin:0; font-size:14px; line-height:30px; padding-left:25px;font-family:"微软雅黑"; color:#666}
.ContactInfo .add{ background:url(../images/ADD.png) no-repeat 2px 8px}
.ContactInfo .tel{ background:url(../images/TEL.png) no-repeat 0px 8px}
.ContactInfo .fax{ background:url(../images/FAX.png) no-repeat 2px 8px}
.ContactInfo .email{ background:url(../images/E-Mail.png) no-repeat 2px 8px}

.ContactInfo .website{ background:url(../images/website.png) no-repeat 2px 8px }



.ContactInfo .ContAir{ padding-top:18px; margin-bottom:13px; line-height:24px; width:940px; background:url(../images/contact_bj.jpg) no-repeat right center;}
.ContactInfo .ContMap{height:352px; width:934px; padding:2px; margin-top:32px; border:1px solid #cacaca;}

.HomeFeedback .TitleInput,.Contact_Message .TitleInput{width:418px; height:35px; border:1px solid #aaa; border-radius:5px; color:#666; padding-left:20px; margin-bottom:9px; line-height:35px;}
.ContInput{width:595px; height:95px; border:1px solid #515153; border-radius:5px; color:#666; padding-left:20px; line-height:24px; margin-bottom:9px\9;  }
.ConInput_bth {width:160px; height:40px;display:block; margin-left:35px; border:1px solid #515153; border-radius:5px; color:#666; line-height:40px; text-align:center; display:block; }

.Contact_Message{width:940px;}
.Contact_Message ul{margin-top:30px;}
.Contact_Message .TitleInput{border:1px solid #aaa; color:#999;}
.Contact_Message .ContInput{ border:1px solid #999;color:#bbb; }
.Contact_Message .ConInput_bth {border:1px solid #999; color:#888;  }
.Contact_Message .ConInput_bth:hover {background:#e50012; color:#FFF;border:none; }

.Contact_Message li{padding-left:35px;}
.Contact_Message li em{color:#ff0000; display:inline-block; margin-left:10px;}
.Contact_Message .TitleInput{width:418px; height:35px; border:1px solid #aaa; border-radius:5px; color:#999; padding-left:20px; margin-bottom:9px; line-height:35px;}

.MessageTip{color:#e50012; font-weight:600; width:500px; margin:10px 0 0 25px;}
/*contact*/

/*service*/
.SerIntrodu{padding-bottom:30px; width:940px; margin:25px auto; }
.SerIntrodu li{ height:45px; line-height:45px; background:url(../images/fwzcl.png) no-repeat bottom center;}
.SerIntrodu li span {width:3px; height:5px; background:url(../images/sli.png) no-repeat 10px 22px; padding:17px 10px 0 15px; }
.SerIntrodu li > a{color:#666;}
.SerIntrodu li a:hover{color:#ff0000;}
.SerIntrodu li em{ font-style:normal; display:inline-block; float:right; right:10px; color:#bbb;}

.Btn{ float:right; background:none; padding:3px 15px; background:#aaa; color:#fff; height:20px; line-height:20px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;margin:10px 0 0 15px;}
.Btn  a{ color:#fff;}
/*service*/

/*careers*/
.Careers{}
.CareersList{margin-top:20px;}
.CareersList li{ margin-bottom:20px;}
.tableNoe,.tableYes{width:940px; height:88px; line-height:44px; background:#fff; text-align:center; }
.tableNoe{border-collapse:collapse;}
.CareersList .tableNoe .borderRi{border-right:1px solid #e6e6e6; width:310px;}
.CareersList .tableNoe .CareersTip td{font-weight:bold; color:#333;}
.CareersList .tableNoe .borderWt{width:160px;}
.CareersList .tableNoe .borderHt{height:89px;}
 .borderCon{text-align:left; padding-left:10px; font-size:12px; line-height:18px;border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.CareersList table tr{border:1px solid #e6e6e6;}
.CarTip{width:165px; font-weight:bold; color:#333; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.CarTip a{color:#333;}
.CareersInfo{width:940px;}
/*careers*/

/*Current*/
.Current{width:940px; height:35px; border-bottom:1px solid #e1e1e1;  font-size:13px; text-align:right;}
.Current span{color:#e50012;}
/*Current*/

/*link*/
.link{ padding-top:30px; padding-bottom:50px; }
.link h3{margin:0;}
.link li {width:160px; height:90px; float:left; text-align:center; line-height:40px; margin-right:40px; margin-bottom:20px; list-style:none;}
/*link*/


/*sitemap*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}

/*new 2016.4.5*/
.ProdMenuList ul li.on a{background:#ababab; color:#e50012; }
.newsLiImg img{ width: 182px;height: 117px;}


/*products*/

.pr_demo{ position:relative}
.pr_demo:before{ 
position:absolute; 
content:"";
height:5px;
width:0%;
z-index:111;
bottom:1px;
}

.pr_demo:hover:before{ 
left:0;
background:#EB3D00;
width:100%;
transition:1s ease-in;
-webkit-transition:1s ease-in;
-o-transition:1s ease-in;
-moz-transition:1s ease-in;
}

.pr_demo .pr_bj{ 
position:absolute; 
width:100%; 
height:100%; 
background:rgba(107,99,99,0.1); 
z-index:100;
-webkit-transition:1s ease-in;
-o-transition:1s ease-in;
-moz-transition:1s ease-in;
}

.HomeProList ul li .pr_demo:hover .pr_bj{ 
background:rgba(107,99,99,0.1);
 
}

.ProductList ul li .pr_demo:hover .pr_bj{ 
background:rgba(107,99,99,0.1);
 
}

.about{ padding:25px;text-indent:25px; line-height:30px;  font-size:15px;}
.about p{ line-height:26px;}

.news_content{text-indent:25px; line-height:20px}
.pr_ctn{ margin-top:25px; font-size:15px}
.pr_ctn h3{ background:#EAE5E5; padding-left:18px; line-height:35px; width:210px; color:#4E4B49; border-radius:0 15px 0 0; margin:0px !important; font-weight:normal; font-size:16px}
.pr_ctn .products_content{ padding:20px; border:1px solid #E2E2E2; }
.pr_ctn img{ width:100%; overflow:hidden}


/*form*/

.message{ line-height:35px; overflow:hidden; margin-top:25px}
.message span{ padding:10px 25px 10px 25px; background:#C9151E; color:#FFF; font-size:16px}
.message ul{ border:1px solid #D5D5D5;padding:25px 25px 25px  11px; text-align:justify; text-justify:inter-word; margin-right:10px}
.message ul li{ display:inline-block; margin-top:15px}
.me_name{ width:48%; }
.me_age{ width:100%; margin-left:none}
.message .me_button{ text-align:center; margin-bottom:10px; }
.message .me_button .bgcor{ background:#C9151E;  border:none; color:#FFF;  width:150px;box-shadow:none}
.message .me_button .bgcor1{ background:#fff;border:1px solid #D5D5D5;  margin-left:3%;width:150px;box-shadow:none}


form input{width:100%;padding:0 2px 0 10px;border:1px solid #D5D5D5;line-height:46px;box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;  }
form textarea{width:100%; padding:0 2px 0 10px; border:1px solid #D5D5D5; line-height:46px; font-family:"微软雅黑";box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset; }
input:focus , textarea:focus{box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;}




input:focus:invalid, textarea:focus:invalid { /* when a field is considered invalid by the browser */
    background: url(../images/1.png) no-repeat 98% center;
    box-shadow: 0 0 5px #D9484F;
    border-color:#D9484F
	
	
}

input:required:valid, textarea:required:valid { /* when a field is considered valid by the browser */
    background:url(../images/2.png) no-repeat 98% center;
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}