@charset "utf-8";
html{ font-size: 100px; }
body{font-family:"Microsoft YaHei";  color:#333; font-size:14px;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#d81e06}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.w1410{ width:74%; margin:auto; }
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}



.w1200{ width: 1200px; margin: auto; }
.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding: 40px 0px; }

.top{ margin: auto; }

.head{ height:75px; width:100%; position:fixed; left:0px; top:0px; z-index:9999; background:#FFF;box-shadow: 0px 0px 10px #ccc;transition: all .4s ease;}
.head.tops{ top:-75px;}
.head .logo{ float:left; height:55px; margin-top:10px;}
.head .share{ float:right; line-height:75px;}
.head .share img{ margin-left:14px;}
.head .share a{ position: relative; }
.head .share a img.yin{ position: absolute; top: 30px; right: 0; width: 120px; max-width: 120px; display: none; }
.head .share a:hover img.yin{ display: block; }

.nav{ float:right; font-size: 16px; line-height:75px; }
.nav li{ float: left; text-align: center;padding:0px 24px; position: relative; z-index: 999;}
.nav li a.zhu{ display: block; position: relative;}
.nav li:hover a.zhu{}
.nav li.on a.zhu:after,.nav li:hover a.zhu:after{
    content: '';
    width: 100%;
    height: 4px;
    background: #d81e06;
    position: absolute;
    left: 0;
    bottom: 0;
}

.nav li .sub-box1{ position:absolute;text-transform:none; top:75px; left: 0%;  width:180px; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); /*-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2);*/ }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; font-size: 14px; width:100%; height:40px; text-align:left; line-height:40px; text-indent:24px; }
.nav li .sub-box a:hover{ background: #d81e06; color: #fff; }


.tel{ float: right;  padding-top: 30px; }
.tel span{ display: block; font-size: 26px; color: #e40011;}

/*.web_dian{ height: 75px; }*/

.index_dh{ margin: auto; text-align: center; width: 250px; position: relative;  color: #666;  text-transform:uppercase;}
.index_dh b{ font-size: 28px; color: #1E50AE; display: block; margin: 5px auto; }
.index_dh:before{ width: 60px; height: 1px; content: ""; background: #333; display: block; position: absolute;top: 50px; left: 0px;}
.index_dh:after{ width: 60px; height: 1px; content: ""; background: #333;display: block; position: absolute; top: 50px; right: 0px;}

.index_dh1{ color: #fff; }
.index_dh1 b{color: #fff;}
.index_dh1:before{ background: #fff; }
.index_dh1:after{ background: #fff;}
.ys_box{ margin: 0px auto; background: url(../images/bj.png) no-repeat center;  height: 536px; }
.ys_con{ width: 92%; margin: auto; }
.ys_box li{ float: left; width: 365px; margin-top: 6%; overflow: hidden; height: 185px; }
.ys_box li .pic{ float: left; }
.ys_box li .pic img.yin{ display: none; }
.ys_box li:hover .pic img.yin{ display: inline-block; }
.ys_box li:hover .pic img.xian{ display: none; }
.ys_box li .text{ padding-top: 35px; float: right; width: 200px;}
.ys_box li .text span{ font-size: 18px; display: block; margin: 10px auto; }
.ys_box li .text p{ color: #999; line-height: 180%; }
.ys_box li:nth-child(2n){ margin-left: 32%;  }
.ys_box li:nth-child(2n) .pic{ float: right; }
.ys_box li:nth-child(2n) .text{ float: left; }


.box{ margin: auto; background: url(../images/bj1.png) no-repeat center; padding-bottom: 50px;  }
.about{ margin: auto; color: #fff; line-height: 200%;  }
.about_pic{ float: left;  width: 41%;}
.about_con{ float: right; width: 55%; font-size: 16px; padding-top: 20px; }
.about_con a{ width: 150px; height: 45px; line-height: 45px; background: #fff; color: #1E4FB1; border-radius:45px; display: block; text-align: center; margin-top: 20px; }
.about_con a:hover{ background: #e40011; color: #fff;}


.price{ padding: 60px 0px; }
.category ul{ text-align: center; margin: 25px auto; }
.category ul li {
	display: inline-block;
	cursor: pointer;
	padding: 0px 25px;
	line-height: 30px;
}
.category ul li a{ color: #333; }
.category ul li.active a{ color: #fff; background: #1E4FB1;  padding: 10px 20px; font-size: 16px;}
.cont {display: none; margin-top: 50px;}
.cont.active {display: block;}
.cont li{ float: left; width:31%; margin-left: 2%; margin-bottom: 2%; }
.cont li .pic span{ height: 237px; }
.cont li a{ color: #333; }
.cont li .text{ margin: 10px auto; text-align: center; }
.cont li .text p{ color: #333; }
.cont li .text span{ display: block; color: #999; margin: 10px auto; }

.box1{ margin: auto; background: url(../images/bj2.jpg) no-repeat center; padding-bottom: 50px;  }
.index_dh2{ margin: auto; color: #fff;  text-align: center; padding: 60px 0px 30px 0px;}
.index_dh2 p{ font-size: 40px; font-weight: bold; }
.index_dh2 span{ display: block; margin: 5px auto; text-transform:uppercase;  font-size:16px;}

.yewu{ margin: auto; color: #fff; text-align: center; }
.yewu a{ color: #fff; }
.yewu .pic img{ margin: auto;  border-radius:160px;}
.yewu .text{ margin: 40px auto;  }
.yewu .text span{font-size: 20px; display: block;}
.yewu .text i{ display: block; width: 40px; height: 1px; background: #fff;  margin: 20px auto;}
.yewu .text p{ margin: 45px auto;  line-height: 200%;}


.sl_con{ margin: 60px auto; }
.sl_con li{ float: left; width: 33.3%; text-align: center; font-size: 16px; }
.sl_con li span{ display: block; font-size: 56px; }


.box3{ margin: auto; background: url(../images/bj3.jpg) no-repeat center; padding-bottom: 40px;  }
.lxwm{ color: #cccccc; width: 50% }
.lxwm_dh{ font-size: 46px; margin: auto; padding-top: 40px; }
.lxwm_con{ margin: 30px auto; line-height:200%; font-size: 16px; }

.ly_index{ margin: auto; color: #fff; width: 45%; padding-top: 30px;}
.ly_index p{ margin: 20px auto; }
.ly_index p span{ padding-right: 10px; }
.ly_index input[type="text"]{ height: 30px; line-height: 30px; width: 80%; background: #dbdbdb; border: none; }
.ly_index textarea{width: 80%; height: 80px; background: #dbdbdb; border: none;}
.ly_index p input[type="submit"]{ background: #5ab4ff;  margin-left: 40px;  width: 120px; height: 40px; line-height: 40px; color: #fff; border: none; cursor: pointer;}
.ly_index p font{ color: #f00; padding-left: 5px; }




.nbanner{ margin: auto; position:relative;  background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom:20.8%; text-align:center ; padding-bottom: 400px; }
.nbanner p{ position:absolute; width:100%; top:50%; transform: translateY(-50%); color:#FFF; font-size:36px; padding-top: 75px;}
.n_dh{ margin: auto;  text-align: center; }
.n_dh a{ display: inline-block; padding: 10px 20px; font-size: 16px; margin: 50px 10px 20px 10px; }
.n_dh a:hover{color: #fff; background: #1E4FB1; }
.n_dh a.on{color: #fff; background: #1E4FB1; }
.w1170{ margin:auto; width:1170px; margin:auto; max-width:96%}
.w1430{ margin:auto; width:1430px; margin:auto; max-width:96%}

.second{cursor: pointer;
    float: left;
    position: relative;}
.route { background:#f6f6f6; height:60px; position:relative; z-index:100}
.route img.co{ float:left;}
.second	h4{border-bottom: 3px solid #d81e06;
    color: #d81e06;
    margin: 0;    height: 57px;
    line-height: 57px;
    min-width: 150px;
    font-size: 16px;
    color: #333;
    padding: 0 0px 0 30px;
    position: relative;
    border-right: 1px solid #eaebeb;}
	.second h4::after {
    border-top-color: #d81e06;
}

.second	h4:after{
    content: '';
    border: 4px solid transparent;
    border-top: 4px solid #d81e06;
    border-bottom: none;
    position: absolute;
    width: 0;
    height: 0;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.second	ul{overflow: hidden;display: block; width:100%;margin-top: 0px;margin-bottom: 10px;padding-top: 0px;padding-bottom: 0px; display:none; position:absolute; left:0px; top:60px;}
.second	ul li a{font-size: 14px;
    color: #333;
    display: block;
    background: #f6f6f6;
    padding: 0 30px;
    line-height: 48px;
    height: 48px;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}
.second	ul li:hover a	{color: #fff;
    background: #d81e06;}
.index{ padding:20px 0px;}
.w1280{ width:1280px; max-width:96%; margin:auto;}
.index li{ float:left; width:32.5%; margin-right:1.25%;}
.index li div.c{ padding:15px 40px 15px 20px; position:relative}
.index li.z{ margin-right:0px;}
.indextit{ height:46px; line-height:46px;}
.indextit h2{font-weight: bold;
    font-size: 24px; display:inline-block; float:left;}
.indextit a{ display:inline-block; float:right; position:relative; right:-40px}
.index li p{
    font-size: 16px;}
.index li img{ height:30px; position:absolute; right:0px; bottom:20px;}

.index li dl{ width:260px; position:relative; margin-top:10px;}
.index li dl input{	border: 1px solid #c9c9c9;
    border-radius: 5px;height: 30px;
    font-size: 16px;font-size: 16px; text-indent:20px; line-height:30px; width:100%;
	}
.index li dl a.aa{ font-size:26px; color: #999; position:absolute; right:0px; top:0px; line-height:30px;}

.foot{color: #B3B3B3;
    background-color: #f1f0f0;
    font-size: 16px; padding-top:20px;}
.foot a{color: #B3B3B3;}
.foot .f1{}
.foot .f1 dd{ float:left;    width: 1px;
    height: 60px;
    background-color: #393939;
    margin: 0 20px;}
.foot .f1 .flogo{ float:left; height:55px;}
.foot .f1 .ftel{ float:left;}
.foot .f1 .ftel i{ padding-bottom:5px; color:#333; display:block;}
.foot .f1 .ftel em{font-size: 24px;
    color: #d81e06;}
.flink_left{ float:left; width: 65%;}
.foot .f1 p{ line-height:2; display:block; padding:12px 0px;}
.foot .f1 p span{ display:inline-block; padding-right:13px;}
.foot .f1 .flink{ float:left; color:#333; line-height:2; margin-left:3%;}
.foot .f1 .flink dl.dl11 a{ /*overflow:hidden;*/ display:inline-block; font-size:22px; margin-left:12px; position:relative; overflow:visible }
.foot .f1 .flink dl.dl11 a:hover{ }
.foot .f1 .flink dl.dl11 a img{ width:112px; height:112px; max-width:inherit; position:absolute; top:-112px; left:50%; margin-left:-56px; display:none;}
.foot .f1 .flink dl.dl11 a:after{ content:'';position: absolute;
    left: 50%;
    bottom: 34px;
    display: none;
    content: "";
    width: 0;
    height: 0;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-top-color: #fff;
    border-right-color: transparent;
    border-bottom: none;
    border-left-color: transparent;}
.foot .f1 .flink dl.dl11 a:hover:after{ display:block }
.foot .f1 .flink dl.dl11 a.icon-weibo-fill:hover:after{ display: none; }
.foot .f1 .flink dl.dl11 a:hover img{ display:block}
.foot .f1 .flink dl.dl22 i{ display:block;}
.foot .f1 .flink dl.dl22 a{ margin-right:10px; margin-top:5px; color: #333; display: inline-block;}
.foot .f1 .flink dl.dl22 a:hover{ text-decoration: underline; }
.foot .f2{ padding:9px 0px; border-top:1px solid #DDDDDD; font-size:14px;}
.foot .f2 .p1{ display:inline-block; float:left; width: 65%;}
.foot .f2 .p1 i{ display:inline-block; margin-right:10px;}
.foot .f2 .p2{ display:inline-block; float:left; margin-left: 3%;}
.foot .f2 .p2 a{display:inline-block;  color: #337ab7; font-size: 16px;}
.foot .f2 .p2 span{display:inline-block;  padding:0px 20px;}
.foot .f2 .p2 a:hover{text-decoration: underline;}
.about-box{
padding: 0 40px 50px;
    background-color: #fff;
    margin-bottom: 50px;
    box-shadow: 0px 8px 36.8px 3.2px rgba(0,0,7,0.08); margin-top:60px; font-size: 16px; line-height: 1.8;
	}

.about-title{font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    padding: 40px 0 30px;
    border-bottom: 1px solid #f1f2f3;}

#honor .honor-box {
    margin-top: 40px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}
#honor .honor-box .item .bak{ padding-bottom:87%}
#honor .honor-box .item dl{padding: 30px 30px 20px;}
#honor .honor-box .item{text-align: center; float:left; margin-right:2.1%; margin-bottom:2.4%;
    transition: all 0.6s;

    background-color: #fff;
    cursor: pointer;
    box-shadow: 0px 8px 36.8px 3.2px rgba(0,0,7,0.08); width:23.4%;
}
#honor .honor-box .item.z{ margin-right:0px;}

#honor .honor-box .item:hover {
    box-shadow: 0px 15px 20px 0px rgba(0,89,156,0.2);
}

#honor .honor-box .item .text{font-size: 16px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    padding-top: 20px;}

.lingyu{ margin-top:40px; padding-bottom:65px; }
.lingyus{ background:#FFF;box-shadow: 0px 8px 36.8px 3.2px rgba(0,0,7,0.08);
}
.ernav_ly{  margin:0px 20px 0px 20px; padding:20px 0px; }
.ernav_ly dl{
	background: #eee;
  font-size:0px; text-align:center;}
.ernav_ly li{
	display: inline-table;
    font-size: 0;
    height: 49px;
    line-height: 49px; width:14.2%;
	}
.ernav_ly li a{ font-size:18px;}
.boxLeft {
    width: 23%; float:left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-right: 2px solid #eee;
    position: relative;
}
.boxLeft ul li {
    cursor: pointer;
    position: relative;
}
.boxLeft ul li > span {
    position: absolute;
    top: 50%;
    right: 0;
    border: 10px solid transparent;
    border-left-color: #eee;
    display: block;
    -webkit-transform: translateX(100%) translateY(-50%);
    -ms-transform: translateX(100%) translateY(-50%);
    transform: translateX(100%) translateY(-50%);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
}
.boxLeft ul li > span::after {
    content: '';
    position: absolute;
    top: -8px;
    left: -11px;
    z-index: 1;
    border: 8px solid transparent;
    border-left-color: #ffffff;
}
.boxLeft ul li .text {
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.boxLeft ul li.flexStart1 .text{ font-size:14px; text-indent:14px;}
.boxLeft ul li:not(:last-child) {
    margin-bottom: 20px;
}
.boxLeft ul li.no{ margin-bottom:10px;}
.boxLeft ul li.flexStart1{ margin-bottom:10px;}
.boxLeft ul .active > span {
    opacity: 1;
}
.boxLeft ul .active .text a {
    color: #d81e06;
    font-weight: 500;
}

.boxRight { float:left;
    width: 77%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 6%;
    padding-right: 5%;
}
.panel-heading2 {
    line-height: 45px; margin-left:70px;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb>li {
    display: inline-block;
}
.panelC {
    color: #ceced7;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.case{ margin:40px 0px 70px 0px;}
.case_nr{box-shadow: 0px 8px 36.8px 3.2px rgba(0,0,7,0.08);
}
.big_case_nav{ padding:20px;}
.case_nav{}
.case_nav li{ float:left; width:25%; height:49px; line-height:49px; text-align:center}
.case_nav li a{ background:#eee; display:block; height:100%; width:100%;font-size: 18px;
    color: #333;
    position: relative;}
	.case_nav li.on a{ color:#FFF; background:#d81e06}

#cases .solution-items .items .item {
    display: flex;
    padding: 40px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    transition: all 0.6s;
    position: relative;
}
#cases .solution-items .items .item .pic {
    width: 300px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; padding-top:0px; margin:0px;
}
#cases .solution-items .items .item .pic img {
    width: 100%;
    transition: all 0.4s ease-in 0s;
    -webkit-transition: all 0.4s ease-in 0s;
    -moz-transition: all 0.4s ease-in 0s;
    -o-transition: all 0.4s ease-in 0s;
}
#cases .solution-items .items .item .info {
    padding-left: 40px;
}
#cases .solution-items .items .item .info .tt {
    font-size: 22px;
    line-height: 22px;
    font-weight: bold;
}
#cases .solution-items .items .item .info .desc {
    font-size: 16px;
    line-height: 28px;
    height: 80px;
    color: #666;
    margin-top: 10px;
}
#cases .solution-items .items .item .info .more {
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ddd;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    transition: all 0.6s;
}
#cases .solution-items .items .item:hover .info .more {
    border: 1px solid #f00;
    background-color: #f00;
    color: #fff;
}

.artInfo-right {
    width: 23.5%;
    float: right; margin-top:140px;
}
.aiAbout-news {
    margin: 0px 0 30px;
    box-shadow: 0px 8px 36.8px 3.2px rgba(0, 0, 7, 0.08);
    padding: 30px 25px 20px;
    position: relative;
}
.aiAbout-news .top {
    line-height: 28px;
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px; display:block
}
.aiAbout-news .list li {
    padding: 0 0 0 0px;
    position: relative;
    margin: 20px 0 20px;
}
.aiAbout-news .list li .date {
    line-height: 21px;
    font-size: 12px;
    color: #999999;
    margin: 5px 0 0;
}
.aiAbout-news .list li .name {
    line-height: 150%;
    color: #666666;
    margin-bottom: 15px;
}
.aiAbout-news .list li .name a {
    color: #777777;
}

.contact{ padding:50px 0px;}
.contact_nr{box-shadow: 0px 8px 36.8px 3.2px rgba(0,0,7,0.08); padding:20px;}
.contact_nr ul{}
.contact_nr ul li{}
.contact_nr ul li h2{padding: 0 0 0 20px;
    background: #eee;
    height: 40px;
    line-height: 40px; font-size:18px; margin:10px;}
.contact_nr ul li p{ padding:0 0 10px 20px; line-height:2.4;}
.contact_nr .liuyan{ padding:20px;}
.contact_nr .liuyan h2{font-weight: bold;
    color: #333;
    font-size: 24px;
    line-height: 24px;
    }
.contact_nr .liuyan h2 i{margin-left: 15px; font-size:16px; color:#999; font-weight:normal}
.contact_nr .liuyan_con{ padding-top:20px;}
.contact_nr .liuyan_con p{ width:49%; margin-bottom:2%;
    height: 70px;
    border: 1px solid #eee;
    transition: all 0.6s; position:relative
    }
.contact_nr .liuyan_con p i{ display:inline-block; position:absolute; left:24px; color:#f00000; top:24px;}
.contact_nr .liuyan_con p:nth-child(odd){ float:left;}
.contact_nr .liuyan_con p:nth-child(even){ float:right;}
.contact_nr .liuyan_con p input{ text-indent:30px; display:block; border:none; width:100%; height:100%;}
.contact_nr .liuyan_con dd{border: 1px solid #eee;padding: 20px 30px; height:160px; margin-bottom:2%}
.contact_nr .liuyan_con dd textarea{width: 100%;
    height: 100%; border:none;


    transition: all 0.6s;
    resize: none;}
.contact_nr .liuyan_con dl{}
.contact_nr .liuyan_con dl input{width: 190px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border: 0;
    background-color: #f00000; float:right}

.navs {
	width: 100%; display:none;
	height: 50px; margin-bottom:20px;
	line-height: 49px;

	white-space: nowrap;

	overflow-x: scroll;

	overflow-y: hidden;

	text-align: justify;

	background: #F4F5F6;

	box-sizing: border-box; font-size:0px;
}
.navs a {

	text-decoration: none;
	margin: auto 10px;
	  font-size:16px; display:inline-block;
}
.navs a.ses{ border-bottom:1px solid #F00; }
.navs::-webkit-scrollbar {

	display: none;
}

.form-search { margin-top:50px;
    padding-bottom: 30px;
    position: relative;
}


.form-search input{display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -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,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    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,-webkit-box-shadow ease-in-out .15s;}


.search-icon {
    position: absolute;
    right: -14px;
    top: 9px;
    width: 26px;
    height: 26px;
    background-image: url(../images/ico-search.png);
    background-position: center center;
    background-repeat: no-repeat; cursor:pointer;
}





.message_piao{ position:fixed; border-radius:7px; right:0px; bottom:10px; z-index:9999999; overflow:hidden; border:1px solid #f00000; width:300px; background:#fff; }
.message_piao .mess_tit{ height:36px; line-height:36px; color:#FFF; font-size:14px; background:#f00000}
.message_piao .mess_tit i{ display:inline-block; float:left; margin-left:14px;}
.message_piao .mess_tit a{ display:inline-block; float:right; margin-right:12px; color:#FFF; height:36px; line-height:36px;}
.message_piao .message_piao_nr{ padding:14px;}
.message_piao .message_piao_nr li{ position:relative; border-radius:4px; margin-bottom:10px;  line-height:35px; border:1px solid #eee;}
.message_piao .message_piao_nr li input[type="text"]{ border:none; height:100%; width:100%;height:35px; text-indent:12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影效果 */

}
.message_piao .message_piao_nr li textarea{ border:none; padding:6px 12px; height:80px; width:calc(100% - 24px); margin-bottom:0px; display:block;  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影效果 */
}
.message_piao .message_piao_nr li i{ color:#f00000; position:absolute; left:4px; top:3px;}
.message_piao .message_piao_nr li.no{ border-color:transparent; border:none; margin-bottom:0px;}
.message_piao .message_piao_nr li input[type="submit"]{ cursor:pointer; border:none; color:#FFF; background:#f00000; width:90px; height:30px; line-height:30px; border-radius:6px; margin:auto; display:block}