﻿/* CSS Document */
/*logo*/
.topbg{width:100%; background:#f0f0f0;text-align:left; line-height:40px; float:left;}
.top{ width:100%; float:left; font-size:14px;}
.topcon{width:1200px; margin:0 auto;}
.tleft{ float:left; color:#2f2f2f;}
.tright{ float:right; color:#2f2f2f;}
.tright li{ float:left; margin:0 10px;}
.tright a{ color:#2f2f2f; font-size:14px;}
.top{width:100%; float:left;}
.logo{ float:left; margin:20px 0;}
.tel{float:right; margin-top:40px;color: #2f2f2f; background:url(../images/tel.png) no-repeat left center; font-size:16px; text-align:left; padding-left:60px;}
.tel span{position: relative;color: #0055b0;font-size: 26px; display:block; font-weight:bold;}
.tags{border-left:1px solid #dcdcdc; padding-left:10px; margin-top:40px; margin-left:10px; font-size:16px; color:#2f2f2f; line-height:30px; text-align:left;}
.tags strong{ display:block; font-size:18px; color:#0055b0;}

.menubg{height:60px; position:relative;  z-index:10; width:100%;  float:left;  background:#0055b0;}
.menu{width:1200px; height:60px; margin:0px auto;position:relative;  }

.menu ul li a{ color: #fff;font-size: 16px;font-family: "microsoft yahei";display: block;height:60px;line-height:60px;width:148px;-webkit-transition: all .5s;transition: all .5s;
background: -webkit-linear-gradient(left, #da251d, #da251d) no-repeat;
background: linear-gradient(to right, #da251d, #da251d) no-repeat;
background-size: 0% 100%;}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float: left;  position: relative; z-index:999;
text-align: center; position:relative;}
.menu ul li::after{content: '';width: 0px;height:14px;border-left: solid 1px #c8c8c8;position: absolute;top: 27px;right: -1px;}
.menu ul li:last-child::after {content: '';border-left: none;}
.menu li a:hover{ background:linear-gradient(to right, #da251d, #da251d) no-repeat; color:#fff;background-size: 100% 100%;}
.menu li #current{background:url(../images/hoverf.png) center no-repeat #da251d;color:#fff;}
.menu li:first-child{ background:none;}


/*下拉菜单*/
.menu li.mainlevel{ position:relative; z-index:10000;}
.menu li.mainlevel ul{ overflow:hidden; background:rgba(218,37,29,0.8); padding:0px 0; width:100%; }
.lbul{ display:none; position:absolute; left:0px; top:60px; width:100%;z-index:10001; }
.menu li.mainlevel ul li{float:none;background:none; display:block;height:40px; margin:0; width:auto;border:none;}
.menu li.mainlevel ul li a{font-size:14px; background:none; color:#fff;display:block;height:40px;  font-weight:normal;line-height:40px; padding:0; border-bottom:1px solid #fff}
.menu li.mainlevel ul li a:hover{ background: #f9ce05; color:#000; font-weight:normal; text-decoration:none;height:40px;line-height:40px;border-bottom:1px solid #FFF500}
/*导航结束*/
.fixedNav {position: fixed;top: 0px;left: 0px;width: 100%;z-index: 100000;_position: absolute;_top:expression(eval(document.documentElement.scrollTop));}


.banner{width:100%; position:relative; float:left;}
.banner img{width:100%;}

/*主体部分*/
.wrap{position:relative; float:left; width:100%;}
.w1100{width:1100px; margin:0 auto; position:relative;}
.w1200{width:1200px; margin:0 auto; position:relative;}
.wm{ margin:30px auto;width:100%; float:left;}

/*产品展示*/
.products{width:100%; float:left; margin:20px 0; position:relative;}
.pnav{width: 280px;float: left;position: relative;}
.navt{height: 128px;background: url(../images/left_t.png) no-repeat center;display: block;}
.navt a {font-size: 36px;color: #fff;display: block;font-weight: bold;text-align: center;padding-top: 25px;}
.navlist{float: left;width: 280px;background: #efefef; text-align:left; padding-bottom:20px;}
.navlist ul li{ line-height:30px; font-family:"Microsoft YaHei"; font-size:16px;margin:0px auto;}
.navlist ul li .first{background:url(../images/list.jpg) no-repeat center; height:42px;width:180px;margin:15px 0px 10px 32px;padding: 0 34px 0 0;}
.navlist ul li a.first { height:42px;font-size:16px;color:#fff; line-height:42px; display:block; text-indent:15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.navlist li ul li{height:40px; line-height:40px;margin:0px auto; border-bottom:1px dashed #e4e4e4;}
.navlist li ul li a {color: #333;font-size:14px; text-align:left; padding-left: 50px;}
.navlist li ul li a:hover {color:#0055b0;}


.pcon{width: 900px;position: relative;float: right;}
.pt{width:100%; float:left; height:40px;}
.pt a{float:left;width:125px;height:40px;line-height:40px;cursor:pointer;text-align:center;margin:0px 10px 0px 0;  background:#0169cf;font-size:18px; color:#fff; font-weight:bold}
.p_con{width:100%; float:left; position:relative;}
.pcon ul li {width:292px;margin:15px 8px 0 0;position:relative;-webkit-transition:all .5s;transition:all .5s; float:left;}
.pcon ul li a{display:block;}
.pcon ul li:nth-child(3n){ margin-right:0;}
.pcon ul li a:nth-of-type(1){width:292px;height:255px;overflow:hidden;}
.pcon ul li img{width:292px;height:219px;vertical-align:top;transition: all 1s;}
.pcon ul li:hover img{transform: scale(1.2);}
.pcon ul li a:nth-of-type(2){width:192px;height:40px;line-height:40px;padding:0 50px;text-align:center;font-size:16px;color:#545454;background:url(../images/jt_01.png) 300px center no-repeat #d7d7d7;position:absolute;left:0;bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}
.pcon ul li:hover a:nth-of-type(2){color:#fff; background:url(../images/jt_02.png) 300px center no-repeat #0098dd;-webkit-transition:all .5s;transition:all .5s;}



/*我们的优势*/
.advg{width: 100%;height: 1360px;padding-top: 50px;background: url(../images/ys_back.jpg) center top no-repeat; float:left;}
.advt{width:550px;height:36px;margin:0 auto 20px auto;position:relative;}
.advt h4{font-size:36px;font-weight:bold;color:#0055b0;line-height:36px;position:absolute;top:0;left:0;}
.advt p{font-size:18px;color:#545454;line-height:18px;position:absolute;top:0;left:260px;}
.advt span{display:block;font-size:12px;color:#989898;line-height:12px;text-transform: Uppercase;font-family:Arial;position:absolute;bottom:0;left:260px;}

.youshi{ text-align:left; margin:20px 0; width:100%;}
.ys_01{width:1200px;margin:40px auto 0 auto;overflow:hidden;cursor:pointer;}
.ys_01 .left{width:630px;height:230px;padding-top:30px;float:left;}
.ys_01 .left .top{width:530px;padding-left:100px;height:73px;position:relative;}
.ys_01 .left .top h5{font-size:24px;line-height:24px;color:#545454;margin-bottom:14px;}.ys_01 .left .top span{display:block;font-size:12px;line-height:12px;color:#bcbcbc;text-transform:Uppercase;font-family:Arial;padding-bottom:11px;border-bottom:dashed 1px #bfbfbf;}
.ys_01 .left .top i{display:block;width:73px;height:73px;line-height:73px;text-align:center; background:url(../images/num_back.png);font-size:24px;color:#fff;position:absolute;left:0;top:0;}
.ys_01 .left .top i::after{content:'';width:33px;height:1px; background:#fff;position:absolute;bottom:22px;left:20px;}
.ys_01 .left .bottom{width:530px;padding-left:100px;height:180px;background:url(../images/num_back_02.png) 63px 7px no-repeat;}
.ys_01 .left .bottom p{font-size:14px;color:#858585;line-height:30px;}
.ys_01 .left .bottom p:nth-of-type(1){margin-bottom:10px;}
.ys_01 .right{width:510px;height:260px;float:right;position:relative;}
.ys_01 .right::after{content:'';width:498px;height:248px;border:solid 1px #0055b0;position:absolute;bottom:0;left:0;}
.ys_01 .right img{width:500px;height:250px; vertical-align:top;position:absolute;top:0;right:0; z-index:2;}
.ys_02{width:1200px;margin:40px auto 0 auto;overflow:hidden;cursor:pointer;}
.ys_02 .right{width:630px;height:210px;padding-top:50px;float:right;}
.ys_02 .right .top{width:530px;padding-left:100px;height:73px;position:relative;}
.ys_02 .right .top h5{font-size:24px;line-height:24px;color:#545454;margin-bottom:14px;}
.ys_02 .right .top span{display:block;font-size:12px;line-height:12px;color:#bcbcbc;text-transform:Uppercase;font-family:Arial;padding-bottom:11px;border-bottom:dashed 1px #bfbfbf;}
.ys_02 .right .top i{display:block;width:73px;height:73px;line-height:73px;text-align:center; background:url(../images/num_back.png);font-size:24px;color:#fff;position:absolute;left:0;top:0;}
.ys_02 .right .top i::after{content:'';width:33px;height:1px; background:#fff;position:absolute;bottom:22px;left:20px;}
.ys_02 .right .bottom{width:530px;padding-left:100px;height:180px;background:url(../images/num_back_02.png) 63px 7px no-repeat;}
.ys_02 .right .bottom p{font-size:14px;color:#858585;line-height:30px;}
.ys_02 .right .bottom p:nth-of-type(1){margin-bottom:10px;}
.ys_02 .left{width:510px;height:260px;float:left;position:relative;}
.ys_02 .left::after{content:'';width:498px;height:248px;border:solid 1px #0055b0;position:absolute;bottom:0;right:0;}
.ys_02 .left img{width:500px;height:250px; vertical-align:top;position:absolute;top:0;left:0; z-index:2;}
.ys .top  i{-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}


.ys:hover .top  i{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
/*荣誉资质*/
.honor{width:100%; float:left; position:relative;}
.ht{width:100%; float:left; margin-bottom:20px;}
.ht a{ display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 20px; color: #333;-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;text-align: center;padding: 0 10px; border-left:3px solid #0a439d; text-align:left;}
.h_con{ width:100%; height:353px; overflow:hidden;}
.h_con ul li{float: left;width: 280px;margin: 0 10px 15px 10px;position: relative;z-index: 5;}
.h_con ul li .pic{width: 278px;height: 297px;border: 1px solid #e5e5e5;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
.h_con ul li .pic img{width: 278px;height: 297px;}
.h_con ul li .txt{width: 250px;height: 54px;line-height: 54px;-webkit-box-shadow: 0 0px 8px 6px rgba(0, 0, 0, .03);box-shadow: 0 0px 8px 6px rgba(0, 0, 0, .03);padding: 0 15px;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;position: relative;}
.h_con ul li .txt h5 a{float: left;width: 160px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;color: #333;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.h_con ul li .more{float: right;width: 28px;height: 25px;display: block;background: url(../images/more.png) no-repeat center;margin-top: 15px;}
.h_con ul li .txt span{position: absolute;left: 0;bottom: 0;width: 0;height: 54px;background: #0a439d;z-index: -1;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.h_con ul li:hover .txt span{ width: 100%;}
.h_con ul li:hover .txt a{ color: #fff;}



/*ban*/
.ban{width:100%; float:left; background:url(../images/bang.jpg) no-repeat center top; height:200px;}
.bacon{width:1200px; margin:0 auto; position:relative;}
.bacon .txt{width:540px;color:#fff;position:absolute;top:0;right:0; text-align:left;}
.bacon .txt h4{font-size:24px;font-weight:bold;line-height:24px;margin:20px 0 18px 90px;padding-bottom:25px;position:relative;}
.bacon .txt h4::after{content:'';width:45px;height:5px; background:#fff;position:absolute;left:0;bottom:0;}
.bacon .txt p{font-size:18px;line-height:18px;margin:0 0 30px 90px;}
.bacon .tels{width:540px;height:40px;overflow:hidden;}
.bacon .tels span{display:inline-block;font-size:24px;height:40px;line-height:40px;float:left;}
.bacon .tels .tj{width:190px;height:30px;background:#fff;padding:5px;float:right;}
.bacon .tels .tj .click{width:190px;height:30px;line-height:30px;display: block;text-align:center;font-size:14px;color:#0098dd;background:url(../images/click_back.png) center center no-repeat #fff;cursor: pointer;}
.bacon .tels .tj .click:hover{ background:#fff;}


/*公司简介*/
.about{width:100%; float:left; position:relative;margin: 50px auto 0 auto;
    background: url(../images/ab_bg.jpg) no-repeat bottom center; height:475px;}
.ab_con{ float:left; width:100%;}
.about .ab_img{float: left;width: 477px;height: 432px;margin-left: 25px;}
.about .ab_img img{width: 477px;height: 402px;}
.about .ab_nr{float: right;width: 630px;}
.about .ab_nr .ab_t{height: 127px;}
.about .ab_nr .ab_t h5{width: 59px;height: 117px;
background: #212121;float: left;font-size: 30px;line-height: 59px;color: #ffffff;font-weight: bold;writing-mode:tb-rl;text-transform: uppercase;padding-top: 10px;}
.about .ab_nr .ab_t h6 {float: left; margin-left: 20px;margin-top: 35px;}
.about .ab_nr .ab_t h6 a{font-size: 30px;line-height: 36px;color: #333333;font-weight: bold;display: block;}
.about .ab_nr .ab_t h6 span{display: block;font-size: 16px;color: #999999;}
.about .ab_nr p{height: 180px;font-size: 14px;line-height: 36px;color: #666666;margin-right: 20px;text-transform: uppercase;margin-top: 10px; text-align:left;}
.about .ab_list{margin-top: 30px;}
.about .ab_list ul li{float: left;height: 66px;width: 200px; border-right: 1px solid #0269d8;text-align: center;}
.about .ab_list ul li a{display: block;margin: 0 auto;color: #ffffff;font-size: 16px;}
.about .ab_list ul li span img{display: block;margin: 0 auto 5px auto;}



/* widgets
----------------------------------------------------*/
/* respimg */
.widget-respimg{display:table-cell!important;text-align:center;vertical-align:middle}
.widget-respimg img{max-height:100%;max-width:100%}
/*.isIE .widget-respimg{display: block!important;}
.isIE .widget-respimg img{width: auto;height: auto;vertical-align: middle;}
*/




/*新闻资讯*/
.news{width:100%; float:left; position:relative; background:#f5f5f5; padding:40px 0 20px 0;}
.h_title{width:760px;height:56px;margin:0 auto 0 auto;text-align:center;position:relative;}
.h_title p{font-size:48px;font-weight:bold; font-family:Arial;line-height:36px;color:#f1f1f1;text-transform:Uppercase;}
.h_title h3{width:760px;font-size:30px;line-height:42px;font-weight:bold;color:#0098dd;position:absolute;bottom:0;left:0; background:url(../images/h_back.png) left bottom no-repeat;}
.h_title h3 a{display:block;color:#0055b0;}
.h_title h3 span{color:#545454;}
.h_title h3 a span{color:#545454;}
.new_con{ margin:30px 0 0 auto; position:relative; float:left;width:100%;}
.news-Tn {overflow: hidden;width: 334px;height: 290px;padding: 20px;background: #fff;position: relative;}
.news-Tn img {width: 334px;height: 162px;}
.news-Tn div {padding: 15px 0; text-align:left;}
.news-Tn div span a {display: block;height: 30px;line-height: 30px;font-size: 15px;color: #0055b0;overflow: hidden;}
.news-Tn div p {height: 70px;overflow: hidden;line-height: 24px;color: #a8a8a8;margin: 10px 0;}
.news-Tn div b a {display: block;}
.T-news p {height: 24px;line-height: 24px;overflow: hidden;padding-left: 26px;}
.T-news-con {width:800px;}
.T-news {width: 342px;height: 60px;padding: 15px;background: #fff;margin: 0 0 24px 19px;border: 2px solid #fff;position: relative;transition: .3s all;cursor: pointer;}
.T-news .newsj {width: 62px;height: 62px;text-align: center;background: #0055b0;color: #fff;font-family: Arial, Helvetica, sans-serif;}
.T-news .newsj b {display: block;font-size: 24px;padding-top: 10px;}
.T-news .newsj span {display: block;font-size: 12px;}
.T-news .newsTime {width: 262px;height: 52px; text-align:left;}
.T-news .newsTime a {display: block;height: 24px;line-height: 24px;overflow: hidden; font-size:16px;}
.T-news .newsTime em {display: block;height: 40px;line-height: 18px;overflow: hidden; font-size:14px; color:#999;}
.more_news {width: 15px;height: 15px;text-align: center;line-height: 15px;background: #fff;position: absolute;top: 0;right: 0;}
.T-news:hover {border: 2px solid #0055b0;transform: translate(-10px, -10px);-webkit-transform: translate(-10px, -10px);box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)}
.T-news:hover .newsj {background: #0055b0;}
.T-news:hover .more_news {background: #0055b0;}
.T-news:hover .newsTime a {color: #0055b0;font-weight: bold;}
.more_news a {color: #fff;}




/*footer*/
.footer{width:100%; float:left; position:relative; background:url(../images/footer_bg.jpg) center top;}
.footer a{ color:#fff;}
.fnav{width:100%; float:left; height:65px; line-height:65px; background:url(../images/footer_xt.jpg) repeat-x left bottom;}
.fnav li{ display:inline-block;*display:inline; padding:0 32px; }
.fnav li:first-child{ background:none;}
.fnav li a{display:inline-block;*display:inline; color:#fff; font-size:16px;}
.end{width:100%; float:left; padding:20px 0;}
 .end_ewm{float:right; width:350px;text-align: center;}
.end_ewm li{width:143px;height:185px; float:left;  margin-right:20px; text-align:center;}
.end_ewm li p{ line-height:30px; color:#fff; font-size:14px;}
.end_ewm li img{width:128px; height:128px; display:inline-block; vertical-align:middle; border:1px solid #fff; padding:5px;}
 .end_n{font-size: 16px;  line-height: 30px;width:850px;float: left;color:#FFF;padding-bottom: 20px; text-align:left;}
 .end_n a{ color:#FFF;}


/*boxleft*/
.sideBar { float:left; width:240px; background:#f8f8f8; }
.topclass { background-color:#0055b0; width:200px; padding:0 20px; height:70px; line-height:70px; overflow:hidden; color:#FFF; font-size:28px; font-weight:700;}
.leftnav dd { border-bottom:1px solid #ddd; border-top:0; height:60px; width:100%; }
.leftnav dd a {font-size:16px; color:#666; float:left; width:238px; padding:18px 0; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.leftnav dd span { height:24px; line-height:24px; float:left; padding-left:30px; overflow:hidden; background:url(../images/ico-list-job.png) no-repeat 10px center;}

.leftnav dd.cur a, .leftnav dd:hover a {color:#0055b0;}
.side-news { width:238px; border:1px solid #ddd; border-top:0; }
.side-news .head { width:198px; height:58px; line-height:58px; border-bottom:1px solid #ddd; padding:0 20px; font-size:20px; font-weight:700; color:#0055b0; text-align:left; }
.side-news .contact { width:208px; padding:10px 15px; text-align:left; line-height:30px; text-align:left;}
.side-news .list { width:208px; padding:10px 15px; text-align:left;}
.side-news .list dd { height:35px; line-height:35px; }
.side-news .list dd a { margin-left:28px; }
.side-news .list dd.ico-faq { background:url(../images/ico-list.png) left center no-repeat; }

/*面包屑*/

.sitepath { width:100%; height:34px; line-height:20px; border-bottom:1px solid #ddd; position:relative; }
.sitepath h2 { font-size:20px; color:#0055b0; float:left;}
.sitepath .io { float:right; font-size:14px;}
.sitepath .io a{ font-size:14px;}

/*右边主体*/
.rside{width:940px; float:right;}
.aboutPage .txtcon {color: #666666; text-align:left; padding:20px; line-height:30px;}
.content{ text-align:left; padding:10px 0; font-size:16px; float:left; width:100%;}

/*产品展示页面*/
.gridlist .item {width:290px;float: left;margin:20px 15px 0px 0;border: 1px solid #ddd;border-radius: 5px;transition: all ease 300ms;background: #fff; padding:5px;}
.gridlist .item a {width: 100%;display: block;}
.gridlist .item:nth-child(3n){ margin-right:0;}
.gridlist .item .pimg{width:290px; height:225px;}
.gridlist .item img {transition: all ease 300ms;border-top-left-radius: 5px;border-top-right-radius: 5px;display:inline-block;}
.gridlist .item h3,.gridlist .item span {font-size: 16px;transition: all ease 300ms;color: #333;padding: 0 20px;height: 60px;line-height: 60px;overflow: hidden;text-align: center;}
.gridlist .item:hover {border-color: #0055b0;box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);}
.gridlist .item:hover img {filter: brightness(105%);}
.gridlist .item:hover h3 {color: #0055b0;}


/*新闻详情*/
#newTitle{ line-height:45px; font-size:25px; text-align:center;}
#newsInfo{ height:32px; line-height:32px; text-align:center; border-bottom:solid 1px #f1f1f1; margin:10px;}
.newsinfoleft {padding-left: 30px;}
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:100%; padding:3px; border:#dcdcdc solid 1px;}
#newsContent{ margin:0 auto;line-height:32px; padding:10px;}
#newsContent img{max-width:100%; text-indent:0em;}
#newsInfo i{ margin-right: 5px; }
.newsInfo{ height: 64px; margin-top: 15px; line-height: 64px; color:#999999;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.newsInfo i{ margin-right: 5px; }
.sha{ margin-right: 10px;float: right; }
.sha a{ float: left; margin-left: 10px;}
.sha a:hover{ animation: swing 1s; }
.sha span{ float: left; }




/*上一条下一条*/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a:hover{ color: #FF7800; }



/*新闻页面*/
.newsPage{width:100%; float:left; position:relative;}
.newsPage .item {margin: 20px auto; padding: 19px; height:160px;transition: all ease 300ms;border: 1px solid #ddd;}
.newsPage .item a {width: 100%;display: block;}
.newsPage .item img {width: 213px;height: 160px;margin-right: 28px;display: block;}
.newsPage .item h3 {font-size: 18px;color: #333;padding: 30px 0 16px;transition: all ease 300ms;  text-align:left;}
.newsPage .item .txt {color: #999;line-height: 24px;padding-right:24px;overflow: hidden;  text-align:left;}
.newsPage .item .time {width: 130px;padding-top: 42px;line-height: 24px;font-family: arial;font-size: 16px;color: #939aa3;}
.newsPage .item .time .day {font-size: 34px;line-height: 40px;display: block;}
.newsPage .item .time s { width: 50px;height: 8px;display: block;margin-top: 20px;background-position: 0 -177px;}
.newsPage .item:hover {border-color: #0055b0;}
.newsPage .item:hover h3 {color: #0055b0;}

/*咨询留言*/
.msgPage .title{font-size: 32px; color: #047fcc; text-align: center; padding: 22px 0 20px;}
.msgPage .formData{width: 649px; margin: 0 auto;}
.formData{padding: 20px 0 58px;}
.formData .im{width: 192px; padding-left: 115px; height: 52px; line-height: 52px; float: left; color: #999; border: 1px solid #d8d8d8; margin-right: 31px; margin-bottom: 18px; position: relative;}
.formData .im label{padding-left: 36px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 52px; line-height: 52px; font-size: 16px; color: #999999;}
.formData .im label s{width: 18px; height: 18px; position: absolute; left: 8px; top: 18px; background: url(../images/msg-ico.png) no-repeat 0 center;}
.formData .im input{outline: none; background: none; border: 0 none; line-height: 35px; height: 35px; font-size: 14px;}
.formData .im .txt{width: 100%; height: 52px; line-height: 52px; display: block; color: #333; font-size: 14px;}
.formData .im .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .im.mr0{margin-right: 0;}
.formData .im.a1 label s{top: 16px; background-position: 0 center;}
.formData .im.a2 label s{top: 17px; background-position: -34px center;}
.formData .im.a3 label s{background-position: -64px center;}
.formData .im.a4 label s{background-position: -96px center;}
.formData .im.a5{width: 532px;}
.formData .im.a5 label s{width: 25px; left: 9px; top: 17px; background-position: -125px center;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 617px; height: 116px; float: left; padding: 15px 15px;}
.formData .liuyan label{height: 26px; line-height: 26px; padding: 0; left: 15px; top: 15px;}
.formData .liuyan textarea{width: 100%; height: 116px; line-height: 26px; text-indent: 42px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.formData .btnbox{width: 100%; float: left;}
.formData .btnbox input{width: 190px; height: 55px; line-height: 55px; text-align: center; background: #0055b0; color: #fff; cursor: pointer; font-size: 22px; display: inline-block; *display: inline; *zoom: 1;}
.formData .btnbox input:hover{background: #bc070e; color: #fff;}
.formData .btnbox input.btn1{margin: 0 150px 0 60px;}
.formData .btnbox input.btn2{background: #999999;}
.formData .btnbox input.btn2:hover{background: #bc070e; color: #fff;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block;}


/*在线客服*/
.rightFix { width: 60px; height: 222px; position: fixed; right: 10px; bottom: 250px; z-index: 99; }
.rightFix .ico { width: 60px; height: 60px; display: block; position: relative; overflow: hidden; margin-top: 10px; border-radius: 60px; border: 1px solid #0055b0; margin-bottom: 5px; background: #ffffff url(../images/fix-ico.png) no-repeat center 0; }
.rightFix .ico .box { width: 120px; position: absolute; left: -78px; top: 0; text-align: center; padding: 5px; background: #0055b0; border: 1px solid #ddd; display: block; opacity: 0; filter: alpha(opacity=0); border-radius: 5px; background: #fff; }
.rightFix .ico .box img { width: 110px; height: 110px; display: block; }
.rightFix .ico span { width: 210px; text-align: center; height: 60px; line-height: 60px; position: absolute; left: -78px; top: 0; background:#0055b0; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 60px; }
.rightFix .ico:hover { background-color:#0055b0; border-color:#0055b0; overflow: visible; }
.rightFix .ico:hover .box { opacity: 1; filter: alpha(opacity=100); left: -140px; }
.rightFix .ico:hover span { opacity: 1; filter: alpha(opacity=100); left: -215px; }
.rightFix .fix-tel { background-position: 11px 12px; }
.rightFix .fix-tel:hover { background-position: -33px 12px; }
.rightFix .fix-qq { background-position: 17px 19px; }
.rightFix .fix-qq:hover { background-position: -27px 19px; }
.rightFix .fix-ewm { background-position: 17px -35px; }
.rightFix .fix-ewm:hover { background-position: -27px -35px; }
.rightFix .fix_top { background-position: 18px -91px; }
.rightFix .fix_top:hover { background-position: -27px -91px; }
.rightFix .fix-q { background-position: 17px -135px; }
.rightFix .fix-q:hover { background-position: -27px -135px; }
.rightFix .fix-form { background-position: 10px -234px; }
.rightFix .fix-form span { font-size: 14px; line-height: 23px; width: 180px; }
.rightFix .fix-form:hover { background-position: -37px -234px; }

.ewmbox2 { width: 300px; height: 320px; padding-top: 20px; background: #fff; z-index: 9999; position: fixed; left: 50%; top: 50%; margin: -170px 0 0 -150px; text-align: center; font-size: 16px; display: none; z-index:99999;}
.ewmbox2 .close { width: 32px; height: 32px; position: absolute; top: -25px; right: -40px; cursor: pointer; border-radius: 100%; background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center; transition: all ease 300ms;  }
.ewmbox2 .close:hover { transform: rotate(180deg); }
.ewmbox2 img { width: 260px; height: 260px; display: block; margin: 0 auto 10px; }