@charset "utf-8";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border:border-color;-moz-box-sizing:border-box;outline:none}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html {direction: rtl;}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:400;line-height:1.2;color:inherit}
ul,li{list-style:none}
em,i{ font-style:normal;}
a{text-decoration:none;color:inherit}
img{vertical-align:middle;outline:none;border:0}
body{font-family:/*"AccordAlternate",*/"Tahoma","Arial","Verdana","Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;font-size:15px;line-height:1.5;font-weight:normal;color:#333;background:#fff;/* min-width:1300px;*/}
input,button,textarea,select{outline:none;font-family:inherit;border:none;background:none;appearance:none;-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
iframe{border:none;vertical-align:top}
:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box}
em{font-style:normal}
table{border-spacing:0;border-collapse:collapse;background-color:transparent}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-middle:before,.container-middle:after{content:" ";display:table}
.clearfix:after,.container:after,.container-middle:after{clear:both}
.clearfix {zoom: 1;}
.pr { position: relative;}
.fl { float:left;}
.fr { float:right;}
.pull-left{float:left}
.pull-right{float:right}
.bgf{ background:#fff;}
.bgd{ background:#f6f4f5;}
.w100 {  width: 100%;}
.dis-table{display:table;width:100%;height:100%}
.dis-cell{display:table-cell;vertical-align:middle}
.text-align{text-align:center}
.section{width:100%;overflow:hidden}
.out{overflow-y:auto;padding-right:5px}
.out::-webkit-scrollbar{width:3px;background-color:#fff}
.out::-webkit-scrollbar-thumb{background-color:#222d7d;border-radius:10px}
.headwidth{padding:0 15px; width:92%; margin:0 auto;transition:all .3s}
.container,.container-middle,.wrap{/*padding-right:15px;padding-left:15px;*/margin:0 auto}
.wrap,.container,.container-middle{width:1300px; min-width:1300px;}
.container_left{ width:260px; float:left; padding:30px 0px;}
.container_right{width:960px; float:right;padding:30px 0px; }

.padding_50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.center-align {
    text-align: center;
}
/*@media (max-width: 1300px) {   
	.navitem{padding:0 6px}
}
@media (min-width: 1300px) {
    .container-middle {
        width: 1300px;
    }
	.navitem{padding:0 6px}
}
@media (min-width: 1460px) {
    .container-middle {
        width: 1430px;
    }
	.navitem{padding:0 14px}
}

@media (min-width: 1920px) {
    .container-middle {
        width: 1630px;
    }   
}*/

header{transition:background-color .3s;position:fixed;background-color:#fff;top:0;margin:0 auto;transition:all .3s}
header.headroom--unpinned,header.headroom--unpinned.cur{top:-90px}

.heartop{ padding:0px 0;}
#header {position: fixed;z-index: 999; width: 100%; min-width:1280px; margin:0 auto; height: 90px; background-color:#FFF;  z-index:2;transition: all .36s ease  }

#header .nav{  float:left; margin:0 auto;transition: all .36s ease; text-align:right; }
#header .nav>li{ display:inline-block; padding:0 20px; font-size:14px;transition: all .36s ease; text-align:right; margin-right:1px;    position: relative;}

#header .nav>li>a{color:#555; font-weight:600;height:90px; line-height:90px; display:block; text-align:center; text-decoration:none; transition: all .36s ease;}

#header .nav>li.cur>a,#header .nav>li:hover>a{ background-color:#FFF !important; color:#ef3332; transition: all .36s ease;}
#header .nav>li>a.nobg {background: none;border-right:0px; padding-right:0;}

#header .nav li:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 4px;
  width: 0;
  background: #ef3332;
  transition: all 0.56s ease;
}
#header .nav li .sub-nav li:after {height: 0px;}
#header .nav li:hover:after, #header .nav li.cur:after {
 padding:0 30px;
  transition: all 0.56s ease;
}

.nav .sub-nav{width: 200px; position: absolute; top: 90px; left: 0px; z-index: 998;overflow: hidden; display: none; padding-top: 1px;   background-color: rgba(0,0,0,0.55);padding-bottom: 0px;}
.nav .sub-nav li{overflow: hidden; text-align: center; border-bottom: 1px dashed #555; padding-bottom:0px;/* background:url(../images/xx.png) repeat-x 0 bottom;*/}
.nav .sub-nav li.last{border: none;}
.nav .sub-nav li a{color: #FFF; display: block; line-height: 40px; font-size: 14px; height: 40px;}
.nav .sub-nav li a:hover{/*color: #003586;*/color:#FFF;  background-color: #ef3332; }
.sub-nav-bg{background: #ebecea; height: 34px; position: absolute; top: 88px; left: 0; width: 100%; display: none;}

.containerin{width:84%; min-width:1280px; margin:0 auto;clear:both; }
.containerpro{width:84%; min-width:1280px; margin:0 auto;clear:both; }


#header .h_con{float:right; /*width:600px; */text-align:center; box-sizing:content-box; height:90px; vertical-align:middle;padding:0; background:#FFF/*0000fe*/;  border:0;transition: all .36s ease}
/*#header .h_con h1{padding-right:8px; line-height: 90px;   vertical-align:middle;transition: all .36s ease}
#header .h_con h1 img{ max-width:100%; transition: all .36s ease}*/


.logo{float:left; margin-top:16px; margin-right:20px; }
.logo img{ width:150px;}
.company_name{width:245px;float:left; height:45px; margin-top:22px;border-left:1px dashed #aaa; padding-left:15px;transition:all .3s}
.company_name h1{width:225px; line-height:20px; font-size:28px; color:#4c4c4c; font-weight:bold;   letter-spacing: 0pt;text-align:left; float:left; margin-top:2px;}
.company_name h1 span{ color:#ef3332;}
.company_name h2{width:225px; line-height:30px; font-size:14px; color:#4c4c4c;font-weight:400;  font-weight: normal; text-align:left; float:left; margin-top:2px;}





/*语言*/
.language{float: left;position: relative; padding-right:9px; margin-top:0px; margin-right:50px;}

.language .btn{ width: 120px;height: 90px; line-height:90px;background-position:right center; background-repeat:no-repeat; cursor: pointer; background-size:13px 9px;/*transition:all 0.5s; */background-image:url(../images/top_bg7.png); color:#555555; font-size:12px;font-weight:bold; padding-left:28px; position:relative;}
.language .btn:after{ content:""; position:absolute; width:18px; height:100%; top:0; left:0; background:url(../images/top_bg3_on.png) left center no-repeat; background-size:18px 18px;}

.language:hover .btn:after{ background-image:url(../images/top_bg3_on2.png);}
.language:hover .btn{ color:#d10000;}
.language .list { position: absolute; top: 90px; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0); z-index: 5; width: 200px; /*padding-top: 4px; */text-align: center; display: none;}
.language .list { top:90px;}
.language ul {background: #fff;border-radius: 0 0 4px 4px; /*padding: 4px 0;*/ position: relative; box-shadow: 0 4px 14px 1px rgba(0, 0, 0, 0.01);}
.language li a {height: 50px; line-height: 50px; display: block; font-size: 14px; color: #999999; font-weight:bold;}
.language li a:hover {color: #ffffff; background:#d10000;}



@media (max-width: 1660px) {
.headwidth{padding:0 15px; width:100%; margin:0 auto}
#header .nav>li{ padding:0 20px}
.nav .sub-nav{width: 120px;left:-5px;}
#header .h_con h1 img{ max-width:100%; transition: all .36s ease}
}


@media (max-width: 1538px) {
.headwidth{padding:0 15px; width:100%; margin:0 auto}
#header .nav>li{ padding:0 20px}
.nav .sub-nav{width: 120px; left:-13px;}

#header .h_con h1 img{ max-width:100%; transition: all .36s ease}
}

@media (max-width: 1440px) {
#header .nav>li{ padding:0 15px}
.nav .sub-nav{width: 120px; left:-10px;}

#header .h_con h1 img{ max-width:100%; transition: all .36s ease}
.company_name{ display:none;}
}
#header.navbg { height: 90px; box-shadow: 0 2px 6px rgba(0,0,0,.1) ; z-index: 999;}
/*#header.navbg .nav { height: 60px;float:right; }
#header.navbg .nav>li{ float:left; font-size:15px; padding:0px 0;}
#header.navbg .nav>li.cur{height: 64px; color:#4481eb; border-bottom:4px solid #4481eb; }
#header.navbg .logo{ float:left; overflow:hidden; margin-top:8px; border:0;transition: all .36s ease}
#header.navbg .logo img{ height:33px;margin-top:8px;  border:0;transition: all .36s ease}
#header.navbg .serach_btn { width: 17px; height: 17px; background: url(../images/form_ico.png) no-repeat 0 0; background-size: 17px 17px;float: right;margin: 22px 0px 0 0;transition: all .36s ease}
#header.navbg .erji_nav {top:60px;}
#header.navbg  .search-found{top:64px;}*/



.index_tit{text-align: center;padding: 40px 0; }
.index_tit .entit{font-size: 35px;color: #4370f5;}
.index_tit .chtit{font-size: 25px;color: #FFF;}
.index_tit .entit01{font-size: 32px;padding-top: 10px; color:#ffd1d1;    font-family: "Open Sans Light"; font-weight: 300;text-transform : uppercase;}
.index_tit .chtit01{font-size: 28px;color: #000;margin-top: 10px;font-family: "Open Sans Light"; font-weight: 400;}
.index_tit .chtit03{font-size: 28px;color: #4370f5;margin-top: 10px;font-weight: 600;}
.index_tit .chtit01 i{width: 100px;height: 1px;display: inline-block;border-bottom: 1px solid #ccc;margin: 10px;}
.index_tit .chtit02{font-size: 16px;padding-top: 10px; color:#666/*6087fb*/;    font-family: "Open Sans Light"; font-weight: 400;}

/*.intitle{text-align:center}
.intitle p:nth-of-type(2){color:#FFF;font-size:16px;text-transform:uppercase;position:relative;padding:5px 0 10px 0}
.intitle p:nth-of-type(1){font-size:36px;font-weight:bold;color:#000000}
.intitle p:nth-of-type(2)::after{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:80px;height:1px;background:#1D60E6;content:""}
.intitle p:nth-of-type(3){color:#FFF;font-size:15px;text-transform:uppercase;position:relative;padding:15px 0 20px 0}*/
.intitle .cf{ color:#fff !important;}
.intitle .cb{ color:#FFF !important;}

.index_tite{ width:100;padding: 40px 0;}
.index_tite .intitle { height:60px; line-height:60px; font-size: 36px;    color: #364054;      font-weight: 800;    text-align: center;}
.index_tite .intitle span {   color: #ef3332; font-weight:800;}
.index_tite .intext { display:block;font-size: 16px;    text-align: center;    color: #364054; height:30px; line-height:30px;  font-family: "Open Sans Light"; font-weight: 400;}
.index_tite .intitle4 { height:60px; line-height:60px; font-size: 28px;    color: #1D60E6;      font-weight: 300;    text-align: center;}



.in_tit{line-height: 30px;position: relative;margin-bottom: 50px;z-index: 2;}
.in_tit:after{width: 100%;height: 100px;opacity: 0.05;content: '';position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.in_tit p:first-of-type{color: #364054;font-size: 30px; font-weight:300;}
.in_tit p:first-of-type b{font-size: 36px;color: #ef3332;}
.in_tit p:first-of-type i{ font-weight: bolder; color: #ff8a00;font-size: 36px;}
.in_tit p:first-of-type span{color: #000;font-size: 30px;}
.in_tit p:nth-of-type(2){color: #999999;font-size: 14px;text-transform: uppercase;}
.in_tit p:last-of-type{color: #666666;font-size: 16px;}
.in_tit p:last-of-type b{color: #ef3332;font-size: 20px;}



.index_tite2{ width:100;padding: 40px 0; text-align:center;}
.index_tite2 .intitle { height:60px; line-height:60px; font-size: 42px;    color: #364054;      font-weight: 800;    text-align: center;}
.index_tite2 .intitle span {   color: #ef3332; font-weight:800;}
.index_tite2 .intitle b { position:absolute;background:url(../images/youshibg.png) top center no-repeat; width:72px; height:72px; font-style:italic; font-size:50px;color:#FFF; font-weight:800; margin-left:-80px;}
.index_tite2 .intext {  font-size: 20px;    text-align: center;    color: #364054; height:40px; line-height:40px;  font-family: "Open Sans Light"; font-weight: 300;}
.index_tite2 .entit{background:#ef3332;color:#FFF; display:inline-block; padding:0 80px;margin:10px auto 0; text-align:center; text-transform:uppercase; letter-spacing:3px;font-size:14px; height:26px; line-height:26px;}






/*links*/
/*
.footer-type-a{border-top:1px solid #eaeaea}
.footer{padding-top:56px;font-size:14px;color:#898989; background:#f4f4f4;}
.footer a{color:#898989}
.footer a:hover{color:#008cff}
.footer .title{margin-bottom:10px;font-weight:600;font-size:15px;color:#222222}
.footer .top{border-bottom:1px solid #dfdfdf}
.footer .top .list{width:65%}
.footer .top .list .list-li{width:95px;padding-right:10px; float:left;}
.footer .top .list .list-li.contact{width:255px;padding-right:0}
.footer .top .list .a-box .a-li{padding:5px 0}
.footer .top .list .a-box .a{display:block;transform:translateX(0);transition:all 0.3s}
.footer .top .list .a-box .a:hover{transform:translateX(3px)}
.footer .top .list .cont{line-height:24px}
.footer .top .list .cont .con-mid{margin:17px 0 17px}
.footer .top .list .cont .flex-box span{flex-shrink:0}
.footer .top .code-block{border-left:1px solid #dfdfdf;width:30%;padding-left:4.16%}
.footer .top .code-block .code-li{max-width:32%;text-align:center}
.footer .top .code-block .code-li img{height:auto}
.footer .top .code-block .txt{margin-top:5px}
.footer .top .friend{padding-top:72px;padding-bottom:24px}
.footer .top .friend .friend-tit{flex-shrink:0}
.footer .top .friend a{margin-right:45px}
.footer .top .friend .line{margin:0 18px;width:1px;height:14px;background-color:#dddddd}
.footer .links .line{margin:0 15px;width:1px;height:15px;background-color:#b5b4b4}
.footer .foot-bot{padding-top:18px;padding-bottom:18px;color:#b5b4b4}
.footer .foot-bot a{color:#b5b4b4}
.footer .foot-bot a:hover{color:#008cff}
.footer .foot-bot .copy{display:inline-block}
*/










.bottoms{width:100%; background:#f4f4f4;padding-bottom:0px; margin-top:50px;}
.bottom_nav{margin-left:60px;}
.bottom_nav .c4title {position: relative; padding: 0 0 15px 0; margin-bottom: 5px;}
.bottom_nav .c4title a {font-size: 15px; display: block; line-height: 35px; color:#000;font-weight:bold;}

.bottom_nav ul li a {font-size: 14px; display: block; line-height:30px;transform:translateX(0);transition:all 0.3s; color:#898989;}
.bottom_nav ul li a:hover{ text-decoration: underline; color:#ef3332;ransform:translateX(3px);}


.bottom_md {line-height:35px;color:#fff;font-size:14px;margin-left:0px;margin-right:50px; max-width:500px;}
.bottom_md .c4title {position: relative; padding: 0 0 15px 0; margin-bottom:5px;}
.bottom_md .c4title a {font-size: 15px; display: block; line-height: 35px; color:#000;font-weight:bold;}
.bottom_md p{ height:33px; line-height:33px; font-size:14px;}
.bottom_md p span{display: inline-block;  line-height:30px; font-size:14px;vertical-align: top; color:#898989;max-width:460px; }
.bottom_md p.company i{ width:20px; height:27px; display:inline-block;background:url() center bottom no-repeat; margin-right:10px; }
.bottom_md p.address{height:60px; line-height:30px; font-size:14px;}
.bottom_md p.address i{ width:20px; height:20px; border:1px solid #ef3332; border-radius:20px; display:inline-block;background:url(../images/foot_address.png) center bottom no-repeat; margin-left:10px; margin-top:5px;}
.bottom_md p.tel i{ width:20px; height:20px; margin-top:5px;border:1px solid #ef3332; border-radius:20px; display:inline-block;background:url(../images/foot_tel.png) center bottom no-repeat; margin-left:10px; }
.bottom_md p.mobile i{ width:20px; height:20px; margin-top:5px;border:1px solid #ef3332; border-radius:20px; display:inline-block;background:url(../images/foot_mobile.png) center bottom no-repeat; margin-left:10px; }
.bottom_md p.emial i{width:20px; height:20px; margin-top:5px;border:1px solid #ef3332; border-radius:20px; display:inline-block;background:url(../images/foot_email.png) center bottom no-repeat; margin-left:10px; }
.bottom_md p b{display: inline-block;  vertical-align: top; font-size:20px; font-weight:600;}

.bottom_right { float:right;margin-left:50px;margin-top:10px;color:#999;font-size:14px;text-align:center;}





.banq_nr{width:410px;line-height: 46px;padding-left: 40px;background: url() left 8px no-repeat;margin: 0 auto;color:#fff; font-size:14px;}
.bottom_nav2{width:240px;}
.bottom_nav2 .c4title {position: relative; padding: 0 0 15px 0; margin-bottom:5px;}
.bottom_nav2 .c4title a {font-size: 15px; display: block; line-height: 35px; color:#000; font-weight:bold;}
.bottom_rwm{width: 240px;margin: 0 auto;margin-top:0px;color:#898989; font-size:14px;}
.bottom_rwml{ width:100px; line-height:30px; height:auto; text-align:center;}

.bottom_text{ background:#f4f4f4;border-top:1px solid #eaeaea;font-size: 14px;line-height:35px;color:#333; padding:15px 0; text-align:center;}
.bottom_text a{ font-size:14px; color:#333;}

.links{ width:100%;  font-size:14px; background:#f4f4f4;margin:0 auto;margin-top: 20px; padding:15px 0;color:#666;}
.links a{ color:#666; margin-right:15px; line-height:26px; }
.links a:hover{ color:#000;}

.footer-benefit-wrap {width:100%;height:165px;background-color:#1d60e6;}
.footer-benefit-list {position:relative;width:25%;height:165px;-webkit-box-sizing:border-box;box-sizing:border-box}
.footer-benefit-list::after {position:absolute;top:50px;right:0;content:"";width:1px;height:46px;background:#4a80eb}
.footer-benefit-list4::after {width:0}
.fbi-img {display:block;width:47px;height:40px;margin:53px 20px 0 18px}
.footer-benefit-list1 .fbi-img {margin-left:0}
.fbi-wrap {width:214px;height:165px}
.fbi-wrap .p1 {font-size:18px;color:#ffffff;padding:38px 0 8px}
.fbi-wrap .p2 {font-size:14px;color:#ffffff;padding-bottom:00px}
.footer-meta-wrap {width:100%;/* height:360px;*/    background:#252526}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#ef3332;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#ef3332;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-image:url(../images/side_icon1.png);}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url() no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-qrcode .inner-box .qrcode-img{ width:180px; height:180px; margin:0 auto; }
.suspension .d-qrcode .inner-box .qrcode-img img{ width:100%; }

.navBox,.navboxtop{ display:none;}

.mar_50{ margin:50px  auto;}