/* CSS Document*/
html{height:100%;border:none;}
body{height:100%;min-width: 1200px;border:none;padding:0;margin:0;text-align:left;font-size:16px;color:#313131;font-family:Arial, "microsoft yahei";background:#FFF;}
div,ul,li,img,dl,dd,dt,p{padding:0;margin:0;border:none;}
ul,dl{list-style-type:none;}
h1,h2,h3,h4,h5{margin:0;padding: 0;font-weight: normal;}
a{color:#313131;text-decoration:none;}
a:hover{color:#126ace;text-decoration:none;}
em,i{font-style: normal;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.container{width: 1200px;margin: 0 auto;}

.header{height: 147px; border-bottom: 1px solid #126ace;}
.top{height: 28px;line-height: 28px; background: #f9f9f9; font-size: 14px; border-bottom: 1px solid #f0f0f1;}
.top a{color: #898989;}

#logo{width: 100%; overflow:hidden;}
#logo .logo img{margin-top: 30px; height: 62px;}
#logo .company{ padding-left: 40px; margin-top: 30px; }
#logo .company h2{font-size: 18px; line-height: 30px;font-weight: bold; color: #eb160d;}
#logo .tel {background: url(../images/tel.png) no-repeat 0 center;padding-left: 55px;margin-top: 25px;color: #999;}
#logo .tel strong {display: block;font-size: 28px;font-family: Impact;line-height: 1;color: #023793;}

.nav{ background: #1e4481; height: 60px; line-height: 60px; }
.nav ul li{float:left;display: inline;text-align: center;font-size: 18px; }
.nav ul li>a{color:#FFF;display: block;width:150px;position: relative;}
.nav ul li>a:hover,.nav ul li.on{ color: #FFF;box-shadow: 0px 5px 20px 5px rgba(52, 52, 52, 0.13); background: #65be1d; }
.nav ul li .box{width:100%;height:60px;font-size: 16px;;position:absolute;top:209px;left:0;background-color: #FFF;box-shadow: 0px 5px 20px 5px rgba(52, 52, 52, 0.13);display:none; z-index:9999999; text-align:center;}
.nav ul li .box a{ display:inline-block;line-height:60px; margin:0 30px;}

.banner{height:500px;overflow:hidden;position:relative;}
.banner .hd{height:18px;position:absolute;width: 100%;z-index:1; text-align: center; bottom: 20px;}
.banner .hd ul li{display: inline-block;margin:0 5px;width:11px;height:11px;cursor:pointer;background:#282828;border-radius:8px;}
.banner .hd ul li.on{background: #126ace;}
.banner .bd{position:relative;height:100%;z-index:0;}
.banner .bd li{zoom:1;vertical-align:middle;width:100%;height:500px;display:block; background: #000;}
.banner .bd li a{width:100%;height:500px;display:block;}

.sec-title{ text-align: center; padding: 30px 0; position: relative; }
.sec-title h2{ font-size: 36px; height: 50px; color: #323232; }
.sec-title span{ font-size: 18px; margin-top: 20px; text-transform: uppercase; color: #828282; }

.search{height: 48px; border-bottom: 1px solid #ddd; background: #f9f9f9; overflow: hidden;}
.search .fl{line-height: 48px; font-size: 18px; }
.search .fl a{margin-right: 8px; font-size: 16px;}
.search .fl span i{color:#0168d1;}
.search .fr{width:339px;height: 37px; border: 1px solid #d9d9d9; margin-top: 4px;}
.search .fr input{width: 235px;height: 30px;border: none;padding-left: 15px; margin-top: 2px;}
.search .fr button{width:80px;height: 30px;background:#1e4481;border: none;position: relative;top: 1px; font-family:"microsoft yahei"; color: #FFF;}

.in-about { height: auto; overflow: hidden; position: relative; padding: 50px 0; background: #f0f0f1;  }
.in-about .fl{ width: 600px; position: relative; }
.in-about .fr{ width: 570px;  padding-top: 20px;  }
.in-about .fl .imgs img{ max-width: 600px; }

.in-about .fr  h2{ font-size: 36px; padding-bottom: 20px;  position: relative; font-weight: bold; color: #2c2c2c;}
.in-about .fr  h2 span{ display: block; font-size:26px; text-transform: uppercase; color: #959595;  }
.in-about .fr  h2:after{ width: 46px; height: 1px; position: absolute;left:0; bottom: 0; background: #2c2c2c; content: ""; }
.in-about .fr  p{ margin-top: 15px; line-height: 30px; font-size: 16px; color: #2c2c2c;}


.in-about .more{ text-align: left; margin: 20px 0 25px; width: 100%; display: block; }
.in-about .more a{ width: 156px; height: 42px;display:inline-block; background: #1e4481; text-align: center; line-height: 42px; font-size: 20px;color: #FFF; }
.in-about .more a:hover{ background: #65be1d; }

.in-pro{ padding: 50px 0 70px; height: auto; overflow: hidden; text-align: center; }
.in-pro .content .hd{ text-align: center; margin-bottom: 20px; }
.in-pro .content .hd ul li{ display: inline-block; margin:0 6px 10px; padding: 0 10px; height: 35px; line-height: 35px; color: #999; cursor: pointer; border: 1px solid #999; font-size:16px;  }
.in-pro .content .hd ul li.on{ border: 1px solid #1e4481; background: #1e4481; color: #FFF; }
.in-pro .content .hd ul li a{ color: #a4a4a4; }
.in-pro .content .hd ul li.on a{color:#FFF;}
.in-pro .content .hd ul li a:hover{ color:#FFF;  }
.in-pro .content .bd{ padding-bottom: 25px; height: auto; overflow: hidden; }
.in-pro .content .bd ul li{ float: left; display: inline-block; width: 288px; height: 346px; border: 1px solid #999; margin-right: 11px; margin-bottom: 12px; }
.in-pro .content .bd ul li:hover{ border: 1px solid #1e4481;}
.in-pro .content .bd ul li:nth-child(4n){margin-right: 0;}
.in-pro .content .bd ul li img{width: 288px; height:277px; display: block; }
.in-pro .content .bd ul li p{ height: 68px; line-height: 68px; border-top: 1px solid #999;}
.in-pro .content .bd ul li:hover p{ background: #1e4481; }
.in-pro .content .bd a:hover{ color: #FFF; }

.sec-title1{ text-align: center; padding: 80px 0 50px;  position: relative; border-bottom: 1px solid #2a79d3; background: #126ace; }
.sec-title1 h2{ font-size: 48px; height: 50px; color: #FFF; font-weight: bold; }
.sec-title1 p{ font-size: 18px; margin-top: 20px; text-transform: uppercase; color: #FFF; }

.ys{ background: #f4f2f2; height: 1120px; }
.ys .content{ position: relative; color: #FFF; }
.ys .content:before{ position: absolute; left:0; top:0; background: #126ace; width: 50%; height: 894px; content:''; }
.ys .content:after{ position: absolute; left:50%; top:0; background:url(../images/ysbg.jpg) no-repeat left top; width: 50%; height: 894px; content:'';  }
.ys .content .container{ position: relative; }
.ys .content .ys1{ position: absolute; left:70px; top:200px; width: 370px; z-index: 1111; }
.ys .content .ys2{ position: absolute; left:750px; top:40px; width: 490px; z-index: 1111; }
.ys .content .ys3{ position: absolute; left:750px; top:500px; width: 490px; z-index: 1111; }
.ys .content .ysimg{ position: absolute; left:350px; top:180px; width: 370px; z-index: 1111; }
.ys .content .num{ font-size: 72px; color: #d6d5d5; }
.ys .content h3{ font-size: 36px; padding: 15px 0; }
.ys .content p{ line-height: 30px; position: relative; padding-left: 25px; }
.ys .content p:before{ position: absolute;left:0;top:10px; width: 6px; height: 6px; border-radius: 3px; content: ''; background: #FFF;}
.ys .content .ys3 h3,.ys .content .ys3 p{ color:#2c2c2c; }
.ys .content .ys3 p:before{ background: #2c2c2c;}


.in-case{  padding: 50px 0 70px; height: auto; overflow: hidden;  }
.in-case .content{  margin-top: 20px; }
.in-case .content ul li{ float: left; display: inline-block; width: 290px; height: 289px; margin-bottom: 20px; margin-right:20px; text-align: center; padding-top: 2px; }
.in-case .content ul li img{ width: 290px; height: 229px; display: block; }
.in-case .content ul li p{   height: 60px; line-height: 60px; font-size: 18px;  background: #126ace;color: #FFF;}
.in-case .content ul li:hover p{ background: #65be1d; }
.in-case .content ul li:hover a{ color: #FFF; }

.in-partner{padding: 50px 0 20px; height: auto; overflow: hidden; }
.in-partner .content{ margin-top: 40px;  }
.in-partner .content ul li{ float: left;display: inline-block; margin-right: 40px; margin-bottom: 30px;  }
.in-partner .content ul li img{ width: 200px; border: 1px solid #ddd;  }

.in-news{ height: auto; padding: 50px 0; overflow: hidden; }
.in-news .fl{ width:800px; height:470px; }
.in-news .fl .hd{ height:48px; border:1px solid #e0e0e0; }
.in-news .fl .hd ul{float:left; height:48px;}
.in-news .fl .hd ul li{ float:left; font-size:18px; cursor:pointer; border-right:1px solid #e0e0e0;  line-height:48px; width:135px; height:48px; text-align:center;}
.in-news .fl .hd ul li a{ text-decoration:none; color:#333333;}
.in-news .fl .hd ul li.on{ background:#006bc2;transition:all .2s;}
.in-news .fl .hd ul li.on a{ color:#fff;}
.in-news .fl .hd p{ width:86px; height:48px;float:right; line-height:48px; text-align:center;}
.in-news .fl .hd p a{ color:#999999; font-family:"Arial"; font-size:14px;  text-transform:uppercase;}

.hotnews{ height:202px;}
.hotnews .l{ width:301px; height:202px; float:left;}
.hotnews .l img{width:300px;height:201px;transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-webkit-transition:all 0.3s linear;}
.hotnews .l img:hover{opacity: 0.7;filter: alpha(opacity=70);transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-m-transform:scale(1.1);transform:scale(1.1);}
.hotnews .l a.preview{display:block;width:301px;height:202px;overflow:hidden;}
.hotnews .r{ width:480px; height:202px; float:right;}
.hotnews .r h4{ font-size:16px; font-weight:normal;border-bottom:1px dashed #999999; height:33px;}
.hotnews .r h4 a{ color:#3d3d3d; }
.hotnews .r span{ display:block; font-size:14px; margin:10px 0 10px;}
.hotnews .r p{ font-size:14px; color:#3d3d3d; line-height:28px; padding:0 5px;}
.hotnews .r a.xk{ width:136px; height:36px;display:block; font-size:14px; color:#fff; line-height:38px; text-align:center; margin-top:30px;background: #c80000;}

.in-news_nr{ height:388px; margin-top:20px;}
.in-news_nr ul{margin-top:10px; width:800px; height:175px;}
.in-news_nr ul li{ font-size:14px; line-height:36px; width:370px;overflow:hidden; float: left; }
.in-news_nr ul li:nth-child(2n){ float: right; }
.in-news_nr ul li:hover{color:#c80000;}
.in-news_nr ul li a{ color:#626262;}
.in-news_nr ul li a:hover{ color:#c80000; text-decoration:none;}

.in-news .fr{ width:369px; height:460px; }
.in-news .fr .title{ height:48px; border:1px solid #006bc2;background:#006bc2; }
.in-news .fr .title h5 {font-size:18px; font-weight:normal; height:48px; color:#fff; line-height:48px; margin:0 0 0 30px; float:left;}
.in-news .fr .title p{ width:86px; height:48px;float:right; line-height:48px; text-align:center;}
.in-news .fr .title p a{ color:#fff; font-family:"Arial"; font-size:14px;  text-transform:uppercase;}

.wenda{ height:410px; border:1px solid #dfdfdf;}
.wenda .bd{ height:380px; overflow:hidden; margin-top:15px;}
.wenda ul li{ width:340px; height:120px; margin:10px auto 0; border-bottom:1px dotted #999999;}
.wenda ul li h5{ font-size:16px; height:30px;line-height:30px; overflow:hidden;}
.wenda ul li h5 label{ float:left; margin:7px 5px 0 0;}
.wenda ul li h5 a{ color:#000;}
.wenda ul li p{ line-height:27px; height:48px; font-size: 14px; }
.wenda ul li p span{ float:left; margin:5px 5px 0 0;}

.links{height: auto; overflow: hidden; padding: 25px 0;background: #f0f0f1;}
.links .fl{ margin-left: 35px; margin-right: 38px; }
.links .fl h2{ font-size: 31px;font-weight: bold;}
.links .fl h3{ font-size: 54px; color: #1e4481; font-weight: bold; }
.links .fr{ width: 980px; font-size: 18px; line-height: 45px; }
.links .fr a{ display: inline-block; margin-right: 40px; }

.footer{background: #282828;height: 275px;overflow: hidden;color: #717171; font-size: 16px; }
.footer .foot{ padding: 50px 0 25px; height: auto; overflow: hidden; }
.footer .foot .flogo img{ margin-top: 10px; }
.footer .foot .tel{ width: 250px; height: 162px; margin-top: 0px; margin-left: 56px; padding-right: 41px; background: url(../images/line01.jpg) no-repeat right 0px; }
.footer .foot .tel p span{ font-size: 34px; color: #FFF; font-weight: bold; display: block; }
.footer .foot .tel .more{ font-size: 18px; margin-top: 15px; }
.footer .foot .tel .more a{ width: 92px; height: 38px; padding-left: 50px;   line-height: 38px; color: #FFF; background: url(../images/ico01.jpg) no-repeat 15px center #0168d1; display: block; }
.footer .foot .contact{ width: 330px; margin-left: 40px; line-height: 30px; margin-top: 25px; }
.footer .foot .ewm{  text-align: center; }
.footer .foot .ewm img{   width: 100px; }
.footer .foot .ewm p{ font-size: 12px; color: #FFF; }
.copyright{color: #717171;width: 100%; line-height: 35px; text-align: center; overflow: hidden; border-top: 1px solid #717171; }
.copyright a{ margin-left: 15px;color: #717171; }

.kf{width:260px;position:fixed;/*right:-222px*/right:0;top:50%;z-index:10; margin-top: -130px;}
.kf .online{ background: #eb160d; height: 125px; width: 38px;position: absolute;right:0;text-align: center;z-index: 9999; padding-top: 25px; color: #FFF; cursor: pointer; }
.kf .online span{ display: block; width: 38px; height: 15px; background: url(../images/jiantou.jpg) no-repeat center; margin-bottom: 10px; }
.kf .online span.cur{ background:url(../images/jiantou-2.jpg) no-repeat center }
.kf .con{ width: 222px; height: auto; background: #FFF; position: absolute;right:-260px; /*right:38px;*/ border: 1px solid #e4e4e4;  }
.kf .con .kf-1{ background: url(../images/kf-ico1.jpg) no-repeat 20px 20px; padding: 20px; font-size: 18px; }
.kf .con .kf-1 span{ display: block; padding-left: 34px;padding-bottom: 10px;}
.kf .con .kf-1 b{ font-size: 20px; font-family: 'microsoft yahei' }
.kf .con .kf-2{ padding: 20px;  border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; line-height: 33px; color: #999999;}
.kf .con .kf-2 p{ height:33px; text-align: right; padding-right:30px; }
.kf .con .kf-2 p:first-child { background: url(../images/kf-ico2.jpg) no-repeat 5px center;  }
.kf .con .kf-2 p:last-child { background: url(../images/kf-ico3.jpg) no-repeat 25px center;   }
.kf .con .kf-3{ line-height: 60px; color: #999999; text-align: center; }
.kf .con .kf-3 img{ width: 150px; margin-top: 15px; }

.category{width: 100%;padding-top: 12px;margin-bottom: 20px;}
.category h3{line-height: 58px;float: left;}
.category h3 a{float: left;line-height: 58px;color: #666;padding-left: 58px;width: 192px;font-weight: normal;background: url(../images/menu01.jpg) no-repeat; display: block;}
.category h3.on a{background: url(../images/menu01-h.jpg) no-repeat; color: #1e4481;}
.category h3 span{float: left;}
.category ul{display: none;float: left;width: 100%;}
.category li{display: block;border-bottom: 1px solid #e1e1e1;width: 100%;line-height: 42px;background-size: 5px;}
.category li a{display: block;color: #666;font-size: 14px;padding-left: 58px;}
.category li.on a{color: #1e4481;}

.ban{ width: 100%; height: auto; overflow: hidden; }
.ny{ height: auto; overflow: hidden; width: 100%; padding: 30px 0; }
.ny .fl{ width: 250px; }
.ny .fr{ width: 920px; }
.ny .fl .title{ height:70px; width: 220px; background: #1e4481; color: #FFF; padding: 20px 0 0 30px; text-transform: uppercase;   }
.ny .fl .title span{ display: block;font-size: 28px; font-weight: bold; }

.ny .contact{ width: 250px; height: 140px; background: url(../images/tels.jpg) no-repeat #e3e3e3; margin-top: 30px;}
.ny .contact p{ margin-left: 110px;font-size: 16px; padding-top: 20px;  color: #666666; }
.ny .contact span{color:#1e4481; font-size: 24px; padding-left: 70px; margin-top: 10px; display: block;}
.ny .contact .more{ margin-left: 88px; margin-top: 10px; text-align: center; }
.ny .contact .more a{ color: #1e4481; border: 1px solid #1e4481; width: 120px; height: 30px; line-height: 30px; display: block; }
.ny .contact .more a:hover{ background: #1e4481; color: #FFF; }

.ny .fr .title{line-height: 45px; border-bottom: 1px solid #e1e1e1;}
.ny .fr .title span{ font-size: 24px; color: #1e4481; border-bottom: 3px solid #1e4481; padding-bottom: 10px; }
.ny .fr .title p{ display: inline-block; float: right; }

.ny .fr .tit{line-height: 38px; border-bottom: 1px solid #e1e1e1; margin-bottom: 15px;}
.ny .fr .tit span{ font-size: 18px; color: #1e4481; border-bottom: 3px solid #1e4481; padding-bottom: 8px; }

.ny .fr .txt{ border: 1px solid #e1e1e1; background: #f4f4f4; margin-top: 20px; padding: 15px; }

.list-1 dl{ border-bottom: 1px solid #e1e1e1; padding: 15px 0; }
.list-1 dl dt{ line-height: 35px; font-size: 16px; }
.list-1 dl dt:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #ff6d00; position: relative; top:-3px; }
.list-1 dl dt span{ float: right; font-size: 14px; }
.list-1 dl dt a{ font-weight: bold; }
.list-1 dl dd{ color: #999; }

.list-2{ height: auto; overflow: hidden; padding-bottom: 30px; }
.list-2 ul li{ float: left; display: inline-block; margin-right: 20px; text-align: center; margin-top: 20px; }
.list-2 ul li:nth-child(4n){margin-right: 0;}
.list-2 ul li img{ width: 213px; height: 220px; border: 1px solid #ddd; transition: 0.5s; }

.list-3 ul li{ float: left; display: inline-block; margin-right: 20px; text-align: center; margin-top: 20px; }
.list-3 ul li:nth-child(3n){margin-right: 0;}
.list-3 ul li img{ width: 290px; height: 220px; border: 1px solid #ddd; transition: 0.5s; }

.news{ padding: 30px 0 0;  }
.news h1{ text-align: center;font-size: 24px; }
.news .date{ text-align: center; font-size: 14px; padding: 15px 0; }
.news .date span{ padding: 0 15px; }
.news .info{ padding: 10px 0 0; line-height: 25px; }

.tags span{ font-weight: bold; }
.tags a{ margin-right: 15px; }

.page{line-height: 50px;}
.page span{ float: right; }

.xg-pro{ height: auto; overflow: hidden; padding-bottom: 15px; }
.xg-pro ul li{ float: left; display: inline-block; width: 215px; margin-right: 15px; text-align: center; margin-bottom: 15px; }
.xg-pro ul li img{ width: 213px; height: 220px; border: 1px solid #ddd; }

.xg-news{ height: auto; overflow: hidden; padding-bottom: 15px; }
.xg-news ul li{ float: left; display: inline-block; width: 47%; margin-right: 3%; line-height:25px;  }
.xg-news ul li:before{ content:'■'; font-size: 12px; margin-right: 5px; color: #ff6d00; position: relative; top:-13px; }
.xg-news ul li a{ text-overflow: ellipsis;  overflow: hidden; white-space: nowrap; width: 240px; display: inline-block; }
.xg-news ul li span{ float: right; }

.xg-area{ height: auto; overflow: hidden; padding-bottom: 15px; }
.xg-area ul li{ float: left; display: inline-block; margin-right: 25px; }

.pro{ width: 100%; height: auto; overflow: hidden; padding: 10px 0 30px; }
.pro .img{ float: left; display: inline-block; width: 480px; }
.pro .text{ float: right; display: inline-block; width: 420px; }

.pro .text h1{ font-size: 24px; padding-top: 20px; }
.pro .text .desc{ padding: 20px 0; height: 150px; font-size: 16px; line-height: 25px; }
.pro .text .btn{ width: 120px; height: 40px; background: #1e4481; color: #FFF; display: block; text-align: center;line-height: 40px; font-size: 18px; }

.pro-content .tits{border-bottom: 1px solid #e1e1e1; height: 40px; width: 100%; font-size: 18px; }
.pro-content .tits span{ background:#1e4481; color:#FFF; display: block;width: 120px; height: 40px; text-align: center; line-height: 40px; }
.pro-content .info{ padding: 20px 0; line-height: 30px; }
.pro-content .info img{max-width: 100%;}

div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.pc-slide{width: 100%;margin: 0 auto; text-align: center;}
.view .swiper-slide .imgauto{width: 100%;height: 350px; position: relative;}
.view .swiper-slide .imgauto img{ max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0 }
.view .swiper-container{width: 100%;}
.preview{width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container{width: 80%;margin: 0 10%;overflow: hidden;}
.preview .swiper-slide{width:22.5%;padding: 5px; }
.preview .swiper-slide .imgauto{width: 100%;height: 80px;line-height: 80px;border: 1px solid #ddd;text-align: center;cursor: pointer; position: relative; display: block;}
.preview .swiper-slide .imgauto img{display: inline-block;vertical-align: middle;max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0}
.preview .slide6{width: 82px;}
.preview img{padding: 1px;}
.preview .active-nav .imgauto{border: 1px solid #1e4481;}
.preview .arrow-left{background: url(../images/prev1.png) no-repeat left center;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.preview .arrow-right{background: url(../images/next1.png) no-repeat left center;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}
.clearfix {*zoom: 1;}
.clearfix:after{content: " "; display: block; height: 0; clear: both; visibility: hidden;}


#message{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1000;transform: scale(0);transition: .3s;}
.messagebg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);z-index: 1001;}
#message .m-content{margin-top: 10%;}
#message .m-content .m-message{background: #fff;width: 580px;background: #fff;padding: 50px;margin: 0 auto;position: relative;z-index: 1002;box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
.m-message{width: 494px;margin: 48px auto 0;}
.m-message label{margin-bottom: 15px;display: block;font-size: 14px;}
.m-message label em{display: block;float: right;color: red;height: 32px;line-height: 32px;}
.m-message label span{width: 70px;height: 34px;line-height: 34px;color: #2F2F2F;float: left;font-weight: bold;text-align: right;margin-right: 30px;display: inline-block;}
.m-message label input.inp,.m-message label textarea,.m-message label.code input{width: 77%;overflow: hidden;height: 32px;line-height: 32px;border: #cccccc 1px solid;border-radius: 3px;padding:0 14px;box-sizing: border-box;color: #555;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.m-message label input:focus,.m-message label textarea:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);}
.m-message label textarea{height: 72px;line-height: 24px;padding:10px 14px;}
.m-message label.code{line-height: 34px;}
.m-message label.code input{width: 30%;float: left;margin-right: 30px;}
.m-message label.code .pic{display: inline-block;vertical-align: top;width: 80px;height: 32px;}
.m-message label.code img{display: block;width: 100%;height: 100%;}
.btn-1 input{width: 52px;height: 32px;line-height: 32px;background: #e8e8e8;border: none;color: #333;margin-right: 22px;cursor: pointer;transition: 0.3s;}
.btn-1{padding-left: 100px;}
.btn-1 input.focus{background: #1f7fcb;color: #fff;}
.btn-1 input.focus:hover{background: #444;}
.btn-1 input:hover{background: #ccc;}

.pages{ text-align: center; padding: 30px 0 10px; width: 100%; display: block; overflow: hidden; }
.page-num:not(:disabled) {cursor: pointer;}
.page-num,.page-link{position:relative;padding:.5rem .75rem;margin-left:-5px;line-height:1.25;color:#1e4481;background-color:#fff;border:1px solid #dee2e6}
a.page-num:hover,.page-link:hover{text-decoration:none}
.page-num-current{z-index:1;color:#fff;background-color:#1e4481;border-color:#1e4481}
.page-num-current:hover{color:#fff}