@charset "utf-8";
/* 全局CSS定义 */
body { font-family: "微软雅黑","Microsoft YaHei",'\5FAE\8F6F\96C5\9ED1',"MicrosoftJhengHei","华文细黑",STHeiti,MingLiu,'\9ED1\4F53',sans-serif; background: #fff; font-size:14px; color:#333; margin: 0; padding: 0;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:14px; font-weight: normal;}
table,td,tr,th{ font-size:14px;}

/* 链接颜色 */
a:link {color: #333; text-decoration:none;}
a:visited {color: #333;text-decoration:none;}
a:hover { color: #DA251D; text-decoration: none;}
a:active { color: #333;}

/* 字体属性 */
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.c06c,.c06c:link,.c06c:visited{ color: #174699;}
.c06c:hover{ color: #f30;}
.cRed,.cRed:link,.cRed:visited{ color: #f30;}
.clr_10{ clear: both; height: 10px; line-height: 0; font-size: 0;}
.pages{ height: 28px; line-height: 28px; clear:both; padding-top: 25px; font-family:Verdana, Geneva, sans-serif; text-align:center;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 2px; height: 25px; line-height: 25px; text-align:center; width: 27px; border: 1px solid #ccc; background: #fff;}
.pages a:hover,.pages strong{ border: 1px solid #2E88C5; color: #fff; background: #2E88C5; font-weight:normal;}


/*banner*/
.main_area{ height: 560px; position:relative;}
#con_product_slide{ height:50px;margin:0 auto; width: 100%; position:absolute; z-index: 10; bottom: 0;}
#scroll_btn_list{ overflow:hidden; height:20px; position:absolute;bottom:15px; width: 100%;}
#scroll_btn_list ul{ width: 69px; margin: 0 auto;}
#scroll_btn_list li{float:left;margin: 0 5px; width: 13px;}
#scroll_btn_list li a{display:block;position:relative;width:13px; height:13px; font-size: 0; line-height: 0; background:#fff; overflow:hidden;border-radius:13px;}
#scroll_btn_list li a:after{ position:absolute;left:0;top:0;width:100%;height:15px;}
#scroll_btn_list .on a,#scroll_btn_list li a:hover{ background:#DA251D; }
#scroll_product_list{ height:560px;width:100%;position:absolute;top:0;left:0;}
#scroll_product_list li{height:560px;width:100%;display:none;position:absolute;left:0;top:0;}
#scroll_product_list li.on{display:block;}

.HeaderBg{ z-index: 2; position: relative;}
.HeaderBg .Header{ width: 1280px; margin: 0 auto; padding-top: 25px;}
.HeaderBg .Header .logo{ float:left; width: 350px; margin-top: 15px;}

.HeaderBg .Header .menu{ float:right; width: 770px;}
.HeaderBg .Header .menu .sc{ line-height: 25px;}
.HeaderBg .Header .menu .sc span{ height: 25px; width: 170px; float:right; display:block; background: rgba(255,255,255,0.5); border-radius:25px; }
.HeaderBg .Header .menu .sc span .input{ background: none; height: 25px; line-height: 25px; text-indent: 10px; border: none; width: 125px; float:left; outline:none; color: #fff;}
.HeaderBg .Header .menu .sc span .but{ background:url(img/ico_sc.png) no-repeat right center; width: 30px; height: 25px; border: none; cursor: pointer; outline:none;}


.HeaderBg .Header .menu .sc em{ color: #fff; float:right; background:url(img/ico_wx.png) no-repeat 0 0; font-size: 12px; font-style:normal; background-size: 25px; line-height: 25px; height: 25px; padding: 0 35px;}
.HeaderBg .Header .menu .sc em a{ color: #fff;}
.HeaderBg .Header .menu .sc em strong{ font-size: 16px; font-weight:normal;}


.Header #nav{ height: 40px; background: rgba(255,255,255,0.5); border-radius:25px; clear:both; margin-top: 30px;}
.Header #nav li{ position: relative; float:left; height: 40px; line-height: 40px; width: 108px; text-align:center;}
.Header #nav li h2{ font-weight:bold; font-size: 15px; }
.Header #nav li h2 a,.Header #nav li h2 a:visited{ }
.Header #nav li a,.Header #nav li a:visited{}
.Header #nav li ul{ position: absolute; top: -999em;  width: 108px; padding: 10px 0; height:auto; background:url(img/nav_bg.png);}
.Header #nav li ul li{ height: 32px; line-height: 32px; width: auto; float:none; padding: 0; background: none; font-weight:normal;}
.Header #nav li ul li a,.Header #nav li ul li a:visited{color: #fff;}
.Header #nav li:hover ul,#nav li.sfHover ul { top: 40px; z-index:10; }
.Header #nav li:hover ul a,#nav li.sfHover ul a {}
.Header #nav ul a:hover { color: #DA251D;}
.Header #nav li:hover h2,.Header #nav li.sfHover h2 a { background:url(img/ico_nav1.png) no-repeat right -22px;}
.Header #nav li:hover h2 a{ color: #DA251D; }

.Header #nav li:hover .noico{ background: none;}
.Header #nav li .fa{ width: 198px; left: -40px;}



.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.8);z-index:100;display:none;top:0;left:0}
.reveal-modal{visibility:hidden;width:330px;margin:0 auto;top:150px;margin:0 auto;left:50%;margin-left:-150px;position:absolute;z-index:999;padding:30px 40px 34px;text-align:center;color:#fff;font-weight:700}
.reveal-modal .close-reveal-modal{font-size:38px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:700;cursor:pointer}
.reveal-modal img{ width: 330px; z-index:999; display:block;}



.HomeBg{ background:url(img/content_bg.jpg) repeat-x 0 0; padding: 20px 0; }
.HomeBg2{ background: #F4F4F4}

.Home{ width: 1280px; margin: 0 auto;}
.Home .title{ height: 58px; line-height: 40px; text-align:right;}
.Home .title h2{ float:left; font-size: 20px; color: #D9251D; font-weight:bold; margin-right: 20px; }
.Home .title span{ float:left;}
.Home .title span a{ margin: 0 20px;}
.Home .title .more,.Home .title .more:visited{ color: #999;}
.Home .title .more:hover{ color: #DA251D;}

/*----
.Home .pr{ border-left: 1px solid #ccc;}
.Home .pr li{ float:left; border: 1px solid #ccc; border-left: none; float:left; width: 425px; height: 400px;}
.Home .pr li img{ width: 425px;}
.Home .pr li p{ margin: 0; padding: 20px 20px 0; font-size: 12px; line-height: 23px;}
.Home .pr li p strong{ display:block; font-weight:normal; font-size: 16px; height: 32px; color: #DA251D; }
.Home .pr li p .more{ color: #DA251D;}
-------*/

.Home .products{ height: 280px;}
.Home .products .epctext { position: relative; overflow: hidden; width: 1280px; margin: 25px auto 0;}
.Home .products .epctext ul li { float: left; height: 260px; width: 256px; overflow:hidden;}
.Home .products .epctext .dots { position: absolute; left: 550px; bottom: 0;}
.Home .products .epctext .dots li { display: inline-block; width: 50px; height: 5px; overflow:hidden; font-size: 0; line-height: 0; margin: 0 5px; cursor: pointer; background:#DFDFDF;}
.Home .products .epctext .dots li.active { background: #E6212A;}
.Home .products .epctext ul li ul li{ float:left; width: 255px; height: 200px; text-align:center; border-right: 1px solid #dfdfdf; overflow:hidden;}
.Home .products .epctext ul li ul li img{ display:block; margin: 0 auto 22px; width: 220px;}
.Home .products .epctext ul li ul .r{ float:right; margin-right: 0; border-right:none;}






.HomeCase{ padding: 30px 0;}

.HomeCase li img{ width:305px; height: 230px; display:block; }
.HomeCase li{ position: relative; float:left; width: 305px; margin-right: 20px;}
.HomeCase li .r{ float:right; margin-right: 0;}
.HomeCase li span{ display:block; position:absolute; bottom: 0; left: 0; height: 38px; line-height: 38px; z-index: 9; text-align:center; width: 100%; background: rgba(0,0,0,0.6);}
.HomeCase li a,.HomeCase li a:visited{ color: #fff;}
.HomeCase li a:hover{ color: #DA251D;}
.HomeCase .r{ float:right; margin-right: 0;}


.box0{ display:block;}
.box1{ display:none;}

.Home .fa{ padding: 30px 0;}
.Home .fa .line{ border: 1px solid #ccc;}

.Home .fa .L{ float:left; width: 230px;}
.Home .fa .L li{ height: 105px; border-top: 1px solid #ccc; text-align:center; font-size: 16px;}
.Home .fa .L li a{ display:block; padding-top: 55px; height: 50px; border-right: 1px solid #ccc; outline:none; }
.Home .fa .L .c1{ border-top: none; }
.Home .fa .L .c1 a{ background:#F0F0F0 url(img/ico1.png) no-repeat center 20px;}
.Home .fa .L .c2 a{ background:#F0F0F0 url(img/ico2.png) no-repeat center 20px;}
.Home .fa .L .c3 a{ background:#F0F0F0 url(img/ico3.png) no-repeat center 20px;}
.Home .fa .L .c4 a{ background:#F0F0F0 url(img/ico4.png) no-repeat center 20px;}
.Home .fa .L .tag_a0{border-right: none;  color: #DA251D; outline:none; }

.Home .fa .L .c1 .tag_a0{ background:url(img/ico1.png) no-repeat center 20px;}
.Home .fa .L .c2 .tag_a0{ background:url(img/ico2.png) no-repeat center 20px;}
.Home .fa .L .c3 .tag_a0{ background:url(img/ico3.png) no-repeat center 20px;}
.Home .fa .L .c4 .tag_a0{ background:url(img/ico4.png) no-repeat center 20px;}




.Home .fa .box0{ float:right; width: 1048px; padding-top: 30px;}
.Home .fa .box0 img{ float:left;}
.Home .fa .box0 p{ float:right; width: 310px; padding: 30px 20px 0 0; line-height:30px;}
.Home .fa .box0 p strong{ color: #DA251D; font-size: 22px; margin-bottom: 20px; display:block;}
.Home .fa .box0 p .more{ background: #DA251D; display:block; height: 38px; line-height: 38px; border-radius:4px; width: 100px; color: #fff; margin-top: 20px; text-align:center;}
.Home .fa .box0 p .more:hover{ background: #999;}


.Home .news{ margin-top: 40px;}
.Home .news .about{ float:left; width: 600px;}
.Home .news .about p{ line-height: 28px; margin:0; padding: 0;}


.Home .news .newsR{ float:right; width: 600px;}
.Home .news .newsR li{ line-height: 30px; background:url(img/ico_5.png) no-repeat 0 center; padding-left: 15px;}





.BannerAbout{ background:url(img/banner_about.jpg) no-repeat center 0; height: 340px;}
.BannerService{ background:url(img/banner_service.jpg) no-repeat center 0; height: 340px;}
.BannerFanan{ background:url(img/banner_fangan.jpg) no-repeat center 0; height: 340px;}
.BannerCase{ background:url(img/banner_case.jpg) no-repeat center 0; height: 340px;}
.BannerNews{ background:url(img/banner_news.jpg) no-repeat center 0; height: 340px;}
.BannerProducts{ background:url(img/banner_products.jpg) no-repeat center 0; height: 340px;}



.ContentBg{ background: #F3F3F3;}
.Content{ width: 1280px; margin: 0 auto; padding-bottom: 30px;}



.ContentLeft{ float:left; width: 220px; padding: 5px 0;}
.ContentLeft h2{ background: #DA251D; height: 70px; line-height: 70px; color: #fff; font-size: 24px; text-indent: 30px;}
.ContentLeft .menu{ background:url(img/content_left_bg.png) no-repeat 0 bottom; padding-bottom: 7px;}
.ContentLeft .menu ul{background: #EDEDED}
.ContentLeft .menu li{ line-height: 30px; padding:16px 30px; border-bottom: 1px solid #C3C3C3; font-size: 18px; }
.ContentLeft .menu .tag{ background: #B7B7B7 url(img/menu_ico.png) no-repeat right center;}

.ContentLeft .products li{ font-size: 14px; padding: 7px 30px;}



.ContentRightBg{ margin-top: 5px; float:right; width: 1060px; background: url(img/content_right_bg.png) no-repeat 0 bottom; padding-bottom: 7px; }
.ContentRight{ background: #fff url(img/content_right_bg.jpg) no-repeat 0 bottom; padding: 0 45px 30px;}
.ContentRight .title { text-align:right; height: 70px; line-height: 70px; border-bottom: 1px solid #ddd; }
.ContentRight .title h2{font-size: 24px; color: #DA251D; font-weight:bold; float:left; }



.ContentRight .about{ padding-top: 20px; line-height: 27px;}
.ContentRight .about p{ margin: 0; padding: 10px 0;}


/*-----------------
.ContentRight .productslist{ padding-bottom: 20px;}
.ContentRight .productslist li{ float:left; width: 462px; margin-top: 40px;}
.ContentRight .productslist li h3{ display:block; font-size: 20px; font-weight:normal; height:40px; }
.ContentRight .productslist li img{ width: 460px; height: 372px; border: 1px solid #ddd; display:block; margin-top: 5px;}

.ContentRight .productslist .r{ float:right;}
.ContentRight .productslist li p{ background:url(img/products_bg.jpg) repeat-x 0 0; padding: 20px 0 0; margin: 0; line-height: 25px;}
.ContentRight .productslist li p .more{ color: #DA251D;}

.ContentRight .productshome{}
.ContentRight .productshome li img{ height: 300px;}




*-------------*/

.ContentRight .search { padding: 30px 0; height: 36px; line-height: 36px;}
.ContentRight .search span{ float:left;}
.ContentRight .search .input{ height: 32px; line-height: 32px; border: 1px solid #ddd; width: 300px; float:left; text-indent: 5px;}
.ContentRight .search .but{ background: #DA251D; border: none; height: 36px; width: 78px; color: #fff; cursor: pointer; float:left; margin-left: 10px;}

.ContentRight .productslist{ }
.ContentRight .productslist p{ line-height: 26px; padding: 25px; margin: 0;}
.ContentRight .productslist .top{ line-height: 27px; padding: 15px 0;}
.ContentRight .productslist .top p{ margin: 0; padding: 0;}

.ContentRight .productslist li{ float:left; width: 280px; height: 307px; padding-top: 20px; text-align:center; font-size: 14px; margin-right: 65px;}
.ContentRight .productslist li img{ display:block; margin: 25px auto 20px; width: 280px; height: 200px; border-bottom: 1px solid #ddd; padding-bottom: 25px;}
.ContentRight .productslist .r{ float:right; border-right: none;margin-right: 0;}

.ContentRight .productslist .xuanxing{ padding: 0 25px 25px; border-bottom: 1px solid #dfdfdf;}
.ContentRight .productslist .xuanxing td{ line-height: 45px;}
.ContentRight .productslist .xuanxing .input_1{width: 120px; height: 24px; line-height: 24px; border: 1px solid #dfdfdf;}
.ContentRight .productslist .xuanxing select{ width: 266px; height: 26px; border: 1px solid #dfdfdf;}
.ContentRight .productslist .xuanxing .but{ width: 72px; height: 32px; background: #0057A4; color: #fff; border: none; cursor: pointer; margin-left: 20px;}




.ContentRight .newsxianguan{ padding: 50px 0 25px;}
.ContentRight .newsxianguan h3{ font-size: 22px; height: 53px; line-height: 45px; border-bottom: 1px solid #dfdfdf; font-weight:bold;}
.ContentRight .newsxianguan ul{ margin-top: 20px;}
.ContentRight .newsxianguan li{ height: 36px; line-height: 36px; font-size: 14px; text-indent: 22px; background:url(img/ico_7.gif) no-repeat 0 center;}

.ContentRight .productshome{}
.ContentRight .productshome .list{ height: 240px; border-top: 1px solid #dfdfdf; clear:both; padding: 30px 0 35px; }
.ContentRight .productshome .list .pic{ float:left; width: 280px;}
.ContentRight .productshome .list .pic img{ width: 279px; height: 200px; display:block; margin: 0 auto 10px;}
.ContentRight .productshome .list .pic strong{ display:block; height: 40px; text-align:center; font-size: 18px; font-weight:normal; line-height: 40px; background: #dfdfdf}

.ContentRight .productshome .list ul{ float:right; width: 620px;}
.ContentRight .productshome .list ul li{ float:left; width: 290px; height: 30px; line-height: 30px; background:url(img/ico_7.gif) no-repeat 0 13px; padding-left: 20px; font-size: 14px;}
.ContentRight .productshome .no{border-top: none; }













.ContentRight .productsview{ }
.ContentRight .productsview .pic{ text-align:center; padding: 25px 0;}
.ContentRight .productsview .pic img{ height: 350px; display:block; margin: 0 auto;}
.ContentRight .productsview .miaoshu{ line-height: 27px;}
.ContentRight .productsview .miaoshu h1{ font-size: 24px; padding-bottom: 15px;}







.ContentRight .productsview .tag{ height: 45px; background: #F4F4F4; border-bottom: 1px solid #dfdfdf;}
.ContentRight .productsview .tag li{ float:left; line-height: 45px; width: 135px;}
.ContentRight .productsview .tag li a{ display:block; text-align:center; font-size: 16px;}
.ContentRight .productsview .tag li .tag_a0{ background: #DA251D; color: #fff;}

.ContentRight .productsview .box0{ padding: 15px 0 40px; border-bottom: 1px solid #dfdfdf; line-height: 27px; font-size: 14px;}

.ContentRight .productsview .text{ clear:both; padding: 35px 0; line-height: 27px;}
.ContentRight .productsview .text h2{ color: #DA251D; font-size: 18px; font-weight:bold;}
.ContentRight .productsview .text p{ margin: 0; padding: 12px 0;}


.ContentRight .productsview .text table{ width: 100%; border-collapse:collapse; margin-top: 10px;}
.ContentRight .productsview .text table td{ border: 1px solid #ddd; line-height: 26px; text-align:center;}
.ContentRight .productsview .text table td p{ margin: 0; padding: 0;}


.ContentRight .productsview .text tr td{ background:#fff;vertical-align:middle;}/* 默认背景被白色 */
.ContentRight .productsview .text tr.alt td { background:#F2F2F2;}/* 默认隔行背景颜色 */
.ContentRight .productsview .text tr.over td { background:#EEECEB;}/* 鼠标经过时候背景颜色 -----*/
.ContentRight .productsview .text table .tr{}
.ContentRight .productsview .text table .tr td{ font-weight:bold; background: #DA251D; color: #fff; padding: 7px 0;}





.ContentRight .productsview .down{}
.ContentRight .productsview .down img{  border: 1px solid #dfdfdf; margin: 7px 0; padding: 2px;}
.ContentRight .productsview .down p{ margin-top: 30px;}



























.ContentRight .caselist{ padding: 30px 0;}

.ContentRight .caselist li img{ width:305px; height: 230px; display:block; margin-top: 30px; }
.ContentRight .caselist li{ position: relative; float:left; width: 305px; margin-right: 27px;}
.ContentRight .caselist li .r{ float:right; margin-right: 0;}
.ContentRight .caselist li span{ display:block; position:absolute; bottom: 0; left: 0; height: 38px; line-height: 38px; z-index: 9; text-align:center; width: 100%; background: rgba(0,0,0,0.6);}
.ContentRight .caselist li a,.ContentRight .caselist li a:visited{ color: #fff;}
.ContentRight .caselist li a:hover{ color: #DA251D;}
.ContentRight .caselist .r{ float:right; margin-right: 0;}



.ContentRight .caseview{ padding: 30px 0;}
.ContentRight .caseview h1{ text-align:center;}
.ContentRight .caseview .pic{ text-align:center;}
.ContentRight .caseview .text{ line-height: 25px;}
.ContentRight .caseview .next{ border-top: 1px solid #ddd; margin-top: 50px; padding-top: 30px; line-height: 35px;}



.newslist{ padding: 25px 0;}
.newslist li{ height: 40px; line-height: 40px; font-size: 16px; color: #999;}
.newslist li em{ float:left; width: 108px; font-style:normal;}
.newslist h2{ height: 55px; font-size: 30px; color:#B39B77;}


.newsview{ padding: 20px 0;}
.newsview h1{ line-height: 55px; padding: 20px 0; font-size: 24px;text-align:center;}
.newsview .time{ text-align:center; color: #999;}
.newsview .text{ font-size: 14px; padding: 10px 0;}
.newsview .text p{ margin: 0; padding: 10px 0; line-height: 28px; text-indent: 28px;}

.newsview .next{ border-top: 1px solid #ddd; margin-top: 50px; padding-top: 30px; line-height: 35px;}


















.FootBg{ background: #222; }

.Foot{ width: 1280px; margin: 0 auto; padding: 35px 0;}
.Foot ul{ float:left; width: 280px;}
.Foot ul li{ line-height: 30px;  color: #999; font-size: 14px; }

.Foot a,.Foot a:visited{ color: #999;}
.Foot a:hover{ color: #fff;}
.Foot ul .t{ font-size: 16px; height: 40px;}
.Foot ul .t a,.Foot ul .t a:visited{ color: #fff;}
.Foot ul .t a:hover{}
.Foot .us{ width: 280px; float:right;}
.Foot .us .w2{ padding-top: 20px;}
.Foot .us .w2 img{ width: 140px;}

.Foot ul .t2{ padding-top: 30px;}


.Foot .pr{ width: 420px;}
.Foot .pr .t{ width: 450px;}
.Foot .pr li{ float:left; width: 180px;}






.FootBg .icp{ border-top: 1px solid #333; background: #000;  padding: 30px 0 35px; color:#999; }
.FootBg .icp span{ width: 1280px; margin: 0 auto; display:block;}
.FootBg .icp img{ float:right;}











.izl-rmenu{position:fixed; right:10px;  bottom:10px; padding-bottom:73px; background:url(img/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(img/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(img/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(img/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-112px; top:0px; display:none;width:112px;height:112px;}
.izl-rmenu .btn-phone{background:url(img/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; height: 63px; line-height: 26px; padding: 10px 0 0; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-phone a{ color: #fff; font-weight:bold;}
.izl-rmenu .btn-top{background:url(img/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


#BOX_overlay {background:#000;left:0;position:absolute;top:0;z-index:100;}/**遮罩层的样式**/
#layer_box {background:#fff; border:3px solid #0057A4;position:absolute;display:none;z-index:999;width:720px; height: 400px;} /**弹出窗口的样式**/
#layer_box h4{ height: 45px; background: #0057A4; line-height: 45px; font-weight:bold; padding: 0 10px; color: #fff; font-size: 16px;}
#layer_box h4 a,#layer_box h4 a:visited{ float:right; font-size: 14px; font-weight:normal; color: #fff;}
#layer_box h4 a:hover{ color: #fc0; }
.ContentTel{ margin: 10 auto 150px; padding: 0; font-size: 14px;}
.ContentTel .text{ background:url(img/phone.png) no-repeat 30px 80px; padding: 50px 0 0 200px; font-size: 14px; line-height: 28px;}
.ContentTel .text .top{ height: 50px; clear:both;}
.ContentTel .text .top .input{ width: 320px; height: 38px; line-height: 38px; font-size: 22px; text-indent: 10px; border: 1px solid #ccc; margin-right: 5px; float:left;}
.ContentTel .text .top .but{ background: #f30; color: #fff; cursor: pointer; border: none; width: 120px; height: 42px; line-height: 42px; float:left; font-size: 18px; font-family:"微软雅黑";}
.ContentTel .tip{ clear:both; color: #f30; z-index: 999; padding: 10px 0; display: none; background:#FFFFCC; font-size: 14px; line-height: 24px; margin-right: 20px;}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(img/ico_20.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}