b,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,label,li,ol,p,pre,select,span,strong,table,td,textarea,th,ul{margin:0;padding:0}
abbr,acronym,fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
q:after,q:before{content:''}
i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
caption,td,th{text-align:left;font-weight:400;}
a,button,img{border:none;text-decoration:none;}
a,button{text-decoration:none;}
button:focus,input:focus{outline:0;}
textarea{font-family:"Microsoft YaHei";}
img{border:none;outline:0}
a{color:#333;text-decoration:none;outline:0; cursor: pointer;}
ol,ul{list-style:none;}
table{word-break:break-all;word-wrap:break-word;}
body{font-family:'Microsoft YaHei',Arial,Lucida Grande,Lucida Sans Unicode,Verdana,sans-serif;font-size:14px;font-weight:400;color:#333;width:100%;min-width:1200px;}
select::-ms-expand{display:none;}
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
.clear{clear:both;}
.w1200{width:1200px;margin:0 auto;}
.w1400{width:1400px;margin:0 auto;}
.w100{width:100%;}
.left{float:left;}
.right{float:right;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.boxs{ box-sizing: border-box;  -ms-box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  }
input{ border: none;}
.trion{ transition:all .3s;  -moz-transition:all .3s; /* Firefox 4 */ -webkit-transition:all .3s; /* Safari and Chrome */ -o-transition:all .3s; /* Opera */}
a:hover{ text-decoration: none;}
input::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } 
input::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; } 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }
textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; } 
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; } 
textarea::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #ccc; } 
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }

