body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{ padding: 0; margin: 0; font-family:"微软雅黑"; font-size:14px; line-height:28px; color:#323232;  } 
table{border-collapse: collapse; border-spacing: 0; } 
fieldset,img { border: 0;} 
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal; } 

.wrap {width: 1100px;margin: 0 auto; position: relative;}
:hover{transition: all 300ms ease;}
ol,ul {list-style: none;} 
caption,th {text-align: left; } 
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;} 
span{ padding:0px; margin:0px}
q:before,q:after {content:'';} 
abbr,acronym { border: 0; }
.clear{clear:both;height:0;line-height:0;}
p{ margin:0px; padding:0px; color:#323232; }
a{text-decoration:none;}
body{background-color:#ffffff;max-width:1920px;margin: 0 auto;}


/*header*/
.header{ width:1100px; height:100px; margin:0 auto;padding-top:24px;}
.head_l{ float:left;width: 600px;}
.logo{ float:left; padding-right:20px;}
.logo a{ display:block;}
.logo img{ width:202px; height:74px;}
.head_l p{float:left;padding-left:20px; font-size:22px; color:#007bda; height:80px;line-height: 50px; background:url(img/lol.jpg) left center no-repeat; }
.head_l p span{ color:#545454; font-size:18px;line-height: 20px;}
.htel{ float:left; padding-top: 12px;width:242px; font-size:16px; color:#484848;}
.htel span{ color:#ff9600; font-size:28px; font-weight:bold;}
.head_r{ float:right;width: 242px;}
.wd{margin-left: 26px;}
.wd a{padding: 0 10px; line-height:26px; font-size:12px; color:#181818; border-left:1px solid #181818;} 
.wd a:first-child{border-left:0;}
.wd a:hover{ color:#ff9903;}

.search{float:right; position:relative;width:242px; height:33px; margin-top:8px;border:1px solid #c9c9c9;}
.search .txt1{padding-left:8px;width:234px;height:32px;border:0;color:#333333; font-size:16px;}
.search .submit{ position:absolute; right:0; bottom:0px;cursor:pointer;border:none;width:41px;height:33px; background:url(img/search.jpg) right center no-repeat;}


/*nav*/
.nav{ width:100%; height:50px; background:#007bda;}
.nav1{ width:1100px; height:50px; margin:0 auto;}
.nav1 li{ float:left;width:157px; height:50px; line-height:50px; font-size:18px; text-align:center;background-position:center -70px;transition: background .3s;  -webkit-transition: background .3s;background-position: -130px bottom ;}
.nav1 li a{ display:block; color:#ffffff;}
.nav1 li:hover{ background:#ff9904}
.nav1 .current a{background:#ff9904;color:#fff;}



/*banner*/
.banner{position: relative;z-index:22;overflow: hidden;width: 100%;height: 402px;}
.banner1{width: 1920px;height: 402px;margin: 0 auto;}
.banner1 li{float: left; width:1920px;height: 402px;text-align: center;}
.banner .tip{width: 1000px;height: 25px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 13px;z-index: 3;}
.banner .tip span{ display: inline-block;width: 18px;height: 18px;cursor: pointer;margin: 0 8px;font-size: 0px;line-height: 0px;background: #ffffff;z-index: 3;-moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px;}
.banner .tip .cur{background:#ff9600;height: 18px;width: 18px;}


/*minBanner*/
.MinBanner{position: relative;z-index:22;overflow: hidden;width: 100%;height: 300px;}
.MinBanner .banner1{width: 1920px;height: 300px;margin: 0 auto;}
.MinBanner .banner1 li{float: left; width:1920px;height: 300px;text-align: center;}
.MinBanner .tip{width: 1000px;height: 25px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 13px;z-index: 3;}
.MinBanner .tip span{ display: inline-block;width: 18px;height: 18px;cursor: pointer;margin: 0 8px;font-size: 0px;line-height: 0px;background: #ffffff;z-index: 3;-moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px;}
.MinBanner .tip .cur{background:#ff9600;height: 18px;width: 18px;}


/*ipro*/
.ipro{ width:1100px; height:464px; margin:0 auto;}
.ip_top{ padding-top:30px;}
.iptit{ width:388px; height:30px; margin:0 auto; line-height:30px; background:url(img/pion.jpg) center repeat-x;}
.iptit span{ display: block;margin: 0 auto;width:130px; height:30px; line-height:30px; background:#fff; font-size:24px; color:#007bda; text-align:center;}
.ip_top p{ font-size:16px; color:#484848; text-align:center;}
.ip_bot{ padding-top:30px;position: relative;}
.ip_bot .iprev{ cursor:pointer; float:left;margin-right: 11px; width:26px; height:300px; background:url(img/prev.jpg) left center no-repeat;}
.ip_bot .inext{cursor:pointer; float:right;width:26px; height:300px; background:url(img/next.jpg) right center no-repeat;}
.ip_bot .ipul{position: relative; width: 1026px;height: 312px;float:left; overflow:hidden;}
.ip_bot ul{ float:left;}
.ip_bot li{ float:left; margin: 0 14px; position:relative; width:228px; height:312px; background:url(img/pco.jpg) 31px -29px no-repeat;}
.ip_bot li a{ display:block;width:228px;height: 298px;border:1px solid #bfbfbf; }
.ip_bot li img{ display:block; width:206px; height:146px; border:1px solid #dcdcdc; margin:16px 12px;}
.ip_bot li h1{ cursor:pointer; font-size:16px; color:#484848;padding:0px 12px;}
.ip_bot li p{cursor:pointer; font-size:14px; color:#484848; padding:0px 12px;}
.ip_bot li .more{ position:absolute; left:78px; bottom:2px;cursor:pointer; display:block; font-size:14px; color:#fff; width:74px; height:22px; line-height:22px; text-align:center; background:#007bda;}
.ip_bot li:hover{ transition: all 300ms ease;background:url(img/pco.jpg) 31px -1px no-repeat;}
.ip_bot li:hover h1{font-weight:bold; transition: all 300ms ease;color:#ff9600;}
.ip_bot li:hover .more{ transition: all 300ms ease;background:#ff9600;} 


/*iabout*/
.iabout{ width:100%; height:520px; background:#027cda;}
.iabout1{ width:1100px; height:520px; margin:0 auto;}
.ia{ padding-top:40px; height:254px;}
.ia_top{}
.iatit{ width:388px; height:30px; margin:0 auto; line-height:30px; background:url(img/aion.jpg) center repeat-x;}
.iatit span{ display: block;margin: 0 auto;width:130px; height:30px; line-height:30px; background:#017bd8; font-size:24px; color:#fff; text-align:center;}
.ia_top p{ font-size:16px; color:#fff; text-align:center;}
.ia_bot{ padding-top:6px; font-size:16px; color:#ffffff;}
.ia .mo{ position: relative;left: 50%;margin-left: 458px;top:30px;display:block; font-size:16px; color:#ffffff; text-align:center; width:81px; height:31px; line-height:31px; background:url(img/mo.jpg) right no-repeat;}
.ia .mo:hover{color:#ff9600;}

.ibot{ padding:26px 0px 0px 92px;height: 168px;}
.ibot li{ position:relative; float:left; margin-left:78px; width:125px; height:200px;}
.ibot li a{width: 125px;height: 125px;display: block;transition: all 1s ease 0s; }
.ibot li a:hover{transform: rotate(-360deg);}
.ibot li span{ position:absolute; top: 126px;display:block;width:125px; height:32px; line-height:32px; text-align:center; font-size:16px; color:#ffffff;transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.ibot .ico1{background:url(img/li01.png) center no-repeat;}
.ibot .ico2{background:url(img/li02.png) center no-repeat;}
.ibot .ico3{background:url(img/li03.png) center no-repeat;}
.ibot .ico4{background:url(img/li04.png) center no-repeat;}


/*iwrap*/
.iwrap{ width:1100px; height:340px; margin:0 auto; padding-top:36px;}
.inews{ float:left; width:550px;}
.intit{ position:relative; width:550px; height:34px; line-height:34px; background:url(img/nbg.jpg) center no-repeat;}
.intit h1{position: absolute;left: 230px;bottom: 15px;height:34px; line-height:34px; text-align:center; font-size:24px; color:#007bda;}
.intit span{ display:block; position: absolute;left: 184px;top: 15px;font-size:16px; color:#484848;}
.inbot{ padding-top:40px;}
.inbot .intop{width:550px; height:68px; padding-bottom:20px;}
.inbot .intop img{ display:block; float:left; width:92px; height:66px; border:1px solid #e5e5e5;}
.inbot .intop .inr{ float:right; width:438px;}
.inbot .intop .inr a{ display:block;}
.inbot .intop .inr a:hover h1{color:#ff9600;}
.inbot .intop .inr h1{ font-size:16px; color:#484848;}

.inbot .intop .inr p{font-size:14px;color:#484848;line-height:21px;}
.inul{width:550px; border-top:1px solid #dcdcdc;}
.inul a.ite{ display:block; height:34px; line-height:34px; border-bottom:1px solid #dcdcdc;background:url(img/icon.jpg) 0px -23px no-repeat;}
.inul a.ite h1{cursor: pointer;padding-left:20px; float:left;font-size:16px;height:34px; line-height:34px;color:#484848; }
.inul a.ite span{ display:block; float:right; color:#484848;}
.inul a.ite:hover{background:url(img/icon.jpg) 0px 11px no-repeat;}
.inul a.ite:hover h1{color:#ff9600;}
.inul a.ite:hover span{color:#ff9600;}

.icontact{ float:right; width:460px;}
.ictit{ position:relative; width:550px; height:34px; line-height:34px; background:url(img/nbg.jpg) center no-repeat;}
.ictit h1{position: absolute;left: 230px;bottom: 15px;height:34px; line-height:34px; text-align:center; font-size:24px; color:#007bda;}
.ictit span{ display:block; position: absolute;left: 184px;top: 15px;font-size:16px; color:#484848;}
.icbot{ padding-top:40px;font-size:18px; color:#484848;}
.icbot .ic_left{ float:left; width:328px; font-size:16px; color:#484848;}
.icbot img{ display:block; float:right; width:128px; height:244px;}


/*foot*/
.foot{ width:100%; height:44px; background:#007bda; border-top:1px solid #005da5;border-bottom:1px solid #005da5;}
.foot1{ width:1100px; height:44px; margin:0 auto;}
.bnav{ float:left;}
.bnav ul{}
.bnav li{ float:left; width:140px; height:44px; line-height:44px; text-align:center;}
.bnav a{ display:block;width:140px; height:44px; background:url(img/lleft.jpg) left center no-repeat; font-size:18px; color:#fff;}
.bnav li:hover{ background:url(img/hov.jpg) 34px 34px no-repeat;}
.foot .top{ cursor:pointer; float:right; width:52px; height:44px; background:url(img/top.jpg) right center no-repeat;}


/*bottom*/
.bottom{ width:1100px; height:172px; margin:0 auto;}
.b_left{ float:left; width:834px; padding-top:34px;}
.blogo{ float:left; width:156px; height:84px; background:url(img/bol.jpg) right center no-repeat;}
.blogo img{ display:block;padding: 12px 2px; width:136px; height:58px;}
.b_left .bcont{ float:right; width: 662px;}
.b_left .bcont p{ font-size:16px; color:#484848;}
.b_left .bcont p a{color:#484848;}
.b_left .bcont p a:hover{ color:#007bda;}
.b_right{ float:right; padding-top:30px; text-align:center; font-size:12px; color:#484848;}
.b_right img{ display:block; width:98px; height:98px;}




/*neiye*/
.neiye{width:1100px;height:auto;margin:40px auto 20px;}
.left{float:left;width:245px;height:auto;}
.right{float:right;width:827px;height:auto;}

/*fenlei*/
.fenlei{float: none;margin-bottom: 10px;}
.fenlei_top{width: 245px;height: 119px;background: #007bda;}
.fenlei_top h1{width: 245px;padding-top: 20px;line-height: 42px;text-align: center;font-size: 26px;font-weight: bold;color: #ffffff;}
.fenlei_top span{display:block;width: 245px;text-align: center;font-size: 26px;font-weight: bold;color: #ffffff;}
.fenlei_bottom{width: 245px;background: #007bda;}
.fenlei_mid{margin-left: 10px;width: 226px;height: auto;}
.fenlei_mid li{background: #fff;}
.fenlei_mid li a{font-size:16px;display: block;width: 226px;line-height: 54px;text-align: center;color: #464646;background: url(img/icon_pro.jpg) 43px center no-repeat;border-bottom: 1px solid #ccc;}
.fenlei_mid li a:hover{color:#007bda;font-weight:bold;}
.fenlei_mid .drop{display:none; width:226px;  padding-top:10px; background:#ffffff;}
.fenlei_mid .drop li{width:226px; height:32px; font-weight:normal;}
.fenlei_mid .drop li a{display: block;width:226px; line-height:32px; text-align:center;color: #464646;background: none;border-bottom: 0;}
.fenlei_mid .drop li a:hover{color:#0361b2;}
.fenlei_mid .iphover{color:#007bda;font-weight:bold;}
.fenlei_z{width: 246px;padding-top: 20px; padding-bottom:28px;}
.fenlei_z .fenlei_tel{position: relative;width: 245px;height: 62px;background: url(img/prolt.jpg) center no-repeat;}
.fenlei_z .fenlei_tel p{position: absolute;top: -7px;left: 57px;font-size: 18px;color: #ffffff;}
.fenlei_z .fenlei_tel span{position: absolute;display: block;top: 36px;left: 0;font-size: 25px;font-weight: bold;color: #ffffff;width:245px;text-align: center;}


/*lcontact*/
.lcontact{width:246px;height:auto;padding-top: 20px; padding-bottom:40px;}
.lcontact_top{ font-size:24px; font-weight:bold;text-align: center;background: #007bda;color: #fff;height: 82px; line-height:82px;}
.lcontact_bottom{ line-height: 28px;border: 1px solid #007bda;padding: 10px;}


/*right*/
.right{width:827px; height:auto; float:right;}
.right_top{width: 827px;height: 41px;background:#007bda;}
.right_top h1{float: left;padding-left: 24px;height: 41px;line-height: 41px;font-size: 20px;font-weight: bold;color: #ffffff;}
.right_top .sitepath{float:right;color:#fff;padding-right:34px; line-height:38px;}
.right_top .sitepath a{color:#fff;}
.right_top .sitepath a:hover{color:#ff8708;}
.right_bottom{width:802px;overflow:hidden;padding:12px 12px;border-top:0;line-height:28px;}
.right_bottom .bimg img{max-width:98%;}



/* minbanner */
.minBanner{overflow:hidden;width:100%;height:300px;position: relative;}
.minBanner .banner1{width:1920px;height:300px;margin:0 auto;}
.minBanner .banner1 li{float:left;width:1920px;text-align:center;}
.minBanner .banner1 li img{width: 1920px;height: 300px;margin-left: -949px;left: 50%;position: absolute;display: block;}
.minBanner .tip{position:absolute;z-index:120;bottom:28px;left:50%;width:300px;margin-left: -64px;}
.minBanner .tip span{float:left;display:block;width:40px;height:8px;background-color:#bfbfbf;margin:0 5px;cursor:pointer;}
.minBanner .tip .cur{background-color:#0361b2;}



/* pager */
.pager { display:block; width:100%; height:auto; padding:25px 0 5px; text-align:center; clear:both; margin-bottom:5px; }
.pager span, .pager a{ display:inline-block; border:1px solid #aaa; color:#333; background:#fff; height:20px; line-height:20px; padding:0px 7px; text-decoration:none; margin:0 5px; border-radius:1px; }
.pager a:hover{ background:#f5f5f5; border-color:#aaa; color:#aaa; text-decoration:none;}
.pager .cur{ background:#fff; border-color:#007bda; font-weight:bold; color:#007bda; }
.pager span.dot{ background:#007bda; border-color:#007bda; font-weight:bold; color:#fff; }

/*map*/
.dtditu{width:140px; height:30px; line-height:30px; background:#007bda; color:#fff; font-weight:bold; margin:24px auto 0; text-align:center; font-size:14px;}
#baiduMap{width:796px; height:280px; border:1px solid #007bda; border-top:3px solid #007bda;}
.BMap_bubble_title + .BMap_bubble_content { line-height:18px; padding:9px 0 0;  }
.BMap_bubble_title a { display:inline-block; padding:0 10px; height:2em; line-height:2em; border-radius:0.5em; background:#007bda; color:#FFF; }

/* pageProduct */
.right_bottom .photo { padding-top: 20px;text-align:center; width:440px;height:330px;  float:left; }
.right_bottom .photo img { width:100%; height:330px; }
.right_bottom .photo1 { text-align:center; width:324px; float:left; margin-bottom: 20px;margin-left: 16px; }
.right_bottom .photo1 img { border:1px solid #ddd; padding:4px; width:324px; height:380px; display:block; }
.right_bottom .wd { padding-top: 20px;float:right; width:332px; height:330px; margin-bottom:15px; overflow:hidden;}
.right_bottom .wd h1 { font-family:"Microsoft Yahei"; font-size:20px; line-height:24px; margin-bottom:8px; color:#3d3d3d; }
.right_bottom .wd ul { font-size:12px; }
.right_bottom .wd li.item { height:30px; line-height:30px; }
.right_bottom .wd li.item span { margin-right:5px; }
.right_bottom .wd li.tel {width: 212px; padding: 15px 20px;border: 1px solid #007bda;margin:20px 0px 26px 0px;border-radius: 6px;}
.right_bottom .wd li.tel span {padding-left: 46px;display: block; background: url(img/tel.png) left center no-repeat;height: 42px;line-height: 42px;font-size: 18px;}
.right_bottom .wd li.tel font{font-size: 27px;color: #007bda;line-height: 1.2;}

.right_bottom .wd li.btn { height:45px;padding-top:16px; }
.right_bottom .wd li.description { width:348px; padding:10px; line-height:22px; border:1px dotted #ddd; background:#FFF; height:105px;}
.right_bottom a.order { width:114px; height:38px; margin-top:5px; font-size:16px;line-height:38px; text-align:center; background:#007bda; display:block; color:#FFF;border-radius: 5px; }
.right_bottom a.order:hover { background:#026bc0; }
.right_bottom .info {border-top: 1px dashed #aaaaaa;margin:40px 0px; }
.right_bottom .m {padding: 20px 0 10px;}
.right_bottom div.ts { font-size:16px;color:#007bda; height:25px;}
.right_bottom div.infor {padding-top:28px; margin-bottom:10px;color:#666; }
.right_bottom div.infor img{max-width:98%;}


/* relatedLink */
.relatedLink { height:30px; line-height:30px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; width:100%; margin:0 auto 20px; }
.relatedLink .prevLink { float:left; margin-left:10px;  line-height:30px;}
.relatedLink .nextLink { float:right; margin-right:10px;  line-height:30px;}
.relatedLink a {color:#000000;}
.relatedLink a:hover{color:#00589f;}


/*.recommend-pro*/
.recommend-pro { background:#fff;}
.recommend-pro .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; }
.recommend-pro .head h2 {  line-height:38px;font-size: 18px;color: #007bda; border-left: 5px solid #007bda;padding: 0 0 0 20px;}
.recommend-pro .head .mo { position:absolute; right:10px; top:0; color:#999; }
.recommend-pro .head .mo:hover { color:#007bda; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:184px; margin: 0 20px 0 0; }
.recommend-pro .item .img { width:100%; height:138px; overflow:hidden; background:#f1f1f1; border: 1px solid #ddd;}
.recommend-pro .item .img img { width:100%; height:138px; }
.recommend-pro .item h3 {line-height:40px; text-align:center; margin-bottom:10px; font-weight:400; }
.recommend-pro .item h3 a{color: #323232; }
.recommend-pro .item h3 a:hover{color:#007bda;}
.recommend-pro .item .order { text-align:center; }
.recommend-pro .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff; background:url(../images/order.png) center center no-repeat; }
.recommend-pro .item:hover { border-color:#c8a48e; }
.recommend-pro .item .order a:hover { background-image:url(../images/order-hover.png); }


.tit_case{ width:100%; height:26px; line-height:26px; font-size:16px; font-weight:bold; text-align:center}
.photo_case{ width:600px; margin:0 auto; margin-top:10px;}
.photo_case img{ max-width:594px; display:block; margin:0 auto; border:1px solid #dddddd; padding:2px;}
.info_case{ width:763px; height:auto; margin:15px 12px;}

.tit_pro{ width:100%; height:26px; line-height:28px; font-size:16px; font-weight:bold; text-align:center}
.photo_pro{ width:600px; margin:0 auto; margin-top:10px;}
.photo_pro img{ max-width:594px; display:block; margin:0 auto; border:1px solid #198300; padding:2px;}
.info_pro{ width:736px; height:auto; margin:15px 0;}

.tit_news{ padding-top:20px;width:100%; line-height:28px; font-size:18px; text-align:center;color:#00589f;padding-bottom: 5px;}
.mark { height:30px; line-height:30px; text-align:center; margin-bottom:20px; border-bottom:1px dotted #a6a6a6; border-top:1px dotted  #a6a6a6;  }
.mark span, .pageNews .tbody .mark a.msg { margin:0 7px; }
.mark .font a { margin:0 3px; color:#ccc; }
.mark .font a:hover, .pageNews .tbody .mark .font a.cur { color:#004982; }
.mark a.msg { width:40px; height:20px; line-height:20px; display:inline-block; color:#e62a05; }
.info_news{ width:780px; height:auto; margin:15px 12px;}
.pageNews .mark a.msg:hover { text-decoration:underline; }


/*news*/
.right_bottom a.news_a{ width:767px; height:40px;line-height:40px; border-bottom:1px dashed  #d6d6d6; display:block;cursor:pointer;margin-left: 10px;}
.right_bottom a.news_a p{float: left;cursor: pointer;width:650px; color:#3d3d3d; }
.right_bottom a.news_a span{color: #999;cursor: pointer;float: right;}
.right_bottom a:hover  p{color:#007bda;}
.right_bottom a:hover  span{color:#3d3d3d;}

/*news2*/
.right_bottom .news_b{ width:816px; height:152px; border-bottom:1px dashed #aaaaaa; display:block; padding:14px 0; overflow:hidden;}
.right_bottom .news_b a{display:block; float:left;}
.right_bottom .news_b img{ width:203px; height:152px;}
.right_bottom .news_b .nimg_right{ width:596px; height:152px; float:right;}
.right_bottom .news_b .nimg_right h1{margin-bottom: 8px; line-height:20px; font-size:16px;display: block;height: 20px;}
.right_bottom .news_b .nimg_right h1 a{color:#3d3d3d; }
.right_bottom .news_b .nimg_right h2{height:90px; line-height:24px; color:#666;}
.right_bottom .news_b .nimg_right h1 a:hover{color:#00589f;}
.right_bottom .news_b .detail{line-height: 42px;color: #3d3d3d;}
.right_bottom .news_b .detail:hover{color:#00589f;}

/*npro*/
.npro{ width:252px; height:234px; float:left; margin: 0px 4px 0px 10px;}
.npro a{width:252px; height:198px;display:block; }
.npro a img{display:block;  width:244px; height:182px;padding:2px;border:1px solid #dddddd; }
.npro a span{cursor: pointer;display:block;  width:242px;height:47px;color:#737373; text-align:center; line-height:40px;}
.npro a p{ position:absolute; top:0; left:0; width:0; height:0; background:#379405; z-index:-1; display:block;}
.npro a:hover span{color:#007bda; transition: all 300ms ease;}
.npro a:hover img{border:1px solid #007bda;transition: all 300ms ease; }



/*message*/
#formPost {margin:0px auto 20px; padding-top:26px; padding-left: 20px;}
#formPost tr.item label { margin-right:5px; }
#formPost tr.item .tip { width:260px;}
#formPost tr.item input, .formData tr.code input { width:250px; height:25px; line-height:25px; color:#666; border:1px solid #ccc; border-radius:2px; padding:0 5px; }
#formPost tr.item textarea { width:250px; height:80px; color:#666; border:1px solid #ccc; margin-bottom:15px; border-radius:3px; padding:0 5px; }
#formPost tr.item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border:1px solid #999; }
#formPost tr.code input { width:90px; }
.right_bottom .sub { width:102px; height:32px; line-height:32px; text-align:center; background:#999; border-radius:2px; color:#FFF; border:none; margin-right:10px; cursor:pointer; }
.right_bottom.sub:hover { background:#666; }
#formPost tr.code img { vertical-align:middle; *vertical-align:0; margin-left:10px; }
#formPost .err, .formData .red { color:#ff0000; }
#formPost .red { font-size:16px; line-height:16px; font-weight:700; margin-right:5px;color:red; }


.recommend-form {/*padding:0 20px;*/background: #fff; }
.recommend-form .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; }
.recommend-form .head h2 { line-height:38px;font-size: 18px;color:#0361b2;border-left: 5px solid #0361b2;padding: 0 0 0 20px; }
.recommend-form .main { width:100%; overflow:hidden; padding:26px 0 20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.recommend-form .row-2 { width:638px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:650px; height:auto; }
.recommend-form .ico-name {  background: url(img/ico-name.png) 15px center no-repeat; }
.recommend-form .ico-phone { background: url(img/ico-phone.png) 15px center no-repeat; }
.recommend-form .ico-email {background: url(img/ico-email.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt { width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:628px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px;cursor: pointer; }
.recommend-form input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; margin-left:10px; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; margin:0 0 0 10px; width:164px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#007bda;}
.recommend-form .reset { background:#292826; }
.recommend-form .submit:hover { background:#00589f; }
.recommend-form .reset:hover { background:#000; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(img/log-arrow.png) center center no-repeat; }





/******************************
 ** css3高级动画
 ******************************/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animatedTow{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}