blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}img{ display :inline-block;vertical-align: middle;}
address,cite,dfn,em,i,var{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%}sub,sup{font-size:83%}code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}textarea{overflow:auto;resize:none}label,summary{cursor:default}
a,button{cursor:pointer}b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}a,a:hover,del,ins,s,u{text-decoration:none}
html{ -ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}body,button,input,keygen,legend,select,textarea{font:14px/24px 微软雅黑;color:#000;outline:0}
a,a:hover{color:#000}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}
button,input{overflow:visible}button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}img{max-width: 100%;}
.clearfix:after,.container:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.ib{display:inline-block}.dn{display:none}.db{display:block}.fl{float:left}.fr{float:right}.pr{position:relative}.prz{position:relative;zoom:1}
.pt-sm{ padding-top : 10px;}.pt-md{ padding-top : 15px;}.pt-lg{ padding-top : 20px;}.pl-sm{ padding-left : 10px;}.pl-md{ padding-left : 15px;}
.pl-lg{ padding-left : 20px;}.pr-sm{ padding-right : 10px;}.pr-md{ padding-right : 15px;}.pr-lg{ padding-right : 20px;}.pb-sm{ padding-bottom : 10px;}
.pb-md{ padding-bottom : 15px;}.pb-lg{ padding-bottom : 20px;}.p-sm{ padding : 10px;}.p-md{ padding : 15px;}.p-lg{ padding : 20px;}.mt-sm{ margin-top : 10px;}
.mt-md{ margin-top : 15px;}.mt-lg{ margin-top : 20px;}.mr-sm{ margin-right : 10px;}.mr-md{ margin-right : 15px;}.mr-lg{ margin-right : 20px;}
.mb-sm{ margin-bottom : 10px;}.mb-md{ margin-bottom : 15px;}.mb-lg{ margin-bottom : 20px;}.ml-sm{ margin-left : 10px;}.ml-md{ margin-left : 15px;}
.ml-lg{ margin-left : 20px;}.oh{overflow:hidden}.container{width: 1400px; margin: 0 auto;}.text-center{text-align: center;}.text-right{text-align: right;}
.m-sm-x{ margin-left : 10px; margin-right :10px;}.m-md-x{ margin-left : 15px; margin-right : 15px;}.m-lg-x{ margin-left : 20px; margin-right : 20px;}
.m-sm-y{ margin-top : 10px; margin-bottom : 10px;}.m-md-y{ margin-top : 15px; margin-bottom : 15px;}.m-lg-y{ margin-top : 20px; margin-bottom : 20px;}
.p-sm-x{ padding-left: 10px; padding-right :10px;}.p-md-x{ padding-left : 15px; padding-right : 15px;}.p-lg-x{ padding-left : 20px; padding-right: 20px;}
.p-sm-y{ padding-top : 10px; padding-bottom : 10px;}.p-md-y{ padding-top : 15px; padding-bottom : 15px;}.p-lg-y{ padding-top: 20px; padding-bottom : 20px;}
.white, .white a{color:#fff;}.fs-sm{ font-size : 16px;} .fs-md{ font-size : 18px;} .fs-lg{ font-size : 20px;}.fwn{font-weight: normal;}
.ti{ text-indent : 2em;}
.ml40{ margin-left: 40px;}
.mb30{ margin-bottom: 30px;}
.pt30{ padding-top: 30px !important; }
.transition{    transition: all 0.3s linear;}
.bgf{ background : #fff;}
.clear{ clear: both; overflow: hidden;}.elip{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
body{ background: #fff; }

.header{  height: 104px; background: #fff; }
.header_log{ padding-top:16px;}
.header_nav{ width:870px; padding: 41px 0 0 30px;}
.header_nav li{ float: left; padding:0 30px; text-align: center; height: 60px; line-height: 60px; border-bottom:3px #fff solid;}
.header_nav li a{ font-size: 18px; color: #474747;}
.header_nav li.on,.header_nav li:hover{border-bottom-color: #ca1712;}
.header_nav li.on a,.header_nav li:hover a{ color: #ca1712; }

.fullSlide{  height:776px; position:relative;   overflow: hidden;  }
.fullSlide .bd{ position:relative; z-index:0;          }
.fullSlide .bd ul{ width:100% !important;                }
.fullSlide .bd li{ width:100% !important; height:776px; }
.fullSlide .bd li a{ position:absolute; width:100%; height:776px; display:block; z-index:1;   }
.fullSlide .cell{ position: relative; top: 171px;  margin: 0 auto; width: 1000px;}
.fullSlide .hd{   position:absolute; z-index:4; bottom:18px; left:0; height:10px;  line-height:5px; width: 1200px; text-align:center;margin: 0 auto; right: 0;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block;background:#fff; *display:inline; zoom:1; width:15px; height:15px;  overflow:hidden; line-height:9999px; margin: 3px;  margin-left: 5px; border-radius: 15px; }
.fullSlide .hd ul .on { background:#cf2e29; width: 62px;transition: all 0.3s linear; }

.index_sever{ padding-bottom: 85px; }
.index_sever_title{ padding: 60px; text-align: center; color: #474747; line-height: 36px; font-size: 16px;}
.index_sever_title h4{ font-size: 48px; color: #cf2e29; line-height:1.75;}
.index_sever_content{ width: 1580px; margin:0 auto; background: #f8f8f8;}
.index_sever_content_item_xcx{ width: 525px;}
.index_sever_content_item_sc{ width: 263px;}
.index_sever_content_item_yd{ width: 263px;}
.index_sever_content_item_wl{ width: 263px;}
.index_sever_content_item_app{ width: 263px;}
.index_sever_content_item .index_sever_content_item_title{ font-size: 16px; color: #3e3e3e; border-bottom:2px #e3e3e3 solid; line-height: 68px; height: 68px; padding-left: 20px;}
.index_sever_content_item .index_sever_content_item_p{ padding: 15px; color: #8a8a8a;}
.index_sever_content_item .index_sever_content_item_p2{ padding: 30px 15px; color: #8a8a8a; height: 132px;}
.index_sever_content_item_img{ position: relative;}
.index_sever_content_item_img .divBorder { width:90%; height:90%; position: absolute; top:5%; left:5%; z-index:9999; }

.index_case{ padding-top: 80px; height: 808px;    background: #ccc; }
.index_case_bg_1{ background:#ccc url(../images/index_case_bg_6.jpg) center no-repeat;}
.index_case_bg_2{ background:#ccc url(../images/index_case_bg_1.jpg) center no-repeat;}
.index_case_bg_3{ background:#ccc url(../images/index_case_bg_2.jpg) center no-repeat;}
.index_case_bg_4{ background:#ccc url(../images/index_case_bg_3.jpg) center no-repeat;}
.index_case_bg_5{ background:#ccc url(../images/index_case_bg_4.jpg) center no-repeat;}
.index_case_bg_6{ background:#ccc url(../images/index_case_bg_5.jpg) center no-repeat;}
.index_case_bg_7{ background:#ccc url(../images/index_case_bg_6.jpg) center no-repeat;}
.index_case_content{ padding-top: 50px; width: 1465px; margin:0 auto;}
.index_case_content_nav{ width: 135px; padding-right: 44px; border-right:1px #6c707f solid;}
.index_case_content_nav div{ height: 69px; text-align: center; line-height: 69px; font-size: 18px; color: #fff; cursor: pointer; margin-bottom: 10px;}
.index_case_content_nav .on{ background: #cf2e29; }
.index_case_content_list{ width: 1188px;}
.index_case_content_list_item_title{  color: #fff; height: 181px; padding-top: 35px;}
.index_case_content_list_item_title_h3{ line-height: 60px; font-size: 28px;color: #fff;}
.index_case_content_list_item_more_left{line-height: 60px; font-size: 28px;color: #fff; float: left; font-weight: bold;}
.index_case_content_list_item_more_right{ margin-top: 11px; float: right; color: #fff; border-radius: 5px; border:1px #fff solid; height: 35px; line-height: 35px; width: 90px; text-align: center;}
.index_case_content_list_item_more_right:hover{ color: #fff; background: #cf2e29;}

.caselist{ width: 110%;}
.caselist li{ width: 16.5%; background: #fff; margin-right: 2%; margin-top:2%; float: left; position: relative;    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); overflow: hidden;}
.caselist li .grey{ opacity: 0.6;}
.caselist li h2,.case-use{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;    font-weight: 100; font-size: 16px; color: #282828;}
.case-use span{ background: #eee; cursor:default; border-radius: 100px; font-size: 12px; padding:3px 8px;}
.case-use span:hover{ background: #09BB07; color: #fff;}
.small-font{ font-size: 14px; color: #707070;}
.casema{ position: absolute; left: 0; top:0; right: 0; bottom: 0; background: #fff; z-index: 1; opacity: 0; transition: all ease 0.3s;}
.casema img{ position: absolute; left: 50%; top: 100%;     margin: -81px 0 0 -108px; transition: all ease 0.3s;}
.caselist li:hover .casema{ opacity: 1;}
.caselist li:hover .casema img{ top: 50%;}
.caseinfo{ padding: 15px; text-align: center;line-height: 1;}

.index_shop{ padding-top: 45px; padding-bottom: 124px; }
.index_shop_title{ text-align: center; padding-bottom: 25px;}
.index_shop_title h3{ font-size: 48px; line-height:1.75;}
.index_shop_title span{ font-size: 14px; color: #474747; line-height: 36px;}
.index_shop_title p{ font-size: 16px; color: #000; line-height: 36px;}
.index_shop_nav{ border-top: 2px #eeeeee solid;border-bottom: 2px #eeeeee solid; padding: 22px; text-align: center; }
.index_shop_nav div{ display: inline-block; padding:0 45px; font-size: 18px; color: #464646; cursor: pointer; line-height: 1;}
.index_shop_nav .on{ color: #d90e0e;}
.index_shop_content{ padding-top: 40px; width: 1310px; margin: 0 auto;}
.index_shop_content_item li { width:220px; height:415px; padding-right:52px;position:relative; margin-bottom:30px; overflow: hidden; text-align: center; float:left; display:inline }
.index_shop_content_item dt { position:relative; cursor:pointer;  }
.index_shop_content_item dd { position: absolute; width: 218px; height: 275px; top: 0; padding-top: 93px;  text-align: center; background: url(../images/mobileBg.png) top center no-repeat; z-index: 99; display: none; border-radius: 0 27px 0 0; cursor:pointer }
.index_shop_content_item .index_shop_content_item_preview { background: url(../images/preview.png) no-repeat; height:35px; width:0; margin-top: 22px; display: inline-block; }

.index_news{padding-top: 218px; background:  url(../images/index_news.jpg) top center no-repeat; height: 602px;}
.index_news ul{height: 498px;}
.index_news li{ width: 20%; float: left;}
.index_news .index_news_item{ padding:20px 42px; box-sizing: border-box;}
.index_news .index_news_bottom{ padding-top: 230px;}
.index_news .index_news_bottom a{ display: block; text-align: center; padding-top: 67px; background:  url(../images/index_news_bottom.png) top center no-repeat; position: relative; top: -10px; }
.index_news .index_news_top .index_news_item{ text-align: center; height: 234px; background:  url(../images/index_news_top.png) bottom center no-repeat; }
.index_news .index_news_item_hover{box-sizing: border-box; height: 170px;}
.index_news .index_news_bottom .index_news_item_hover{ height: 200px;}
.index_news .index_news_item_mun{ text-align: center; font-size: 24px; color: #cf2e29; font-weight: bold;}
.index_news .index_news_item_title{font-size: 16px; color: #0a0204; padding-bottom: 20px; padding-top: 10px;}
.index_news .index_news_item_info{font-size: 14px; color: #7e7e7e;line-height: 30px;}

.index_news .index_news_top .index_news_item_hover:hover{ background: #d02e2a;}
.index_news .index_news_top .index_news_item_hover:hover .index_news_item_mun ,  .index_news .index_news_top .index_news_item_hover:hover .index_news_item_title,  .index_news .index_news_top .index_news_item_hover:hover .index_news_item_info,
.index_news .index_news_bottom .index_news_item:hover .index_news_item_mun ,  .index_news .index_news_bottom .index_news_item:hover .index_news_item_title,  .index_news .index_news_bottom  .index_news_item:hover .index_news_item_info{ color: #fff; }
.index_news .index_news_bottom .index_news_item:hover{ background: #d02e2a;}

.index_about{background:#f8f8f8 url(../images/index_about.jpg) top center no-repeat; height: 794px;padding-top: 94px; }
.index_about_w{margin:0 auto; width: 1538px;}
.index_about_left{ width: 670px; padding-left: 24px;}
.index_about_left_href{display: block; height: 157px;}
.index_about_left_content p{ color: #3c3c3c; padding-top: 40px; line-height: 32px; font-size: 16px; text-align: justify;}
.index_about_left_content_2{ width: 418px;}

.index_about_right{ width: 754px; padding-right: 12px; padding-top: 64px;text-align: center;color: #3d3d3d;line-height: 46px;font-size: 21px;  font-weight: bold; }
.index_about_right_1{  width: 252px; float: left;height: 144px;}
.index_about_right_2{ float: right; width: 234px; height: 144px; font-size: 38px; color: #0098c5; font-weight: normal;line-height: 80px;}
.index_about_right_3{padding-top: 69px; width: 218px; text-align: left; margin: 0 auto; padding-left: 20px; height: 185px;}
.index_about_right_4{ padding-top: 71px;padding-left: 20px;}

/* about */
.about_title { padding: 72px 0 40px;}
.about_title h2{  font-size: 40px; font-weight: normal; line-height: 1; color: #383838; text-align: center;background: url(../images/about_title.jpg) center no-repeat; }
.about_content{ width: 1440px; margin: 0 auto;}
.about_content_right{ width: 700px;} 
.about_wh{ background: url(../images/about_wh.jpg) top center no-repeat; height: 853px;}

/* contact */

.contact_content{ float: left; padding-top: 70px; width: 50%; padding-left: 160px;box-sizing:border-box;}
.contact_content h3{ font-size: 24px; color: #1a1a1a; vertical-align: middle; padding: 40px 0 10px;}
.contact_content p{ font-size: 18px; color: #1a1a1a; line-height: 42px;}
.contact_map{ width: 50%; height: 930px; float: right;}

/*  xcx */

.xcx_title{ height: 76px; text-align: center; border-bottom:1px #dddddd solid; }
.xcx_title a{ display: inline-block;line-height: 76px;height: 76px; font-size: 16px; color: #696969; padding: 0 25px; }
.xcx_title a.on,.xcx_title a:hover{border-bottom:3px #ca1712 solid;}

.xcx_content li{ width:24.2%; float: left; margin-right:1.04%; margin-top: 30px;}
.xcx_content_item_img{ width: 100%; max-height: 291px; overflow: hidden; position: relative; cursor: pointer;}
.xcx_content_item_img:before{ content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background:  url(../images/ll.png) center / 100% no-repeat; display: none;}
.xcx_content_item_img:hover:before{ display: block; }
.xcx_content_item_title{ height: 98px; border:1px #dcdcdc solid; text-align: center;position: relative;}
.xcx_content_item_title h3{ font-size: 18px; color: #282828; padding-top: 26px; font-weight: normal;}
.xcx_content_item_title p{ font-size: 14px; color: #707070;}
.xcx_content_item_code{ position: absolute; top: 30px; right: 20px; width: 25px; height: 25px; background:  url(../images/code.jpg) 0 0 no-repeat; cursor: pointer;}
.xcx_content_item_code_img{width: 145px; padding: 5px; border:1px #c6c6c6 solid; position: absolute; right: 30px; bottom: 0; z-index: 999; background: #fff; display: none;}
.xcx_content_item_code:hover .xcx_content_item_code_img{ display: block;}

/* weixin */
.weixin_shop_content_item li{padding-right: 41px;}

/* news */
.news{ width: 1389px; margin: 0 auto; }
.news li{ padding:25px 0; border-bottom:2px #e2e2e2 solid; height: 271px; }
.news li .news_img{ width:380px; height: 271px; float: left;}
.news li .news_img img{ width: 100%;}
.news li .news_right{ width: 925px; float: right; padding-right: 35px; }
.news li .news_right h3{   padding:35px 0; line-height: 1;}
.news li .news_right h3 a{ color: #4e4e4e;font-size: 24px;}
.news li .news_right p{ font-size: 16px; color: #686868; height: 115px; overflow: hidden; }
.news li .news_right .news_time{ color: #686868;}
.news li .news_right .news_cate{ background: #ca1712; padding:13px 27px; color: #fff; line-height: 1; border-radius: 5px; }
.news li .news_right .news_cate a{ color: #fff;}
.news li .news_right .news_cate:hover{ background: #d0d0d0;color: #686868; }
/* content */

.content{ padding-top: 90px;}
.content h1{ font-size: 24px; color: #1a1a1a; line-height: 1; padding-bottom: 14px;text-align: center;}
.content .content_time{ font-size: 12px; color: #1a1a1a; text-align: center; line-height: 1;}
.content .content_content{ color: #1a1a1a; text-align: justify; padding-top: 35px; padding-bottom: 50px;}

.page{ text-align: center; padding: 80px;}
.page li{ display: inline-block; margin-right: 5px;}
.page li a{ padding:0 15px;  height: 36px; text-align: center; line-height:36px; color: #7a7a7a; display: inline-block; background: #eee;  }
.page li.am-active a{background: #ca1712; color: #fff;}

.footer{ background:  url(../images/footer.jpg) top center no-repeat; height: 889px;}
.footer .footer_title{ color: #fff; font-size: 14px; line-height: 36px; text-align: center; padding-top: 55px;}
.footer .footer_title h3{ font-size: 48px; line-height: 1.75;}
.footer .footer_middle{ width: 1000px; margin: 0 auto;padding-top: 60px;}
.footer .footer_middle .footer_middle_code{ width: 193px; color: #fff; line-height: 1.2;}
.footer .footer_middle .footer_middle_code_text{padding-top: 50px;}
.footer .footer_middle_form{ width: 805px;  }
.footer .footer_middle_form input{ margin-left: 7px;color: #c9c9c9; text-indent: 1em; margin-bottom: 7px; border:none;background: #fff; width: 394px; height: 64px; float: left;}
.footer .footer_middle_form textarea{ margin-left: 7px;color: #c9c9c9;box-sizing:border-box;border:none;text-indent: 1em;background: #fff; width: 636px; height: 135px; float: left;}
.footer .footer_middle_form button{margin-left: 7px; border:none; background: #e81818; font-size: 18px; color: #fff; width: 152px; height: 135px; float: left;}
.footer .footer_middle_form button:hover{ background: #a20000;}
.footer .footer_contact{ padding-top: 60px; color: #bdbdc0; width: 1186px; margin: 0 auto; line-height: 36px; height: 139px;}
.footer .footer_contact_left{ width: 530px;}
.footer .footer_contact_right{ width: 590px;}
.footer .footer_bottom{ text-align: center; color: #bdbdc0; line-height: 36px; }
.footer .footer_bottom p{ padding-top: 20px;}
.footer .footer_bottom p a{ color: #bdbdc0; padding-right: 10px;}
.onlie{ background:  url(../images/onlie.png) 0 0 no-repeat; width: 61px; height: 258px; right: 8px; position: fixed; z-index: 999;top: 20%;}
.onlie a{ display: block; height: 64px; margin-bottom: 1px; position: relative;}

.onlie .onlie_tel{ position: absolute; right: 100%; width: 162px; text-align: center;color: #fff; top: 0; height: 63px; line-height: 63px; background: #ec5151; display: none;}
.onlie .onlie_wx{position: absolute; right: 110%; width: 135px;max-width: 135px !important; text-align: center;color: #fff; top: -25px; display: none;}
.onlie_wx_w:hover .onlie_wx , .onlie_tel_w:hover .onlie_tel{ display: block;}
.BMap_cpyCtrl{display: none;}