/*css reset*/
html,body,p{ padding: 0; margin: 0; font-family:PingFang SC,PingFang SC Regular,PingFang SC Light Regular,PingFang H,微软雅黑 Light,STHeitiSC-LightK,"Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;  color:#000;} 
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;margin: 0; height:100%;}
ol, ul {list-style: none; padding: 0; margin: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0;}
th,td { vertical-align: middle;}
a{text-decoration:none;	outline: none;hlbr:expression(this.onFocus=this.blur());}
input, select {vertical-align: middle;}
img, iframe {border: none; text-decoration:none;} 
strong {font-weight: bold;}
h1,h2,h3,h4,h5,h6,h7,h8,h9,h10{padding: 0; margin: 0;}
:focus {outline: 0;}
::-webkit-input-placeholder { /* WebKit browsers */color:#999;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#999;opacity:1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;opacity:1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;}
ul {font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;}
li,input {margin: 0px; padding: 0px; border: 0px currentColor; vertical-align:middle; }
/*css common*/
.f-left {float: left;}
.f-right {float: right;}
.clear {clear:both;}
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
.nodisplay{display: none;}
.c{clear:left;}
body.fix,html.fix{ overflow:hidden; height:100%;}
@font-face {        
	font-family: 'yueroudgo';
  	src: url('../fonts/yueroudgo.ttf');
	src: url('../fonts/YueRoudGo.otf');
}
@font-face {        
	font-family: 'yueroudgo1';
  	src: url('../fonts/yueroudgo1.ttf');
	src: url('../fonts/YueRoudGo1.otf');
}
/*brandon text medium*/
@font-face {        
	font-family: 'fontmedium';
  	src: url('../fonts/fontmedium.ttf');
	src: url('../fonts/fontmedium.otf');
	src: url('../fonts/fontmedium.eot');
	src: url('../fonts/fontmedium.svg');
	src: url('../fonts/fontmedium.woff');
}
/*brandon text Regular*/
@font-face {        
	font-family: 'fontregular';
  	src: url('../fonts/fontregular.ttf');
	src: url('../fonts/fontregular.otf');
	src: url('../fonts/fontregular.eot');
	src: url('../fonts/fontregular.svg');
	src: url('../fonts/fontregular.woff');
}
.menu{ display:none;}
.mobile,.mobile1,.banner img.banner_mobile,.section.sec1 img.mobile1,.pop_right_btn a.mobile,.mobile2{ display:none;}
#zhichiBtnBox{ z-index:99 !important;width:42px !important; height:42px !important;border-radius:50px !important;background-size:auto auto !important; right:99px !important; left:auto !important; background-color:#c0192a !important;background-image:url(../images/float_message.png) !important;background-repeat:no-repeat !important; background-position:center !important; }
.zc-advice-icon-btn-title{display: none!important;}
#zhichiBtn{ cursor:pointer;}
#bubbleMsg{height: auto !important;}
/*header*/
.head1{position:fixed; top:0; left:0;z-index:999; height:96px; width:100%; line-height:96px;transition: .25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.head1 .logo{ float:left; padding-left:50px;}
.head1 .logo img{ vertical-align:middle; width:188px;}
.head1.fix{ height:60px; line-height:60px; background:#151515;}
/*nav*/
.float-sec { float:right; padding-right:30px;}
.float-sec ul{clear: both;}
.float-sec li { float:left; width:70px; text-align:center;}
.float-sec li.first { display:none;}
.float-sec li a {display: block; color:#fff; font-size:14px;}
.float-sec li a:hover,.float-sec a.active{color:#616161;}
/*index*/
/* banenr*/
.banner{ width:100%; height:auto;position:relative; top:0; left:0;}
.banner img{ max-width:100%; display:block;}
.banner_tit,.banner_tet1,.banner_tet2{ width:628px;  position:absolute; left:50%; margin-left:-341px; }
.banner_tit{height:23px; top:50%;margin-top:-11.5px;}
.banner_tet1,.banner_tet2{height:42px; bottom:110px;}
/*main*/
.section{ width:100%;}
.section.sec1{ background:#151515;}
.section.sec1 .f-left,.section.sec1 .f-right{ width:50%;}
.section.sec1 img{ width:100%; display:block;}
.section.sec1 .sec1_bottom{ width:100%;}
/*sec2*/
.section.sec2 .sec2_top{ padding-top:124px; text-align:center;}
.section.sec2 .sec2_top h1{font-family: 'yueroudgo'; font-size:14px; line-height:1; color:#151515; letter-spacing:7px; font-weight:normal; padding-top:20px;}
.tab-title{ width:1400px; margin:0 auto; padding-top:92px; padding-bottom:96px;}
.tab-title li{ float:left; width:200px; letter-spacing:4px; text-align:center;}
.tab-title li a{ color:#555; font-size:14px; line-height:1;}
.tab-box{ display:none;}
.tab-box.tab1{ display:block;}
.tab-box ul li{ float:left; text-align:center; position:relative; top:0; left:0;}
.tab-box ul li img{ width:100%; display:block;}
.tab-box ul li img.mobile{ display:none;}
.tab-box ul li.tab1{ width:20%;}
.tab-box ul li.tab2{ width:40%;}
.tab-box ul li.tab1.first .sec2_cont_top{ background:#e91909; width:100%; height:50%;}
.tab-box ul li.tab1.first .sec2_cont_bottom{ position:relative; top:0; left:0;}
.tab-box ul li a{ display:block; width:100%; height:100%;}
.tab-box ul li a .mask_bg{display:none;position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;}
.tab-box ul li a .mask{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../images/mask_bg.png); background-repeat:repeat;transition: .25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; z-index:2;}
.tab-box ul li .mask .mask_cont{ height:82px; position:absolute; top:50%; left:25%; margin-top:-41px;  width:50%; text-align:center; z-index:2;}
.tab-box ul li.tab1 .mask .mask_cont{ width:70%; left:15%;}
.tab-box ul li h1{ font-size:14px; color:#777; font-weight:normal; line-height:1; padding-bottom:25px; letter-spacing:7px;}
.tab-box ul li h2{ font-size:18px; color:#fff; font-weight:normal; line-height:1; padding-top:25px; letter-spacing:1px;}
.tab-box ul li .cont_line{ width:100%; height:1px; background:#363636; position:relative; top:0; left:0;}
.tab-box ul li a .cont_line span{ position:absolute; top:0; left:0; display:inline-block; background:#fff; height:1px; width:0;}
.tab-box ul li.more2{ display:none;}
.more_btn{ width:100%; height:200px; text-align:center;}
.more_btn a{ display:block; width:100%; height:200px;line-height:200px; background:#e91909; font-size:14px; color:#fff; letter-spacing:6px;}
/*sec3*/
.section.sec3 .sec3_top{ padding-top:146px; text-align:center; color:#777; font-size:18px; line-height:1; letter-spacing:9px;}
.section.sec3 .sec3_top span{font-family: 'yueroudgo';}
.sec3_bottom{ width:1200px; margin:0 auto; padding-top:92px;}
.sec3_bottom li{ float:left; width:33%; text-align:center; color:#151515;}
.sec3_bottom li h3{ font-size:30px; font-weight:normal; line-height:1;}
.sec3_bottom li h4{ font-size:18px; font-weight:normal; line-height:1; padding-top:26px; padding-bottom:176px;}
.sec3_cont ul li{ width:50%; position:relative; top:0; left:0;}
.sec3_cont ul li img{ width:100%; display:block;}
.sec3_cont ul li a .mask_bg{display:none;position:absolute; top:0; left:0; width:100%; height:100%; z-index:3;background-repeat:repeat;transition: .25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear;}
.sec3_cont ul li.f-left a .mask_bg{background-image:url(../images/mask_bg1.png);}
.sec3_cont ul li.f-right a .mask_bg{background-image:url(../images/mask_bg2.png);}
.sec3_cont ul li a .mask{position:absolute; top:0; left:0; width:100%; height:100%;transition: .25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; z-index:2; text-align:center;}
.sec3_cont ul li .mask .mask_cont{ height:122px; position:absolute; top:50%; left:25%; margin-top:-61px;  width:50%; text-align:center;}
.sec3_cont ul li h1{ font-size:36px;font-weight:normal; line-height:1; padding-bottom:36px; letter-spacing:4px;}
.sec3_cont ul li h2{ font-size:16px;font-weight:normal; line-height:1; padding-top:6px; letter-spacing:4px;}
.sec3_cont ul li.f-left h1{color:#fff;}
.sec3_cont ul li.f-left h2{ color:#fff;}
.sec3_cont ul li.f-right h1{color:#131313;}
.sec3_cont ul li.f-right h2{ color:#131313;}
.sec3_cont ul li .cont_line{ display:none; width:100%; height:1px;  position:relative; top:0; left:0;}
.sec3_cont ul li a .cont_line span{ position:absolute; top:0; left:0; display:inline-block;  height:1px; width:0;}
.sec3_cont ul li.f-left .cont_line{ background:#4e4e4e;}
.sec3_cont ul li.f-left a .cont_line span{ background:#fff;}
.sec3_cont ul li.f-right .cont_line{background:#e5e5e5;}
.sec3_cont ul li.f-right a .cont_line span{background:#151515;}
/*sec4*/
.section.sec4 .sec4_top{ padding-top:190px; text-align:center; background:#e91909; color:#fff;}
.section.sec4 .sec4_top h5{ font-weight:normal; color:#ffa59e; font-size:14px; line-height:1; letter-spacing:10px;}
.section.sec4 .sec4_top h6{ font-weight:normal; color:#fff; font-size:20px; line-height:1; padding-bottom:80px; padding-top:38px; letter-spacing:20px;}
.section.sec4 .sec4_top ul{ width:100px; margin:0 auto; padding-bottom:116px;}
.section.sec4 .sec4_top li a{display:block;	width: 40px;	height: 40px;	position:relative;	top: 0;	left: 0;	background-color: #e91909;	transition: all 1s;	-webkit-transition: all 1s;	opacity: 1;	z-index: 9;}
.section.sec4 .sec4_top li a.mobile{ display:none;}
.section.sec4 .sec4_top li .cir1{	width: 38px;	height: 38px;	position: absolute;	top: 50%;	left: 50%;	margin-left: -19px;	margin-top: -19px; background-image:url(../images/tel.png); background-repeat:no-repeat; background-position:center;}
.section.sec4 .sec4_top li.f-right .cir1{background-image:url(../images/qq.png);}
.section.sec4 .sec4_top li a .cir2{ display:none;	width: 40px;	height: 40px;	position: absolute;	top: 50%;	left: 50%;	margin-left: -20px;	margin-top: -20px;  	transform: rotate(-90deg);	stroke-dasharray: 630;  	animation: dash 2s linear both;}
.section.sec4 .sec4_top li a:hover .cir2{ display:block;}
.sec4_bottom{ width:1200px; margin:0 auto; padding-top:155px;}
.sec4_bottom li{ float:left; width:33%; text-align:center; height:128px; position:relative; top:0; left:0;}
.sec4_bottom li img{ display:block; margin:0 auto; width:32px;}
.sec4_bottom li.last img{ width:40px;}
.sec4_bottom li.last img.ewm{ width:96px; position:absolute; top:0; left:50%; margin-left:-48px; opacity:0;filter: Alpha(opacity=0);}
.sec4_bottom li a h4{ color:#e91909; font-size:14px; line-height:1; padding-top:26px; letter-spacing:5px; opacity:0;filter: Alpha(opacity=0); display:block; font-weight:normal;}
.sec4_bottom li a h5,.sec4_bottom li h6{ color:#151515; font-size:14px; line-height:1; display:block; letter-spacing:5px;font-weight:normal;}
.sec4_bottom li a h6{ padding-top:40px;}
.sec4_bottom li a:hover h5{ color:#dfdfdf;}
.sec4_bottom li:hover a h6{ display:none;}
/*footer*/
#footer{ width:100%; text-align:center; line-height:1; color:#7e7e7e; font-size:12px; padding-bottom:106px; padding-top:130px;}
#footer a{font-size: inherit;color: inherit;}
/*弹出框*/
#bg{width:100%;height:100%;top:0px;left:0px;position:fixed;filter: Alpha(opacity=70);opacity:0.7; background:#000000; display:none; z-index:9999;}
.tck1{position:fixed; top:50%; width:390px; height:180px; left:50%; margin-left:-195px; margin-top:-90px; background:#fff; display:none;z-index:99999; }
.tck1_cont{ position:relative;}
.tck1_cont .close{ position:absolute; top:15px; right:15px;}
.tck1 h1{ width:100%; font-size:16px; color:#000; text-align:center; padding-top:42px; padding-bottom:42px; line-height:1; font-weight:normal; letter-spacing:2px;}
.tck1 h2{ width:100%; color:#c71f11; text-align:center;font-family: 'yueroudgo'; font-size:30px; line-height:1; font-weight:lighter; letter-spacing:2px;}
.tck{position:fixed; top:0px; width:100%; left:0; right:0; bottom:0; overflow-y:scroll; display:none;z-index:99999; }
.pop_cont{ width:86%; margin:0 auto; position:relative; }
.popbox_cont{ padding-top:20px;}
.pop_cont .f-left img.first{border-top-left-radius:6px;overflow:hidden; }
.pop_cont .f-left img.last{border-bottom-left-radius:6px; overflow:hidden; }
.pop_cont .f-left img{  display:block; width:100%;}
.pop_cont .f-right{position:fixed; top:0px; right:7.1%; width:280px;color:#000; }
.pop_cont .f-right.fix{ position:absolute; bottom:0; top:auto; right:0 !important;}
.popbox_right{ background:#fff;border-top-right-radius:6px;border-bottom-right-radius:6px;overflow:hidden; position:relative; }
.pop_right_top{padding-left:30px; padding-top:30px; position:relative;}
.pop_right_top .close1{ position:absolute; right:10px; top:10px;}
.pop_right_top h1{ color:#e91909; font-size:14px; line-height:1; letter-spacing:7px; padding-bottom:20px; font-weight:normal; background-image:url(../images/line.png); background-repeat:no-repeat; background-position:left bottom;}
.pop_right_top h2{ font-size:40px; line-height:1;padding-bottom:30px; font-weight:normal; color:#000;font-family: 'yueroudgo1'; padding-top:20px;}
.pop_right_bottom{ border-top:#f1f1f1 solid 1px; padding:0 30px;}
.pop_right_bottom h3{font-size:18px; line-height:1;padding-top:30px; padding-bottom:15px; font-weight:normal; color:#000;}
.pop_right_bottom p{font-size:12px; line-height:24px;color:#555;}
.pop_btn{ position:fixed; top:50%;width:40px; height:40px; margin-top:-20px; z-index:99999;}
.pop_btn_left{left:2.5%;}
.pop_btn_right{right:2.5%;}
.pop_btn a{ display:block; transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; width:40px; height:40px; background-repeat:no-repeat; }
.pop_btn_left a{ background-image:url(../images/prev.png);}
.pop_btn_right a{ background-image:url(../images/next.png);}
.pop_right_btn{ position:absolute; left:30px; bottom:30px; width:220px; height:35px;}
.pop_right_btn a{ width:220px; height:35px; color:#fff; font-size:14px; line-height:35px; display:block; border-radius:50px; background:#e91909; text-align:center;}
/*浮动窗口样式*/
.floating{position: fixed;bottom: 20px;right:95px;min-width:208px;text-align: center;z-index:98;height: 42px;}
.floating a{width: 42px;height: 42px; margin:0 5px;border-radius:21px;background-color:#c0192a; display: inline-block; /*filter:alpha(opacity=60);*/background-repeat: no-repeat; background-position: center center; vertical-align: middle; overflow: hidden; line-height: 38px; margin-bottom: 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.floating a.float-phone{background-image:url(../images/float_tel.png); -webkit-background-size:19px 18px; background-size: 19px 18px;}
.floating a.float-qq{background-image:url(../images/float_qq.png); -webkit-background-size: 18px auto; background-size: 18px auto;}
.floating a.float-wxqr{overflow:inherit;background-image:url(../images/float_wechat.png); -webkit-background-size: 20px auto; background-size: 20px auto;}
.floating a.float-message{background-image:url(../images/float_message.png);-webkit-background-size: 17px 17px; background-size: 17px 17px; }
.floating a span{color:#fff;margin-left: 30px;display: none; font-size:14px;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.floating a.float-phone span{font-size: 14px;}
.floating a.float-wxqr span{ display:none;margin-top: -100px;margin-right: 15px;margin-left: 0px;transition: .15s linear; -moz-transition:.15s linear; -webkit-transition:.15s linear; width:137px;height:121px;position: absolute; z-index:0;top:-20px;right:50px;}
.floating a.float-qq.mobile{ display:none;}
/*message*/
#message-cover{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 99999;
	display: none;
}
#message-cover.active{ display:block;}
#message-cover .box{background-color: #fff;width: 500px;height:500px;position: relative;left:50%;top:50%;margin-top:-300px;margin-left:-300px;display: none;padding: 50px;}
#message-cover .box.active{display: block;}
#message-cover .box .close img{position: absolute;right: 16px;top: 16px;-ms-transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;transition: all 1s;}
#message-cover .box .close:hover img{ -ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}	
#message-cover .box .submit{
	display: block;
	font-size:18px;
	color: #fff;
	line-height:50px;
	height:50px;
	text-align: center;
	background-color: #c0192a;
}
#message-cover .ques .top{border-bottom: 1px dashed #c5c5c5; padding-bottom:30px;}
#message-cover .ques .top .text-box{ float:left;}
#message-cover .ques .top img{ float:right;}
#message-cover .ques .top h5{
	font-size: 36px; font-weight:normal;
	color: #222;
	font-family: 'fontmedium';
	margin-bottom: 20px;
}
#message-cover .ques .top p{
	font-size: 16px;
	font-family: PingFang SC Bold,PingFang H,"Microsoft YaHei"; font-weight:bold;
	color: #222;
	line-height: 30px;
}
#message-cover .ques .bottom{padding: 30px 0 40px;}
#message-cover .ques .bottom form{ width:100%;background-color: #f0f0f0;height: 60px;line-height: 60px; margin-bottom:20px;}
#message-cover .ques .bottom label{ padding-left:18px; float:left;color: #222;font-size: 16px;font-family: PingFang SC Bold,PingFang H,"Microsoft YaHei"; font-weight:bold;}
#message-cover .ques .bottom input{ float:left; padding-left:5%; width:90%;background-color: #f0f0f0;height: 60px;font-size: 16px;color: #666;}
#message-cover .ques .bottom .choose{font-size: 0;}
#message-cover .ques .bottom .choose a{
	display: inline-block;
	width: 33%;
	font-size: 16px;
	color: #666; line-height:20px; height:20px;
	margin-top: 20px
}
#message-cover .ques .bottom .choose a span{
	display: inline-block; float:left;
	width: 20px;
	height:20px;
	margin-right: 16px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-image: url(../images/message_ques_icon.png);
	background-position: center top;
}
#message-cover .ques .bottom .choose a.active span{background-position: center bottom;}
.box_message{ padding-top:20px; }
.box_message p{font-size:16px; line-height:30px; color:#444;}
.box_message p a{ color:#c0192a;font-family: 'fontregular'; font-size:20px; font-weight:bold;}
#message-cover .result{background-color: #fff;width:400px;height:340px;position: relative;left:50%;top:50%;margin-top:-170px;margin-left:-200px;display: none;	text-align: center; padding:0;
padding-top: 80px;}
#message-cover .result p{
	font-size:16px;
	color: #c50000;
	margin-bottom: 22px;
	font-weight: bold;
}
#message-cover .result p span{
	color: #333;
	margin: 0 0.5em;
}
#message-cover .result p.last{margin-bottom: 50px;display: none;}
#message-cover .result p.last.active{
	display: block;
}
#message-cover .result .img-box{
	position: relative;
	width: 30%;
	margin: 0 auto 40px;
}
#message-cover .result .img-box img{
	width: 100%;
}
#message-cover .result .img-box .cirbox1,#message-cover .result .img-box .cirbox2,#message-cover .result .img-box .cirbox3,#message-cover .result .img-box .cirbox4{
	position: absolute;
	width: 50%;
	height: 50%;
	overflow: hidden;
}
#message-cover .result .img-box .cirbox1{
	top: 0;
	right: 0;
}
#message-cover .result .img-box .cirbox2{
	bottom: 0;
	right: 0;
}
#message-cover .result .img-box .cirbox3{
	bottom: 0;
	left: 0;
}
#message-cover .result .img-box .cirbox4{
	top: 0;
	left: 0;
}
#message-cover .result .img-box .cir1,#message-cover .result .img-box .cir2,#message-cover .result .img-box .cir3,#message-cover .result .img-box .cir4{
	position: absolute;
	width: 100%;
	height: 100%;
	border-style: solid;
}
#message-cover .result .img-box .cir1{
	top: 0;
	right: 0;
	border-top-right-radius: 100%;
	border-color: #c60000 #c60000 transparent transparent;
	border-width: 3px 3px 0 0;
}
#message-cover .result .img-box .cir2{
	bottom: 0;
	right: 0;
	border-bottom-right-radius: 100%;
	border-color: transparent #c60000 #c60000 transparent;
	border-width: 0 3px 3px 0;
}
#message-cover .result .img-box .cir3{
	bottom: 0;
	left: 0;
	border-bottom-left-radius: 100%;
	border-color: transparent transparent #c60000 #c60000;
	border-width: 0 0 3px 3px;
}
#message-cover .result .img-box .cir4{
	top: 0;
	left: 0;
	border-top-left-radius: 100%;
	border-color: #c60000 transparent transparent #c60000;
	border-width: 3px 0 0 3px;
}
#message-cover .result .img-box .circover1,#message-cover .result .img-box .circover2,#message-cover .result .img-box .circover3,#message-cover .result .img-box .circover4{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 1;
}
#message-cover .result .img-box .circover1{
	top: 0;
	right: 0;
	transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
}
#message-cover .result .img-box .circover2{
	bottom: 0;
	right: 0;
	transform-origin: left top;
	-webkit-transform-origin: left top;
}
#message-cover .result .img-box .circover3{
	bottom: 0;
	left: 0;
	transform-origin: right top;
	-webkit-transform-origin: right top;
}
#message-cover .result .img-box .circover4{
	top: 0;
	left: 0;
	transform-origin: right bottom;
	-webkit-transform-origin: right bottom;
}
#message-cover .result .img-box.active .circover1,#message-cover .result .img-box.active .circover2,#message-cover .result .img-box.active .circover3,#message-cover .result .img-box.active .circover4{
	transition-duration:  0.1s;
	transition-property: all;
	transition-timing-function: linear;
	transform: rotate(90deg);
	-webkit-transition-duration:  0.1s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: linear;
	-webkit-transform: rotate(90deg);
}
#message-cover .result .img-box.active .circover2{
	transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
}
#message-cover .result .img-box.active .circover3{
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}
#message-cover .result .img-box.active .circover4{
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
#message-cover .result .img-box .point1,#message-cover .result .img-box .point2{
	position: absolute;
	z-index: 1;
	background-color: #c60000;
	width: 0;
	height: 4px;
	border-radius: 4px;
}
#message-cover .result .img-box .point1{
	left: 26%;
	top: 50%;
	transform: rotate(45deg);
	transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: left top;
}
#message-cover .result .img-box.active .point1{
	transition: all 0.1s linear 0.4s;
	-webkit-transition: all 0.1s linear 0.4s;
	width: 27%;
}
#message-cover .result .img-box .point2{
	left: 44%;
	top: 69%;
	transform: rotate(-45deg);
	transform-origin: left bottom;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: left bottom;
}
#message-cover .result .img-box.active .point2{
	width: 50%;
	transition: all 0.1s linear 0.5s;
	-webkit-transition: all 0.1s linear 0.5s;
}
#message-cover .result h5{
	font-size: 26px;
	font-weight: lighter;
	color: #c0192a;
	margin-bottom: 32px;
}
#message-cover .result a.submit{ width:100%; border-top:1px dashed #c5c5c5; background:#fff; color:#444; height:60px; line-height:60px;font-family: PingFang SC Bold,PingFang H,"Microsoft YaHei"; font-weight:bold;}
/*top*/
#top{ position:fixed; right:45px; bottom:20px; width:42px; height:42px; z-index:999; display:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out; border-radius:50px;}
#top:hover{ background-color:#c0192a;}
#top img{ position:fixed; right:45px; bottom:20px;width:42px;}
#top .top2{  opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
#top:hover .top2{ opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
#top:hover .top1{ opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
@media (min-width: 1025px) {
    .floating a:hover{background-position: 15px center;}
    .floating a.float-qq:hover{width: 146px;}
	.floating a.float-wxqr.active{background-position:center;}
	.floating a.float-wxqr.active span { display:block;margin-top: -104px; z-index:1;}
	.floating a.float-wxqr.active img{ width:137px;height:121px; }
    .floating a.float-phone:hover{width: 170px;}
    .floating a.float-message:hover{background-position:center;}
    .floating a:hover span{display: block;}
}
@media screen and (max-width:1440px){
	/*sec2*/
	.tab-title{ width:90%;}
	.tab-title li{ width:14.2857%;}
	/*sec3*/
	.sec3_cont ul li .mask .mask_cont{ width:60%; left:20%;}
	.sec3_cont ul li h2{letter-spacing:2px;}
}
@media screen and (max-width:1280px){
	/*sec3*/
	.sec3_bottom{ width:90%;}
	.sec3_cont ul li .mask .mask_cont{ width:70%; left:15%;}
	/*sec4*/
	.sec4_bottom{ width:90%;}
}
@media screen and (max-width:1152px){
	/*sec2*/
	.tab-box ul li .mask .mask_cont{ width:60%; left:20%;}
	.tab-box ul li h2{ line-height:1.5;}
}
@media screen and (max-width:1024px){
	.float-sec li a:hover{color:#fff;}
	.float-sec a:hover.active{ color:#616161;}
	.head1 .logo img{ width:140px;}
	.mobile2{ display:block;}
	.pc2{ display:none;}
	/* banenr*/
	.banner_tit, .banner_tet1, .banner_tet2{ width:500px; margin-left:-250px;}
	.banner_tit{ height:18px; margin-top:-9px;}
	.banner_tet1, .banner_tet2{ height:auto;bottom:50px;}
	/*sec1*/
	.sec1_bottom{ background-image:url(../images/sec1_tet.jpg); background-repeat:no-repeat; background-size:130% auto; background-position:center;}
	.sec1_bottom img{ opacity:0;filter: Alpha(opacity=0);}
	/*sec2*/
	.section.sec2 .sec2_top{ padding-top:80px;}
	.section.sec2 .sec2_top img{ width:28px;}
	.tab-box ul li.tab1.first{ width:50%;}
	.tab-box ul li.tab1{ width:25%;}
	.tab-box ul li.tab2{ width:50%;}
	.tab-box ul li .mask .mask_cont{left:15%;width:70%; }
	.tab-box ul li.tab1 .mask .mask_cont{ width:80%; left:10%;}
	.tab-box ul li.tab1.first .sec2_cont_top{ float:left; width:50%; height:100%; background-color:#e91909; background-image:url(../images/sec2_tet.jpg); background-size:140% auto; background-repeat:no-repeat; background-position:left top;}
	.tab-box ul li.tab1.first .sec2_cont_top img{ opacity:0;}
	.tab-box ul li.tab1.first .sec2_cont_bottom{ float:left; width:50%; height:50%;}
	.tab-box ul li img.mobile{ display:block;}
	.tab-box ul li img.pc{ display:none;}
	.tab-box ul li h2{ line-height:1.5; font-size:16px;}
	/*sec3*/
	.section.sec3 .sec3_top{ padding-top:80px;}
	.sec3_bottom li h4{ padding-bottom:100px;}
	.sec3_cont ul li .mask .mask_cont{ left:15%; width:70%;}
	.sec3_cont ul li h2{ letter-spacing:1px; line-height:1.5;}
	/*sec4*/
	.section.sec4 .sec4_top{ padding-top:140px;}
	.section.sec4 .sec4_top li a.mobile{ display:block;}
	.section.sec4 .sec4_top li a.pc{ display:none;}
	.sec4_bottom li.first,.sec4_bottom li.second{ width:50%;}
	.sec4_bottom li.last{ width:100%; margin-top:10px; margin-bottom:10px;}
	.sec4_bottom li.last img.ewm{ top:50px; opacity:1;filter: Alpha(opacity=100);}
	.sec4_bottom li a h4{opacity:1;filter: Alpha(opacity=100);}
	.sec4_bottom li a h5, .sec4_bottom li h6{ display:none;}
	.section.sec4 .sec4_top li a:hover .cir2{ display:none;}
	/*footer*/
	#footer{ padding-bottom:50px; padding-top:60px;}
	/*弹出框*/
	.pop_right_btn a.pc{ display:none;}
	.pop_right_btn a.mobile{ display:block;}
	.pop_cont{ width:80%; margin:0 auto; position:relative; }
	.popbox_cont{ padding-top:20px;}
	.pop_cont .f-left{ float:right;}
	.pop_cont .f-left img.first{border-top-left-radius:0px;}
	.pop_cont .f-left img.last{border-bottom-left-radius:0px;border-bottom-right-radius:0px;  }
	.f-left .popbox_cont{ padding-top:0;}
	.f-right .popbox_cont .pop_right_bottom{ padding-bottom:20px;}
	.pop_cont .f-right{ float:left;position:static; top:auto; right:auto; width:100%;}
	.pop_right_top{padding:30px;clear: both;}
	.popbox_right{border-bottom-right-radius:0;border-top-left-radius:6px;}
	.pop_right_top h1{ display:inline-block; float:left; width:50%; font-size:1.3rem; letter-spacing:3px; padding-bottom:15px;}
	.pop_right_top h2{display:inline-block; float:right; width:50%;  font-size:1.3rem;padding-bottom:0; padding-top:0; text-align:right; letter-spacing:1px;}
	.pop_right_top h2.pc{ display:none;}
	.pop_right_bottom{ border-top:none; padding:0 30px;}
	.pop_right_bottom h3{font-size:1.4rem; padding-top:10px; padding-bottom:5px; }
	.pop_right_bottom p{font-size:1.2rem; line-height:1.7rem;}
	.pop_btn{width:20px;}
	.pop_btn a{width:20px; background-size:100% auto;}
	.pop_right_btn{ display:none;}
	.pop_cont .close.mobile{ display:block; float:left; width:100%; margin-bottom:20px; height:55px; line-height:55px; background:#fff; text-align:center;border-bottom-right-radius:6px;border-bottom-left-radius:6px;}
	.pop_cont .close img{ width:30px; height:30px; vertical-align:middle;}
	.pop_right_btn a.mobile{ display:none;}
	.pop_btn_left{left:1.5%;}
	.pop_btn_right{right:1.5%;}
	/*浮动窗口样式*/
	.floating{height:30px; right:0px;}
	.floating a{width:32px;height:32px;line-height:32px;border: 1px solid #c0192a;}
	.floating a.float-qq{background-size:12px auto;}
	.floating a.float-wxqr{background-size:16px auto;}
	.floating a.float-phone{background-size:12px auto;}
	.floating a.float-message{background-size:14px auto;}
	.floating a.float-wxqr span {position: absolute; z-index:99;top:-20px;right:36px; padding:0; height:110px;}
	.floating a.float-wxqr span.wxshow{ margin-top:-100px; display:block; opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
	.floating a.float-qq.pc{ display:none;}
	.floating a.float-qq.mobile{ display:inline-block;}	
	#zhichiBtnBox{width:32px !important; height:32px !important;right:20px !important;bottom: 18px !important;}
	/*message*/
	#message-cover .box{width: 400px;height:370px;margin-top:-235px;margin-left:-250px;padding: 50px;}
	#message-cover .box .close img{right: 8px;top: 8px;}
	#message-cover .box .submit{font-size:1.6rem;line-height:36px;height:36px;}
	#message-cover .ques .top{padding-bottom:20px;}
	#message-cover .ques .top img{ width:120px;}
	#message-cover .ques .top h5{font-size:2.5rem;margin-bottom:10px;}
	#message-cover .ques .top p{font-size: 1.3rem;line-height:2;}
	#message-cover .ques .bottom{padding: 15px 0 20px;}
	#message-cover .ques .bottom form{height:50px;line-height:50px; margin-bottom:10px;}
	#message-cover .ques .bottom label{ padding-left:10px;font-size:1.3rem;}
	#message-cover .ques .bottom input{height:50px;font-size:1.3rem;}
	#message-cover .ques .bottom .choose a{font-size:1.3rem;line-height:20px; height:20px;margin-top:10px}
	#message-cover .ques .bottom .choose a span{width: 20px;height:20px;margin-right:10px;}
	.box_message{ padding-top:10px;}
	.box_message p{font-size:1.3rem; line-height:2;}
	.box_message p a{ font-size:1.5rem;}
	#message-cover .result{width:400px;height:256px;margin-top:-128px;margin-left:-200px; padding:0;padding-top:40px;}
	#message-cover .result p{font-size:1.3rem;margin-bottom: 10px;}
	#message-cover .result p.last{margin-bottom: 25px;}
	#message-cover .result > img{ width:100px;margin-bottom: 20px;}
	#message-cover .result h5{font-size:1.8rem;margin-bottom:16px;}
	#message-cover .result a.submit{ width:100%; border-top:1px dashed #c5c5c5; background:#fff; color:#444; height:60px; line-height:60px;font-family: PingFang SC Bold,PingFang H,"Microsoft YaHei"; font-weight:bold;}
	/*top*/
	#top{ display:none !important;}
	#top,#top .top2{right:0; bottom:20px; width:32px; height:32px;}
	#top:hover{ background:none;}
	#top img{ width:100%;}
	#top:hover .top2{ opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
	#top:hover .top1{ opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
}
@media screen and (max-width:736px){
	.pc{ display:none;}
	.mobile{ display:block;}
	/*header*/
	.head1{ height:60px;line-height:60px;}
	.head1 .logo{ padding-left:20px;}
	.head1 .logo img{ width:140px; }
	.head1.fix{background:#151515;}
	.menu{ display:block; position:fixed; right:20px; top:0px; width:20px;}
	.menu img{ width:100%; vertical-align:middle;}
	/*nav*/
	.float-sec {padding-right:30px; width:100px; margin-top:60px; display:none;}
	.float-sec li { width:100%; height:40px; line-height:40px; border-bottom:#363636 solid 1px;}
	.float-sec li:last-child{ border-bottom:none;}
	.float-sec li a {font-size:1.3rem; background-image:url(../images/menu_bg.png); background-repeat:repeat;}
	.float-sec li a:hover{color:#fff;}
	/*main*/
	.section.sec1 .f-left,.section.sec1 .f-right{ width:100%;}
	/*sec2*/
	.index_tab{ position:relative; top:-25px; left:0; width:90%; margin:0 auto;display:none; z-index:99;}
	.section.sec2 .sec2_top{ padding-top:50px;}
	.section.sec2 .sec2_top h1{font-size:1.2rem; padding-top:15px;}
	.tab-title{ width:100%; position:absolute; top:0px; left:0; padding:0;}
	.tab-title li{ width:100%; letter-spacing:4px; height:40px; border-bottom:#363636 solid 1px;}
	.tab-title li:last-child{ border-bottom:none;}
	.tab-title li a{ display:block; width:100%; height:40px; color:#fff; font-size:1.3rem; line-height:40px;background-image:url(../images/menu_bg.png); background-repeat:repeat;}
	.tab-title li a:hover,.tab-title li.actived a{ color:#fff;}
	.title_btn{width:90%; margin:0 auto;padding-top:30px; padding-bottom:25px; text-align:center; font-size:1.3rem; line-height:40px; height:40px; background-image:url(../images/sel.png); background-repeat:no-repeat; background-position:right center; background-size:10px auto; letter-spacing:4px;}
	.tab-box ul li .mask .mask_cont{ height:54px;margin-top:-27px; }
	.tab-box ul li h1{ font-size:1.2rem;padding-bottom:10px;}
	.tab-box ul li h2{ font-size:1.4rem;padding-top:10px;}
	.more_btn{ height:100px;}
	.more_btn a{height:100px;line-height:100px; font-size:1.3rem;}
	/*sec3*/
	.section.sec3 .sec3_top{ padding-top:66px; font-size:1.4rem; letter-spacing:5px;}
	.section.sec3 .sec3_top img{ width:160px;}
	.sec3_bottom{ width:100%;padding-top:62px;}
	.sec3_bottom li h3{ font-size:2rem; color:#151515;}
	.sec3_bottom li h4{ font-size:1.4rem; color:#444; line-height:2rem;padding-top:18px; padding-bottom:82px;}
	.sec3_cont ul li{ width:100%;}
	.sec3_cont ul li .mask .mask_cont{ height:122px; position:absolute; top:50%; left:25%; margin-top:-61px;  width:50%; text-align:center;}
	.sec3_cont ul li h1{ font-size:2.3rem;padding-bottom:36px;}
	.sec3_cont ul li h2{ font-size:1.3rem; padding-top:6px;}
	/*sec4*/
	.section.sec4 .sec4_top{ padding-top:82px;}
	.section.sec4 .sec4_top h5{  font-size:1.3rem;}
	.section.sec4 .sec4_top h6{ font-size:1.5rem; padding-bottom:30px; padding-top:25px;}
	.section.sec4 .sec4_top ul{ padding-bottom:55px;}
	.sec4_bottom{ padding-top:70px;}
	.sec4_bottom li{ height:128px;}
	.sec4_bottom li img{  width:32px;}
	.sec4_bottom li.last img{ width:40px;}
	.sec4_bottom li.last img.ewm{ width:96px; margin-left:-48px;}
	.sec4_bottom li a h4{font-size:1.3rem;  padding-top:20px;}
	.sec4_bottom li a h5,.sec4_bottom li h6{ font-size:1.3rem; }
	.sec4_bottom li a h6{ padding-top:40px;}
	/*footer*/
	#footer{ width:90%; margin:0 auto; line-height:1.5;font-size:1.2rem; padding-bottom:42px; padding-top:76px;}
}
@media screen and (max-width:736px){
	/* banenr*/
	.banner_tit,.banner_tet1,.banner_tet2{ width:70%; margin-left:0; left:15%; }
	.banner_tit{height:auto; margin-top:-10.5px;}
	.banner_tet1,.banner_tet2{height:auto;}
}
@media screen and (max-width:667PX){
	/*message*/
	#message-cover .box{width:320px;margin-left:-180px;padding:20px; height:410px; margin-top:-225px;}
	#message-cover .result{width:300px;margin-left:-150px;padding:0;padding-top:40px; height:216px; margin-top:-108px;}
	#message-cover .ques .top img{ padding-top:10px;}
	#message-cover .ques .top p{line-height:1.5;}
	.box_message p{ font-size:1.1rem;}
	#message-cover .ques .bottom .choose a{ width:50%;}
	#message-cover .box .close img{right:4px;top: 4px; width:12px;}
	#message-cover .result > img{ width:60px;}
	#message-cover .result h5{ font-size:2.5rem;}
}
@media screen and (max-width:414px){
	.pc1{ display:none;}
	.mobile1{ display:block;}
	/* banenr*/
	.banner img.banner_pc{ display:none;}
	.banner img.banner_mobile{ display:block;}
	.banner_tit,.banner_tet1,.banner_tet2{ width:100%;left:0; }
	/*sec1*/
	.section.sec1 img.pc1{ display:none;}
	.section.sec1 img.mobile1{ display:block;}
	.sec1_bottom{background-image:url(../images/sec1_tet1.jpg); background-size:100% auto; background-position:center;}
	/*sec2*/
	.tab-box ul li.tab1.first{ width:100%;}
	.tab-box ul li.tab2{ width:100%;}
	.tab-box ul li img.pc{ display:block;}
	.tab-box ul li img.mobile{ display:none;}
	.tab-box ul li.tab1{ width:50%;}
	/*sec3*/
	.sec3_cont ul li .mask .mask_cont{width:80%; left:10%;}
	/*sec4*/
	.sec4_bottom li.first,.sec4_bottom li.second{ width:100%;}
	.section.sec4 .sec4_top h6{letter-spacing:5px;}
}
@media screen and (max-width:320PX){
	/*message*/
	#message-cover .box{width:280px;margin-left:-150px;padding:10px;}
	#message-cover .result{width:300px;margin-left:-150px;padding:0;padding-top:40px; height:260px; margin-top:-150px;}
	#message-cover .ques .top img{ width:90px;}
	.box_message p{ font-size:1rem;}	
}	
@keyframes dash {
	from{
	  stroke-dashoffset: 630;
	}
	to {
	  stroke-dashoffset: 0;
	}
}