@charset "gb2312";

html, body{font: 14px Arial, "Microsoft Yahei";color: #333;width: 100%;height: 100%;background: #fff}
*{padding: 0;margin: 0;}
ul,ol,dl,dt,li{list-style: none;}
a{text-decoration: none; color: #333}
img{border: none;}
input{border: none;background: none;}
input, textarea{font-family: Arial, "Microsoft Yahei";outline: 0;font-size: 14px;-webkit-appearance: none;}
.clear{clear: both;}
.fl{float: left;}
.fr{float: right;}
.fw{margin: 0 auto;width: 1200/*sx-jianju*/}
.pt80{padding-top: 80px;}

.clearfix {*zoom: 1;}


#header{width: 100%;height: auto;position: fixed;background: #fff;padding:10px 0px;font-size: 14px;transition: all ease .3s;z-index: 99;transition-property: padding, background}
#header .content{text-align: center;width: 1360px;margin: 0 auto;}
#header .content img{float: none;}
#header .content{padding:10px 0px;}
#header #logo{padding: 0px 0;float: left;width: auto;height: 40px;display: block;float: left;margin-right: 20px}
#header ul#nav{float: right;margin-top: 5px;}
#header.mini{background-color: rgba(255, 255, 255, 1);padding-top: 0px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);}
#header.mini ul li.navitem a.active:after, #header.mini ul li.navitem:hover a:after{margin-top: -5px;}

/*banner*/
.ibn{position: relative; height: 630px; overflow: hidden; min-width: 1200px; clear: both;padding-top: 85px;}
.ibn .bd{height: 630px;}
.ibnitem{position: relative; height:630px; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; overflow: hidden;}
.ibn .hd{ position:absolute; bottom: 1em; left: 0; width: 100%; text-align: center;}
.ibn .hd li{cursor:pointer;display:inline-block;*display:inline;zoom:1;margin:0 6px;overflow:hidden; font-size: 0; width:14px; height:14px; border-radius: 50%;background-color:#FFF;-moz-box-shadow:1px 1px 3px #666;; -webkit-box-shadow:1px 1px 3px #666; box-shadow:1px 1px 3px #666;}
.ibn .hd .on{background-color: #FF2F25;}
.ibn .prev, .ibn .next{position: absolute; top: 53%;  display: block; text-align: center; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%; font-weight: bold; font-size: 16px; color:#fff; width:50px; height: 50px; line-height: 50px; background-color: rgba(0,0,0,.3);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CF000000,endcolorstr=#CF000000); }
.ibn .prev:hover, .ibn .next:hover{ background-color: #272727; color: #fff; text-decoration: none;}
.ibn .prev{left: 3%;}
.ibn .next{right: 3%;}
/*服务项目*/
.k1200{max-width:1360px;margin:0 auto;}
.title{text-align:center;padding:110px 0 16px 0;color:#333; font-size:26px; font-weight:bold; }
.infoText{text-align:center;color:#666;font-size:16px; font-weight:normal;letter-spacing:5px;}
.infoText5{text-align:center;color:#666;font-size:16px; font-weight:normal;}
.scrol-page{margin:0 auto;padding-bottom:130px; }
.servicesBox{position:relative;margin:80px 0 0 0; }
.servicesBox li{width:16.6%;float:left;text-align:center;}
.servicesBox li h3{font-size:20px;color:#333;padding:5px 0; }
.servicesBox li p{color:#999;font-size:14px;line-height:200%;}
.servicesBoxList{padding:0 10px;}
.servicesBox:before{width:100%;height:1px;background:#eee;position: absolute;left:0;right:0;content:'';top:87px;}
.servicesBoxIcon{padding:0 0 20px 20px;}
.servicesBoxIcon i{display: inline-block; cursor: pointer; width: 166px; line-height:166px; height: 166px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #333; font-size:16px;background:#fff;border:1px solid #a3a3a3; transition: background 0.2s, color 0.2s;}
.servicesBoxIcon i:after{pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; box-sizing: content-box;}
.servicesBoxIcon i:after{top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 4px #CD181D; transition: transform 0.2s, opacity 0.2s; transform: scale(.8); opacity: 0; }
.servicesBoxIcon i:hover{color:#fff;border:1px solid #fff;}
.servicesBoxIcon i:hover:after{transform: scale(1); opacity: 1;}
.servicesBoxIcon i:before{width:166px;height:166px;display:block;position:absolute;content:'';}
.servicesIcon_1:before{background:url(../images/pro_1.png) no-repeat center center}
.servicesIcon_2:before{background:url(../images/pro_2.png) no-repeat center center}
.servicesIcon_3:before{background:url(../images/pro_3.png) no-repeat center center}
.servicesIcon_4:before{background:url(../images/pro_4.png) no-repeat center center}
.servicesIcon_5:before{background:url(../images/pro_5.png) no-repeat center center}
.servicesIcon_6:before{background:url(../images/pro_6.png) no-repeat center center}


/*about*/
.about {height:auto; width:100%; background: #f3f3f3 url(../images/about_bg.jpg) no-repeat center top ;}
.about .container {width:1200px;margin:0 auto;}
.about .home-title {padding-top:50px;line-height:40px; padding-bottom:10px; width:700px;}

.about .home-title .h-h2-white{ font-size:26px; color:#333; font-size:26px; font-weight:bold;}
.about .home-title .m-sm-white2{ color:#666;font-size:16px; letter-spacing:5px; }
.about .h_about_dl{ width:700px;}
.about .h_about_dl dd .t{ margin:0px 0px 40px 0px; color:#666; font-size: 14px; line-height:30px;}
.about .h_about_dl dd li{ float:left; width:25%; text-align:center; }
.about .h_about_dl h5{ font-size:14px;}
.about .h_about_dl .ul_d{background-color:#f8f9fa; padding:30px 0; height:auto; overflow:hidden; line-height:30px;}
.about .h_about_dl .ul_d p{ color:#666; line-height:48px;}
.about .h_about_dl .ul_d .red_text{ font-size:48px; margin-right: 5px; color:#CD181D;}
.about .more{ clear:both; padding:30px 0 43px 0; width:700px; text-align: left;}
/*btn*/
a.btn-center {text-align: center;font-size: 12px;padding: 10px 50px ;margin: 10px 10px 0 10px;color: #ccc;border: 1px solid #999;display: inline-block}
a.btn-center:hover {background-color: #CD181D;border: 1px solid #CD181D;color: #fff;text-decoration: none}
a.btn-center-red {text-align: center;font-size: 12px;padding: 10px 50px ;margin: 10px 10px 0 10px;color: #fff;border:1px solid #CD181D;display: inline-block;background-color: #CD181D;}
a.btn-center-red:hover {background-color:#C4884D;border: 1px solid #C4884D;color: #fff;text-decoration: none}
a.btn-center-black {text-align: center;font-size: 12px;padding: 10px 50px ;margin: 10px 10px 0 10px;color:#666;border:1px solid #ccc;display: inline-block;}
a.btn-center-black:hover {background-color:#CD181D;border: 1px solid #CD181D;color: #fff;text-decoration: none}


/*产品展示*/ 
.mproject{background:#f6f6f6; height:auto; overflow: hidden;}
.mproject .content{width: 1260px;margin: 0 auto;}
.mproject .content .wrapper{width: 100%;margin: 0}
.mproject .projectlist{ margin-top:50px; clear:both;}
.mproject .projectlist .projectitem{width: 24%;height: auto;margin-right: 1%;margin-bottom: 1%;float: left;position: relative;}
.mproject .projectlist .projectitem{width: 300px;margin: 0 12px 25px 0;height: 381px;background: none;border: 3px solid #fff;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.mproject .projectlist .projectitem:hover{border-color: #CD181D;box-shadow: 0 12px 10px rgba(0, 0, 0, 0.1);}
.mproject .projectlist .projectitem:nth-child(4n){margin-right: 0;}
.mproject .projectlist .projectitem a:hover .project_info{background: none}
.mproject .projectlist .projectitem a .project_info div{height: 81px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute;bottom: 0px;top: auto;width: 100%;background: #fff;}
.mproject .projectlist .projectitem a .project_info p{width: auto;text-align: left;}
.mproject .projectlist .projectitem a .project_info .title{font-size: 16px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 24px;line-height: 24px;margin: 0px;padding: 15px 30px 1px 20px;border-top:solid 1px #efefef;}
.mproject .projectlist .projectitem:hover a .project_info .title, .mproject .projectlist .projectitem:hover a .project_info .subtitle{color: #fff;}
.mproject .projectlist .projectitem a .project_info .subtitle{color: #b7b7b7;display: block;height: 20px;line-height: 24px;overflow: hidden;margin: 0px;padding: 0px 20px;}
.mproject .projectlist .projectitem a img{height: 300px;width:300px;overflow: hidden;}
.mproject .projectlist .projectitem:hover a .project_info div{background: #CD181D;}
.mproject .projectlist .more{ clear:both; text-align:center; padding:10px 0 60px 0;}



/*项目案例ʾ*/
.case{width:100%;}
.successNav{margin-top:30px; text-align:center;}
.successNav a{padding:10px 40px; border:1px solid #a7a7a7; margin:0 5px;font-size:16px; color:#333; background:#ffffff;}
.successNav a:hover,.successNav a.cur{ color:#fff; background:#CD181D; border:1px solid #CD181D;}
.shareList{padding:40px 0 60px 0; }
.shareList ul{display:none;width:1260px; margin:0 auto;}
.shareList li{ float:left;width:230px; margin:0px 11px; margin-bottom:30px;overflow: hidden;}
.shareList li img{width:230px;height:200px;display: inline-block;  transition: all 0.7s;}
.shareList li:hover img{ transform:scale(1.05); }
.shareList li p a{height:45px; line-height:45px; text-align:center; display: inline-block; background:#f6f6f6; width:100%; font-size:15px; font-weight:bold; color:#666666;}
.shareList li p a:hover{ background:#CD181D; color:#FFFFFF;}
.shareMore {text-align:center; clear:both; padding-bottom:70px;}
.shareMore a{text-align: center;font-size: 12px;padding: 10px 50px ;margin: 10px 10px 0 10px;color:#666;border:1px solid #ccc;display: inline-block;}
.shareMore a:hover{background-color:#CD181D;border: 1px solid #CD181D;color: #fff;text-decoration: none}


/*新闻中心ʾ*/
.news_sy{width:100%; background:#f6f6f6;}
.news-list{ width:1260px; margin:0 auto; padding-top:40px;}
.news-list li{ padding: 15px; border: 1px solid #eaeaea; margin-bottom: 20px; transition: all 0.7s; position: relative; overflow: hidden; background:#FFFFFF;}
.news-list em{ display: block; text-align: center; width: 200px; height: 150px; overflow: hidden;}
.news-list em img{ display: inline-block;  width: 200px; height: 150px; overflow: hidden;  transition: all 0.7s;}
.news-list div.fl{ padding-left: 40px; width: 700px; }
.news-list h3{ font-size: 16px; color:#666; padding:10px 0 10px 0; }
.news-list p{ font-size: 14px; color: #888; line-height: 35px; }
.news-list div.fr h4{ font-size: 14px; color: #999; font-weight:normal; }
.news-list div.fr h4 i{ display: inline-block; vertical-align: middle; padding-right: 5px; }
.news-list div.fr span{ display: block; width: 120px; height: 35px; line-height: 35px; background: #666; color: #fff;  text-align: center;
margin-top:50px; float: right; transition: all 0.7s; }
.news-list li:hover em img{ transform:scale(1.05);  }
.news-list li:hover span{ background: #CD181D; }
.news-list li:hover h3{ color: #CD181D; }
.more{ clear:both; text-align:center; padding:10px 0 60px 0;}

.csr{width:100%; padding-bottom:70px;}
.csr  .Box {position: relative;   width:1260px; padding:40px 0px; margin:30px auto; background:#f6f6f6;}
.csr  .Box .content {width: 1100px;margin:0 auto;}
.csr  .Box .Box_con {position: relative;}
.csr  .Box .Box_con .btnl {position: absolute;}
.csr  .Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top:13px;cursor: pointer;}
.csr  .Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -70px;}
.csr  .Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -70px;}
.csr  .Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}
.csr  .Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}
.csr  .Box .Box_con .conbox {position: relative;overflow: hidden;}
.csr  .Box .Box_con .conbox ul {position: relative;list-style: none;}
.csr  .Box .Box_con .conbox ul li {float: left;margin:0px 10px;  font-size:14px; color:#000; text-align:center; }


.map{ width:100%; background:#111111 url(../images/map_bg.jpg) no-repeat center top; position:relative; overflow:hidden; height:770px}

.kw1200{width:1140px;margin:0 auto; clear:both;background:#FFF; overflow:hidden;border-radius:20px;padding:80px 30px ;  }
.bottom_from {height:auto; overflow:hidden ;position:relative; top:300px; }
.bottom_from .box2 { width: 360px; border-right: 1px solid #DBDBDB; padding-left: 36px; padding-right: 51px; }
.bottom_from .box2 .t { border-bottom: 1px solid #DBDBDB; padding-bottom: 30px; margin-bottom:20px;  }
.bottom_from .box2 h1 { font-size: 24px; font-weight: 100; font-family: arial;}
.bottom_from .box2 h2 { font-size: 22px; font-weight: 100;}
.bottom_from .box2 h2 span{ color:#e10100}
.bottom_from .box2 p { line-height: 43px; font-size: 14px;  }
.bottom_from .box2 p i { width: 16px; height: 18px; float: left; margin-top: 12px; margin-right: 14px;font-size:16px; }
.bottom_from .box2 p .i2 { background-position: -339px -147px; }
.bottom_from .box2 p .i3 { background-position: -339px -189px; }
.bottom_from .box2 p .i4 { background-position: -339px -232px; }
.bottom_from .box3 { width: 580px; padding-right: 51px; }
.bottom_from .box3 h1 { font-size: 24px; font-weight: 100; font-family: arial; }
.bottom_from .box3 h2 { font-size: 22px; font-weight: 100; padding-bottom:35px; }
.bottom_from .box3 h2 span { color:#e10100}
.bottom_from .box3 .input { border: 1px solid #EDEDED; width: 250px; height: 19px; line-height: 19px; padding: 7px 10px; color: #666; background: none; font-size: 12px; float: left; }
.bottom_from .box3 .in2 { float: right; }
.bottom_from .box3 textarea { border: 1px solid #EDEDED; width: 560px; height: 90px; float:left; padding: 10px; background: none; resize: none; overflow: hidden; font-size: 12px; color: #666; margin-top: 20px; }
.bottom_from .box3 .btn { background: #e10100; border: none; width: 100%;height: 35px; line-height: 35px; text-align: center; font-size: 16px; color: #fff; margin-top:20px; cursor: pointer; transition: ease-in-out .2s; }
.bottom_from .box3 .btn:hover { width: 100%; }
.bottom_from .links{clear:both; color:#D8D8D8; border-top: 1px solid #3D3D3D; padding:40px 0 0 0; font-size:16px;}
.bottom_from .links a{ color:#D8D8D8; font-size:14px;}
.bottom_main { width: 100%; height: 50px; line-height: 50px; color: #ABB0B4; font-size: 14px; background: #000000; }
.bottom_main a { color: #ABB0B4; }
.bottom_main a:hover { text-decoration: underline; }



em{font-style: normal;}


.w1180{width: 1190px;margin: 0 auto;}

/*footer*/
.footer-new-con{width:100%;min-width:1190px;background:#111111 !important;padding-bottom: 10px;}
.footer-new-con .help-list{padding-top:60px;padding-bottom:60px;height:auto;overflow:hidden;width:auto !important;clear: both;}
.footer-new-con .help-list .tel{float: left;width: 240px;}
.footer-new-con .help-list .tel em{color: #fff;font-size: 16px;display: block;padding-bottom: 25px;}
.footer-new-con .help-list .tel strong{color: #FF2F25;font-weight: bold;font-size: 20px;display: block;line-height: 28px;}
.footer-new-con .help-list .tel span{color: #888;font-size: 14px;font-weight: normal;display: block;padding-bottom: 10px;}
.footer-new-con .help-list .tel p{color: #888;font-size:12px;}
.footer-new-con .help-list dl{width:170px;float:left;}
.footer-new-con .help-list dt{display:block;font-size:16px;color:#fff;padding-bottom:25px;}
.footer-new-con .help-list dd{display:block;height:30px;line-height:30px;}
.footer-new-con .help-list dd a{display:block;font-size:14px;color:#999;}
.footer-new-con .help-list dd a:hover{color:#e10100;}
.footer-new-con .qr-code{float:right;width:auto;padding-top:5px;text-align:right;}
.footer-new-con .qr-code div{text-align:center;display:inline-block;background:none !important;}
.footer-new-con .qr-code .code_img{margin-right:30px;}
.footer-new-con .qr-code div p{display:block;color:#fff;font-size:14px;padding-top:5px;}
.footer-new-con .qr-code div img{width:110px;height:110px;}
.copyright{display:block;color:#888;text-align:center; width:100%; border-top: solid 1px #292929; padding:30px 0px;}











/**/
.izl-rmenu{margin-right: 0; width: 82px; position: fixed; right: 2px; top: 65%; -webkit-box-shadow: #DDD 0px 1px 5px; -moz-box-shadow: #DDD 0px 1px 5px; box-shadow: #DDD 0px 1px 5px; z-index:999;}
.izl-rmenu .consult{background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center -77px; display: block; height: 76px; width: 82px;}
.izl-rmenu .consult .phone{background-color: rgb(247,247,255); position: absolute; width: 160px; left: -160px; top: 0px; line-height: 73px; color: #000; font-size: 18px; text-align: center; display: none; box-shadow: #DDD -1px 1px 4px;}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart{background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center bottom; display: block; height: 16px; width: 16px; font-size: 12px; line-height: 16px; color: #45BDFF; text-align: center; padding-top: 15px; padding-right: 18px; padding-bottom: 47px; padding-left: 48px;}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top{background-image: url(../images/float_top.gif); background-repeat: no-repeat; background-position: center top; display: block; height: 39px; width: 82px; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out;}
.izl-rmenu .btn_top:hover{background-image: url(../images/float_top.gif);background-repeat: no-repeat;background-position: center bottom;}
.izl-rmenu .cart .pic{display:none; position: absolute; left: -160px; top: 65px; width: 160px; height: 160px; background:url(../images/wx1.jpg);}
#udesk-feedback-tab{position: fixed; right: 2px; top: 65%; margin-top: -76px; -webkit-box-shadow: #DDD 0px -1px 5px; -moz-box-shadow: #DDD 0px -1px 5px; box-shadow: #DDD 0px -1px 5px; z-index: 10000; cursor: pointer; background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center top; display: block; height: 76px; width: 82px; background-color: #FFF!important; z-index:999;}



.banner_ej{background-position:center bottom; background-repeat:no-repeat;width:100%;height:360px;overflow: hidden; clear: both;padding-top: 80px;}


.tab_bt{margin-top:20px; text-align:center; padding:30px 0px;}
.tab_bt a{padding:18px 50px; border:1px solid #eeeeee; margin:0 5px;font-size:16px; color:#333; background:#ffffff;}
.tab_bt a:hover,.tab_bt a.selected{ color:#fff; background:#CD181D; border:1px solid #CD181D;}

.page{text-align:center; clear:both;}
.page a{text-align: center;padding: 10px 17px ;margin: 20px 8px 40px 8px;border: 1px solid #DDD;display: inline-block; font-size:14px; background:#ffffff; font-size:16px;}
.page a:hover,.page a.cur{border:solid thin #CD181D;background-color:#CD181D;color:#fff}



.mproject .content .zhuti{ background:#fff; line-height:30px; padding:30px; margin:40px 0px 50px 0px; border:solid 1px #eee; height:auto; font-size:16px; overflow:hidden; }
.mproject .content .zhuti img{ text-align:center; display:inline-block}
.mproject .content   h5{ font-size:14px;}
.mproject .content  .ul_d{background-color:#f8f9fa; padding:30px 0; height:auto; overflow:hidden; line-height:30px; margin-top:30px;}
.mproject .content  .ul_d li{ float:left; width:25%; text-align:center; }
.mproject .content  .ul_d p{ color:#666; line-height:48px;}
.mproject .content  .ul_d .red_text{ font-size:48px; margin-right: 5px; color:#CD181D;}

/**/
.news_sy .content{width: 1260px;margin: 0 auto;height:auto; overflow:hidden;}
.news_sy .content .zhuti{background:#fff;  padding:30px; margin:40px 0 50px 0; border:solid 1px #eee; line-height:30px;overflow:hidden; }
.news_sy .content .zhuti img{ max-width:1200px;}
.d_th{text-align:center; border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 40px; }
.d_th h2{ font-size:22px; font-weight:normal;}
.d_th p{ margin:15px 0 0 0;}
.d_th p,.d_th p a{ color:#888;}
.d_th p a:hover{ color:#ed1b24;}
.d_th p .m_t{ margin:0 30px;}
.d_wen{}
.other_news{ border-top:1px solid #ddd; margin:40px 0; padding: 30px 20px 0 20px;clear:both;}
.other_news dd p{ margin:0 0 8px 0;}
.other_news i{ width:16px; height: 16px; vertical-align: middle; display: inline-block; margin-right: 5px;  }
.return_a{ display:inline-block; vertical-align: middle; border: 1px solid #ddd;  background-color: #fff; width: 110px; line-height: 38px; text-align: center; font-size: 12px;}
.return_a:hover{ border-color:#ccc; color:#333; -moz-box-shadow: 0 0 20px #ccc;-webkit-box-shadow: 0 0 20px #ccc;box-shadow: 0 0 20px #ccc;}
.text_m{ display:inline-block; vertical-align: middle;}

/**/
.shareList2 {padding:40px 0 60px 0; text-align:center ; overflow:hidden; height:auto}
.shareList2 ul{width:1260px; margin:0 auto;}
.shareList2 li{ float:left; margin:0px 12px; margin-bottom:30px;overflow: hidden;}
.shareList2 li img{display: inline-block;  transition: all 0.7s;}
.shareList2 li:hover img{ transform:scale(1.05); }
.shareList2 li p a{height:45px; line-height:45px; text-align:center; display: inline-block; background:#f6f6f6; width:100%; font-size:15px; font-weight:bold; color:#666666;}
.shareList2 li p a:hover{ background:#CD181D; color:#FFFFFF;}


/*��ҳ�ײ���ϵ����*/
#showbox { background:#eee; border:solid 1px #eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum {left:80px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}
.showpage { width:500px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}
.mproject .content .main_pro{ background:#fff; line-height:40px; padding:30px; margin:40px 0px 50px 0px; border:solid 1px #eee; height:auto; font-size:16px; overflow:hidden; }
.mproject .content .main_pro .pro_left{ float:left; width:610px;}
.mproject .content .main_pro .pro_xx{ clear:both;}
.mproject .content .main_pro .pro_xx .line{border-bottom:solid 1px #EEE; font-size:16px; font-weight:bold; padding:30px 0px 10px 0px;}
.mproject .content .main_pro .pro_xx .pro_content{ padding-top:20px;text-align:center;}
.mproject .content .main_pro .pro_xx .pro_content img{ }

.contact ul{  margin: 0 auto;}
.contact ul li{float:left;margin-bottom: 25px;background: #f3f3f3;width:48%; height:54px;line-height:54px; margin-right:2%;font-size:16px;}
.contact i{ padding:0 10px;}

/*����*/
.message{padding: 20px 0 80px 0;}
.message h3{text-align: center; color: #333333; font-size: 22px; font-weight: normal;}
.message ul{width: 1000px; margin: 50px auto;}
.message ul li{float:left; margin-bottom: 25px; background: #f3f3f3; width:48%;}
.message ul li:nth-child(2n){float: right;}
.message ul li:nth-child(6){float: left;}
.message ul li:nth-child(7){float: right;}
.message ul li input{height: 54px; width: 100%; background: none; border: none; color: #666; padding: 0 15px; font-size: 14px; outline: none; -webkit-appearance: none;}
.message ul li textarea{font-size: 14px; padding: 10px 15px; width: 100%; height: 162px; border: none; background: none; color: #666; outline: none; -webkit-appearance: none;}
.message ul li .btn,
.message ul li .btn2{color: #fff; font-size: 18px;}
.message ul li .btn{background: #e87e14;}
.message ul li .btn2{background: #808080;}



/*�ͷ�*/
.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right i{ font-style:normal}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#E10100;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#E10100;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#ccc;margin-bottom:10px; }
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#E10100;border:solid #E10100 1px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#848484;}
.meau-sev .cndns-right-btn{border-color:#E10100;background:url(../images/qq.gif) no-repeat #fff center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#E10100; border:solid #E10100 1px;}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #E10100;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#E10100;font-size:22px;line-height:26px;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../images/qq.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#E10100}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:156px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#333;font-size:16px;line-height:16px;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}