@charset "utf-8";
html{-webkit-font-smoothing:antialiased;overflow-x: hidden;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,strong,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
textarea{resize:none}
img{vertical-align:middle}
/*button,input[type=submit],input[type=text],input[type=button],select{/*-webkit-appearance:none*/;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}*/
body{color:#000;line-height:1.3;overflow-x: hidden;background:#fff;/*font-family: '微软雅黑',Arial,Helvetica,sans-serif*/font-family:"微软雅黑","SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica";position: relative;}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}

.trans{-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
/*.chofix select{margin-right: 3%; -webkit-appearance:none;appearance:none;background:url(../images/xindao.jpg) 94% 56% no-repeat; 
               padding-left: 1%;font-size: 16px;color: #333333; border: 1px solid #cccccc; width: 25%;float: left;
                height: 45px;line-height: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}*/
/*banner*/
	.banner{position: relative;}
	.banner ul li{position: relative;}
	.banner ul li .pic{position: relative;z-index: 999;height: 950px;background-repeat: no-repeat;background-size: cover;background-position: center center;overflow: hidden;}
	.banner ul li .small-Pic{position: absolute;top: 0;width: 100%;height: 100%;z-index: 99}
	.banner ul li .small-Pic img{width: 100%;}
	.banner ul li .text{margin-top: 355px;margin-left: 330px;width: 630px;display: block;overflow: hidden;}
	.banner ul li .text h1{
			font-size: 70px;
			color: #e9e9e9;
			/*font-family:Arial;*/
			text-align: center;
	        -webkit-transition: all .5s;
			-moz-transition: all .5s;
			transition: all .5s;
			opacity: 0;

	}
	.banner ul li .text h1.animated{opacity: 1}

	.banner ul li .text h2{font-size: 60px;color: #e9e9e9;text-align: center;opacity: 0}
	.banner ul li .text h2.animated{opacity: 1}
	.paging{position: absolute;text-align: center;width: 100%;bottom:20px;}
	.paging span{display: inline-block;font-size: 16px;color: #ffffff;}
	.paging span h4{float: left;display: block;font-weight: bold;color: #e2231a}
	.paging span em{display: block;float: left;margin: 0 10px}
	.paging span h5{float: left;display: block;font-weight: bold;}

/*头部*/
	.header{height: 48px;margin: 0 auto;left: 0;right: 0;padding:12px 0 12px 0;width: 100%;position: fixed;top: 0px;z-index:1000;}
	.header .logo{float: left;}
	.header .nav{float: right;}
	.header .nav dl{overflow: hidden;}
	.header .nav dl dd{width: 135px;text-align: center;font-size: 16px;color: #fff;float: left;padding: 12px 0 12px 0}
	.header .nav dl dd:hover{color: #fff}
	.header .nav dl dd a{color: #fff;display: inline-block;}
	.header .nav dl dd a:hover{color: #fff}
	.header .nav dl dd.on a{color: #fff}
	.header .nav dl dd a:after{content:'';display: block;width:0%;margin: 0 auto; height: 1px;background: #e2231a;margin-top: 8px;-webkit-transition: width .5s;-moz-transition: width .5s;transition: width .5s;}
	.header .nav dl dd a:hover:after{width: 100%;-webkit-transition: width .5s;-moz-transition: width .5s;transition: width .5s;}
    .header .nav dl dd.on a:after{display: block;content:''; width: 100%; margin: 0 auto; height: 1px;background: #e2231a;margin-top: 8px;}
	.sec{z-index: 999; overflow: hidden;display: none;text-align: center;position: fixed;left: 0;top: 72px;background: #fff;width: 100%}
	.sec .secLink{ border-top: 1px solid #e0e0e0;}
	.sec .secLink a{ display: inline-block;line-height: 60px;color: #666666;font-size: 14px;padding: 0 26px}
	.sec .secLink a:hover{color: #fff;background: #e2231a}
	.sec .secLink a:after{content: '';display: none;}
	.pec02{width: 100%;padding: 60px 0;background: #fff; border-top: 1px solid #e0e0e0;}
	.pec02 .scx{overflow: hidden; width: 23%;float: left;padding: 0 3%;border-right: 1px solid #dbdbdb;box-sizing: border-box;}
	.pec02 .scx h4{font-size: 16px;color: #666666;text-align: left;margin-bottom: 22px;}
	.pec02 .scx img{width: 100%;}
	.pec02 .scx .code{float: left;width: 38%;margin-top: 12px}
	.pec02 .scx .code:nth-child(2){float: right}
	.pec02 .scx .code p{font-size: 14px;color: #666666;display: block;text-align: center;margin-top: 10px}
	.pec02 .scx h2{font-size: 20px;color: #e2231a;font-weight: bold;text-align: left}
	.pec02 .scx:nth-child(4){border: none}

	.header.active{background: rgba(255,255,255,.9);}
	.header.active .nav dl dd a{color: #333}
	.header.active .nav dl dd a:hover{color: #e2231a}

	.mNav{display: none;}
	.menu{display: none;}
	.w1200{width: 1200px;margin: 0 auto;overflow: hidden;}
	.w1440{width: 1440px;margin: 0 auto;overflow: hidden;}
	.header.fnxc{position: fixed;padding: 12px 0% 12px 0%;background: rgba(255,255,255,.9)}
	.header.fnxc .nav dl dd:hover{color: #e2231a}
	.header.fnxc .nav dl dd a:hover{color: #e2231a}
	.header.fnxc .nav dl dd a{color: #333333}
	.header.fnxc .nav .sec{top: 93px;}
	.hidex{position: fixed;top:0px; width: 94%;background: #fff;left: 0;padding: 24px 3% 0px 3%;background: #fff;z-index: 99}
	.header.fnxc .nav .sec a:hover{color: #fff}
	.footer.fnxc{border-top: 5px solid #e2231a}


/*item-1*/
.item-1{height: 943px;background-position: center center;background-size: cover;background-repeat: no-repeat;overflow: hidden;position: relative;}
	.item-1 .pic{clear:both; padding:0p; margin:0px; text-align:center}
	.item-1 .text{margin-top: 130px;}
	.item-1 .text h3{font-size:36px;color: #000;text-transform: uppercase}
	.item-1 .text p{font-size:16px;color: #484848;line-height:30px;margin:10px 0;text-transform: uppercase}

/*item-2*/

	.item-2{height: 949px;background-position: center center;background-size: cover;background-repeat: no-repeat;overflow: hidden;}
	.item-2 .text{margin-top:160px;}
	.item-2 .pic{width:400px; float:left; text-align:right; margin-right:80px}
	.item-2 .info{width:780px; float:left; padding-top:80px}
	.item-2 .text h3{font-size: 36px;color: #ffffff;text-transform: uppercase}
	.item-2 .text p{font-size:16px;color: #ffffff;line-height:30px;margin:20px 0px 70px 0px;text-transform: uppercase}


/*item-3*/

	.item-3{height:510px;background-position: center center;background-size: cover;background-repeat: no-repeat;overflow: hidden;position: relative;}
	.solution{clear:both}
	.solution ul{list-style-type:none; padding:0px; margin:0px;}
	.solution li{width:30%; float:left; margin:0px 1%}
	.item-3 .pic{position: absolute;right: 0;bottom:40px}
	.item-3 .text{margin-top:160px;}
	.item-3 .info{width:780px; float:left; padding-top:80px}
	.item-3 .text h3{font-size: 36px;color: #000; text-align:center;text-transform: uppercase; padding:0px; margin:0px}
	.item-3 .text p{font-size:16px;color: #484848;line-height:26px;margin:10px 0px 20px 0px; text-align:center;text-transform: uppercase}
    .item-3 .text2{margin-top:20px;}
	.mnews .title{clear:both; text-align:left; width: 1400px; margin:30px auto 0px auto; padding-bottom:10px}
    .mnews .title h3{font-size: 36px;color: #000; text-align:center;text-transform: uppercase; }
	.mnews .content{width: calc(100% - 900px); float:left; }
	.mnews ul{list-style-type:none; padding:0px; margin:0px 0px 0px 5%;}
	.mnews li{clear:both; margin:15px 0px 60px 0px; overflow:hidden}
	.mnews .time{width:78px; margin-right:34px; background:url(../images/i02.png) no-repeat 0px 0px; color:#FFFFFF; line-height:20px; height:58px; padding:12px 13px 0px 0px; text-align:center; float:left}
	.mnews .time img{padding:3px 0px}
	.mnews .info2{width: calc(100% - 125px); float:left; text-align:left; line-height:24px; color:#4f4e4e}
	.mnews .info2 h1{font-size:16px; padding:0px; margin:0px; color:#000000}


/*foorter*/
	.footer{clear:both; color:#ffffff; background:#2b2b2b;overflow: hidden;}
	.footer a{color:#FFFFFF}
	.footer a:link {color:#fff;text-decoration:none;  }  
.footer a:visited {color:#fff;text-decoration:none;  }  
.footer a:hover {color:#c1261f;text-decoration:none;  }  
.footer a:active {color:#fff;text-decoration:none;  } 
	.f_top{clear:both; padding:25px 0px; overflow:hidden}
	.f_top .left{float:left; width:345px; font-size:16px; margin-right:60px}
	.f_top .left img{margin:-4px 5px 0px 0px}
	.f_top .left h1{font-size:36px; font-weight:normal; padding:6px 0px}
	.f_top .left p{padding:0px; margin:0px; font-size:14px; line-height:26px}
	.f_top .middle{float:left; width: calc(100% - 675px); }
	 .f_top .middle ul{list-style-type:none; padding:0px; margin:0px;}
	 .f_top .middle li{width:31%; text-align:left; float:left; line-height:32px; font-size:14px; padding-left:2%}
	 .f_top .middle li h1{font-size:18px;text-transform: uppercase; padding:0px; margin:0px;}
	.f_top .right{float:right; width:270px; text-align:center; padding:20px 0px 0px 0px}
	.f_top .right ul{list-style-type:none; padding:0px; margin:0px;}
	.f_top .right li{width:95px; float:left; margin:0px 20px}
	.f_bottom{clear:both; line-height:60px; background:url(../images/i05.jpg) repeat-x 0px 0px; height:60px;}
	.f_bottom .left{float:left}
	.f_bottom .right{float:right}
	.f_bottom .right img{margin:-2px 2px 0px 2px}

/*内页banner*/
.baner {position: relative;}
.baner .pic{height:350px;background-size: cover;background-repeat: no-repeat; background-position: center center;position: relative;z-index: 998}
.baner .small-Pic{position: absolute;top: 0;left: 0;z-index: 99;width: 100%;height: 100%;}
.baner .small-Pic img{width: 100%;display: block;}
/*clumb*/

.clumb{padding: 24px 0%;background: #f4f4f4;}
.clumbBox{width: 1440px;margin: 0 auto;box-sizing: border-box;}
.clumb a{display: inline-block;font-size: 14px;color: #585858}
.clumb i{display: inline-block;margin: 0 15px;font-size: 12px;vertical-align: middle;}
.clumb a:hover{color: #161616}


/*news*/

	.news{width:1440px;margin: 0 auto}
	.news .heat{width: 100%;padding: 60px 0;border-bottom: 1px dashed #e7e7e7}
	.news .heat .pic{width: 785px;float: left;}
	.news .heat .text{float: right;width: 620px;overflow: hidden;}
	.news .heat .text h1{margin: 20px auto}
    .news .heat .text h1 a{display: initial; width: inherit; height: inherit; line-height: inherit; font-size: inherit; color: inherit; border-bottom: none;}
    .news .heat .text h1 a:hover{color: #e2231a;}
	.news .heat .text span{display: block;overflow: hidden;font-size: 14px;color: #999999;margin: 16px 0;line-height: 25px}
	.news .heat .text span i{display: inline-block;font-size: 20px;color: #999999 ;vertical-align: top;margin-right: 15px}
	.news .heat .text .txt{height: 120px; font-size: 14px;color: #666666;line-height: 25px}

	.news .heat .text a{display: block;width: 125px;height: 30px;line-height: 30px;font-size: 14px;color: #333333;border-bottom: 2px solid #cccccc}
	.news .heat .text a i{font-size:30px;color: #cccccc;vertical-align: middle;margin-left: 15px}

	.news .heat .text a:hover{border-color: #e2231a}
	.news .heat .text a:hover i{color: #e2231a}

	.news .list{width:1440px;margin: 0 auto}
	.news .list li{padding: 45px 0;border-bottom: 1px dashed #e7e7e7;overflow: hidden;}
	.news .list li .date {width:4%;margin-right: 1%;text-align: center;float: left;margin-top: 30px}
	.news .list li a{display: block;width: 100%;}
	.news .list li .date h1{font-size: 20px;color: #333333}
	.news .list li .date h6{font-size: 21px;color: #d1d1d1;}
	.news .list li .pic{float: left;width: 20%}
	.news .list li .pic img{width: 100%}
	.news .list li .text{width: 72%;float: right;}
	.news .list li .text h2{font-size: 16px;color: #333333;margin: 10px auto}
	.news .list li .text p{font-size: 14px;color: #666666;line-height: 25px;}
	.news .list li:hover  .text h2{color: #e2231a}


/*page*/

	.page{width: 100%;text-align: center;margin: 50px auto}
	.page a{margin-bottom: 10px; color: #fff;font-size: 15px; display: inline-block;padding: 5px 10px;background: #666666;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
    .page .paginator a{margin-bottom: 10px; color: #fff;font-size: 15px; display: inline-block;background: #666666;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; margin:2px;}
    .page .cpb{margin-bottom: 10px; color: #fff;font-size: 15px; display: inline-block;padding: 5px 10px;background: #666666;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background: #d90e0e; margin:2px;}
	.page a.on{background: #d90e0e}
	.page a:hover{background: #d90e0e}

/*caselist*/

	.caselist{width: 1440px;margin: 0 auto;padding: 70px 0;}
	.caseNav{overflow: hidden;background: #333333}	
	.caseNav a{display: block;width: 20%;float: left;height: 60px;line-height: 60px;text-align: center;color: #fff}
	.caseNav a.on{background: #e2231a}
	.caseNav a:hover{background: #e2231a;color: #fff}
	.caselist ul{overflow: hidden;margin-top: 45px;padding-bottom: 30px;border-bottom: 1px dashed #e7e7e7;}
	.caselist ul li{width: 23%;margin: 0 1%;float: left;margin-top: 10px}
	.caselist ul li .pic{width: 100%;}
	.caselist ul li .pic img{width: 100%;}
	.caselist ul li .text{display: block;text-align: center;font-size: 16px;color: #666666;padding: 20px 0}
	.caselist ul li .text span{display: block;text-align: center;font-size: 18px}
	.caselist ul li .text p{font-size: 14px;margin-top: 10px}
	.caselist ul li:hover {-webkit-box-shadow: 0 0 20px rgba(98, 99, 99, .5) ;}
	.caselist ul li:hover .text{background: #e2231a;color: #fff}

/*contact*/

	.contact{width: 1440px;margin: 50px auto;overflow: hidden;}
	.contact h1{font-size: 30px;color: #333333;margin-bottom: 15px;text-align: left;}
	.contact .textaz{font-size: 16px;line-height: 25px;margin-bottom: 15px}
	.contact form{background: #f4f4f4;padding: 75px 40px}
	.contact form .tagName .mb{float: left;width: 48%;overflow: hidden;}
	.contact form .tagName .mb:nth-child(2){float: right}
	.contact form .tagName .mb label{width: 15%;float: left;line-height: 55px;}
	.contact form .tagName .mb input{padding: 0 2%; width: 84%;float: right;border: 1px solid #cccccc; height: 55px;line-height: 55px;box-sizing: border-box;}

	.contact form .mx{width: 100%;overflow: hidden;margin-top: 40px;}
	.contact form .mx label{width: 7%;float: left;line-height: 55px;}
	.contact form .mx textarea{width: 92.4%;float: right;border: 1px solid #cccccc; height: 240px;box-sizing: border-box;padding: 10px;}
	.contact form .submit{font-family: '微软雅黑'; cursor: pointer; width: 316px;line-height: 56px;background: #e2231a;text-align: center;color: #fff;font-size: 20px;border: none;margin-top: 50px;margin-left: 8%}

	.contact  h2 {font-size: 14px;color: #858585;}
	.contact  h2 i{color: #858585;display: inline-block;font-size: 26px;vertical-align: middle;margin-right: 5px}
	.contact .text .map{width: 100%;margin: 30px auto;}
	.contact .text .map img{width: 100%}
	.contact .text span{display: inline-block;width: 32.33%;font-size: 14px;color: #666666;float: left;margin-top: 15px}
	.contact .text span:nth-child(3){text-align: left;}
	.contact .text span:nth-child(4){text-align: center;}
	.contact .text span:nth-child(5){text-align:right;}
	.contact .text span i{margin-right: 5px;display: inline-block;vertical-align: middle;font-size: 20px}


/*join*/
	.join{padding: 90px 0;width: 1440px;margin: 0 auto}
	.join h1{text-align: center;font-size: 30px;color: #000000}
	.join h1:after{content: '';display: block;width: 55px;height: 2px ;background: #dddddd;margin: 20px auto}
	.join p{font-size: 14px;color: #666666;text-align: center;line-height: 35px}
	.join p em{display: block; color: #999999}
	.join .fire{margin-top: 45px}
	.join .fire h2{width: 100%;height: 70px;line-height: 70px;text-align: center;font-size: 24px;color: #252525;background: #f7f7f7}
	.join .fire .tag{height: 55px;line-height: 55px;background: #2b2b2b;}
	.join .fire .tag span{box-sizing: border-box;display: block;border-right: 1px solid #fff;color: #fff;text-align: center;float: left;}
	.join .fire .tag span:nth-child(1){width: 34%;}
	.join .fire .tag span:nth-child(2){width: 22%}
	.join .fire .tag span:nth-child(3){width: 22%}
	.join .fire .tag span:nth-child(4){width: 22%;border-right: none}
	.join .fire dl{overflow: hidden;}
	.join .fire dd{overflow: hidden;}
	.join .fire dd span{box-sizing: border-box;display: block;color: #666666;text-align: center;float: left;padding: 14px 0}
	.join .fire dd span:nth-child(1){width: 34%;}
	.join .fire dd span:nth-child(2){width: 22%}
	.join .fire dd span:nth-child(3){width: 22%}
	.join .fire dd span:nth-child(4){width: 22%;border-right: none}
	.join .fire dd:nth-child(2n){background: #f8f8f8}
	.join .fire dd.on{background: #e2231a}
	.join .fire dd.on span{color: #fff; }

	.firefade{display: none; width: 100%;height: 100%;position:fixed;background: rgba(0,0,0,.5);top:0;z-index: 99}
	.showBox{display: none;-webkit-border-radius: 10px;border-radius: 10px;overflow: hidden; width: 1030px;position: fixed;z-index: 100;top: 50% ;left: 50%;-webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    }
	.showBox h1{position: relative; height: 80px;line-height: 80px;text-align: center;font-size: 24px;color: #ffffff;width: 100%;background: #e2231a}
	.showBox h1 i{position: absolute;right: 50px;top: 0%;color: #fff;font-size: 30px;cursor: pointer;}
	.showBox .text{padding: 25px;background: #fff}
	.showBox .text span{display: block;color: #585858;font-size: 14px}
	.showBox .text .txt{background: #f7f7f7;-webkit-border-radius: 10px;border-radius: 10px;padding: 30px;margin-top: 20px;height: 250px;overflow: hidden;}
	.showBox .text .txt p{font-size: 14px;color: #585858;margin-bottom: 10px}

	.showBox .text .sumbit{margin:25px auto 0  auto; display: block;color: #fff;text-align: center; width: 260px;height: 50px;line-height: 50px;background: #e2231a;-webkit-border-radius: 25px;border-radius: 25px;}
	.showBox .text .sumbit i{font-size: 22px;display: inline-block;vertical-align: middle;margin-right: 5px}


/*download*/
	.download{margin-top: 50px;overflow: hidden;}
	.download dl dd .text{float: left;}
	.download dl dd a{display: block;width: 100%;height: 100%}
	.download dl dd{padding: 25px;overflow:hidden;background: #f9f9f9;border-bottom: 1px solid #e2e2e2; cursor:pointer;}
	.download dl dd em{display: block;float: left;background: url(../images/q.png) no-repeat;width: 22px;height: 22px;margin-right: 25px;text-align: center;line-height: 22px;font-size: 14px;color: #fff}
	.download dl dd h5{font-size: 14px;color: #333333;line-height: 22px;float: left;}
	.download dl dd i{display: block;float: left;color: #b5b5b5;font-size: 18px;margin-left: 5px}
	.download dl dd h6{float: right;color: #93939a;font-size: 14px;}
	.download dl dd h6 i{margin-right: 5px}
	.download dl dd:hover h5{color: #e2231a}

/*answer*/
	.answer{margin: 70px auto;width: 1440px;padding: 40px 32px;box-sizing: border-box;background: #f4f4f4;overflow: hidden;}
	.answer h3{font-size: 16px;color: #666666}
	.answer .mx{overflow: hidden;margin: 35px 0}
	.answer .mx h5{float: left;height: 40px;line-height: 40px}
	.answer .mx select{float: left;width: 135px;border: none;background: #fff;height: 40px;line-height: 40px;padding-left: 15px;margin-right: 20px}
	.answer .mx input{border: none; height: 40px;line-height: 40px;width: 300px;padding: 0 10px;background: #fff;display: block;float: left;}
	.answer .mx .submit{cursor: pointer; width: 78px;line-height: 38px;line-height: 38px;text-align: center;font-size: 30px;color: #fff;display: block;margin-left: 5px;background: #e2231a}
	.answer .mx .fx01{float: left;overflow: hidden;}
	.answer .list li {cursor:pointer;margin-bottom: 20px}
	.answer .list li span{background: #fff;padding:20px 15px;display: block;overflow: hidden; }
	.answer .list li span h6{float: left;width: 80%;}
	.answer .list li span i{display: block;float: right;width: 22px;height: 22px;text-align: center;line-height: 22px;background: #878787;color: #fff;}
	.answer .list li .text{display: none;}
	.answer .list li .text p{margin-top: 20px;background: #e2231a;padding:20px 15px;display: block;color: #fff}
	.answer .list li.on span i{background: #e2231a}

/*case*/

	.casex{width: 1440px;margin: 0 auto;overflow: hidden;}
	.casexlist{overflow: hidden;}
	.casexlist dl{overflow: hidden;padding-bottom: 20px}
	.casexlist dl dd{width: 31%;margin: 50px 1% 0 1%;float: left;}
	.casexlist dl dd .pic{width: 100%;}
	.casexlist dl dd .pic img{width: 100%}
	.casexlist dl dd span{display: block;padding: 12px 0;background: #f7f7f7;text-align: center;font-size: 16px;color: #666666;margin-bottom: 12px}
	.casexlist dl dd p{font-size: 14px;color: #666666;line-height: 25px;padding: 10px}
	.casexlist dl dd:hover {-webkit-box-shadow: 0 0 20px rgba(98, 99, 99, .5);box-shadow: 0 0 20px rgba(98, 99, 99, .5);}
	.casexlist dl dd:hover span{background: #e2231a;color: #fff}

	.casex .picTxt{overflow: hidden;margin-top: 50px}
	.casex .picTxt .picleft{float: left;width: 49%;box-sizing: border-box;}
	.casex .picTxt .picleft .pic01{float: left;width: 48%;position: relative;}
	.casex .picTxt .picleft .pic01 h1{position: absolute;width: 100%;height: 100%; display: block; top:85%;z-index: 99;color: #fff;font-size: 28px;text-align: center;}
	.casex .picTxt .picleft .pic01 span{width: 100%; height: 100%;display: block;top: 0%;position: absolute;}
	.casex .picTxt .picleft .pic01:hover span{background: rgba(226,35,26,.6);height: 100%;z-index: 99}
	.casex .picTxt .picleft .pic01:hover h1{top: 45%}
	.casex .picTxt .picleft .pic01 img{width: 100%;}
	.casex .picTxt .picleft .pic02{float: right;width: 48%;}
	.casex .picTxt .picleft .pic02 .pic{margin-bottom: 6%;position: relative;}
	.casex .picTxt .picleft .pic02 .pic img{width: 100%}
	.casex .picTxt .picleft .pic02 .pic h1{position: absolute;width: 100%; display: block; top:75%;z-index: 99;color: #fff;font-size: 28px;text-align: center;}
	.casex .picTxt .picleft .pic02 .pic span{width: 100%; height: 100%;display: block;top: 0%;position: absolute;}
	.casex .picTxt .picleft .pic02 .pic:hover span{background: rgba(226,35,26,.6);height: 100%;z-index: 99}
	.casex .picTxt .picleft .pic02 .pic:hover h1{top: 45%}
	.casex .picTxt .picright{float: right;width: 49%;box-sizing: border-box;}
	.casex .picTxt .picright .pic01{float: right;width: 48%;position: relative;}
	.casex .picTxt .picright .pic01 img{width: 100%;}
	.casex .picTxt .picright .pic02{float: left;width: 48%;}
	.casex .picTxt .picright .pic02 .pic{margin-bottom: 6%;position: relative;}
	.casex .picTxt .picright .pic02 .pic img{width: 100%}
	.casex .picTxt .picright .pic01 h1{position: absolute;width: 100%;height: 100%; display: block; top:85%;z-index: 99;color: #fff;font-size: 28px;text-align: center;}
	.casex .picTxt .picright .pic01 span{width: 100%; height: 100%;display: block;top: 0%;position: absolute;}
	.casex .picTxt .picright .pic01:hover span{background: rgba(226,35,26,.6);height: 100%;z-index: 99}
	.casex .picTxt .picright .pic01:hover h1{top: 45%}
	.casex .picTxt .picright .pic02 .pic h1{position: absolute;width: 100%; display: block; top:75%;z-index: 99;color: #fff;font-size: 28px;text-align: center;}
	.casex .picTxt .picright .pic02 .pic span{width: 100%; height: 100%;display: block;top: 0%;position: absolute;}
	.casex .picTxt .picright .pic02 .pic:hover span{background: rgba(226,35,26,.6);height: 100%;z-index: 99}
	.casex .picTxt .picright .pic02 .pic:hover h1{top: 45%}


/*aboutUs*/
	.aboutUs{width: 1440px;background: #f7f7f7;padding:70px 50px;box-sizing: border-box;margin-top: 50px;margin: 0 auto 80px auto}
	.aboutUs .slider{position: relative;}
	.aboutUs .slider:after{z-index: 1; content: '';display:block;width: 100%;height: 1px;background: #e9e9e9;position: absolute;top: 45%;}
	.aboutUs .slider-nav {z-index: 2; padding: 0 0px;overflow: hidden;position: relative;}

	.aboutUs .slider-nav li{float: left;outline: none; position: relative; z-index: 55}
	.aboutUs .slider-nav li span{display: block;  margin: 0 auto; cursor: pointer;z-index: 2; width: 68px;height: 68px;background: url(../images/yearTs.png) no-repeat;line-height: 68px;text-align: center;font-size: 16px;color: #e2231a;font-weight: bold;}
	.aboutUs .slider-nav li.on span{z-index: 99; background: url(../images/yearTx.png) no-repeat;height: 82px;color: #fff}
	.aboutUs .slider-for{margin-top: 75px}
	.aboutUs .slider-for li{overflow: hidden;outline: none}
	.aboutUs .slider-for li h1{font-size: 150px;color: #cccccc;font-weight: bold;width:100%}
	.aboutUs .slider-for li .text{width:100%}
	.aboutUs .slider-for li .text h5{font-size: 16px;color: #333333}
	.aboutUs .slider-for li .text .txt{overflow: hidden;margin-top: 20px;margin-bottom: 20px}
	.aboutUs .slider-for li .text .txt span{display: block;float: left;writing-mode:tb-rl;font-size: 12px;color: #999999;margin-right: 10px}
	.aboutUs .slider-for li .text .txt .pic{width: 47%;float: left;margin-right: 3%}
	.aboutUs .slider-for li .text .txt .pic:nth-child(3){margin-right: 0}
	.aboutUs .slider-for li .text .txt .pic img{width: 100%;}
	.aboutUs .slider-for li .text p{font-size: 16px;color: #666666;margin-bottom: 10px;margin-left: 20px}


@media screen and (max-width:1200px){

/*banner*/
	.banner ul li .pic{height: 620px;}
	.banner ul li .text{margin-top: 274px;margin-left: 100px;width:420px}
	.banner ul li .text h1{font-size: 36px}
	.banner ul li .text h2{font-size: 30px}
	.banner ul li .text a{width: 170px;margin-top: 15px}
	.mNav{display: block;float: right;cursor: pointer;position: relative;z-index: 999;margin-right: 10px}
	.mNav span{display: block;-webkit-border-radius: 5px;height: 5px;-moz-border-radius: 5px;border-radius: 5px;    background: #fff;width: 40px;margin-top: 5px}
	.mNav.fnxc span{background: rgba(34,34,34,1);}
	.mNav.fnxc.open span{background: rgba(34,34,34,1);}
	.header.fnxc{position: fixed;}
	.header.fnxc.mact{background: rgba(255,255,255,.9);}
	.clumbBox{width: 1200px;}


/*头部*/
	.header{top: 12px;position: fixed;background: none}
	.header.mact{background: rgba(51,51,51,.8);}
	.header .nav{display: none;}
	.mNav.open span:nth-child(1){
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-webkit-transform-origin:100% 0%;
		-moz-transform-origin:100% 0%;
		-ms-transform-origin:100% 0%;
		-o-transform-origin:100% 0%;
		transform-origin:100% 0%;
		transform: rotate(-45deg);
	}
	.hidex{position: absolute;}
	.mNav.open span:nth-child(2){
		opacity: 0;
	}
	.mNav.open span:nth-child(3){
		-webkit-transform: translate(3px,9px) rotate(45deg);
		-moz-transform: translate(3px,9px) rotate(45deg);
		-ms-transform: translate(3px,9px) rotate(45deg);
		-o-transform: translate(3px,9px) rotate(45deg);
		-webkit-transform-origin:100% 0%;
		-moz-transform-origin:100% 0%;
		-ms-transform-origin:100% 0%;
		-o-transform-origin:100% 0%;
		transform-origin:100% 0%;
		transform: translate(3px,9px) rotate(45deg); 
	}

	#fide{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,.5);top: 0;z-index: 99;display: none;}
	.menu{position: fixed;right:-80%;width: 80%;top:0px;height: 100%;background: rgba(34,34,34,1);z-index: 999;display: block;height: 100%}
	/*.menu dl{margin-top: 68px;position: relative;z-index: 998}*/
    .menu dl{margin-top: 100px;position: relative;z-index: 998;}
	.menu dl dd { line-height: 40px;padding-left: 10px;border-bottom: 1px solid #101010;box-shadow: inset 0 -1px 0 rgba(255,255,255,.1);}
	.menu dl dd a{color: #999;font-size: 16px}
	.menu dl dd a:hover{color: #fff}
	.menu dl dd a:last-child{border-bottom: none}

	.msec{display: none;}
	.msec a{display: block;margin-left: 50px;border-bottom: 1px solid #101010;}
	.mec02{width: 80%;margin-left: 10%;padding-bottom: 10px;margin-bottom: 5px;overflow: hidden;}
	.mec02 h3{color: #fff;font-size: 14px;}
	.mec02 .pic{width: 100%;}
	.mec02 .pic img{width: 100%;}

	.mec02 .code{float: left;width: 45%;}
	.mec02 .code span{display: block;width: 100%;/*color: #fff;*/ color: #999; font-size: 14px}
	.mec02 .code:nth-child(2){float: right;}
	.mec02 .code img{width: 100%;}
	.mec02 h3{font-size: 14px;/*color: #fff*/ color:#999;}
	.mec02 h1{font-size: 16px;color: #e2231a;font-weight: bold;}

	.menu form{display: block;}
	.menu form select{height: 40px;margin-top: 20px; width: 100%;background:rgba(255,255,255,.1); border-top: none;border-left: none; line-height: 40px;padding-left: 10px;border-bottom: 1px solid #101010;box-shadow: inset 0 -1px 0 rgba(255,255,255,.1);}
	.menu form select option:hover{background:rgba(255,255,255,.1);}



	.w1200{width: 96%;}
	.w1440{width: 96%;}
	.header{width: 100%;}
/*item-1*/

	.item-1{height: auto}
	.item-1 .text{margin: 40px auto}
	.item-1 .text h3{font-size: 26px;}
	.item-1 .text p{font-size: 16px;line-height: 32px;margin: 7px 0;}
	.item-1 .text .viewall{margin-top: 20px;display: block;font-size: 16px}
	.item-1 .text .txt{margin-top: 30px}
	.item-1 .text .txt a{width: 31.3%;box-sizing: border-box;margin-right: 2%;height: 45px;line-height: 45px;font-size: 16px}
	.item-1 .text .txt a:nth-child(8){background-position: right center;}
	.item-1 .text .txt a:hover:nth-child(8){background-position: right center;}
	.item-1 .pic{width: 392px;}
	.item-1 .pic img{width: 100%;}

/*item-2*/


	.item-2{height: auto;}
	.item-2 .text{margin: 40px auto}
	.item-2 .text h3{font-size: 26px;}
	.item-2 .text p{font-size: 16px;line-height: 32px;margin: 7px 0;}
	.item-2 .text .viewall{margin-top: 20px;display: block;font-size: 16px}
	.item-2 .text .txt{margin-top: 30px}
	.item-2 .text .txt a{width: 31.3%;box-sizing: border-box;margin-right: 2%;height: 45px;line-height: 45px;font-size: 16px;}
	.item-2 .text .txt a:nth-child(8){background-position: right center;}
	.item-2 .text .txt a:hover:nth-child(8){background-position: right center;}
/*item-3*/
	.item-3{height: auto;}
	.item-3 .txt{padding: 40px 0}
	.item-3 .txt h2{font-size: 26px}
	.item-3 .txt h5{margin: 10px 0}
	.item-3 .txt ul{margin-top: 50px;text-align: center;}
	.item-3 .txt ul li{float: none;display: inline-block;vertical-align: top; }

	/*item-4*/
	.item-4{width: 96%;padding: 40px 0}
	.item-4 h1{font-size: 26px}
	.item-4 h4{font-size: 18px;margin-top: 15px;}
	.item-4 .picTxt{margin-top: 40px}
	.item-4 .picTxt .picleft .pic01 h1{font-size: 18px}
	.item-4 .picTxt .picleft .pic02 .pic h1{font-size: 18px}
	.item-4 .picTxt .picright .pic02 .pic h1{font-size: 18px}
	.item-4 .picTxt .picright .pic01 h1{font-size:18px }
	
	/*item-5*/

/*footer*/
	.footer{padding-top: 30px;}
	.footer .txt dl{float: none;width: 1200px;overflow: hidden;}
	.footer .txt dl dd{padding: 3px 12px;float: left;margin: 0 5px 5px 5px}
	.footer .txt dl dd a{font-size: 14px}
	.footer .txt dl dt{margin: 10px auto}

	.footer .txt .code{width: 40%;float: none;margin-top: 20px}
	.footer .txt .code span i{float: left;width: 20%;}
	.footer .txt .code span h5{float: left;width: 80%;margin-top: 12px;margin-bottom: 0}
	.footer .txt .code .pic .picOde{width: 30%;}
	.footer .txt .code .pic .picOde:nth-child(2){float: left;margin-left: 20px}
	.footer .tdx .lang{display: none;}
	.footer .tdx span{width: 90%}
	.footer .tdx span a{margin: 0 5px 10px 5px}
	.footer .tdx p,.footer .tdx span{line-height: normal;margin: 10px 0;float: none;}
	.footer .tdx {height: auto;}
	.footer .tdx .logo{float: none;margin-top: 10px;display: block;}
	.footer .tdx .logo {width:20%}
	.footer .tdx .logo img{width: 100%}

	.footer .txt,.footer .tdx,.footer .txt dl{width: 96%;}

	/*内页banner*/
	.baner .pic{height: 400px;}

/*clumb*/

	.clumb{display: none;}


/*news*/
	.news{width: 96%;}
	.news .list{width: 100%}
	.news .heat .pic{float: none;width: 60%}
	.news .heat .text{float: none;width: 100%;}
	.news .list li{padding: 20px auto}
	.news .list li .date{width: 100%;margin-top: 0;text-align: left;margin-bottom: 10px}
	.news .list li .date h1{float: left;font-size: 18px}
	.news .list li .date h6{font-size: 16px;float: left;margin: 0 10px}
	.news .list li .pic{float: none;width: 50%;}
	.news .list li .text{float: none;width: 100%}

/*caselist*/
	.caselist{padding: 30px 0;width: 96%}
	.casex{width: 96%}
	.caseNav a{height: 40px;line-height: 40px;font-size: 16px}
	.caselist ul li {width: 31.33%}
	.caselist ul li .text span{font-size: 16px}
	.caselist ul li .text p{font-size: 14px}

/*contact*/
	.contact{width: 96%}
	.contact h1{font-size: 18px}
	.contact form .tagName .mb label,.contact form .mx label{font-size: 16px}
	.contact form .submit{font-size: 16px}
	.contact form .submit{width: 50%;line-height: 35px;font-size: 14px}
	.contact  h2 i{font-size: 16px}
	.contact .text .map{margin: 10px auto}
	.contact .text span{display: block;float: none;width: 100%;margin-top: 10px}
	.contact .text span:nth-child(4){text-align: left;}
	.contact .text span:nth-child(5){text-align: left;}

/*join*/
	.join{padding: 30px 0;width: 90%}
	.join h1{font-size: 24px}
	.join h1:after{margin: 10px auto}
	.join .fire{margin-top: 20px}
	.join .fire h2{line-height: 50px;height: 50px;font-size: 18px}
	.join .fire .tag{line-height: 40px;height: 40px}
	.join .fire dd span{font-size: 14px}
	.showBox{width: 90%;}
	.showBox h1{height: 60px;line-height: 60px;font-size: 20px}
	.showBox .text .sumbit{height: 35px;line-height: 35px;width:50%}


/*download*/
	.download dl dd{padding: 15px 25px }
	.download dl dd .text{float: none;width: 100%;overflow: hidden;margin-bottom: 10px}
	.download dl dd h6{float: none;width: 100%;text-align: right;}
	.download dl dd h6 i{float: none;display: inline-block;}
	.download dl dd em{float: none;}
	.download dl dd h5{overflow: hidden;    white-space: nowrap;  text-overflow: ellipsis;width: 100%;float: none;}
	.download dl dd i{display: none;}

/*answer*/
	.answer{width: 96%;}
	.answer{margin: 30px  auto;padding: 20px 22px;}
	.answer .mx{margin: 20px auto}
	.answer .mx h5,.answer .mx select,.answer .mx input,.answer .mx .submit{line-height: 30px;height: 30px;}
	.answer .mx .fx01{float: none;width: 100%;margin-bottom: 10px}
	.answer .list li span,.answer .list li dd{padding: 10px 15px;font-size: 14px}
	.answer .mx h5{float: none;width: 100%;font-size: 14px}
	.answer .mx select{float: none;width: 100%}
	.answer .mx input{width: 70%;box-sizing: border-box;}
	.answer .mx .submit {width: 27%;padding: 0}

/*case*/
	.casexlist dl dd{width: 48%}
	.casexlist dl dd span{padding: 5px 0;font-size: 14px}
	.casex .picTxt .picleft .pic01 h1{font-size: 18px}
	.casex .picTxt .picleft .pic02 .pic h1{font-size: 18px}
	.casex .picTxt .picright .pic02 .pic h1{font-size: 18px}
	.casex .picTxt .picright .pic01 h1{font-size:18px }

/*aboutUs*/
	.aboutUs{padding: 30px;width: 96%}
	.aboutUs .slider-for li .text h5{font-size: 14px;}
	.aboutUs .slider-for{margin-top: 30px}
	.aboutUs .slider-for li h1{font-size: 70px;float: none;width: 100%}
	.aboutUs .slider-for li .text{width: 100%;float: none;margin-left: 0}
	.aboutUs .slider-for li .text .txt .pic{width: 46%;}
	.aboutUs .slider-for li .text p{font-size: 14px}
	.aboutUs .slider-for li .text .txt .pic{float: left;margin-right: 0;width: 48%}
	.aboutUs .slider-for li .text .txt .pic:nth-child(3){float: right;}
	.aboutUs .slider-for li .text p{margin-left: 0}

	.aboutUs .slider-nav li span{background-size: cover;width: 50px;height: 50px;line-height: 50px;font-size: 14px;}
	.aboutUs .slider-nav li.on span{background-size: cover;height: 60px}


}







@media screen and (max-width:768px){

	/*banner*/
	.banner ul li .pic{height: 305px;}
	.banner ul li .text{margin-top: 110px;margin-left: 0px;width: 260px;}
	.banner ul li .text h1{font-size: 20px;margin-top: 10px}
	.banner ul li .text h2{font-size: 16px;margin-top: 10px}
	.banner ul li .text a{width: 115px;margin-top: 10px;height: 25px;line-height:25px;border: none;font-size: 14px;}
	.banner ul li .text a:hover{
		background: -webkit-linear-gradient(#fe7033, #e52c1d);
		background: -moz-linear-gradient(#fe7033, #e52c1d);
		background: -o-linear-gradient(#fe7033, #e52c1d);
		background: linear-gradient(#fe7033, #e52c1d);
		font-size: 14px;
	}
	.banner ul li .text a i{display: none}
	.paging{bottom:5px;}
	.paging span{font-size: 14px}

	/*头部*/
	.header{height: auto;}
	.header .logo{width: 100px}
	.header .logo img{width: 100%}
	.mNav span{height: 4px;width: 35px}

	.mNav.open span:nth-child(3){
		  -webkit-transform: translate(2px,7px) rotate(45deg);
		  -moz-transform: translate(2px,7px) rotate(45deg);
		  -ms-transform: translate(2px,7px) rotate(45deg);
		  -o-transform: translate(2px,7px) rotate(45deg);
		  transform: translate(2px,7px) rotate(45deg);
	}


	/*内页banner*/
	.baner .pic{height: 220px;}

/*news*/
	.news .heat .pic{float: none;width:100%}
	.news .list li .date h1{font-size: 16px}
	.news .list li .pic{width:100%;}

/*caselist*/
	.caselist ul li{width: 48%;}
	.caseNav a{font-size: 14px;width: 33.33%;height: 35px;line-height: 35px}
	.caselist ul li .text{padding: 10px 0;}
	.caselist ul li .text span{font-size: 14px;}
	.caselist ul li .text p{margin-top: 5px}
	.caselist ul{margin-top: 25px}

/*contact*/
	.contact{margin: 30px auto}
	.contact h1{font-size: 18px}
	.contact .textaz{font-size: 14px}
	.contact form{padding: 5%}
	.contact form .submit{width: 100%}

/*join*/
	.join{}
	.join h1{font-size: 18px}
	.join p{line-height: 30px}
	.join .fire h2{line-height: 35px;height: 35px;font-size: 16px}
	.join .fire .tag{height: 35px;line-height: 35px;font-size: 14px}
	.join .fire dd span{font-size: 12px}

	.showBox h1{height: 40px;line-height:40px;font-size: 18px}
	.showBox .text .sumbit{height: 35px;line-height: 35px;width:50%}
	.showBox h1 {font-size: 16px}
	.showBox h1 i{font-size: 24px;right: 30px}
	.showBox .text .txt p{line-height: 20px}
	.showBox .text .sumbit{font-size: 16px;width: 80%}


/*ansower*/
	.answer h3{font-size: 14px;}
	.answer .list li span h6{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*casex*/
	
	.casex .picTxt .picleft{width: 100%;float: none;overflow: hidden;}
	.casex .picTxt .picright{width: 100%;float: none;overflow: hidden;}
	.casex .picTxt .picleft .pic01 h1{font-size: 14px;top: 90%;}
	.casex .picTxt .picleft .pic02 .pic h1{font-size: 14px;    top: 80%;}
	.casex .picTxt .picright .pic02 .pic h1{font-size: 14px;    top: 80%;}
	.casex .picTxt .picright .pic01 h1{font-size:14px;    top: 90%; }

/*aboutUs*/
	
	.aboutUs .slider-for li h1{font-size: 30px}
	.aboutUs .slider-for li .text .txt span{    writing-mode: rl-tb;float: none;width: 100%;margin-bottom: 10px}
	.aboutUs .slider-for li .text .txt .pic{width: 100%;margin: 0 auto;float: none;margin-bottom: 20px}


}

@media screen and (max-width:390px){

	/*item-1*/
	.item-1{height: 730px;}
	.item-1 .text{margin-top: 30px;}
	.item-1 .text .txt a{width: 100%;font-size: 14px;margin-bottom: 15px;margin-right: 0%;float: none;}

	/*item-2*/
	.item-2{height: 730px;}
	.item-2 .text{margin-top: 30px;}
	.item-2 .text .txt a{width: 100%;font-size: 14px;margin-bottom: 15px;margin-right: 0%;float: none;}


	/*item-3*/
	.item-3 .txt ul li{width:110px;}
	.item-3 .txt ul li .rael{width: 80px;height: 80px;line-height: 80px;}
	.item-3 .txt ul li .rael h1{line-height: 80px;}

	/*item-5*/
	.item-5 .txt .inlist .lisx a{width: 48%;margin-bottom: 15px;}

	/*item-6*/
	.item-6 .innews .heat .pic{width: 50%}

	/*footer*/
	.footer .txt .code{width:100%}

	/*caselist*/
	.caselist ul li span{font-size: 14px}

	/*join*/
	.showBox{width: 98%}
	.showBox .text{padding: 25px 5px}
	.showBox .text .txt{height: 100px}
}



@media screen and (max-width:320px){

	/*banner*/
	.banner ul li .pic{height: 260px;}



}









/*navpage*/

.navpage{height: 335px;background-size: cover;background-repeat: no-repeat;background-position: center center;overflow: hidden;}
/*.navpage form{text-align: center;width: 650px;margin: 135px auto 0 auto;font-size: 0;}
.navpage form input{vertical-align: middle; width: 80%;display: inline-block;font-size: 14px;line-height: 50px;line-height: 50px;border: none;background: #fff;padding: 0 10px;box-sizing: border-box;}
.navpage form .submit{cursor: pointer; padding: 0;width:20%;background: #e2231a;line-height: 50px;font-size: 30px;color: #fff}
*/
.pagelist{width: 1440px;margin: 30px auto;overflow: hidden;}
.pagelist h4{font-size: 18px;color: #333}
.pagelist .mb{overflow: hidden;margin-top: 20px}
.pagelist .mb select{width: 10%;height: 40px;line-height: 40px;float: left;}
.pagelist .mb input {
    vertical-align: middle;
    width: 68%;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    border: none;
    background: #fff;
    padding: 0 10px;
    box-sizing: border-box;
    float: left;
    background: #f0f0f0;
    margin-left: 2%
}
.pagelist .mb .submit{margin-left: 0; cursor: pointer; padding: 0;width:20%;background: #e2231a;line-height: 40px;font-size: 30px;color: #fff}
.hotserach{overflow: hidden;margin-top: 10px;margin-left: 170px;}
.hotserach span{display: block;float: left;font-size: 16px;color: #333;}
.hotserach a{font-size: 14px;float: left;color: #666;display: block;margin: 3px 12px 0 12px}
.hotserach a:hover{color: #333}

/*.pagelist dl{width: 14%;float: left;}
.pagelist dl dt{font-size: 16px;color: #333333;margin-bottom: 45px;}
.pagelist dl dt:before{content: '';display: inline-block;width: 3px;height: 14px;background: #b2b2b2;margin-right: 5px}
.pagelist dl dd{font-size: 14px;color: #333333;margin-bottom: 10px;font-weight: bold;}
.pagelist dl dd a{color: #333}
.pagelist dl dd a:hover{color: #e2231a}
.pagelist dl dd ul{margin-top: 10px;display: none; font-weight: normal;}
.pagelist dl dd ul li{padding: 3px 0;color: #666666;margin-left: 15px}

*/






@media screen and (max-width:1440px){

.pagelist{width: 1200px}

}

@media screen and (max-width:1200px){

	.navpage{height: 240px}
	.navpage form{width:50%;    margin: 115px auto 0 auto; }
	.navpage form input{height: 35px;line-height: 35px}
	.navpage form .submit{line-height: 35px}
	.pagelist{width: 96%}
	.pagelist dl{width: 25%;margin-bottom: 20px;text-align: center;}
	.hotserach{margin-left: 0}
	.pagelist .mb input{width: 58%}
	.pagelist .mb select{width: 20%;}
}

@media screen and (max-width:768px){

	.navpage{height: 170px}
	.navpage form{width: 80%}
	.navpage form{margin: 70px auto 0 auto;}
	.pagelist h4{font-size:16px }
	.pagelist .mb select{width: 100%;float: none;}
	.pagelist .mb input{width: 100%;float: none;margin-left: 0;margin-top: 10px}
	.pagelist .mb .submit{width: 100%;}
	.hotserach a{margin-bottom: 10px}
    .footer .txt .code .pic{display:none;}
}



/*prolist*/
.navpro{border-top: 1px solid #e0e0e0; overflow: hidden;display: block;text-align: center;background: #fff;width: 100%;}
.navpro ul li{float: left;width: 16.6%;padding-bottom: 20px;height: 320px;}
.navpro ul li .pic{margin: 55px auto 0px auto;width: 100%;box-sizing: border-box;border-right: 1px solid #eeeeee;overflow: hidden;}
.navpro ul li .pic img{width: 100%;-webkit-transition:  all .3s;-moz-transition:  all .3s;-o-transition:  all .3s;transition:  all .3}
.navpro ul li .pic:hover img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.navpro ul li  span{display: block;text-align: center;line-height: 50px;color: #333}
.header .nav dl dd .navpro ul li a:after{content: '';display: none}
.navpro ul li a:hover:after{display: none;content: '';}


.proBaner ul li .pic{overflow: hidden; position: relative;z-index: 999;width: 100%;height: 900px;background-size: cover;background-position: center center;}
.proBaner ul li .small-Pic{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;

}
.proBaner ul li .text{margin-top: 150px;margin-left: 130px;width: 750px;overflow: hidden;}
.proBaner ul li .text h4{font-size: 45px;color: #e2231a;opacity: 0}
.proBaner ul li .text h1{font-size: 88px;color: #fff;opacity: 0}
.proBaner ul li .text h5{font-size: 18px;color: #fff;margin-top: 43px;opacity: 0}
.proBaner ul li .text p{font-size: 14px;color: #fff;margin-top: 42px;line-height: 25px;opacity: 0}

.proBaner ul li .text h4.animated{opacity: 1}
.proBaner ul li .text h1.animated{opacity: 1}
.proBaner ul li .text h5.animated{opacity: 1}
.proBaner ul li .text p.animated{opacity: 1}
.proBaner ul li img{width: 100%;}
.proBaner img{width: 100%;}

.prolist{width: 1440px;margin: 50px auto;}
.proNav ul{overflow: hidden;text-align: center;background: #f4f4f4}
.proNav ul li{float: left;width: 20%;padding: 25px 0;font-size: 16px;color: #666666}
.proNav ul li a{color: #666}
.proNav ul li.on a{color: #fff}
.proNav ul li.on {background: #e2231a; color:aliceblue;}

.prolist .list{margin-top: 50px;}
.prolist .list h3{font-size: 30px;color: #333333;text-align: center;}
.prolist .list h3:after{content: '';display: block;width: 602px;width: 60px;height: 2px;background: #989898;margin: 15px auto}
.prolist .list ul {overflow: hidden;padding: 50px 0}
.prolist .list ul li{float: left;width: 23%;margin: 0 1%}
.prolist .list ul li .pic{width:100%;margin: 0 auto}
.prolist .list ul li .pic img{width: 100%;}

.prolist .list ul li .text{padding: 25px 0 ;width: 100%;margin: 0 auto;text-align: center;}
.prolist .list ul li .text h2{font-size: 24px;color: #333333;}
.prolist .list ul li .text p{font-size: 14px;color: #858585;line-height: 25px;margin:10px 0}
.prolist .list ul li .text h4{color: #333333}

.prolist .list ul li a{display: block;}
.prolist .list ul li a:hover .pic{background: #f7f7f7}
.prolist .list ul li a:hover .text{background: #e2231a}
.prolist .list ul li a:hover .text h2{color: #fff}
.prolist .list ul li a:hover .text p{color: #fff}
.prolist .list ul li a:hover .text h4{color: #fff}
.prolist .list ul li:hover .text{background: #e2231a}
.prolist .list ul li:hover .text h2{color: #fff}
.prolist .list ul li:hover .text p{color: #fff}
.prolist .list ul li:hover .text h4{color: #fff}

.prolist .list ul li:hover {-webkit-box-shadow: 0 0 20px rgba(98, 99, 99, .5) ;}

/*复选*/
.checkbox:checked {background:#e2231a;}
.checkbox {-webkit-appearance:none; -moz-appearance:none; outline: none; width:20px; height:20px; background-color:#ffffff; border:solid 2px #c3c3c3; border-radius:50%; margin:0; padding:0; position:relative; display:inline-block; /*文字对齐方式*/ vertical-align:top; transition:background-color ease 0.1s; margin:6px 10px 0px 0px }
.checkbox:checked::after { content:''; top:3px; left:2px; position:absolute; border:#fff solid 2px; border-top:none; border-right:none; height:6px; width:10px; transform:rotate(-45deg);}
.btn_enquiry{clear:both; width:200px; height:45px; line-height:45px; font-size:20px; text-align:center; border-radius:25px; border:2px solid #c3c3c3; color:#616161; margin:0px auto }
.btn_enquiry:hover{background:#e2231a; border:2px solid #e2231a; color:#fff}
.btn_enquiry:hover a{color:#fff}
@media screen and (max-width:1440px){

	.prolist{width: 1200px;}
	.navpro ul li{height: 270px}
	.proBaner ul li .pic{height: 700px}
	.proBaner ul li .text h1{font-size: 60px}
	.proBaner ul li .text h5{margin-top: 15px}
	.proBaner ul li .text p{margin-top: 30px;}
}


@media screen and (max-width:1200px){
	.prolist{margin-top: 30px;width: 96%}
	.proNav ul li{padding: 10px 0;font-size: 14px}
	.prolist .list h3{font-size: 20px;}
	.prolist .list ul{padding: 25px 0}
	.prolist .list ul li{width: 31.33%}
	.prolist .list ul li .text h2{font-size: 18px}
	.prolist .list ul li .text p{margin: 5px 0}
	.proBaner ul li .pic{height: 400px}
	.proBaner ul li .text{width: 96%;margin-top: 9%;margin-left: 3%}
	.proBaner ul li .text h4{font-size: 20px}
	.proBaner ul li .text h1{font-size: 40px}
	.proBaner ul li .text h5{font-size: 16px}
	.proBaner ul li .text p{margin-top: 15px}

}

@media screen and (max-width:768px){
	.prolist .list{margin-top: 30px}
	.prolist .list h3{font-size: 18px;}
	.prolist .list h3:after{margin: 5px auto;width: 30px}
	.prolist .list ul{padding: 20px 0}
	.prolist .list ul li{width: 48%}
	.prolist .list ul li .text h2{font-size: 16px}
	.prolist .list ul li .text p{margin: 3px 0}
	.prolist .list ul li .text h4{font-size: 14px}
	.proBaner ul li .pic{height: 250px}
	.proBaner ul li .text h4{font-size: 18px}
	.proBaner ul li .text h1{font-size: 18px;margin: 5px 0}
	.proBaner ul li .text h5{font-size: 14px}
	.proBaner ul li .text p{font-size: 12px;margin-top: 5px;}

}


/*proshow*/

	.proPic img{width: 100%}
	.proPic .conTxex{background: #f6f6f6;padding: 60px 0;}
	.proPic .conTxex .wz{text-align: center;}
	.proPic .conTxex .w1200{width: 1200px;margin: 0 auto}
	.proPic .conTxex h1{font-size: 45px;color: #333333;text-align: center;margin-top: 20px}
	.proPic .conTxex p{font-size: 14px;color: #333333;line-height: 25px;text-align: center;line-height:30px;margin: 14px auto;}
	.proPic .conTxex .picx{margin: 0 auto;width: 600px}


	.botlist{overflow: hidden;margin-top: 60px}
	.botlist h1{font-size: 30px;color: #333333;text-align: center;}
	.botlist h3{font-size: 30px;color: #333333;text-align: center;}
	.botlist h3:after{content: '';display: block;width: 50px;margin:10px auto;background: #a7a7a7;height: 2px}
	.botlist ul{overflow: hidden;}
	.botlist ul li{float: left;width: 14.6%;margin: 15px 20px;outline: none;}
	.botlist ul li .pic{width: 100%;}
	.botlist ul li .pic img{width: 100%;}
	.botlist ul li .text{padding:  20px 0px;background: #fff;color: #333333; text-align:center}
	.botlist ul li .text span{display: block;font-size: 24px;text-align: center;}
	.botlist ul li .text h4{text-align: center;margin: 5px 0px;font-size: 14px;}
	.botlist ul li .text b{font-size:16px;text-align: center;}
	.botlist ul li:hover .text{background: #e2231a;color: #fff}
	.botlist ul li:hover {-webkit-box-shadow: 0 0 20px rgba(98, 99, 99, .5) ;-moz-box-shadow: 0 0 20px rgba(98, 99, 99, .5) ;box-shadow: 0 0 20px rgba(98, 99, 99, .5) ;}
	
	.botlist2{overflow: hidden;margin-top: 60px}
	.botlist2 h1{font-size: 30px;color: #333333;text-align: center;}
	.botlist2 h3{font-size: 30px;color: #333333;text-align: center;}
	.botlist2 h3:after{content: '';display: block;width: 50px;margin:10px auto;background: #a7a7a7;height: 2px}
    .brand{clear:both;width: 1440px;margin: 0 auto;padding: 70px 0;overflow:hidden; text-align:center}
.please ul{}
.please li{ float:left; width:29%; padding:0 2%; margin-top:30px; text-align:center}
.please li a{ float:left; width:96%; background:#fff; position:relative; text-align:center; overflow:hidden; padding:50px 2%}
.please li .img{ float:left; width:278px; height:278px; position:absolute; left:50%; top:50%; margin:-139px 0 0 -139px; z-index:1;}
.please li .ico{ float:left; width:100%; line-height:0; height:99px; position:relative; z-index:6;}
.please li .ico img{ display:inline-block; vertical-align:top; width:99px; height:99px;}
.please li .ico1{ position:relative;opacity:1; filter:alpha(opacity=100);}
.please li .ico2{ position:absolute; left:50%; top:0; margin-left:-44px;opacity:0; filter:alpha(opacity=00);}
.please li .tit{ float:left; width:100%; color:#333; font-size:24px; line-height:28px; position:relative; z-index:6; margin:20px 0 10px 0;}
.please li .info{ float:left; width:100%; color:#888; font-size:14px; line-height:24px; height:80px; overflow:hidden; position:relative; z-index:6;}
.please li .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background:#f5f5f7;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.please li a:hover .bg{opacity:0.95; filter:alpha(opacity=95);background:#c1261f;}
.please li a:hover .tit{ color:#fff;}
.please li a:hover .info{ color:#fff;opacity:0.6; filter:alpha(opacity=60);}
.please li a:hover .ico1{opacity:0; filter:alpha(opacity=00);}
.please li a:hover .ico2{opacity:1; filter:alpha(opacity=100);-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}

	.proTnav{height: 72px;line-height: 72px;width: 100%;padding: 0 0%;background: #f4f4f4;overflow: hidden;margin-top: 72px}
	.proTnav h4{float: left;font-size: 20px;color: #333333}
	.proTnav .link{float: right;}
	.proTnav a{display: block;float: right;font-size:16px;color: #ffffff;padding:0 60px;color: #333333 }
	.proTnav a:hover{background: #e2231a;color: #fff}
	.proTnav a.on{background: #e2231a;color: #fff}

	.proPic {overflow: hidden;}
	.proPic .pic{width: 50%;float: left;}
	.proPic .text{padding-top: 10%;text-align: center;float: left;width: 50%}
	.proPic .text h1{font-size: 45px;color: #333333;margin-bottom: 30px}
	.proPic .text p{line-height:25px;color: #333333;font-size: 14px}

	.proPic2{height: 900px;background-size: cover;background-position: center center;background-repeat: no-repeat;overflow: hidden;}
	.proPic2 .text{width: 1440px;margin: 536px auto 0 auto}
	.proPic2 h3{font-size: 45px;color: #ffffff;text-align: right;}
	.proPic2 p{font-size: 14px;line-height: 25px;text-align: right;color: #fff;margin-top: 20px}
	
	.proPic2019{height: 900px;background-size: cover;background-position: center center;background-repeat: no-repeat;overflow: hidden;}
	.proPic2019 .text{width: 1440px;margin: 536px auto 0 auto}
	.proPic2019 h3{font-size: 45px;color: #ffffff;text-align: right;}
	.proPic2019 p{font-size: 14px;line-height: 25px;text-align: right;color: #fff;margin-top: 20px}

	.proPic3{background: #f7f6f6; height: 900px;background-size: cover;background-position: center center;background-repeat: no-repeat;overflow: hidden;}
	.proPic3 .text{width: 1440px;margin:0px auto 0 auto}
	.proPic3 .text .wz{width: 50%;float: left;margin-top:  354px}
	.proPic3 .text .pic{width: 38%;float: right;margin-top: 30px}
	.proPic3 .text .pic img{width: 100%}
	.proPic3 h3{font-size: 45px;color: #0e0d0d;text-align: center;}
	.proPic3 p{font-size: 14px;line-height: 25px;text-align: center;color: #0e0d0d;margin-top: 20px}



	.totop{position: fixed;right: 0;bottom: 0;color: #e2231a;cursor: pointer;}
	.totop i{font-size: 50px;}

	.iconbg{ background: url(../images/iconbg.jpg) no-repeat;padding: 102px 0; background-size: cover;background-position: center center;background-repeat: no-repeat;}
	.iconbg .txt{padding:0 2% ;overflow: hidden;}
	.iconbg .txt li{width:20%;float: left;box-sizing: border-box;border-right: 1px solid  #434343;padding:10px 0;border-bottom: 1px solid  #434343;}
	.iconbg .txt li .pic{text-align: center;}
	.iconbg .txt li .pic img{display: block;margin: 0 auto}
	.iconbg .txt li span{text-align: center;display: block;font-size: 16px;color: #999999;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

	.prode3 ul li{height: 900px;background-size: cover;background-position: center center;background-repeat: no-repeat;}
	.prode3 ul li .text{text-align: center;margin-top: 280px}
	.prode3 ul li .text h1{font-size: 45px;color: #ffffff;opacity: 0;}
	.prode3 ul li .text p{font-size: 14px;color: #ffffff;line-height: 30px;opacity: 0;}


	.mtm{width: 1440px;margin: 30px auto}
	.mtm a{display: block;width: 200px;margin: 0 auto;padding: 15px 0;background: #252525;text-align: center;color: #fff;border: 2px solid #252525}

@media screen and (max-width:1440px){

	.botlist{margin-top: 50px}
	.botlist ul li{width: 18%;}
	.botlist ul li .text span{padding:10px 0;font-size: 20px}
	.botlist ul li .text{padding: 10px 0}
	.proTnav{height: 50px;line-height: 50px}
	.proTnav h4{font-size: 16px;}
	.proTnav a{padding:  0 20px}


	.proPic .text{padding-top: 5%;}
	.proPic2 {height: 700px}
	.proPic2 .text{width: 1200px;margin: 338px auto 0 auto;}
	.proPic2019 {height: 700px}
	.proPic2019 .text{width: 1200px;margin: 338px auto 0 auto;}
	.proPic3{height: 700px;}
	.proPic3 .text{width: 1200px;margin: 0px auto 0 auto}
	.proPic3 .text .wz{margin-top: 220px}

	.prode3 ul li{height: 700px;}
	.prode3 ul li .text{margin-top: 205px;}

	.mtm{width: 1200px;}
}

@media screen and (min-width:1366px){

	.iconbg .txt li:nth-child(5n){border-right: none}
	.mtm a:hover{color: #252525;background:none;}

}


@media screen and (max-width:1366px){

	.botlist ul li{width: 23%;}

	.iconbg{padding: 50px 0}
	.iconbg .txt li{width: 25%;}
	.iconbg .txt li:nth-child(4n){border-right: none}

}

@media screen and (max-width:1200px){
	.botlist{margin-top: 20px}
	.botlist h3{font-size: 25px}
	.botlist ul li{width: 31.33%;}
	.botlist ul li .text span{font-size: 18px}
	/*.proTnav{height: 40px;line-height: 40px;margin-top: 0}*/
    .proTnav{height: 40px;line-height: 40px;margin-top: 84px;}
	.proTnav h4{font-size: 14px;}
	.proTnav a{font-size: 14px;}

	.proPic .text{padding-top: 5%}
	.proPic .text h1{font-size: 25px;margin-bottom: 10px;}
	.totop i{font-size: 40px;}

	.iconbg .txt li{width: 33.33%;}
	.iconbg .txt li .pic{width: 20%;margin: 0 auto}
	.iconbg .txt li .pic img{width: 100%;}
	.iconbg .txt li span{font-size: 14px;}
	.iconbg .txt li:nth-child(4n){border-right: 1px solid  #434343;}
	.iconbg .txt li:nth-child(3n){border-right: none}


	.proPic .conTxex .w1200{width: 96%;}
	.proPic .conTxex h1{font-size: 20px;margin-top: 0}
	.proPic .conTxex p{margin: 15px auto}



	.proPic2 {height: 500px}
	.proPic2 .text{width: 96%;margin: 238px auto 0 auto;}
	.proPic2 h3{font-size: 20px;}
	
	.proPic2019 {height: 500px}
	.proPic2019 .text{width: 96%;margin: 238px auto 0 auto;}
	.proPic2019 h3{font-size: 20px;}

	.proPic3{height: 500px}
	.proPic3 .text{width: 96%;margin: 0px auto 0 auto;}
	.proPic3 .text .wz{width: 50%;}
	.proPic3 h3{text-align: left;font-size: 20px;}
	.proPic3 p{text-align: left;}


	.prode3 ul li{height: 500px;}
	.prode3 ul li .text{margin-top: 105px;}
	.prode3 ul li .text h1{font-size: 20px}

	.mtm{width: 1024px;}
	.mtm a{padding: 10px 0;font-size: 14px}

}

@media screen and (max-width:1024px){

	.proPic .pic{width: 100%;float: none;}
	.proPic .text{float: none;width: 92%;padding: 5% 4%}
	.proPic .text h1{font-size: 18px;}
	.proPic .conTxex{padding: 30px 0}
	.mtm{width: 100%;}

}


@media screen and (max-width:768px){

	.botlist h3{font-size: 18px}
	.botlist ul li{width: 48%;}
	.botlist ul li  span{font-size: 14px;padding: 15px 0}
	.proTnav{height: auto;line-height: normal;padding: 10px 2%;width:96%;}
    /*.proTnav{height: auto;line-height: normal;padding: 73px 0 10px 0%}*/
	.proTnav h4{float: none;width: 100%;margin-bottom: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;}
	.proTnav a{float: left;padding: 0 15px}
	.proTnav .link{float: none;}

	.iconbg .txt li{width: 50%;}
	.iconbg .txt li:nth-child(3n){border-right: 1px solid  #434343;}
	.iconbg .txt li:nth-child(2n){border-right: none}

	.proPic .conTxex{padding: 30px 0}
	.proPic .conTxex h1{font-size: 18px}
	.proPic .conTxex .picx{width: 60%}

	.proPic2 {height: 250px}
	.proPic2 .text{margin: 108px auto 0 auto;}
	.proPic2 h3{font-size: 18px;}
	.proPic2 p{margin-top: 10px}
	
	.proPic2019 {height: 250px}
	.proPic2019 .text{margin: 108px auto 0 auto;}
	.proPic2019 h3{font-size: 18px;}
	.proPic2019 p{margin-top: 10px}

	.proPic3 {height: auto}
	.proPic3 .text{margin: 30px auto}
	.proPic3 .text .wz{width: 100%;float: none;margin-top: 0;text-align: center;}
	.proPic3 h3{font-size: 18px;text-align: center;}
	.proPic3 p{margin-top: 10px;text-align: center;}
	.proPic3 .text .pic{float: none;width: 60%;margin: 20px auto}

	.prode3 ul li{height: 250px;}
	.prode3 ul li .text{margin:40px auto 0  auto;width: 96%;}
	.prode3 ul li .text .wz{}
	.prode3 ul li .text h1{font-size: 18px}
}


/*2017-5-13*/

.show{width: 1440px;margin: 50px auto}
.show .title{border-bottom: 1px dashed #d1d1d1;padding-bottom: 20px;}
.show .title h4{font-size: 22px;color: #333;display: block; text-align: center;}
.show .title h5{font-size: 18px;color: #666;display:block;text-align: center;padding: 10px 0 0 0;}
.show .title span{display: block;text-align: center;font-size: 16px;color: #c6c6c6;margin-top: 10px}

.showCon{margin-top: 30px;border-bottom: 1px solid #d1d1d1;}
.showCon p{font-size: 16px !important;color: #333333;line-height: 30px;margin-bottom: 14px }
.showCon img{margin-bottom: 10px}


@media screen and (max-width:1440px){

	.show{width: 1200px;}

}


@media screen and (max-width:1200px){

	.show{width: 96%;}
	.showCon img{width: 100% !important;display: block;float: none;}
}

@media screen and (max-width:768px){

	.show .title h4{font-size: 16px}
	.show .title h5,.show .title span{font-size: 14px;}
	.showCon p{font-size: 14px !important;}

}


/*动画*/

.Animation{ opacity: 0;}






/*test*/

.testLink{width: 100%;overflow: hidden;}
.testLink h3{text-align: center;font-size:16px;height: 30px;line-height: 30px;}
.testLink li{margin: 10px 0; font-size: 14px; width: 50%;float: left;border: 1px solid #000;box-sizing: border-box;text-align: center;line-height: 30px;line-height: 30px;}
.testLink li a{color: #000;}


/*2017/06/01*/
.pec02 .scx h4 .kf{color:#666666;}
.msec a{}
.mec02 h3 .kf{display:inline; margin-left:0px; font-size:14px;}
.pec02 .scx .time{margin-top:12px;}



/*2017-06-1*/


.contact form .tagName .mb .code{width:15%; float:left; line-height:25px;}



/*2017-7-26*/


/*2017-7-26*/


.fixBox{width: 1440px;padding: 68px 0;margin: 0 auto}
.chofix{overflow: hidden;padding-bottom: 60px;border-bottom: 1px solid #e5e5e5}
.chofix .tile{display: block;font-size: 20px;color: #333333;height:75px;line-height:75px; clear:both}
.chofix select{margin-right: 3%; -webkit-appearance:none;appearance:none;background:url(../images/xd.jpg) 94% 56% no-repeat; 
               padding-left: 1%;font-size: 16px;color: #333333; border: 1px solid #cccccc; width:30%;float: left;
                height: 45px;line-height: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.point {padding-bottom: 50px}
.point ul {overflow: hidden;}
.point ul li{width: 21%; float: left;margin:30px 2% 0 2%; min-height:216px}
.point ul li .title{font-size: 16px;color: #e2231a;}
.point ul li .title em{color: #333333;margin-right: 10px}
.point ul li .txt{line-height: 25px;color: #333;font-size: 16px;margin-top: 20px}


@media screen and (max-width:1440px){

	.fixBox{width: 1200px;}

}

@media screen and (max-width:1200px){

	.fixBox{width: 96%;margin: 0px auto;padding: 30px 0}
	.chofix .tile{width: 45%;}
	.chofix .select01{width: 48%;margin-right: 0;float: right;}
	.chofix .select02{width: 48%;margin-right: 0;float: left;margin-top: 15px}
	.chofix .select03{width: 48%;margin-right: 0;float: right;margin-top: 15px}
	.chofix{padding-bottom: 35px}
	.point ul li{margin: 50px 2% 0 2%;width: 29.33%}
}


@media screen and (max-width:768px){

	.point ul li .txt{font-size: 14px;margin-top: 15px}

	.chofix .tile{font-size: 18px}
	.chofix select{font-size: 16px}

	.point ul li{width:46%;}
}

@media screen and (max-width:640px){

	.chofix .tile{width: 100%;float: none;font-size: 16px;}
	.chofix .select01,.chofix .select02,.chofix .select03{width: 100%;float: none;height: 35px;line-height: 35px}

	.point ul li{float: none;width: 94%;}

}

.left{float:left}
.right{float:right}
a:link {color:#000;text-decoration:none;  }  
a:visited {color:#000;text-decoration:none;  }  
a:hover {color:#c1261f;text-decoration:none;  }  
a:active {color:#000;text-decoration:none;  } 
.parameter{clear:both; padding:40px 0px; overflow:hidden}
.res_tab td{border-collapse: collapse; padding:8px 5px; }
.res_btn{border:none; background:#f8f9fb; width:90%; line-height:30px;}
.parameter h1{font-size:30px;  text-align:center; padding:0px 0px 20px 0px}
.productsinfo{clear:both}
.proav{clear:both; overflow:hidden}
.proimg{background:#f6f6f6; text-align:center; clear:both; padding:30px 0px; overflow:hidden}
.proimg h1{font-size:30px; padding:0px;}
.proimg p{line-height:25px;color: #333333;font-size: 14px}
.propic {overflow: hidden;}
.propic .pic{width: 50%;float: left;}
.propic .text{padding-top: 10%;text-align: center;float: left;width: 50%}
.propic .text h1{font-size: 45px;color: #333333;margin-bottom: 30px}
.propic .text p{line-height:25px;color: #333333;font-size: 14px}

.newslist{clear:both;width: 1440px;margin: 0 auto;padding: 70px 0;}
.newslist li{clear:both; border-bottom:1px dotted #ddd; padding:25px 0px; width:100%; overflow:hidden}
.newslist li:nth-child(1){  margin-top: 0;}
.newslist li:hover{-webkit-box-shadow: 0 0 20px rgba(98, 99, 99, .5) ;}
.ns_time{color: #000; line-height:110px; width:90px; text-align:center; float:left}
.ns_pic{float:left; width:186px; margin:0px 40px 0px 25px }
.ns_pic img{ width: 180px; border: 1px solid #F4F4F4; height: 110px; padding:2px;}
.ns_info{margin: 0; padding: 0; text-align:left; font-size:16px; line-height:24px; width: calc(100% - 341px); float:left}
.ns_info h1{padding:0px; margin:0px; font-size:22px; font-weight:normal; color:#000; padding-bottom:10px}
.newsinfo{clear:both;width: 1440px;margin: 0 auto;padding: 70px 0; text-align:center}
.news_title{clear:both; font-size:24px; line-height:28px; padding:40px 0px 25px 0px; overflow:hidden}
.news_title h1{font-size:14px; color:#666666; padding:0px; margin:0px; font-weight:normal; padding-top:25px}
.news_content{clear:both; border-bottom:1px dotted #ddd; border-top:1px dotted #ddd; padding:20px 0px}
.news_links{clear:both; height:90px; line-height:90px}

.solutions{clear:both;width: 1440px;margin: 0 auto;padding: 70px 0;}
.solutions li{clear:both; border-bottom:1px dotted #ddd; padding:25px 0px; width:100%; overflow:hidden}
.solutions li:nth-child(1){  margin-top: 0;}
.solutions li:hover{-webkit-box-shadow: 0 0 20px rgba(98, 99, 99, .5) ;}
.so_time{color: #000; line-height:110px; width:90px; text-align:center; float:left}
.so_pic{float:left; width:273px; margin:0px 40px 0px 20px }
.so_pic img{ width:267px; border: 1px solid #F4F4F4; height:200px; padding:2px;}
.so_info{margin: 0; padding: 0; text-align:left; font-size:16px; line-height:24px; width: calc(100% - 350px); float:left}
.so_info h1{padding:0px; margin:0px; font-size:22px; font-weight:normal; color:#000; padding-bottom:10px}

.honor{clear:both;width: 1440px;margin: 0 auto;padding: 70px 0;overflow:hidden; text-align:center}
.honor ul{list-style-type:none; padding:0px 0px; margin:0px 0px;}
.honor li{list-style-type:none; width:23%; margin-left:2%; margin-bottom:15px; float:left; text-decoration:none; border:1px solid #f2f2f2; padding-bottom:8px}
.honor li:nth-child(4n+1){margin-left:0%; }
.honor img{width:100%; margin-bottom:10px}
.honor li:hover{border:1px solid #c1261f;-webkit-box-shadow: 0 0 20px rgba(98, 99, 99, .5) ; }
.exhibition{clear:both;width: 1440px;margin: 0 auto;padding: 70px 0;}
.exinfo{clear:both; padding-bottom:30px;}
.exinfo .title{clear:both; font-size:20px; border-bottom:1px dotted #ddd; padding-bottom:15px; margin-bottom:15px}
.exinfo .content{clear:both}
.brand{clear:both;width: 1440px;margin: 0 auto;padding: 70px 0;overflow:hidden; text-align:center}
.brand ul{}
.brand li{ float:left; width:29%; padding:0 2%; margin-top:30px; text-align:center}
.brand li a{ float:left; width:96%; background:#fff; position:relative; text-align:center; overflow:hidden; padding:50px 2%}
.brand li .img{ float:left; width:278px; height:278px; position:absolute; left:50%; top:50%; margin:-139px 0 0 -139px; z-index:1;}
.brand li .ico{ float:left; width:100%; line-height:0; height:88px; position:relative; z-index:6;}
.brand li .ico img{ display:inline-block; vertical-align:top; width:88px; height:88px;}
.brand li .ico1{ position:relative;opacity:1; filter:alpha(opacity=100);}
.brand li .ico2{ position:absolute; left:50%; top:0; margin-left:-44px;opacity:0; filter:alpha(opacity=00);}
.brand li .tit{ float:left; width:100%; color:#333; font-size:24px; line-height:28px; position:relative; z-index:6; margin:20px 0 10px 0;}
.brand li .info{ float:left; width:100%; color:#888; font-size:14px; line-height:24px; height:80px; overflow:hidden; position:relative; z-index:6;}
.brand li .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background:#f5f5f7;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.brand li a:hover .bg{opacity:0.95; filter:alpha(opacity=95);background:#c1261f;}
.brand li a:hover .tit{ color:#fff;}
.brand li a:hover .info{ color:#fff;opacity:0.6; filter:alpha(opacity=60);}
.brand li a:hover .ico1{opacity:0; filter:alpha(opacity=00);}
.brand li a:hover .ico2{opacity:1; filter:alpha(opacity=100);-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
.about{clear:both;width: 1440px;margin: 0 auto;padding: 70px 0;overflow:hidden; text-align:center}
.pr_all{border:2px solid #979797; box-shadow: 0 0 20px 0 rgba(12,1,4,0.05); border-radius:20px; width:1280px; margin:0px auto;  overflow:hidden}
.pr_title{clear:both; text-align:center}
.pr_info{clear:both; text-align:left; line-height:50px; width:1200px; margin:0px auto; padding-bottom:40px; overflow:hidden}
.pr_info ul{list-style-type:none; padding:0px; margin:0px;}
.pr_info li{text-align:left; width:50%; float:left; font-size:24px}
.pr_btn{clear:both; overflow:hidden; width:460px; margin:0px auto 50px auto;}
.pr_bdown{width:210px; margin:0px auto; height:55px; line-height:55px; background:#e40112; color:#fff; text-align:center; font-size:24px;border-radius:50px; float:left; margin:0px 10px }
.pr_bcart{width:210px; margin:0px auto; height:55px; line-height:55px; background:#f66902; color:#fff; text-align:center; font-size:24px;border-radius:50px;float:left; margin:0px 10px }
.pr_btn img{margin:-5px 10px 0px 0px}
.pr_btn a{color:#fff}

.cart{clear:both; width:1440px; margin: 0 auto;padding: 70px 0;overflow:hidden;}
.cart .title{clear:both; padding:10px 15px; border:1px solid #efefef; box-shadow:0px 0px 2px #efefef; overflow:hidden;}
.cart .title .left{font-size:24px; font-weight:bold; color:#000000}
.cart .title .txt{float:left; margin:10px 0px 0px 15px}
.cart .content{clear:both; overflow:hidden; padding:20px 0px; box-shadow:0px 0px 2px #efefef;}
.tab01 {border-collapse: collapse;border-spacing: 0; border:1px solid #efefef}
.tab01 td{border-bottom:1px solid #efefef; padding:10px 0px}
.tab01 td:nth-child(1){background:#efefef;}
.tab01 h1{font-size:24px; padding:10px 0px 20px 0px}

.num{	width: 90px;text-align:center;  vertical-align: middle;}
.num input {	width: 40px; height:21px;}
.num span {	border: 1px solid #e5e5e5;	background: #f0f0f0;	text-align: center;	line-height: 27px;	color: #444;	cursor: pointer; vertical-align: middle;}
.text03{height:25px; text-indent:10px; border: 1px solid #d4d4d4; width:60%; font-size:16px; line-height:25px}
.text04{text-indent:10px; border: 1px solid #d4d4d4; width:70%; font-size:16px; line-height:20px}
.cart .content2{clear:both; padding:20px 0px; overflow:hidden; font-size:18px;}
.cart_btn{width:200px; float:left; height:50px; line-height:50px; color:#fff; background:#000; text-align:center;opacity: 0.5;}
.cart_btn:hover{opacity: 1;}


.p860_all{clear:both; width:90%; margin:0px auto}
.p860_banner{clear:both; height:10px; overflow:hidden}
.p860_title{clear:both; text-align:left; color:#bd120a; font-weight:bold; font-size:38px; padding:30px 0px 15px 0px; overflow:hidden}
.p860_title2{clear:both; text-align:left; color:#f7870f; font-weight:bold; font-size:38px; padding:30px 0px 15px 0px; overflow:hidden}
.p860_content{clear:both; text-align:left; line-height:32px;}
.p860_content ul{list-style-type:none; padding:0px; margin:0px;}
.p860_content li{width:47%; float:left; text-align:left; line-height:32px; height:170px;}
.p860_content li:nth-child(2n+1){margin:0px 6% 0px 0px;}
.p860_content li:nth-child(3),.p860_content li:nth-child(4),.p860_content li:nth-child(8){height:230px;}
.p860_content li h1{color:#4079c8; font-weight:normal; padding:10px 0px 10px 0px; font-size:24px}
.p860_content2{clear:both; text-align:left; line-height:32px; overflow:hidden}
.p860_content2 ul{list-style-type:none; padding:0px; margin:0px;}
.p860_content2 li{width:47%; float:left; text-align:left; line-height:32px; height:170px;}
.p860_content2 li:nth-child(2n+1){margin:0px 6% 0px 0px;}
.p860_content2 li:nth-child(3){width:100%; height:120px}
.p860_content2 li h1{color:#4079c8; font-weight:normal; padding:10px 0px 10px 0px; font-size:24px}
.p860_content3{clear:both; text-align:left; line-height:32px; overflow:hidden}
.p860_content3 ul{list-style-type:none; padding:0px; margin:0px;}
.p860_content3 li{width:32%; float:left; text-align:left; line-height:32px; }
.p860_content3 li:nth-child(3n-1){margin:0px 2% 0px 2%;}
.p860_content4{clear:both; text-align:left; line-height:32px; overflow:hidden}
.p860_content4 ul{list-style-type:none; padding:0px; margin:0px;}
.p860_content4 li{width:48%; float:left; text-align:left;   }
.p860_content4 li:nth-child(2n+1){margin:0px 2% 0px 0px;}
.p860tab,.p860tab td{border-collapse: collapse; line-height:24px; padding:10px 0px 10px 40px; text-align:left; }
.p860tab th{text-align:center; color:#fff; background:#437cc3; padding:15px 0px; font-size:18px}
.p860tab tr:nth-child(2n-1){background:#ededed}

.kt_all{clear:both; width:90%; margin:0px auto}
.kt_blue{background:#32849c; font-size:24px; padding:0px 0px 0px 20px; font-weight:bold; text-align:left; height:50px; line-height:50px; color:#fff;font-style:oblique;}
.kt_title{font-size:45px; text-align:left; color:#547cb0;  line-height:70px; padding:20px 0px; overflow:hidden}
.kt_content{clear:both; text-align:left; line-height:32px;}
.kt_content2{clear:both; text-align:left; line-height:32px; overflow:hidden}
.kt_content2 ul{list-style-type:none; padding:0px; margin:0px;}
.kt_content2 li{width:48%; float:left; text-align:left; line-height:32px; }
.kt_content2 li:nth-child(1){margin:0px 4% 0px 0px;}
.kt_content2 li h1{color:#36869d; font-weight:normal; padding:20px 0px 10px 0px; font-size:24px}
.kt_title2{font-size:24px; text-align:left; color:#36869d;  padding:20px 0px; overflow:hidden}
.kt_content3{clear:both; text-align:left; line-height:32px; overflow:hidden}
.kt_content3 ul{list-style-type:none; padding:0px; margin:0px;}
.kt_content3 li{width:48%; float:left; text-align:left;   }
.kt_content3 li:nth-child(2n+1){margin:0px 2% 0px 0px;}
.kttab,.kttab td{border-collapse: collapse; line-height:24px; padding:10px 40px 10px 40px; text-align:left; border:1px solid #e2e2e2 }
.kttab th{text-align:center; color:#fff; background:#36869d; padding:15px 0px; font-size:18px}
.kttab2,.kttab2 td{border-collapse: collapse; line-height:24px; padding:4px 40px 4px 40px; text-align:left; border:1px solid #e2e2e2 }
.kttab2 th{text-align:center; color:#fff; background:#36869d; padding:15px 0px; font-size:18px}

.prosize{width:1440px; margin:0px auto; clear:both}
.paginator { font: 14px Arial, Helvetica, sans-serif;padding:10px 0px 30px 0px; margin: 0px;}
.paginator a {padding: 3px 8px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 3px 8px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 3px 8px;font-weight: bold; font-size: 13px;border:solid 1px #e2231a;background: #e2231a; color:#FFFFFF}
.paginator a:hover {color: #fff; background: #e2231a;border-color:#e2231a;text-decoration: none;}