header,#main{width:100%;overflow:hidden}
.wrapper{width:1200px;margin:0 auto;display:block;position:relative}

.nav li a,
.case_list li img,
.inews_items li img,.she li,
.sidebar ul li a,
.sidebar ul li a span,
.product_list li span,
.product_list li img,
.case_li span,
.case_li b:after,
.case_li b img,
.cpy_right ul li,
.honor_wrapper ul li{
    transition:all 250ms;
    -webkit-transition:all 250ms;
}

/*header*/
/*header*/
.header_top{line-height: 35px;background-color: #e0e0e0;font-size: 14px;color: #575757;overflow: hidden;}
.header_top p{float: left;}
.header_top span{float: right;}
.header_top span a{padding-left: 20px;color: #575757;}
.header_top span a:hover{text-decoration: underline;}

.logo{overflow: hidden;padding: 30px 0;display: table;}
.logo_content{display: table-cell;vertical-align: middle;position: relative;}
.logo_content img{float: left}
.logo_content span{font-size: 14px;color: #323232;opacity: 0.8;padding-left: 20px;margin-left: 20px;border-left: 1px dashed #b8b8b8;float: left;margin-top: 15px;}
.logo_content span small{display: block;color: #323232;font-size: 14px;}
.logo p{display:table-cell;vertical-align: middle;font-size: 16px;background: url("../Images/tel.png") no-repeat left center;padding-left: 68px;text-align: left;width: 295px;color: #2d2d2d;}
.logo p b{display: block;font-size: 35px;color: #015db2;}

.nav{overflow:hidden;height:55px;background: #015db2;border-top: 5px solid #80b4e3;}
.nav ul li{float:left;width:133px;text-align:center;position:relative;}
.nav ul li a{font-size:14px;color:#fff;display: block;line-height: 55px;position: relative;overflow: hidden;}
.nav ul li a span{position: relative;z-index: 2;}
.nav ul li a:after{display: block;content:'';clear: both;position: absolute;right: 0;top: 50%;margin-top: -5px;width: 1px;height: 10px;background: #76b1e7;z-index: 10;}
.nav ul li a small{display: block;font-size: 12px;opacity: 0.5;}
.nav ul li:first-child a{border-left: 0;}
.nav ul li:last-child a{border-right: 0;}
.nav ul li a:before{opacity: 0;display: block;content: '';  width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 10px solid #80b4e3;position: absolute;left: 50%;margin-left: -5px;top: 0;}
.nav ul li a:hover{background: #4794db;}
.nav ul li a:hover:before{opacity: 1;}

/*main*/
.main_title{overflow: hidden;margin-bottom: 40px;}
.main_title h2{font-size: 24px;color: #797a7a;border-left: 6px solid #398fde;float: left;padding-left: 10px;margin-top: 8px;}
.main_title h2 small{display: block;font-size: 14px;font-weight: 400;}
.main_title a{display: block;float: right;width: 134px;line-height: 65px;background:#1b6eca url("../Images/more.png") no-repeat 12px center;text-indent: 52px;color: #fff;}
.main_title a:hover{text-decoration: underline;}
/*hot*/
.hot{line-height: 52px;background: #015db2;overflow: hidden;font-size: 14px;color: #7ab3e7;}
.hot a{color: #7ab3e7;}
.hot ul li{float: left;margin-right: 30px;}

/*product*/
.product{overflow: hidden;background: #eeeeee;padding: 50px 0;}
.sidebar{width: 326px;float: left;}
.sidebar h3{height: 116px;background: url("../Images/sbg.png") no-repeat center;font-size: 40px;text-align: center;padding-top: 26px;color: #fff;position: relative;z-index: 2}
.sidebar h3 small{display: block;font-size: 20px;margin-top: 10px;}
.sidebar ul{width: 300px;background: #fff;margin: -20px auto 0 auto;padding-top: 18px;padding-bottom: 10px;}
.sidebar ul li{padding:6px 0;border-bottom: 1px dashed #9f9f9f;text-indent: 45px;width: 260px;margin: 0 auto;}
.sidebar ul li a{display: block;padding: 10px 0;position: relative;border-left: 10px solid #fff;}
.sidebar ul li a span{position: absolute;right: 40px;top: 50%;margin-top: -7px;width: 9px;height: 14px;background: url("../Images/list.png") center;}
.sidebar ul li a:hover{background: #9F9F9F;color: #fff;border-left: 10px solid #015db2;}
.sidebar ul li a:hover span{background: url("../Images/list2.png") center;}

.s_tel{background: #2e73b4;width: 280px;margin: 0 auto;padding: 15px 0 25px 20px;color: #fff;}
.s_tel p{font-size: 18px;background: url("../Images/tel2.png") no-repeat left center;padding-left: 77px;padding-top: 33px;margin-bottom: 10px;}
.s_tel span{display: block;font-size: 30px;}

.product_right {width: 840px;float: right;}
.product_list{width: 870px;}
.product_list li{float: left;margin: 0 22px 22px 0;}
.product_list li b{display: block;width: 100%;height: 100%;overflow: hidden;width: 266px;height: 185px;background: #fff;text-align: center;}
.product_list li img{max-width: 266px;max-height: 185px;/* display: block; */}
.product_list li span{display: block;line-height: 38px;text-align: center;background: #fff;font-size: 15px;}
.product_list li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.product_list li:hover span{display: block;background: #015DB2;color: #fff;}

#info .product_list{width: 970px; }
#info .product_list li span{background: #E2E2E2;}
#info .product_list li:hover span{background: #015DB2;}
/*#info .product_list li img{width: 286px;height: 230px;}*/

/*advantage*/
.advantage{height: 830px;padding: 50px 0;}
.advantage h3{font-size: 36px;color: #535353;text-align: center;line-height: 100px;}
.advantage h3 b{display: inline-block;width: 67px;height: 75px;background: url("../Images/4.png") no-repeat center;margin: 0 20px;text-indent: -999rem;line-height: 74px;}
.advantage>span{display: block;text-align: center;font-size: 16px;color: #6d6d6d;}

.advantage-img{position: absolute;width: 525px;height: 525px;left: 50%;margin-left: -262px;top: 217px;}
.advantage-img>img{animation: rotate 20s linear infinite}
@keyframes rotate{
    from{transform: rotateZ(0deg)}
    to{transform: rotateZ(360deg)}
}
@-webkit-keyframes  rotate{
    from{transform: rotateZ(0deg)}
    to{transform: rotateZ(360deg)}
}
.advantage-img ul{width: 395px;height: 395px;position: absolute;left: 50%;margin-left: -197px;top: 50%;margin-top: -197px;}
.advantage-img ul li{position: absolute;  transition:all 550ms;-webkit-transition:all 550ms;}
.advantage-img ul li:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.advantage-img ul li:nth-of-type(1){left: 0;top: 0;}
.advantage-img ul li:nth-of-type(1):hover{transform-origin: right bottom;}
.advantage-img ul li:nth-of-type(2){right: 0;top: 0;}
.advantage-img ul li:nth-of-type(2):hover{transform-origin: left bottom;}
.advantage-img ul li:nth-of-type(3){left: 0;bottom: 0;}
.advantage-img ul li:nth-of-type(3):hover{transform-origin: right top;}
.advantage-img ul li:nth-of-type(4){right: 0;bottom: 0;}
.advantage-img ul li:nth-of-type(4):hover{transform-origin: left top;}

.a-txt{width: 400px;position: absolute;background-repeat: no-repeat;}
.a-txt p{font-size: 30px;color: #2073cf;overflow: hidden;margin-bottom: 35px;}
.a-txt p img{float: left;margin-right: 10px;display: block;}
.a-txt small{display: block;width: 300px;font-size: 14px;line-height: 30px;color: #737373;}
.a-txt1{left: 23px;top: 182px;background-image: url("../Images/ax2.png");background-position: 0 60px;}
.a-txt2{right: 0;top: 182px;background-image: url("../Images/ax3.png");background-position: 0 60px;}
.a-txt2 small{margin-left: 60px;}
.a-txt2 p{margin-left: 40px;}
.a-txt4 p{margin-left: 40px;}
.a-txt4 small{margin-left: 40px;}
.a-txt3{bottom: 80px;left: 27px;background-image: url("../Images/ax1.png")}
.a-txt4{right:0px;bottom: 80px;background-image: url("../Images/ax4.png")}

/*sgxc*/
.sgxc{height: 585px;background: url("../Images/sgbg.jpg") no-repeat center;padding: 80px 0;}
.main_title2 h2{font-size: 36px;color: #cbe1f9;}
.main_title2 h2 small{font-size: 24px;color: #fff;}
.sgxc_li li{float: left;padding: 25px;background: #fff;margin-left: 15px;}
.sgxc_li li:first-child{margin-left: 0;}
.sgxc_li li b{display: block;overflow: hidden;width: 100%;height: 100%;}
.sgxc_li li img{width: 340px;height: 325px;transition:all 550ms;-webkit-transition:all 550ms;}
.sgxc_li li span{display: block;font-size: 18px;color: #444444;margin-top: 10px;}
.sgxc_li li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); }
.sgxc_li li:hover span{color: #2073CF;}

/*x-banner*/
.x-banner{height: 260px;background: url("../Images/xbanner.jpg") no-repeat center;color: #fff;text-align: center;padding-top: 40px;}
.x-banner p{font-size: 24px;background: url("../Images/xian.png") no-repeat center;margin-bottom: 25px;}
.x-banner b{font-size: 30px;display: block;}
.x-banner small{display: block;width: 560px;margin: 20px auto 30px auto;}
.x-banner span{font-size: 24px;}

/*case*/
.case{overflow: hidden;padding: 55px 0;}
.case .main_title h2 small{color: #1b6eca;}
.case_li{width: 1250px;}
.case_li li{float: left;margin-right: 15px;}
.case_li b{display: block;width: 100%;height: 100%;overflow: hidden;position: relative;background: #000;}
.case_li b:after{display: block;content: 'MORE';position: absolute;left: 0;width: 100%;text-align: center;background: url("../Images/sch.png") no-repeat center;color: #fff;padding-top: 116px;  top: 0px;opacity: 0;}

.case_li li img{width: 288px;height: 220px;display: block;}
.case_li span{display: block;line-height: 50px;background: #a1a1a1;color: #fff;font-size: 15px;text-align: center;margin-top: 6px;}
.case_li li:hover span{background: #1B6ECA;}
.case_li li:hover img{opacity: 0.2;}
.case_li li:hover b:after{top: 21px;opacity: 1;}

#info .case_li li{margin-bottom: 30px;}
/*company*/
.company{overflow: hidden;background: url("../Images/ju.png") no-repeat center 126px;}
.company .main_title h2 small{color: #1B6ECA;}
.cpy_left{width: 630px;float: left;}
.cpy_left span{display: block;font-size: 14px;color: #5b5b5b;line-height: 30px;}
.cpy_right{width: 553px;float: right;}
.cpy_right ul li{float: left;margin-left: 9px;position: relative;background: #000;}
.cpy_right ul li img{opacity: 0.5;display: block;}
.cpy_right ul li span{position: absolute;left: 50%;top: 50%;margin-left: -30px;margin-top: -51px;font-size: 20px;color: #fff;width: 20px;padding:0 20px;border-left: 1px solid #fff;border-right: 1px solid #fff;height: 102px;}
.cpy_right ul li:hover{background: #1B6ECA;}


/*honor*/
.honor{overflow: hidden;background: url("../Images/zi.png") no-repeat center;height: 216px;margin: 40px 0 50px 0;}
.honor_wrapper ul li{float: left;padding: 15px;background: #dcdcdc;margin: 0 10px;}
.honor_wrapper ul li img{width: 250px;height: 182px;display: block;}
.honor ol li{position: absolute;top:79px;width: 58px;height: 58px;}
.honor ol li:first-child{background: url("../Images/left.png");left: -100px;}
.honor ol li:first-child+li{background: url("../Images/right.png");right: -100px;}
.honor_wrapper{overflow: hidden;}
.honor_wrapper ul li:hover{background: #1B6ECA;}

/*news*/
.news{overflow: hidden;padding-bottom: 40px;}
.news h3{margin-bottom: 25px;}
.news h3 span{font-size: 24px;color: #015db2;background: url("../Images/hl.png") no-repeat left center;padding-left: 20px;}
.news h3 a{float: right;color: #a5a5a5;font-size: 14px;}
.news h3 a:hover{text-decoration: underline;}
.news_left{width: 630px;float: left;padding: 20px 30px 0 30px;border-top: 4px solid #015db2;}
.news_left p{overflow: hidden;}
.news_left p img{float: left;}
.news_left p a{float: right;display: block;width: 290px;}
.news_left a span{font-weight: bold;color: #383838;}
.news_left a small{display: block;font-size: 14px;color: #727272;line-height: 25px;font-weight: 400;margin-top: 15px;}
.news_left ul{float: left;border-top: 1px dotted #dcdcdc;margin-top: 20px;padding-top: 20px;margin-left: -29px;}
.news_left ul li{float: left;width: 315px;text-align: left;font-size: 14px;color: #383838;margin-bottom: 20px;}
.news_left ul li:hover a{color: #015DB2;}
.news_right{float: right;width: 390px;padding: 20px 30px 0 30px;border-top: 4px solid #015db2;}
.news_right ul li a{display: block;padding-bottom: 20px;border-bottom: 1px dotted #c1c1c1;margin-bottom: 20px;}
.news_right ul li a small{display: block;font-size: 14px;color: #727272;margin-top: 18px;}
.news_right ul li a:hover{color: #015DB2;}


/*hezuo*/
.hezuo{overflow: hidden;padding: 45px 0;background: #f4f4f4;position: relative;}
.hezuo h2{font-size: 34px;color: #094faf;text-align: center;background: url("../Images/he.png") no-repeat center;margin-bottom: 40px;}
.hezuo ul li{float: left;width: 185px;height: 90px;position: relative;border: 1px solid #bfbfbf;background: #fff;margin: 0 6px;}
.hezuo ul li img{max-width: 185px;max-height: 90px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%)}
.he_wrapper{overflow: hidden;}
.hezuo ol li{width: 40px;height: 70px;background-repeat: no-repeat;background-position: center;background-color: #e3e3e3;position: absolute;top: 98px;text-indent: -999rem;}
.hezuo ol li:first-child{background-image: url("../Images/prev.png");left: -50px;}
.hezuo ol li+li{width: 40px;height: 70px;background-image: url("../Images/next.png");right: -40px;}

/*footer*/
#footer{background: #2c2f34;font-size: 14px;color: #929292;overflow: hidden;}
#footer a{color: #929292;}
#footer a:hover{color: #fff;}
.f_links{overflow: hidden;line-height: 48px;background: #212528;margin-bottom: 45px;}
.f_left{width: 200px;float: left;margin-bottom: 45px;}
.f_left p{font-size: 16px;color: #fff;margin-bottom: 15px;}
.f_left ul li{float: left;width: 95px;line-height: 25px;}
.f_center{width: 320px;float: left;margin-left: 250px;}
.f_center ul li{line-height: 25px;}

.f_center p{font-size: 16px;color: #fff;margin-bottom: 15px;}
.f_right{width: 280px;float: right;}
.f_right img{display: block;}
.f_right p{float: left;text-align: center;margin-left: 10px;}

.clear2{clear: both;line-height: 50px;border-top: 1px solid #3c3c3c;}
.clear2 span{float: right;}
/*新闻详情页*/
.location{background:#f5f5f5;padding: 25px 0;}
.location .wrapper{background: url("../Images/home.png") no-repeat left center;padding-left: 20px;font-size: 14px;}
.location a:hover{color: #0960B9;}
/*news*/
.news_h2{text-align: center;margin-top: 50px;}
.news_h2 h2{font-size: 36px;font-weight: normal; color: #0270df;}
.news_h2 span{display: block;font-size: 14px; color: #666464; width: 70%; margin: 10px auto 40px}

.inews_items{border-bottom:1px #e2e2e2 solid;padding-bottom:40px;margin-bottom: 30px;overflow: hidden}
.inews_items li{position: relative;  width: 385px;float: left;margin-left: 20px;}
.inews_items li:first-child{margin-left: 0;}
.inews_items li img{display: block;width: 100%;height: 290px;}
.inews_items .bd{height:418px;overflow:hidden;position:relative;}
.inews_items .bd li{float:left;width:385px;margin-right:20px;}
.inews_items .inews_pd .date{position:absolute;top:0;left:0;width:106px;height:82px;background-color: #0d5094;color:#fff;text-align: center;}
.inews_items .inews_pd .date span{display:block;}
.inews_items .inews_pd .date .day{font-size:28px;font-weight: bold;line-height: 30px;margin-top: 15px;}
.inews_items .inews_pd .date .year{font-size:15px;}
.inews_items ._inews_text ._title{font-size:18px;font-weight: normal;line-height:23px;overflow:hidden;margin:20px 0;}
.inews_items ._inews_text ._text{font-size:14px;color:#747474;height:44px;line-height: 22px;overflow:hidden;}
.inews_items .hd{margin-top:50px;}
.inews_items .hd ul{font-size:0;text-align: center;}
.inews_items .hd li{display:inline-block;border:1px #707070 solid;width:9px;height:9px;line-height: 99;overflow:hidden;margin:0 4px;border-radius: 50%;cursor:pointer;*display:inline;*zoom:1;}
.inews_items .hd li.on{border-color:#88b82a;background-color:#88b82a;}

.inews_items .inews_pd a{display: block;overflow: hidden;}
.inews_items li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}


.l{float: left;}
.news_bottom li{padding:25px 0 30px;border-bottom:1px dashed #ccc;overflow:hidden;*zoom:1;width:100%;}
.news_bottom li .data{ font-family:Arial;border: 1px #ccc solid;width: 55px;margin-right: 2%;}
.news_bottom li .data span{ display:block; text-align:center;}
.news_bottom li .data .day{ font-size:30px; font-weight:bold; background-color:#ccc;line-height: 45px; color: #fff;}
.news_bottom li .data .month{ font-size:0.77em; color:#565656;}
.news_bottom ._img{float:left;width: 15%;margin-right:2%;}
.news_bottom ._img img{height:100%;}
.news_bottom ._t{font-size:18px;margin-bottom:5px;color:#555;}
.news_bottom ._p a{line-height:23px;height:46px;overflow:hidden;color:#999;font-size: 14px;}
.news_bottom ._i{overflow:hidden;*zoom:1;margin-top: 25px;}
.news_bottom ._i span,.news_bottom ._i a{float:left;line-height:26px;padding:0 10px;}
.news_bottom ._i ._more{background:#88b82a;color:#fff;}
.news_bottom ._i ._date{background:#ededed;color:#999;}
.news_bottom li:hover ._t{color:#0267b2;}
.news_bottom li:hover span{color:#0267b2;}
.news_bottom li:hover ._i ._more{background-color:#0267b2;}
.news_bottom li:hover .data{border-color:#006ab8;}
.news_bottom li:hover .data .day{background-color:#006ab8;}

/*新闻详情*/
.n_left { width:71.5%; float:left;margin-top: 40px; }
.n_left  ._title { font-size:36px;color:#000; margin-bottom:10px;line-height: 1.4;font-weight: 400;}
.news_time span{font-size: 12px;margin-right: 10px;display: inline-block;height: 30px;line-height: 30px;overflow: hidden;}
.news_time span:first-child{background: url("../Images/time.jpg") no-repeat left center;padding-left: 20px;}
.news_time span:first-child+span{background: url("../Images/click.jpg") no-repeat left center;padding-left: 25px;}

.p_content{font-size: 15px;line-height: 30px;margin-top: 20px;color: #555555;}
.p_content img{max-width: 100%;}

.info_news_right{width: 24%;float: right;padding-top: 40px;}
.info_news_right ul{margin-top: 45px;border: #f3f3f3 10px solid;  padding: 10px 7%;}
.info_news_right ul li{padding: 27px 0;border-bottom: 1px #ececec solid;}
.info_news_right ul li a{display: block;font-size: 16px; font-weight: bold;color: #5c5c5c;}
.info_news_right ul li b{display: block; padding-bottom: 8px;font-size: 19px;font-weight: bold;color: #000000;margin-bottom: 10px;}
.info_news_right ul li a span{display: block;font-size: 14px; line-height: 1.8;color: #555;font-weight: 400;}

.info_news_right ul li b:before{display:block;content: '';float: left;margin-right: 5px;}
.info_news_right ul li:first-child b:before{width: 30px;height: 26px;background: url("../Images/up.png") no-repeat 0 -34px;}
.info_news_right ul li:first-child+li b:before{width: 30px;height: 26px;background: url("../Images/up.png") no-repeat 0 0;}

/*联系我们详情*/
.map_wrap{position: relative;}
.contact_map{position: absolute;right: 0;top: 0;background: rgba(1, 93, 178, 0.93);color: #f5f5f5;padding: 68px 40px;height: 326px;}
.contact_map h2{font-size: 30px;margin-bottom: 20px;}
.contact_map ul li{line-height: 30px;font-size: 16px;}
.contact_map p span{padding-left: 35px;}
.contact_map p img{width: 120px;display: block;margin: 10px 0;}

/*jobs*/

/*产品详情页*/

/*info*/
#info{margin-top: 35px;padding-bottom: 80px;overflow: hidden;}
#info .sidebar{width: 260px;}
#info .sidebar ul{width: 260px;margin: 0 auto;padding-top: 0;}
#info .s_tel{width: 245px;}
#info  .s_tel span{font-size: 27px;}

.info_right{width:900px;float:right;}


.p_content{font-size:15px;line-height:35px;color:#3f3f3f}
.p_content img{max-width:100%}
.h_title{color:#1b1b1b;font-weight:500;border-bottom:1px solid #ccc;padding-bottom:12px;margin-bottom:38px}
.h_title a{color:#1b1b1b}
.h_title a:hover{color: #0267b2
}
.h_title span{font-size:18px;border-left:2px solid #0267b2;padding:0 0 0 5px}
.h_title small{font-size:12px;float:right;padding-top:5px}
#prev_next a:hover{color: #0267b2
}
#prev_next{font-size:14px;margin-top:20px}
div.page{margin:20px 0 20px 0;clear:both;float:right;font-size:14px}
div.page a{padding:2px 5px;margin:2px;color:#fff;text-decoration:none;background:#9b9b9b}
div.page a:hover{background:#5c5c5c}
div.page span.current{padding:2px 8px;font-weight:700;margin:2px;color:#fff;background-color: #0267b2
}
div.page span.disabled{padding:2px 5px;margin:2px;color:#ddd}
.f16,.meta{text-align:center;margin-bottom:10px}
.f16{border-bottom:1px dotted #ccc;font-size:25px;color:#2c2c2c;padding-bottom:10px}
.meta{font-size:14px}
.pdc_img{max-width:95%}
.content_p{margin-top:40px}
.content_p img{max-width:95%}
.content_p p{font-size:14px;line-height:30px}
.content_p span.sp{display:block;background-color:#ddd;color:#fff;margin-bottom:20px;overflow:hidden}
.content_p span.sp small{background: #0267b2;display:block;float:left;text-align:center;line-height:40px;width:120px;position: relative;}
.content_p span.sp small:after {display: block;content: '';width: 0;height: 0;border-top: 40px solid transparent;border-left: 40px solid #0267b2;border-bottom: 0 solid transparent;position: absolute;left: 120px;top: 0; }

.she{width:950px}
.she li{background: #ffffff;padding:10px 10px 0 10px;border:1px solid #CACACA;float:left;margin:0 24px 20px 0;cursor: pointer;}
.she li img{display:block;width:262px;height:222px}
.she li small{display:block;line-height:45px;text-align:center;color:#2e2e2e}
.she li:hover{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.18);box-shadow:0 15px 30px rgba(0,0,0,.18);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);background: #fcfcfc;border:1px solid #fcfcfc;}
.she li:hover span{color:#fff}

.input-group{margin-bottom: 10px; clear: both; /*overflow: hidden;*/}
.input-group:after{display: block;content: '';clear: both;}
.input-group label{width: 62px; font-size: 15px; display: inline-block; text-align-last: justify; color: #606060; font-weight: bold;}
.input-group input[type=text]{border: 1px solid #aaa; box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset; border-radius: 2px; line-height: 30px; height: 30px; width: 276px; text-indent: 1em; font-family: "microsoft yahei", "sans-serif"; background: #fff; transition: 300ms; -webkit-transition: 300ms; outline: none;}
.input-group input[type=text]:focus{width: 300px; box-shadow:0 0 5px #2e73b4; border: 1px solid #2e73b4;}
.input-group textarea:focus{width: 550px; box-shadow:0 0 5px #2e73b4; border: 1px solid #2e73b4;}
.input-group input[type=text]#captcha:focus{width: 90px; box-shadow:0 0 5px #2e73b4; border: 1px solid #2e73b4;}
.input-group textarea{transition: 300ms; -webkit-transition: 300ms; width: 520px; border: 1px solid #aaa; box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset; border-radius: 2px; background: #fff; text-indent: 1em; padding-top: 5px; font-family: "microsoft yahei", "sans-serif"; outline: none;}
#submit{display: block; clear: both; width: 80px; line-height: 30px; background: #2e73b4; margin-left: 66px; border: 0; color: #ffffff; font-size: 14px; font-family: "microsoft yahei";}