@charset "utf-8";
/* CSS Document */
/*index*/
.line-title { padding: 20px 0; overflow: hidden;margin-bottom: 26px;}
.line-title h2 {font-size: 38px;margin-top: 0px;text-align: center;font-weight:600;color:#282828;line-height: 50px;background: url(../images/linet_plg.png) no-repeat center; }
.line-title h2 em{color:#0056a7;}
.line-title p.desc {font-size:16px;text-align: center;width:80%;color:#a4a4a4;margin: 5px auto 0px auto;/*text-transform: uppercase;*/font-family: "ShcnL";}

@media only screen and (max-width:767px){
.line-title h2{font-size:30px;background: url(../images/linet_plgm.png) no-repeat center; }
}


/*PRODUCT*/
.home_product{padding-top:50px;padding-bottom:80px;overflow: hidden;}
.hproitem{}
.hproitem ul{display: flex;/*justify-content: space-between;*/flex-wrap: wrap;justify-content:space-evenly;}
.hproitem li{width:32%;border:1px solid #dcdcdc;background:#f2f2f2;}
.hproitem li a{display: block;color: #333;}
.hproitem li .himg{overflow: hidden;}
.hproitem li .himg img{display: block;transition: all 0.8s;}
.hproitem li .himg:hover img{-webkit-transform: scale(1.10);transform: scale(1.10);}
.hproitem li .hinfo {padding: 20px 20px;border-top: 1px solid #dcdcdc;}
.hproitem li .hinfo h4{font-size: 18px;font-weight: bold;color: #333333;line-height:1.2;margin-bottom:10px;}
.hproitem li .hinfo p{font-size: 15px;line-height: 28px;position: relative;padding-left: 20px;color:#666;}
.hproitem li .hinfo p:before{display: block;content: '';width: 12px;height: 12px;background-color:#0056a7;position: absolute;left: 0;top: 8px;}

@media only screen and (max-width:960px){
.hproitem li{width:40%;margin-bottom:15px;}
}
@media only screen and (max-width:767px){
.hproitem li{width:49%;margin-bottom:15px;}
}
@media only screen and (max-width:499px){
.hproitem li{width:100%;}
}



/*ABOUT*/
.home_about{padding-top:80px;padding-bottom: 70px;overflow: hidden;background: url(../images/index_bg.jpg)no-repeat center;background-size: cover;}
.h_abbox {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.h_abbox .abtimg{width: 46%;}
.h_abbox .abtimg img{width: 100%;display: block;}
.h_abbox dl{width:50%;}
.h_abbox dl dt{display:block;margin-bottom:31px;}
.h_abbox dl dt em{display: block;height:auto;font-size: 26px;color: #000;line-height: 1.5;margin-bottom: 31px;position: relative;font-weight: bold;}
.h_abbox dl dt em:before{position: absolute;content:'';width: 120px;height: 2px;background:#f6ba00;left: 0;bottom:-10px;}
.h_abbox dl dd p{height:auto;margin-bottom: 46px;font-size: 15px;color: #555;overflow: hidden;line-height: 30px;}
.h_abbox dl dd b{display:block;width:200px;height:40px;text-align:center;line-height:40px;background: #0056a7;}
.h_abbox dl dd b a{display:block;font-size: 14px; color:#FFFFFF; font-weight: normal;}
.h_abbox dl dd b a:hover{background:#f6ba00;}

@media only screen and (max-width:860px){
.h_abbox .abtimg{width:100%;margin-bottom:20px;}
.h_abbox dl {width:100%;}
}
@media only screen and (max-width:768px){
.h_abbox dl dt em{font-size:20px;}
.h_abbox dl dd p{line-height:1.5;}
}



/*YOUSHI*/
.home_youshi{padding-top: 50px;padding-bottom:50px;overflow: hidden;}
.youshi{margin:0 auto;overflow: hidden;}

.ys_qh{height: 151px;padding: 0 100px;margin:0 auto;position: relative;z-index: 2;box-sizing: border-box;overflow: hidden;}
.ys_qh ul{overflow: hidden;background: #ececec;}
.ys_qh li{float:left;width:25%;text-align: center;padding-top:17px;height: 151px;box-sizing: border-box;}
.ys_qh li i{width:53px;height: 51px;display: block;margin:0 auto;}
.ys_qh li span {/*display: block;*/font-size:18px;color:#1d1d1d;font-weight:bold;height:48px;line-height:24px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ys_qh li em{font-size:12px;color: #3c3c3c;opacity: 0.3;}
.ys_qh li:nth-child(1) i{background: url(../images/ys_ico1.png) no-repeat;}
.ys_qh li:nth-child(2) i{background: url(../images/ys_ico2.png) no-repeat;}
.ys_qh li:nth-child(3) i{background: url(../images/ys_ico3.png) no-repeat;}
.ys_qh li:nth-child(4) i{background: url(../images/ys_ico4.png) no-repeat;}
.ys_qh li:nth-child(1).on i{background: url(../images/ys_ico1_hv.png) no-repeat;}
.ys_qh li:nth-child(2).on i{background: url(../images/ys_ico2_hv.png) no-repeat;}
.ys_qh li:nth-child(3).on i{background: url(../images/ys_ico3_hv.png) no-repeat;}
.ys_qh li:nth-child(4).on i{background: url(../images/ys_ico4_hv.png) no-repeat;}
.ys_qh li.on{background:#0056a7;}
.ys_qh li.on span{color: #fff;}
.ys_qh li.on em{color: #fff;opacity: 0.3;}

.ys_nr dl{position: relative;top:-61px;}
.ys_nr dt{font-size:0;line-height: 0;width:100%;overflow: hidden;}
.ys_nr dt img {display:block;width:100%;}
.ys_nr dd {padding-top:39px;}
.ys_nr dd i{float:left;width:122px;background: url(../images/ys_x.jpg) no-repeat right;}
.ys_nr dd p{float:right;width:calc(100% - 180px);}
.ys_nr dd p span {display: block;height:auto;font-size:24px;line-height:1.2;padding-bottom:15px; color: #1c1c1c;font-weight: bold;background: url(../images/ys_a1.jpg) no-repeat left bottom;margin-bottom:32px;}
.ys_nr dd p em {font-size:18px;color: #1c1c1c;display:block;height: 32px;line-height:1.6;}

@media only screen and (max-width:1024px){
.ys_qh{padding: 0 60px;}
.ys_qh li em {line-height: 16px;display: block;}
}
@media only screen and (max-width:960px){
.ys_qh li span{font-size:16px;}
}
@media only screen and (max-width:768px){
.ys_qh{padding:0;height: auto;margin-bottom: 15px;}
.ys_qh li{width:50%; height: 130px;border: 1px solid #FFF;}
.ys_qh li span{font-size:14px;}
.ys_qh li em{display: none;}
.ys_nr dl{position: relative;top:0;}
.ys_nr dd i{width: 90px;}
.ys_nr dd p{width: calc(100% - 120px)}
.ys_nr dd p span{font-size: 20px;}
.ys_nr dd p em{font-size:16px;height: auto;}
}	
@media only screen and (max-width:499px){
.ys_qh li span{height:40px;line-height:20px;}
}	
	



/*NEWS*/
.home_new{padding-top: 50px;padding-bottom:60px;overflow: hidden;background:#f5f5f5;}
.hnewbox{}
.hnewbox li{display:block;float: left;width:48.5%;height:auto;border:1px solid #ddd;background:#f6f6f6;margin-bottom:30px;margin-right:2.5%;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;box-sizing: border-box;}
.hnewbox li:nth-child(2n){margin-right: 0;}
.hnewbox li a{display:block;padding: 30px 25px;}
.hnewbox li .time{width:66px;height: 83px;overflow: hidden;}
.hnewbox li .time .day{font-size:56px;color:#999;line-height:50px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.hnewbox li .time .year{margin-top: 3px;font-size:16px;color:#666;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.hnewbox li .title{display:block;margin-left: 84px;}
.hnewbox li .title .tit{font-size:20px;color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.hnewbox li .title .cont{margin-top:8px;font-size:14px;color:#666;height: 44px;line-height: 22px;text-align:justify;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.hnewbox li:hover{background:#2677c3;border:1px solid #0056a7;}
.hnewbox li:hover .time .day{color:#a8cbea;}
.hnewbox li:hover .time .year{color:#a8cbea;}
.hnewbox li:hover .title .tit{color:#fff;}
.hnewbox li:hover .title .cont{color:#a8cbea;}

@media only screen and (max-width:768px) {
.hnewbox li{width:100%;margin-right:0;}
}



/*NEWS*/
.home_section{padding-top:90px;padding-bottom:160px;overflow:hidden;background:#f5f5f5;}
.hglbox{width:100%;height:auto;position:relative;}
.hglbox .hglimg{position:relative;z-index:1;}
.hglbox .hglimg img{display:block;}
.hglbox .hgllm{width:100%; position: absolute;left: 0;bottom:-50px; z-index:2;display: flex;justify-content:space-around;flex-wrap: wrap;}
.hglbox .hgllm .gl_item{width:30%;padding:25px;background:#FFF;border:1px solid #e9e9e9;}
.hglbox .hgllm .gl_item a{display: flex;flex-wrap: wrap;justify-content:space-between;}
.hglbox .hgllm .gl_item .img{width:53px;}
.hglbox .hgllm .gl_item .text{width:calc(100% - 60px);}
.hglbox .hgllm .gl_item .text h4{font-size:24px;font-weight:bold;line-height:30px;margin-bottom:6px;}
.hglbox .hgllm .gl_item .text span{/*display:block;*/font-size:14px;line-height:20px;color:#969696;font-family:"ShcnL";display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

@media only screen and (max-width:768px) {
.home_section{padding-top:80px;padding-bottom:80px;}
.hglbox .hglimg{position: unset;}
.hglbox .hgllm{position: unset;margin-top:-50px;}
.hglbox .hgllm .gl_item{width:95%;margin-bottom: 10px;}
}




/**************************************************************************************************************
************************************************************内页************************************************
***************************************************************************************************************/
.side_left{width: 266px;}
.side_right{width: calc(100% - 290px);overflow: hidden;background: #FFF;}
@media (max-width: 960px) {
.side_left{width:100%;}
.side_right{width:100%;}
}

/* 面包屑 */
.breav-nav{width: 100%;height: 70px;line-height: 70px;/* text-transform: uppercase; */overflow: hidden;background-color:#FFFFFF;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.location {float:left;background: url(../images/home.png) left center no-repeat;padding-left: 38px;overflow: hidden;color: #333333;font-size: 14px;}
.location a{color: #333333;}



/*栏目分类*/
.sidebar {margin-bottom: 20px;}
.topclass{height: auto;box-sizing:border-box;padding: 35px 0 35px 0;text-align:center;background:#0056a7;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.topclass h2{display: block;font-size: 26px;font-weight: bold;color:#FFF;text-transform: uppercase;}
.topclass h3{font-weight: normal;color:#FFF;text-transform: uppercase;font-size: 16px;line-height: 26px;opacity:0.5}
.sidemenu dl dt {border-bottom: 1px solid #f5f5f5;}
.sidemenu dl dt a {display:block;color:#000;line-height:1.38;font-size:16px;padding:16px 15px;background: #ffffff;}
.sidemenu dl dt a:hover,.sidemenu dl dt a.cur { background:#f6ba00; color:#fff; }
.sidebar .tel1{color: #fff;height: 85px;background: #0056a7;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.sidebar .tel1 .telb{background:url(../images/tel_tip.png) no-repeat 12px 20px;padding-left:62px;padding-top:10px;}
.sidebar .tel1 span {font-size:16px;line-height:1.5;padding-top:8px;margin-bottom:2px;display: block;}
.sidebar .tel1 p {font-size:23px;line-height:1;color: #ffffff;font-family: 'impact';}

/*LEFT LIANXI*/
.sidelianxi{background:#0056a7;color:#fff;padding:30px 20px 44px 20px;margin-top: 30px;margin-bottom: 30px;border-radius:5px; }
.titlex{font-size: 18px;line-height: 24px;padding: 10px 27px;border-bottom: 1px solid rgba(255,255,255,.3);}
.titlex p{display: inline-block;color: #fff;font-size: 20px;line-height:35px;}
.titlex b{text-transform: uppercase;font-size: 13px;font-weight: normal;display: block;opacity:0.8}
.wrap-lianxi-cont {padding-top: 15px;}

@media (max-width: 960px) {
.topclass{display: none}
.sidemenu dl{display: flex;flex-wrap: wrap;align-items: center;}
.sidemenu dl dt{width:25%; border: 1px solid #f5f5f5;}

.sidelianxi{display: none;}
.sidebar .tel1{display: none;}
}
@media (max-width:767px) {
.sidemenu dl dt{width:33.33%;}
}

/******/
.subm-title{padding:30px 30px 10px 30px;border-bottom:1px solid #d2d2d2;clear: left;}
.subm-title h4{font-size:24px;display:inline-block;position:relative}
.subm-title h4::after{content:'';width:100%;height:3px;background:#008fd5;position:absolute;bottom:-14px;left:0}

.company{padding:30px}
.wrap-padd {padding: 30px 20px 40px 20px;}


/*PROLIST*/
.prolist ul{display: flex;flex-wrap: wrap;}
.prolist li{width: 31.33%;display: block;margin:0 1% 16px;}
.prolist li a{display: block;height: 100%; border: 1px solid #dcdcdc;background: #f5f5f5;}
.prolist li .nimg{overflow: hidden;}
.prolist li .nimg img {display: block;width: auto;margin: 0 auto;transition: all 0.8s;}
.prolist li:hover img {-webkit-transform: scale(1.2);transform: scale(1.2);}
.prolist li .ninfo {padding: 20px 20px;border-top: 1px solid #dcdcdc;}
.prolist li .ninfo h4{font-size:16px;font-weight: bold;color: #333333;line-height:1.2;margin-bottom:8px;}
.prolist li .ninfo p{font-size:14px;line-height:26px;position: relative;padding-left:16px;color:#666;}
.prolist li .ninfo p:before{display: block;content: '';width:10px;height:10px;background-color:#0056a7;position: absolute;left: 0;top: 8px;}

@media only screen and (max-width:960px) {
.prolist li{width:48%;}
}
@media only screen and (max-width:500px) {
.prolist li{width:100%;margin-left: auto; margin-right: auto;}
}




/*IMGLIST*/
.imglist{}
.imglist li{width: 31.33%;float: left;display: block;margin: 0 1% 20px;}
.imglist li h5 {font-size: 16px;font-weight: normal;height: 60px;line-height: 60px;background: #e4e4e4;padding: 0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;transition: all 0.8s;}
.imglist li:hover h5 { background:#0056a7;color:#ffffff; }
.imglist li .nimg{height:250px; overflow: hidden;border: 1px solid #e4e4e4;}
.imglist li .nimg img {display: block;height:100%!important;margin: 0 auto;transition: all 0.8s;}
.imglist li:hover img {-webkit-transform: scale(1.08);transform: scale(1.08);}

@media only screen and (max-width:960px) {
.imglist li{width:48%;}
}
@media only screen and (max-width:499px) {
.imglist li{width:100%;margin-left: auto; margin-right: auto;}
}


/*DOWN*/
.downlist{}
.downlist li{padding-bottom:30px;padding-top:30px;height: auto;min-height: auto;border-bottom:1px solid #e8e8e8;display: flex;justify-content: space-between; align-items: center;}
.downlist li:nth-child(1){border-top:1px solid #e8e8e8;}
.downlist li .xz_text{width:calc(100% - 80px);color: #333333;font-size: 18px;font-weight: bold;line-height: 30px;}
.downlist li a.xz_downa{display:block;width:50px;height:33px;background:url(../images/down.png)no-repeat;background-position: center center;}
.downlist li a.xz_downa span{font-size: 0px;}

@media only screen and (max-width:499px) {
.downlist li{padding-bottom:20px;padding-top:20px;}
.downlist li .xz_text{font-size:16px;}
}


/*NEWLIST*/
.newlist ul li{display: block;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px dashed #dcdcdc;}
.newlist ul li a{display: block;overflow: hidden; }
.newlist ul li .n-pic{width:40%;float: left;overflow: hidden; }
.newlist ul li .n-pic img{width: 100%;display: block;}
.newlist ul li .n-cont{width:55%;float: right;}
.newlist ul li .n-cont h2{font-size:18px;font-weight:normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newlist ul li .n-cont .ndes{height: 72px;color:#9a9a9a;line-height: 24px;margin:15px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newlist .n-bott{display: block;}
.newlist .pull-left{float: left;}
.newlist .pull-left .day{font-size:28px;font-weight:lighter;color:#666;line-height:36px}
.newlist .pull-left .year{font-weight:300;color:#666;line-height:1}
.newlist .pull-right{float: right;width: 33%;}
.btn-more{display:inline-block;width:32px;height:32px;border:1px solid #888;border-radius:50%;margin-top:16px;background:url(../images/icon-more.png) no-repeat center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.newlist li:hover .btn-more{background:url(../images/icon-moreH.png) no-repeat center #008fd5;border-color:#008fd5}
.newlist li:hover .p-tit{color:#008fd5}

@media only screen and (max-width:600px) {
.newlist ul li .n-pic{width:100%;}
.newlist ul li .n-cont{width:100%;}
}


/*FAQ*/
.faqlist{}
.faq_society{width:100%;}
.faq_society dl{width:100%;border-bottom: 1px solid #e8e8e8;min-height: 75px;padding: 20px 10px 0px 30px;margin-bottom: 15px;background: #fff;}
.faq_society dl dt{cursor: pointer;position: relative;}
.faq_society dl dt h2{margin-bottom:10px;padding:0 37px 0 0;font-size: 18px;line-height:1.2;color:#222;font-weight: normal;}
.faq_society dl dt .faqlds{position:absolute;right:8px;top:5px;width:18px;height:18px;}
.faq_society dl dt .faqlds .plus{display:block;width:18px;height:18px;background:url(../images/faq_plus.png)no-repeat center center;}
.faq_society dl dt .faqlds .less{display:none;width:18px;height:18px;background:url(../images/faq_less.png)no-repeat center center;}
.faq_society dl dt.hover .faqlds .plus{display:none;}
.faq_society dl dt.hover .faqlds .less{display:block;}
.faq_society dl dd{display: none;margin-bottom: 30px;}
.faq_society dl dd .faq_society_main{padding-top: 20px;font-size: 14px;line-height: 25px;color: #666;}



/*HANGYE*/
.hangyelm{padding:30px 20px;overflow: hidden;}
.hangyelm ul{display: flex;flex-wrap: wrap;}
.hangyelm li {width:33.33%;display: block;margin-bottom:20px;padding:0 8px;}
.hangyelm li .nimg{display: block;border: 1px solid #e2e2e2;}
.hangyelm li .nimg img{display: block;}
.hangyelm li .hy_text{font-size:20px;font-weight: bold;color: #333333;line-height: 30px;margin-top: 10px;margin-bottom: 8px;}
.hangyelm li .hy_text a{color: #333333;}
.hangyelm li .hy_text a:hover{color:#0056a7;}
.hangyelm li .hy_xl{}
.hangyelm li .hy_xl p a{display: block; font-size: 15px;line-height: 26px;position: relative;padding-left: 16px;color: #666;}
.hangyelm li .hy_xl p a:before{display: block;content: '';width: 10px;height: 10px;background-color: #0056a7;position: absolute;left: 0;top: 8px;}
.hangyelm li .hy_xl p a:hover{color:#3388ff;}

@media only screen and (max-width:960px) {
.hangyelm li {width:50%;}
}
@media only screen and (max-width:600px) {
.hangyelm li {width:100%;}
}


/*HANGYE2*/
.hangyeitem{padding:30px 20px;overflow: hidden;}
.hangye_def {font-size: 16px;line-height: 30px;margin-bottom: 50px;}
.hangye_xifen {padding-left: 15px;width: 100%;color: #000033;font-size: 22px;line-height: 26px;border-left:5px solid #3388ff;margin-bottom: 25px;}
.hangyelist{}
.hangyelist ul{display: flex;flex-wrap: wrap;}
.hangyelist li{width:33.33%;display: block;margin-bottom:20px;padding:0 8px;}
.hangyelist li .nimg{display: block;border: 1px solid #e2e2e2;}
.hangyelist li .nimg img{display: block;}
.hangyelist li h5{margin-top: 10px;width: 100%;color: #333333;font-size: 18px;text-align: center;line-height: 30px;font-weight: normal;}
.hangyelist li:hover .nimg{border:2px solid #3388ff;}
.hangyelist li:hover h5{color:#3388ff;}

@media only screen and (max-width:960px) {
.hangyelist li {width:50%;}
}
@media only screen and (max-width:600px) {
.hangyelist li {width:100%;}
}




/*分页样式*/
.pglist {padding:30px 0 15px; width: 100%; text-align: center; clear: both; }
.pglist a, .pglist span {color:#666; padding:0 10px; margin:0 3px; background:#fff; border:1px solid #edebeb; font-size:13px;}
.pglist * {display:inline-block; vertical-align: middle; line-height:28px; padding-bottom:1px; }
.pglist a:hover, .pglist .page-num-current{display: inline-block;color: #fff;background: #3c6a96;border-color: #275f94;}
.pageinfo{display:none;}
/*reLink*/
.reLink{padding-top: 20px;padding-bottom:30px;text-align: center;overflow: hidden;font-size: 15px;/* border-top: 1px solid #e6e6e6; */}
.reLink a{color: #4c4c4c;text-decoration: none;}
.reLink a:hover{color:#0056a7;text-decoration:underline;}




/*articleshow*/
.nrcompany{margin: 0 auto;}
.nrcompany h1 {text-align: center;padding-top: 10px;padding-bottom: 10px;font-size: 24px;font-weight: normal;}
.met-editor {border-bottom: #eee solid 1px;padding-bottom: 10px;text-align: center;font-size: 15px;color: #999;}
.nrxqzy {font-size: 15px;padding: 50px 0;margin-bottom: 30px;line-height:2.0;border-bottom: 1px solid #e6e6e6;text-align: justify;}




/*CONTACT US*/
.conlianxi {padding-bottom:30px;overflow: hidden;}
.conlianxi .p-item {float: left;width: 33.333333333%;text-align: center;padding: 0 30px;}
.conlianxi .p-icon {width: 56px;height: 56px;overflow: hidden;margin: 0 auto;}
.conlianxi .p-des {color: #666;line-height: 22px;margin-top:8px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
@media only screen and (max-width:499px) {
.conlianxi .p-item{width:100%;margin-bottom: 15px;}
}


/*公共百度地图*/
#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ float:left; width: 100%; box-sizing: border-box; border: 1px dashed #ccc; padding:8px;}
#Map .MapInfo #MapContainer{ width: 100%; height:380px; }
#Map .MapInfo img{max-width:none!important;}




/*留言*/
.tcmg-main {padding-top:50px;padding-left:40px;padding-bottom: 50px; overflow: hidden;}
.input-group {margin-bottom: 20px;width: 50%;height: 75px; display: block;float: left;overflow: hidden;}
.input-group:after { display: block; content: ''; clear: both; }
.input-group label {width:100%;font-size: 15px;display:block;color: #606060;line-height:35px;}
.input-group label em{color: #e60012;font-style: normal;}
.input-group input {border: 1px solid #ddd;color:#737272;line-height:38px;height:38px;width:90%;transition: 300ms;-webkit-transition: 300ms;outline: none;border-radius:3px;padding: 0 15px;}
.input-group input:focus { width:90%; box-shadow: 0 0 5px #e60012; border: 1px solid #e60012; }
.textarea-group {width:100%;margin-bottom: 20px;display: block;float: left;overflow: hidden;}
.textarea-group:after { display: block; content: ''; clear: both; }
.textarea-group label {width:100%;font-size: 15px;display:block;color: #606060;line-height:35px;}
.textarea-group label em{color: #e60012;font-style: normal;}
.textarea-group textarea {border: 1px solid #ddd;color:#737272;line-height: 35px;height: 130px;width: 95%;transition: 300ms;-webkit-transition: 300ms;outline: none;border-radius:3px;box-sizing: border-box;padding: 15px;}
.textarea-group textarea:focus { box-shadow: 0 0 5px #e60012; border: 1px solid #e60012; }
#submit {display: block;width: 160px;line-height: 40px;background: #d51919;border: 0;color: #ffffff;font-size: 16px;border-radius: 30px;cursor: pointer;}
#submit:hover{background:#0056a7;}

@media only screen and (max-width:600px) {
.input-group{width:100%;}
}