/* CSS Document */

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin: 0;padding: 0;}

hr{border:none;outline:none;}
h1,h2,h3,h3,h4,h5,h6{font-weight:normal;}
em{ font-style:normal;}
img{max-width:100%;}
body{font-family:"Microsoft Yahei",Arial;font-size: 14px; line-height:24px;}
li{ list-style-type:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#e81123;}
.container{ width:1300px; margin:0 auto;}
.header{ height:90px; line-height:90px; overflow:hidden;}
.logo{ float:left;width: 315px;margin-top: 18px;}
.nav{ float:right;}
.nav ul li{ float:left;}
.nav ul li a{ padding-left:20px; padding-right:20px;display: block;font-size: 16px;}
.nav ul li:hover a{ color:#fff;}
.nav ul li:hover { background-color:#e81123;transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.on{ background-color:#e81123;transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;}
.on a{ color:#fff;}
.left{ float:left; width:20%; margin-top:20px;}
.right{ float:left; margin-left:2%; width:78%;margin-top: 20px;}
.lefttop{background-color: #e81123; padding-bottom:30px; }
.lefttop h4{height: 100px;line-height: 100px;font-size: 25px;color: #fff;text-align: center;border-bottom: 1px solid #f35d6a;}
.lefttop ul li{ height:45px; line-height:45px;padding-bottom: 1px;border-bottom: 1px solid #f35d6a;background: url(../images/left1.png) no-repeat 35px;    padding-left: 50px;}
.lefttop ul li a{ color:#fff;display: block;}
.lefttop ul li:hover{ background-color:#666;}

.leftbottom{border: 1px solid #eee;margin-top: 20px;background: url(../images/a1.gif) no-repeat center bottom;}
.leftbottom h4{font-size: 20px;text-align: center;height: 50px;line-height: 50px;color: #fff;background-color: #e81123;}
.lxfs{ padding:15px;}
.aboutbt{border-bottom: 1px solid #66666645;height: 60px;line-height: 60px;font-size: 20px;} 
.aboutbt span { float:right; color:#666; font-size:14px;}
.aboutxq{ color:#666;    padding-top: 35px; padding-bottom:50px; line-height:32px;    overflow: hidden;}
.aboutxq p{text-indent: 2em;}
.aboutbt em{ float: left;}
.aboutbt em::after {
    content: '';
    width: 150px;    margin-top: -2px;
    height: 2px;
    background: #e81123;
	display: block;
	position:absolute;
}
.footer{background-color: #333;}
.aboutny{ overflow:hidden;padding-bottom: 50px;}
.tell{ color:#e81123; font-size:30px; float:left; height: auto; width:300px;margin-top: 15px;}
.tell img{ height: auto;}
.footernav{ float:right;line-height: 80px;}
.footernav ul li{ float:left; padding-left:20px; padding-right:20px;}
.footernav ul li a{ color:#fff;}
.footernav ul li:hover a{ color:#e81123;}
.footer p{ overflow:hidden; text-align:center; border-top:1px solid #66666645; line-height:60px; color:#fff;}
.footer p a{ color:#fff;}
.footertop{ overflow:hidden; padding-top:50px; padding-bottom:50px;}
.abouttop h3{ text-align:center; font-size:20px; overflow:hidden;}
.abouttopp h3{ text-align:center; font-size:20px; overflow:hidden; padding-bottom:10px;border-bottom: 1px dashed #e0e0e0; margin-bottom:20px;}
.abouttop span{ text-align:center; font-size:12px; color:#999; display:block; padding-bottom:10px;}
.abouttop{    border-bottom: 1px dashed #e0e0e0; margin-bottom:30px;}
.newstitle{ font-size:16px; float:left; width:100%; line-height:32px;}
.newstitle span{ float:right; color:#999; font-size:13px;}
.newstext{ color:#666;}
.xuanzhong{ background-color:#666!important;}
.news ul li{padding-top: 10px;padding-bottom: 10px;border-bottom: 1px dashed #e0e0e0;}
.pro ul li{ float: left; width:23%; margin-left:2%; margin-bottom:20px;}
.pro ul li:nth-child(1){ margin-left:0px;}
.pro ul{ padding:30px 0px 30px 0;overflow: hidden;}
.news ul{padding:30px 0px 30px 0;overflow: hidden;}
.protext{ text-align:center;line-height: 50px; font-size:18px; font-weight:bold;color: #e81123;}
.protextt{ text-align:center;line-height: 50px; font-size:16px; }
.remen{background: #f8f8f8;border-bottom: 1px solid #f3f3f3;height: 60px;line-height:60px;}
.hot a{ float:left; margin-right:10px; color:#333; line-height:60px;}
.hot{ width:1100px; margin: 0 auto; overflow:hidden;}
.hot span{ float:left; margin-right:10px;}
.newss ul li{ width:24%; float:left; margin-left:1%;border: 1px solid #ccc;}
.newss ul li:hover .newssbt{    text-decoration: underline; color:#ef3c34;}
.newss ul{ overflow:hidden;}
.newss ul li:nth-child(1){ margin-left:0px;}
.newssbt{ font-size:16px; padding:10px;color:#333;}
.newssjj{ color:#999; font-size:12px;padding: 0px 10px 10px 10px;}
.newss{ overflow:hidden; margin-top:30px;}
.xwzx{ overflow:hidden; padding-bottom:50px;}
.zyyw{ overflow:hidden;}
.gengduo{margin-top: 30px;
    border: 1px solid #e81123;
    color: #fff; float:right;
    display: block;
    padding: 5px 10px;
    width: 138px;
    font-size: 14px;
    text-align: center;
    background: #e81123;}
	.gengduo:hover{ color:#fff; background-color:#666;border: 1px solid #666;}
.syabout{background: #fff url(../images/about_bg.jpg) no-repeat center bottom;    overflow: hidden; padding-bottom:50px; padding-top:50px;    margin-top: 50px;

    position: relative;}
.syaboutl{ float:left; width:40%;}
.syaboutr{ float:left; width:55%;    margin-left: 5%;}
.gsmc{ font-size:30px;padding-bottom: 20px;}
.gsmc span{    color: #e81123;}
.gsjj{border-left: 6px solid #e81123;
    color: #666;
    font-size: 14px;
    line-height: 2;
    overflow: hidden;
    padding-left: 20px;
    text-indent: 2em;}
 .swiper-container {
        width: 100%;
        height: auto;
    }
    .swiper-slide {
		position:relative;
      
    }
	.swiper-slide .txt{
		position:absolute;
		top:50%;
		z-index:10;
		}
	.swiper-slide p{
		
		font-size:20px;
		letter-spacing:2px;
		font-weight:bold;
		line-height:2;
		color:transparent;
		-moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
		will-change: transform;
		}	
	.swiper-slide-active p,.swiper-slide-duplicate-active p{
		animation:line 7s; 
		animation-iteration-count:2;
        animation-direction:alternate;
		animation-timing-function:ease;
		}		
@keyframes line{
	0%{transform: matrix3d(0.990268, -0.139173, 0, 0, -0.0348995, 0.999391, 0, 0, 0, 0, 1, 0, 10, -20, 0, 1);}
	50%{transform: rotate(1deg);transform-origin:left center;}
	60%{transform: translate3d(0px, 0px, 0px);}
	100%{transform: translate3d(0px, 0px, 0px);}
}	
	.swiper-slide p span{
	 display: inline-block;
	 will-change: transform, opacity, text-shadow;
	}
		.swiper-slide-active p .even,  .swiper-slide-duplicate-active p .even{
		animation:letterL 7s;
		animation-iteration-count:2;
        animation-direction:alternate;	
		animation-fill-mode: forwards;
		animation-timing-function:ease-in-out;
			}
		.swiper-slide-active p .odd,.swiper-slide-duplicate-active p .odd	{
		animation:letterR 7s;
		animation-iteration-count:2;
        animation-direction:alternate;	
		animation-fill-mode: forwards;
        animation-timing-function:ease-in-out;
			}

@keyframes letterL{
	0%{opacity: 0;transform: matrix3d(1.53209, -1.28558, 0, 0, -1, 1.73205, 0, 0, 0, 0, 1, 0, 18, -8, 0, 1);text-shadow: rgb(255, 255, 255) 0px 0px 40px}
60%{opacity: 1;transform: translate3d(0px, 0px, 0px);
    text-shadow: rgb(255, 255, 255) 0px 0px 0px;}	
100%{opacity: 1;transform: translate3d(0px, 0px, 0px);
    text-shadow: rgb(255, 255, 255) 0px 0px 0px;}}
@keyframes letterR{
	0%{opacity: 0;transform: matrix3d(1.14907, -0.964181, 0, 0, 1.40954, -0.51303, 0, 0, 0, 0, 1, 0, 15, -8, 0, 1);text-shadow: rgb(255, 255, 255) 0px 0px 40px}
60%{opacity: 1;transform: translate3d(0px, 0px, 0px);
    text-shadow: rgb(255, 255, 255) 0px 0px 0px;}	
100%{opacity: 1;transform: translate3d(0px, 0px, 0px);
    text-shadow: rgb(255, 255, 255) 0px 0px 0px;}}
		
.swiper-slide p span:nth-child(22) { animation-delay: 770ms;  }
.swiper-slide p span:nth-child(21) { animation-delay: 735ms;  }
.swiper-slide p span:nth-child(20) { animation-delay: 700ms;  }
.swiper-slide p span:nth-child(19) { animation-delay: 665ms;  }
.swiper-slide p span:nth-child(18) { animation-delay: 630ms;  }
.swiper-slide p span:nth-child(17) { animation-delay: 595ms;  }
.swiper-slide p span:nth-child(16) { animation-delay: 560ms;  }
.swiper-slide p span:nth-child(15) { animation-delay: 525ms;  }
.swiper-slide p span:nth-child(14) { animation-delay: 490ms;  }
.swiper-slide p span:nth-child(13) { animation-delay: 455ms;  }
.swiper-slide p span:nth-child(12) { animation-delay: 420ms;  }
.swiper-slide p span:nth-child(11) { animation-delay: 385ms;  }
.swiper-slide p span:nth-child(10) { animation-delay: 350ms;  }
.swiper-slide p span:nth-child(9) { animation-delay: 315ms;  }
.swiper-slide p span:nth-child(8) { animation-delay: 280ms;  }
.swiper-slide p span:nth-child(7) { animation-delay: 245ms;  }
.swiper-slide p span:nth-child(6) { animation-delay: 210ms;  }
.swiper-slide p span:nth-child(5) { animation-delay: 175ms;  }
.swiper-slide p span:nth-child(4) { animation-delay: 140ms;  }
.swiper-slide p span:nth-child(3) { animation-delay: 105ms;  }
.swiper-slide p span:nth-child(2) { animation-delay: 70ms;  }
.swiper-slide p span:nth-child(1) { animation-delay: 35ms;  }		
		
		
		
	
	
	
	
		
	.swiper-slide img{
		width:100%;
		height:auto;
		min-height:100%;
		}
/*	.swiper-slide-active img,.swiper-slide-duplicate-active img{
		transition:16s linear;
		transform:scale(1.2,1.2);
		}	*/
	.swiper-pagination{
		bottom:30px !important;
		/*left:-100px !important;
		text-align:right;
		text-indent:100px;*/
		}	
	.swiper-pagination-bullet{
		width:12px;
		height:12px;
		opacity:1;
		background:none;
		border:1px solid #fff;}	
	.swiper-pagination-bullet-active{
		background:#fff;}
		
.lanmu{ padding-top:80px; }	
.lanmu p{ text-align:center; font-size:30px;}
.lanmu span{ font-size:14px; color:#666; text-align:center;display: block; text-transform: uppercase; padding-top: 10px;}
.m-message {
	width: 90%;
	padding: 20px;
}
.input-box{ margin-left:100px;float:left;}
.input-tips{ margin-left:100px;float:left;}
.input-tips h4{ font-size:18px; font-weight:bold; }
.input-tips p{    text-indent: 0em;}
.bhcxbd{ padding-top:100px;}
.btn-search{background-color: #e81123;
    color: #fff;
    border: none;
    width: 100%;
    height: 40px;
    font-size: 16px;
    cursor: pointer;}
.btn-search:hover{ background-color:#333;}
.input-box input {
    display: block;
    width: 350px;
    padding: 10px 12px;
    margin-bottom: 30px;
    border: 1px #ddd solid;
}
.projj{ color:#666; font-size:12px;}

.m-message  span {
	float: left;
	width: 70px;
    height: 34px;
    line-height: 34px;
    color: #2F2F2F;
    float: left;
    font-weight: bold;
    text-align: right;
    margin-right: 30px;
    display: inline-block;
}

.m-message  input {
	float: left;
	width: 77%;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    border: #cccccc 1px solid;
    border-radius: 3px;
    padding: 0 14px;
    box-sizing: border-box;
    color: #555;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.m-message  em {
    display: block;
    float: left;
    color: red;
    height: 32px;
    line-height: 32px;
}
label{ display:block; overflow:hidden; margin-bottom:10px;}
#saytext{ height: 72px; width:77%;border: #cccccc 1px solid;
    line-height: 24px;
    padding: 10px 14px;}
.btn-1 input{ width:100px!important; float:left; margin-left:50px;}
.btn-1 { margin-left:100px; margin-top:30px;}
.focus{ background-color:#e81123; color:#fff!important;}
.mheader{ display:none;}
.nybanner{ overflow:hidden;}
.h5navBox{ display:none;}
.pro{ overflow:hidden;}
.pc{ display:block;}
.mm{ display:none;}

.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.scrollsidebar{ display: block;}
.side_green .msgserver a {color:#76a20c;}
.gsmc{ display:block;} 
.newssimg img{transition: all .9s;}
.proimg img{transition: all .9s;}
.newss ul li:hover img{transform: scale(1.1);}
.pro ul li:hover img{transform: scale(1.1);}
.newssimg{width: 100%;height: auto;overflow: hidden;}
.proimg{width: 100%;height: auto;overflow: hidden;}
@media screen and (max-width:641px){
.header{ display:none;}
.lanmu{ padding-top:30px;}
.scrollsidebar{ display:none;}
.pc{ display:none;}
.mm{ display: block;}
.syaboutl{ width:100%;}
.syaboutr{ width:100%; margin-left:0px;  padding-top:20px;}
.gengduo{ float:left;}
.syabout{ padding-top:0px; margin-top:0px;}
.newss ul li{ width:100%; margin-left:0; margin-bottom:10px;}
.container{ width:96%;}
.btn-1 input{ width:100px!important; float:left; margin-left:30px;}
.m-message{ width:100%;}
.left{ display:none;}
.swiper-container{ height: auto;}
.hot{ width:96%; margin:0 auto;}
.aboutxq p {    text-indent: 0em;}
.right{ width:100%; margin-left:0px;}
.pro ul li{ width:49%; margin-left:2%;}
.m-message input{ width:97%;}
#saytext{ width:100%;}
.btn-1{ margin-left:0px;}
.footer p{    width: 80%;margin: 0 auto;line-height: 24px;    padding-top: 10px;padding-bottom: 10px;}
.pro ul li:nth-child(3){ margin-left:0px;}
.pro ul li:nth-child(4){ margin-left:2%;}
.footertop{ display:none;}
.input-box{ margin-left:0px;width: 100%;}
.input-box input{width: 100%;padding: 15px 12px;}
.input-tips{ margin-left:0px; padding-top:20px;}
.bhcxbd{ padding-top:20px;}
.mheader{position:relative;height:50px;background: #fff;display: block;}
.mheader .logo{display:block;width: 230px; margin-top:7px;margin-left: 5px; color:#fff; font-size:18px; font-weight:400;}
.mheader .logo img{display:block;width:100%;}
.mheader .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}
.mheader .search:hover{background-color:#0067d2;}
.mheader .search span{display:none;}
.mheader .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.mheader .user-icon span{display:none;}
.mheader .user-icon:hover{background-color:#0067d2;}
.mheader .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}
.h5nav{width:100%; max-width:512px; margin:0 auto; display:block;}
.h5navBox{padding-top:10px;padding-bottom:5px;position:fixed;width:100%;max-width:512px;bottom:0;height:60px;z-index:999;background:#333;box-sizing: unset;    -webkit-box-sizing: unset; display:block;}
.h5navBox .h5navitem{ width:33.333%; height:60px; float:left; overflow:hidden;    box-sizing: unset;    -webkit-box-sizing: unset;}
.h5navBox .h5navitem a{ display:block }
.h5navBox .h5navitem img{ margin:3px auto; height:30px;display:block}
.h5navBox .h5navitem p{ text-align:center; font-size:14px; font-weight:100; height:18px; line-height:18px; color:#fff; margin-top:0px;}
.gsjj{    border-left: 0px solid #e81123;padding-left: 0;}
.gsmc{ display:none;}
}