/* ------------------------------首页------------------------------------- */
/* --------top--------- */
.top{ height: 46px; line-height: 46px; background: #2A3457;}
.top_l,.top_r{ width: auto; height: 46px; line-height: 46px; color: #CBCBCB;}
.top p{ display: inline-block; margin: 0px 12px;}
.top a{color: #CBCBCB;}
.top span{ color: #D6732E;}
.top p img{ margin-right: 5px; position: relative; top: 2px;}
.header_p{ position: relative; width: 80px;}
.header_img{ display: none; position: absolute; z-index: 1; left: -20px;}
.header_p:hover .header_img{ display: block; }
/* --------header--------- */
.header{ height: 126px;}
.logo{ width: 460px; height: 126px;}
.logo img{ float: left; padding-top: 36px; width: 200px; height: auto;}
.logo span{ float: left; width: 1px; height: 34px; background: #E5E5E5; display: block; margin: 47px 20px;}
.logo_con{ height: 126px; width: auto;}
.logo_con h2{ font-size: 22px; font-weight: bold; padding-top: 38px;}
.logo_con p{ font-size: 12px; color: #999999; padding-top: 5px;}
.nav{ width: auto; height: 126px;}
.nav ul{ height: 40px; padding-top: 50px;}
.nav ul li{ float: left; margin-left: 38px; line-height: 40px; font-size: 16px;}
.nav ul li a{ color: #2A3457;}
.nav ul li.cur a{ color: #E87B2B;}
/* --------banner--------- */
.banner{ height: 650px; background: url(../image/banner.jpg) center no-repeat; text-align: center;}
.banner h2{ color: #FFFFFF; font-size: 65px; padding-top: 55px;}
.banner p{ color: #FFFFFF; font-size: 22px; padding-top: 12px;}
.banner a{ width: 238px; height: 56px; line-height: 56px; color: #ffffff; margin: 0 auto; margin-top: 45px; background: #E87B2B; font-size: 22px; border-radius: 26px; display: block;}
.banner a:hover{ opacity: 0.8;}
/* --------产品分类--------- */
.index_shop{ height: auto; margin-top: 64px;}
.index_title{ height: 42px; line-height: 42px; text-align: center; font-size: 32px; color: #334764;}
.index_shop_con{ height: auto; margin-top: 57px;}
.index_shop_con ul li:nth-child(1),.index_shop_con ul li:nth-child(2),.index_shop_con ul li:nth-child(3),.index_shop_con ul li:nth-child(4){ border-top: 1px solid #F1F1F1; }
.index_shop_con ul li{ float: left; width: 300px; box-sizing: border-box; height: 350px; text-align: center; position: relative; background: #FEFEFE; border-bottom: 1px solid #F1F1F1; border-left: 1px solid #F1F1F1;}
.index_shop_con ul li h2{ font-size: 26px; color: #2A3457; padding-top: 36px;}
.index_shop_con ul li a{ display: block; font-size: 13px; color: #8F8F8F; padding-top: 8px;}
.index_shop_con ul li img{ width: 125px; height: auto; padding-top: 40px;}
.index_shop_con ul li:nth-child(4n){ border-right: 1px solid #F1F1F1;}
.index_shop_con ul li .comment{ display: none; height: 350px; position: absolute; z-index: 1; background: url(../image/pro_bj.jpg) no-repeat center; top: 0px; left: 0px;}
.index_shop_con ul li .comment h3{ padding-top: 35px; font-size: 26px; color: #FFFFFF;}
.index_shop_con ul li .comment span{ width: 35px; height: 2px; background: #FFFFFF; display: block; margin: 0 auto; margin-top: 14px; margin-bottom: 45px;}
.index_shop_con ul li .comment p{ width: 195px; margin: 0 auto; color: #FFFFFF; line-height: 32px; font-size: 13px; text-align: left;}
.index_shop_con ul li .comment p a{ color: #FFFFFF; padding-top: 0px;}
.index_shop_con ul li .comment p i{ float: right;}
.index_shop_con ul li .comment p a:hover{ color: #E87B2B;}
.index_shop_con ul li:hover .comment{ display: block;}
/* --------横幅--------- */
.index_hengfu{ height: 133px; margin-top: 98px; background: url(../image/hf_bj.png) center no-repeat;}
.index_hengfu_l{ height: 133px; padding-left: 40px; width: auto;}
.index_hengfu_l h2{ font-size: 20px; font-weight: bold; color: #FFFFFF; padding-top: 40px; padding-bottom: 14px;}
.index_hengfu_l p{ font-size: 13px; color: #E4E4E4;}
.index_hengfu_r{ width: auto; height: 133px; padding-right: 56px;}
.index_hengfu_r p{ float: right; font-size: 21px; font-weight: bold; color: #FFFFFF; padding-top: 56px;}
.index_hengfu_r p img{ margin-right: 10px; position: relative; top: 3px;}
.index_hengfu_r a{ float: right; margin-right: 30px; width: 149px; height: 40px; line-height: 40px; text-align: center; margin-top: 50px;}
.index_hengfu_r a:hover{ opacity: 0.8;}
.index_hengfu_r .hf_a1{ color: #FFFFFF; background: #E87B2B;}
.index_hengfu_r .hf_a2{ color: #2F4166; background: #ffffff;}
/* --------案例--------- */
.index_case{ height: 827px; margin-top: 70px; background: url(../image/case_bj.jpg) center no-repeat;}
.index_case_con{ height: 665px; padding-top: 65px;}
.index_case_cl{ width: 232px; height: 100%; border-right: 1px solid #FFFFFF;}
.index_case_cl ul li{ width: 233px; height: 48px; line-height: 48px; position: relative; margin-bottom: 39px; color: #FFFFFF; cursor: pointer;}
.index_case_cl ul li p{ display: inline-block; font-size: 18px; position: absolute; left: 42px;}
.index_case_cl ul li a{ color: #FFFFFF;}
.index_case_cl ul li img{ height: 22px; width: auto; position: relative; top: 6px;}
.index_case_cl ul li.cur{ color: #EF881E; border-right: 6px solid #EF881E;}
.index_case_cr{ width: 900px; height: 100%;}
.index_case_tab{ height: 100%; display: none;}
.index_case_tab h2{ font-size: 24px; font-weight: bold; color: #ffffff;}
.index_case_tab p{ color: #FFFFFF; margin-top: 33px; height: 83px; line-height: 26px; margin-bottom: 43px;}
.index_case_tab_a{ height: 50px;}
.index_case_tab_a a{ width: 190px; height: 50px; text-align: center; margin-right: 35px; display: inline-block; float: left; line-height: 50px;}
.index_case_tab_a1{ background: #E87B2B; color: #ffffff;}
.index_case_tab_a a img{ position: relative; margin-right: 7px; top: 4px;}
.index_case_tab_a a:hover{ opacity: 0.8;}
.index_case_tab_a2{ background: #ffffff; color: #666666;}
.index_case_tab span{ width: 100%; height: 1px; display: block; border-bottom: 1px dashed #ffffff; margin-top: 45px;}
.index_case_tab ul{ margin-top: 84px; height: 282px;}
.index_case_tab ul li{ float: left; width: 285px; height: 282px; background: #EFF4FE; margin-left: 22px;}
.index_case_tab ul li:first-child{ margin-left: 0px;}
.index_case_tab ul li img{ width: 285px; height: 185px;}
.index_case_tab ul li h4{ font-size: 16px; padding-top: 8px; padding-left: 16px; margin-bottom: 9px;}
.index_case_tab ul li h6{ padding-left: 16px; line-height: 22px; font-size: 12px; color: #666666;}
.index_case_tab ul li h6 i{ width: 8px; height: 8px; border: 1px solid #8D9FE4; border-radius: 50%; margin-right: 8px; display: inline-block;}
.index_case_tab ul li:hover h4{ color: #E87B2B;}
.index_case_tab.active{ display: block;}
/* --------产品服务支持--------- */
.index_ser{ height: 793px; background: url(../image/zc_bj.png) no-repeat center;}
.index_ser_con{ height: 793px;}
.index_ser_con h2{ text-align: center; font-size: 32px; color: #334764; padding-top: 102px;}
.index_ser_con p{ text-align: center; font-size: 16px; color: #666666; padding-top: 21px;}
.index_ser_con ul{ height: 414px; width: 100%; margin-top: 87px;}
.index_ser_con ul li{ float: left; background: #FFFFFF; width: 388px; height: 414px; margin-left: 17px; text-align: center;}
.index_ser_con ul li:first-child{ margin-left: 0px;}
.index_ser_con ul li img{ height: 57px; width: auto; padding-top: 45px; padding-bottom: 27px;}
.index_ser_con ul li h3{ font-size: 26px; color: #31486D;}
.index_ser_con ul li h4{ width: 345px; font-size: 16px; color: #344E74; margin: 0 auto; margin-top: 42px; margin-bottom: 42px; height: 62px; line-height: 30px;}
.index_ser_con ul li a{ width: 139px; height: 37px; border: 1px solid #F3920A; line-height: 35px; text-align: center; display: block; margin: 0 auto; color: #F49410;}
.index_ser_con ul li a:hover{ background: #F3920A; color: #ffffff;}
/* --------关于我们--------- */
.index_about{ height: 827px; background: url(../image/about_bj.png) center no-repeat;}
.index_about h2{ text-align: center; font-size: 32px; color: #FFFFFF; padding-top: 75px;}
.index_about p{ text-align: center; font-size: 16px; color: #FFFFFF; padding-top: 24px;}
.index_about_con{ height: 502px; background: #FFFFFF; margin-top: 86px;}
.index_about_con img{ width: 600px; height: 502px; float: right;}
.index_about_cl{ width: 600px; height: 502px; padding: 49px 31px 50px 63px;}
.index_about_cl h3{ font-size: 23px; font-weight: bold;}
.index_about_cl h4{ height: 104px; line-height: 28px; color: #8D8D8D; margin-top: 38px; margin-bottom: 53px;}
.index_about_cl ul{ width: 100%; height: 50px; margin-bottom: 85px;}
.index_about_cl ul li{ width: auto; border-right: 1px solid #DBDBDB; height: 50px; float: left; margin-right: 28px; padding-right: 28px;}
.index_about_cl ul li h5{ font-size: 24px; color: #2761C4; font-weight: bold; margin-top: -10px;}
.index_about_cl ul li h6{ color: #585858; margin-top: 11px; font-size: 12px;}
.index_about_cl ul li:last-child{ border: none;}
.index_about_cl a{ display: inline-block; float: left; width: 136px; height: 36px; text-align: center; line-height: 36px; margin-right: 18px;}
.index_about_con_a1{ background: #EA8846; color: #FFFFFF;}
.index_about_con_a2{ border: 1px solid #2761C4; color: #2761C4;}
.index_about_con_a2:hover{ background: #2761C4; color: #FFFFFF;}
.index_about_con_a1:hover{ opacity: 0.8;}
/* --------表单--------- */
.index_form{ height: 269px; background: url(../image/hf_bj.jpg) center no-repeat;}
.index_form h2{ text-align: center; font-size: 36px; font-weight: bold; padding-top: 46px; margin-bottom: 20px; color: #ffffff;}
.index_form p{ text-align: center; color: #ffffff;}
.index_form p i{ margin-left: 23px; display: inline-block; margin-right: 8px; width: 10px; height: 10px; border-radius: 50%; background: #ffffff;}
.index_form p span{ margin-right: 23px; display: inline-block;}
.index_form_c{ height: 46px; margin-top: 45px;}
.index_form_c input{ height: 40px; line-height: 46px; background: #ffffff; padding-left: 25px; margin-left: 11px;  display: inline-block;}
.index_form_c input.input_name{ width: 148px;}
.index_form_c input.input_phone{ width: 210px;}
.index_form_c h5{ float: left; color: #ffffff; margin-right: 50px;}
.code_img{ width: 165px; height: 46px; display: inline-block;}
.input_but{ width: 150px; text-align: center; height: 40px; line-height: 40px; background: #FFFFFF; font-size: 16px; color: #EA863E;}
/* --------新闻中心--------- */
.index_news{ margin-top: 90px;}
.index_news_title{ height: 30px; line-height: 30px; margin-bottom: 22px;}
.index_news_title p{ font-size: 20px; font-weight: bold; float: left;}
.index_news_title a{ font-size: 12px; float: right;}
.index_news_title a img{ margin-left: 20px; position: relative; top: 4px;}
.index_news_title a:hover{ color: #E87B2B;}
.index_news ul{ padding: 22px; height: 164px;}
.index_news ul li{ height: 120px; float: left; width: 553px; margin-left: 25px;}
.index_news ul li:first-child{ margin-left: 0px;}
.index_news ul li:last-child{ float: right;}
.index_news ul li img{ float: left; width: 188px; height: 120px; margin-right: 20px;}
.index_news ul li h2{ float: left; width: 345px; margin-bottom: 15px;}
.index_news ul li p{ float: left; width: 345px; line-height: 17px; height: 54px; font-size: 13px; color: #999999; overflow: hidden;}
.index_news ul li span{ float: left; width: 345px; margin-top: 17px; color: #999999; font-size: 12px;}
.index_news ul li:hover a{ color: #E87B2B;}
.index_news_con{ margin-top: 28px; height: 220px;}
.index_news_cl{ width: 570px;}
.index_news_li{ height: 48px; line-height: 48px; border-bottom: 1px dashed #C8C8C8;}
.index_news_cl .index_news_li:nth-child(4){ border: none;}
.index_news_li i{ float: left; width: 7px; height: 7px; position: relative; top: 20px; border: 1px solid #707070; border-radius: 50%; display: inline-block; margin-right: 7px;}
.index_news_li p{ width: 440px; float: left;}
.index_news_li span{float: right;}
.index_news_li a{color: #999999;}
.index_news_li:hover a{ color: #E87B2B;}
/* --------友情链接--------- */
.index_yqlj{ margin-top: 70px; height: auto; line-height: 30px; margin-bottom: 40px;}
.index_yqlj p{ font-size: 16px; font-weight: bold; color: #666666; margin-right: 22px; float: left;}
.index_yqlj a{ font-size: 16px; color: #666666; margin-right: 22px; float: left;}
/* --------footer--------- */
.footer{ height: 464px; background: #2A3457;}
.footer_dw{ width: 836px; height: 60px; line-height: 60px; border-top: 1px solid #707070; color: rgba(255, 255, 255, 0.36);}
.footer_top{ height: 390px;}
.footer_dw a{ display: inline-block; margin-left: 30px; color: rgba(255, 255, 255, 0.36);}
.footer_cl{ width: 255px; text-align: center;}
.footer_cl img{ padding-top: 50px;}
.footer_cl h2{ padding-top: 25px; font-size: 25px; color: #FFFFFF; font-weight: bold;}
.footer_cl p{ font-size: 15px; color: #FFFFFF; padding-top: 26px;}
.footer_cc{ width: 574px; padding-top: 52px; margin-left: 80px;}
.footer_cc ul{ height: 288px; border-left: 1px solid rgba(112, 112, 112, 0.22); border-right: 1px solid rgba(112, 112, 112, 0.22);}
.footer_cc ul li{ width: auto; height: 100%; margin-left: 80px; color: #ffffff; float: left;}
.footer_cc ul li p{ margin-bottom: 17px;}
.footer_cc ul li p a{ color: rgba(200, 200, 200, 0.6);}
.footer_cc ul li p a:hover{ color: #ffffff;}
.footer_cc ul li h2{ font-size: 16px; margin-bottom: 28px;}
.footer_cr{ width: 217px; padding-top: 52px;}
.footer_cr h2{ font-size: 27px; font-weight: bold; color: #FFFFFF; margin-bottom: 10px;}
.footer_cr p{ color: #C8C8C8; margin-bottom: 45px;}
.footer_cr a{ display: block; background: #E87B2B; color: #ffffff; text-align: center; width: 100%; height: 56px; line-height: 56px; font-size: 16px;}
.footer_cr a img{ margin-right: 20px; position: relative; top: 8px;}
.footer_cr a:hover{ opacity: 0.8;}
.footer_ewm{ width: 127px; height: auto; padding-top: 25px;}
.footer_ewm p{ margin-top: 13px; color: #C8C8C8;}
.footer_ewm img{ width: 100px; height: auto;}


.top_r_ss{ height: 30px; padding-top: 9px; margin-right: 20px; line-height: 30px; float: left;}
.top_r_input{ width: 150px; height: 30px; background: #fff; border-radius: 3px 0px 0px 3px; float: left; padding-left: 10px;}
.top_r_bt{ width: 50px; height: 30px; background: #D6732E; border-radius: 0px 3px 3px 0px; text-align: center; color: #fff;float: left;}





/* ---- 鍦ㄧ嚎瀹㈡湇 ---- */



.fixed-bar {

    position: fixed;

    left: 30px;

    width: 68px;

    top: 35%;

    margin-top: -70px;

    z-index: 10;

}



.fixed-bar .ele {

    display: block;

    width: 76px;

    height: 63px;

    padding-top: 13px;

    border-radius: 4px;

    transition: .36s ease;

    margin-top: 2px;

}



.fixed-bar .ele {

    background: rgba(34, 34, 34, 0.5);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f222222, endColorstr=#7f222222);

    zoom: 1;

    cursor: pointer;

}



:root .fixed-bar .ele {

    filter: none \9;

}



.fixed-bar .ele:hover {

    background-color: #3B5CD6;

}

.fixed-bar .bj:hover {

    background-color: #E03B3B;

}

.fixed-bar .fa:hover {

    background-color: #E03B3B;

}

.fixed-bar .icon {

    height: 26px;

    width: 100%;

}



.fixed-bar .msg .icon {

  background: url(../image/kf.png)  no-repeat center;

}

.fixed-bar .tel .icon {

  background: url(../image/zx.png)  no-repeat center;

}

.fixed-bar .fa .icon {

  background: url(../image/fa.png)  no-repeat center;

}

.fixed-bar .bj .icon {

  background: url(../image/bj.png)  no-repeat center;

}



.fixed-bar .wwx .icon {

  background: url(../image/wx.png)  no-repeat center;

}



.fixed-bar .qr img {

    display: block;

    margin: 40px auto;

}

.fixed-bar .top .icon {

  background: url(../image/fh.png)  no-repeat center;

}



.fixed-bar  span {

    display: block;

    width: 100%;

    margin-top: 6px;

    font-size: 14px;

    color: #fff;

    text-align: center;

}



.fixed-bar  h3 {

    display: block;

    width: 100%;

    margin-top: 6px;

    font-size: 14px;

    color: #fff;

	text-align: center;

	line-height: 20px;

}



.fixed-bar .tel {

    position: relative;

    line-height: 20px;

}



.fixed-bar .tel .fixed-tel {

    display: none;

    width: 213px;

    height: 139px;

    position: absolute;

    background: url(../image/fixed-tel-bg.png) no-repeat center;

    left: -195px;

    top: -32px;

    /*box-shadow: 0 0 30px 0 rgba(85, 85, 85, 0.3);*/

    text-align: center;

}



.fixed-bar .fixed-tel span {

    display: block;

	margin-top: 45px;

	margin-bottom: 5px;

    color: #999;

    font-size: 14px;

}



.fixed-bar .fixed-tel p {

    color: #f7494b;

    font-size: 16px;

    font-weight: bold;

}

.fixed-bar .tel:hover{

    background-color: #f7494b;

}

.fixed-bar .tel:hover .fixed-tel{

    display: block;

}







.fixed-bar .wwx .fixed-wwx {

    display: none;

    width: 213px;

    height: 139px;

    position: absolute;

    left: -180px;

    top: 48px;

    /*box-shadow: 0 0 30px 0 rgba(85, 85, 85, 0.3);*/

    text-align: center;

}



.fixed-bar .fixed-wwx span {

    display: block;

    margin-top: 50px;

    color: #999;

    font-size: 14px;

}



.fixed-bar .fixed-wwx p {

    color: #f7494b;

    font-size: 18px;

    font-weight: bold;

}

.fixed-bar .wwx:hover{

    background-color: #f7494b;

}

.fixed-bar .wwx:hover .fixed-wwx{

    display: block;

}