@charset "utf-8";
/* CSS reset */
body,html{ font-family:"Microsoft Yahei"; position:relative; width:100%; overflow-x:hidden; -webkit-text-size-adjust:none;}
ui,dl,li,ol{ list-style:none; padding:0; margin:0;}
a,a:focus{outline:none;}
a:hover{ text-decoration:none;}
.img-w-100{ width:100%; max-height:100%;}
.mt-50{ margin-top:50px;}
.pt-70{ padding-top:70px;}
.push-left{ float:left;}
.push-right{ float:right;}
.relative{ position:relative;}
.title-h3{ font-size:24px; color:#7A7A7A;}
.title-h6{ font-size:14px; color:#7A7A7A;}
.clearfix{ zoom:1;}
.clearfix:after {clear: both;content: " "; display:block; height:0; overflow:hidden;}
.clear{ clear:both!important; float:none!important;}
.icon-square{ width:0; height:0; position:relative; top:6px; left:0; overflow:hidden; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); border-style:dashed solid dashed dashed; border-color:transparent #fff transparent transparent; border-width:6px; overflow:hidden; display:inline-block;}
.list-delay-01{animation-delay:0.5s;-webkit-animation-delay:0.5s; /* Safari 和 Chrome */}
.list-delay-02{animation-delay:1s;-webkit-animation-delay:1s; /* Safari 和 Chrome */}
.list-delay-03{animation-delay:1.5s;-webkit-animation-delay:1.5s; /* Safari 和 Chrome */}
.list-delay-04{animation-delay:2s;-webkit-animation-delay:2s; /* Safari 和 Chrome */}
.list-delay-05{animation-delay:2.5s;-webkit-animation-delay:2.5s; /* Safari 和 Chrome */}
.list-delay-06{animation-delay:3s;-webkit-animation-delay:3s; /* Safari 和 Chrome */}
.list-delay-07{animation-delay:3.5s;-webkit-animation-delay:3.5s; /* Safari 和 Chrome */}
.list-delay-08{animation-delay:4s;-webkit-animation-delay:4s; /* Safari 和 Chrome */}
.list-delay-09{animation-delay:4.5s;-webkit-animation-delay:4.5s; /* Safari 和 Chrome */}
.list-delay-10{animation-delay:5s;-webkit-animation-delay:5s; /* Safari 和 Chrome */}
/*header*/
.navbar{ border:0;}
.navbar-brand{ margin:5px 15px; display:block; width:146px; height:40px; background:url(../images/mian-logo.png) no-repeat top left; background-size:contain;}
.navbar-default{ background:#141414;}
.navbar-default .navbar-nav>li{ display:table; width:130px; position:relative; white-space:nowrap;}
.navbar-default .navbar-nav>li>a{ color:#fff; font-size:14px; padding:10px 0 8px 0; line-height:15px; display:table-cell; vertical-align:bottom; height:50px;}
.navbar-default .navbar-nav>li>a:hover{ color:#fff;}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
.navbar .top-logo{ display:inline-block; position:relative; top:7px; width:36px; height:36px; background:#fff url(../images/nav-logo.png) no-repeat center center; background-size:60% 60%; border-radius:100%;}
.navbar .nav-cir { padding-right:5px; color:#fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{ background-color:transparent; color:#fff;}
.navbar .m-english{ margin-right:-30px; display:none; position:absolute; top:10px;}
.EN{ position:relative;}
.nav-square01,.nav-square02,.nav-square03,.nav-square04,.nav-square05{}
.nav-square01{}
.nav-square02{left:-8px;}
.nav-square03{ left:-16px;}
.nav-square04{ left:-24px;}
.nav-square05{ left:-32px;}
#Nav-logo{ width:50px;}
#Nav-01{ width:90px!important;}
#Nav-02{ width:120px!important;}
#Nav-04{ width:115px!important;}
#Nav-01,#Nav-02,#Nav-03,#Nav-04{ position:relative;}
.rotate-Y{ -webkit-animation:rotateMoveY 1s linear 1; -moz-animation:rotateMoveY 1s linear 1; -o-animation:rotateMoveY 1s linear 1; -ms-animation:rotateMoveY 1s linear 1; animation:rotateMoveY 1s linear 1; position:relative;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{ color:#fff;}
.vertical-top{ vertical-align:top!important;}
.float-left{ float:left;}
.float-right{ float:right;}

/*index*/
.index-wrap{ height:100%; }
.index-container{ width:100%; min-height:500px;}
.index-min-height{ min-height:700px!important;}
.body-bg{width:100%; min-height:500px; background:url(../images/body-bg.jpg) no-repeat top right;}
.click-move-box{ /*width:925px; height:520px;*/ /*width:81.14035087719298%;*/  width:100%; margin:0 auto; /*border-bottom:1px solid red;*/ /*background-color:#dbdbdb;*/ overflow:hidden; position:relative; text-align:center;}
.click-move-box .index-video{ width:100%;}
.click-move-box .hand-box{ width:100px; height:140px; position:absolute; z-index:1; top:50%; margin-top:-50px; left:50%; margin-left:-50px;}
.click-move-box .band-icon{ display:block; margin:0 auto; height:35px; width:30px; background:url(../images/hand.png); position:relative; top:10px;}
.click-move-box .c-text{ padding-top:10px; color:#A00D0D;}
.click-move-box .click-icon-cir{width:70px; height:70px; z-index:1; position:relative; border:5px solid #fff; box-shadow:0 0 0 1px #A00D0D,0 0 0 5px #fff; border-radius:100%; background-color:#141414; background-position:center center; background-repeat:no-repeat; overflow:--hidden;}
.click-move-box .click-icon-cir-bg{ width:110px!important; z-index:0; height:110px!important; border:5px solid #fff; box-shadow:0 0 0 1px #A00D0D,0 0 0 5px #fff; border-radius:100%; background-color:#a9a9a9;  overflow:hidden; display:none; position:absolute; top:50%; margin-top:-70px; left:50%; margin-left:-55px;}
.click-move-box .click-icon-01{ display:inline-block; cursor:pointer; background-image:url(../images/write-logo.png); background-size:50% 50%;  -webkit-transition:all 0.5s ease-in-out;}
.click-move-box .click-icon-01-move{-webkit-animation:Cicon-A-Move 0.5s ease-in forwards; animation:Cicon-A-Move 0.5s ease-in forwards;}/*forwards*/

.index-intro-text-box{position:absolute; width:100%; text-align:center; bottom:80px; left:0; display:none; }
.index-icon-text{ color:#6D6D6D; font-style:normal; white-space:nowrap;}
/*.t-pos-01{ left:100px!important;}
.t-pos-02{ left:55px!important;}
.t-pos-03{ left:20px!important;}
.t-pos-04{ left:-15px!important;}
.t-pos-05{ left:-45px!important;}*/
.click-move-box .click-icon-02{ display:none; background-image:url(../images/click-icon-01.png); background-size:25px 32px; margin:0 5px; position:relative; top:200px; transition:all 0.5s linear;}
.click-move-box .click-icon-03{ display:none; background-image:url(../images/click-icon-02.png); background-size:32px 32px; margin:0 5px; position:relative; top:200px;}
.click-move-box .click-icon-04{ display:none; background-image:url(../images/click-icon-03.png); background-size:32px 32px; margin:0 5px; position:relative; top:200px;}
.click-move-box .click-icon-05{ display:none; background-image:url(../images/click-icon-04.png); background-size:32px 32px; margin:0 5px; position:relative; top:200px;}
.click-move-box .click-icon-06{ display:none; background-image:url(../images/click-icon-05.png); background-size:32px 32px; margin:0 5px; position:relative; top:200px;}
.click-move-box .click-icon-07{ display:none; background-image:url(../images/click-icon-06.png); background-size:32px 32px; margin:0 5px; position:relative; top:200px; box-shadow:0 0 0 1px #A00D0D,0 0 0 5px #fff,0 0 0 6px rgba(160,13,13,0.8),0 0 0 11px #fff,0 0 0 12px rgba(160,13,13,0.4),0 0 0 16px #fff,0 0 0 17px rgba(160,13,13,0.2),0 0 0 22px #fff,0 0 0 23px rgba(160,13,13,0.1)!important;}
.click-move-box .click-icon-08{ display:none; background-image:url(../images/write-logo.png); background-size:50% 50%; position:absolute; TOP:200px; left:50%; margin-left:-35px; }
.click-move-box .click-icon-09{ display:none; background:url(../images/click-icon-07.png) no-repeat center center; width:140px; height:110px; position:absolute; TOP:200px; left:50%; margin-left:-70px; }
.index-icon-text-h2{ display:none; position:absolute; bottom:30px; color:#6D6D6D; font-size:18px; width:100%; text-align:center;}

.iconB-move{animation:Cicon-B-Move 5s ease-in-out both; visibility:visible;  display:inline-block!important;}
.iconC-move{animation:Cicon-C-Move 5s ease-in-out 0.5s both; visibility:visible;  display:inline-block!important;}
.iconD-move{animation:Cicon-D-Move 5s ease-in-out 0.6s both; visibility:visible;  display:inline-block!important;}
.iconE-move{animation:Cicon-E-Move 5s ease-in-out 0.8s both; visibility:visible;  display:inline-block!important;}
.iconF-move{animation:Cicon-F-Move 5s ease-in-out both; visibility:visible;  display:inline-block!important;}
.index-about-line{ display:none;}

/*首页第二屏*/
.index-screen-02{ text-align:center;}
.index-screen-02 .screen-02-intro{ text-align:left; line-height:26px; color:#6D6D6D; width:80%; margin:20px auto 62px auto; position:relative; left:240px; padding-right: 10%;}
.index-screen-02 .screen-02-intro:first-letter{ font-size:32px; margin-right:10px; font-weight:400;}
.screen-02-img{ width:1120px; margin:150px auto 50px auto; display:block;}
.m-screen-02-img{ width:1120px; margin:110px auto; display:none;}
.qi{ display:block; width:855px; height:200px; background:url(../images/qi.png) no-repeat top right; position:absolute; right:-5%; bottom:-190px;}
.index-lian{ padding:50PX 0 0 0;}

@media only screen and (min-width: 1367px) {
	.index-screen-02 .screen-02-intro{ text-align:left; line-height:26px; color:#6D6D6D; width:80%; margin:20px auto 62px auto; position:relative; left:240px; padding-right: 0;}
}

/*第三屏动画*/
.productshow{
	width:100%;
	height:132px;
	padding:4px 0;
	margin:20px auto;
	position:relative;
	text-align:center;
	font-family:微软雅黑, 黑体;
}
.index-screen-03{ position:relative; padding:50px 0 0 0;}
.index-screen-03 .pc-i-al-title{ top:16px; left:0; position:relative; display:block;}
.index-screen-03 .m-i-al-title{ display:none;}
.incex-scroll-wrap{ height:380px; width:100%; overflow:hidden; position:relative; top:-30px;}
.incex-scroll-contanier{height:380px; margin:0 auto; position:relative; width:100%; overflow:hidden;}
.pos-scroll{ position:relative; top:20px;}
.incex-scroll-contanier .incex-scroll-list{ padding:0; margin:0; height:100%; width:20000px; position:absolute; left:0; top:0;}
.incex-scroll-contanier .incex-scroll-list li{ width:190px; height:280px; float:left; position:relative; -webkit-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
.incex-scroll-active {-webkit-transform:scale(1.1); transform:scale(1.1); z-index:2; /*width:380px!important; height:310px!important;*/ top:-8px;}
.incex-scroll-active .incex-scroll-intro,.incex-scroll-active .active-line{ display:block!important;}
.incex-scroll-contanier .incex-scroll-list li .incex-scroll-img{ display:block; width:190px; height:100%;}
.incex-scroll-contanier .incex-scroll-list li .incex-scroll-img img{ width:100%; height:100%;}
.incex-scroll-contanier .incex-scroll-list li .incex-scroll-intro{ position:relative; top:-100%; left:189px; width:190px; height:100%; background-color:#494949; z-index:2; color:#fff; display:none;}
.incex-scroll-contanier .incex-scroll-list li .active-line{ display:none; border-left:1px solid #A00D0D; border-bottom:1px solid #A00D0D; position:absolute; background-color:#fff; left:0; width:205%; margin-left:-5%; z-index:1; height:10px;}
.incex-scroll-contanier .incex-scroll-list li .incex-scroll-intro .incex-scroll-more{ padding:10px; -webkit-text-size-adjust:none; font-size:8px; text-align:left;}
.incex-scroll-contanier .incex-scroll-list li .incex-scroll-intro .i-al-name{ text-align:left; font-size:18px; margin:0; padding:20px 10px 0 10px;}
.incex-scroll-contanier .incex-scroll-list li .incex-scroll-intro .i-al-intro{ text-align:left; font-size:13px; line-height:1.5; padding:10px;}
.incex-scroll-contanier .incex-scroll-list li .incex-scroll-intro .incex-scroll-texr{ padding:10px; -webkit-text-size-adjust:none; font-size:8px; line-height:1.8; text-align:left; position:absolute; bottom:-10px; }
.control-wrap{ position:absolute; left:0; top:340px; z-index:3; text-align:center; width:100%; height:20px; background:url(../images/fenge-line.png) repeat-x top left;}
.control-wrap .control-container{ display:none; background-color:#fff; padding:0 15px;}
.control-wrap .aleft{ display:inline-block; width:0; height:0; vertical-align:middle; border-style:dashed solid dashed dashed; border-color:transparent #141414 transparent transparent; border-width:8px; overflow:hidden;}
.control-wrap .stop-cir{ display:inline-block; width:15px; margin:0 5px; vertical-align:middle; height:15px; background-color:#141414; border-radius:100%; overflow:hidden;}
.control-wrap .aright{ display:inline-block; width:0; height:0; vertical-align:middle; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #141414; border-width:8px; overflow:hidden;}

.index-screen-04{ text-align:center; padding:70px 0; position:relative;}
.index-screen-04 .m-i-contact-title{ display:none; position:absolute; top:0; left:-55px;}
.index-screen-04 .m-i-contact-title img{ width:50%;}
.index-screen-04 .screen-04-clum{ display:inline-block; width:200px; height:200px; vertical-align:middle; color:#141414;}
.index-screen-04 .erweima{ width:180px; border:1px solid #A00D0D;}
.index-screen-04 .i-clum-img{ padding:10px 0 0 0;}
.index-screen-04 .i-clum-title{ font-size:18px; padding:10px 0;}
.index-screen-04 .i-clum-p{ font-size:12px;}

.index-left-star{ position:absolute; top:723px; left:0; width:420px; height:485px; display:block; background:url(../images/index-right-star.png) no-repeat top left; z-index:3;}
.index-bottom-star{position:absolute; bottom:160px; right:0; width:270px; height:225px; overflow:hidden; display:block; background:url(../images/index-bottom-start.png) no-repeat top left; z-index:3;}

/*inside*/

.inside-left-star{ position:absolute; top:210px; left:-200px; width:420px; height:485px; display:block; background:url(../images/index-right-star.png) no-repeat top left; z-index:3;}
 /*.inside-left-star{ /*display:block; width:285px; height:385px; background:url(../images/inside-left-star.png) no-repeat center top; position:absolute; top:220px; left:0; z-index:1;}*/
.inside-container{ min-height:500px;}
.inside-title{ height:80px; width:420px; position:absolute; z-index:5; top:150px; left:0; background:url(../images/inside-title.png) no-repeat center left;}
.inside-title .ch-wrod{ position:absolute; left:275px; top:10px; font-size:26px; color:#141414;}
.inside-title .en-wrod{ position:absolute; left:275px; top:55px; font-size:18px; color:#141414;}

.pc-about{ display:block;}
.m-about{ display:none;}
.m-about img{ width:100%;}
.about-container{ min-height:2000px; padding:270px 0 0 0; width:78%; margin:0 auto;}
.about-list{ font-size:16px; color:#141414; line-height:25px; list-style:none; margin:0; padding:0;}
.about-list li{ border-left:1px solid #9B0D0D; padding:0 0 40px 50px; position:relative; z-index:3;}
.about-list li .about-cir{ display:block; width:16px; height:16px; border:1px solid #9B0D0D; border-radius:100%; background-color:#fff; position:absolute; left:-8px; top:-10px;}
.about-list li .about-end-cir{ display:block; width:10px; height:10px; border:1px solid #9B0D0D; border-radius:100%; background-color:#fff; position:absolute; left:-6px; bottom:-10px;}
.about-list li .about-h2{ margin:0 0 0 0; padding:0 0 0 0; position:relative; top:-17px; font-size:22px;}
.about-list .about-jion-fenge{ padding:0 0 0 50px; }
.about-list .about-jion-fenge .fg-line{background:url(../images/about-fenge-line.png) no-repeat top left; display:block; width:30px; height:40px; position:absolute; top:-2px; left:8px;}
.about-list .about-jion-fenge .about-h2{ position:absolute;}
.about-list .sub-typle{ position:relative; left:38px; top:45px; padding:0 0 40px 15px;}
.about-list .sub-typle .about-cir{ width:10px; height:10px; left:-6px;}
.about-list .sub-typle .about-h2{ font-size:20px; top:-13px;}
.about-list .sub-typle .about-h2 .sub-h2-word{ font-size:12px;}
.about-link-img-wrap{ display:inline-block; padding:20px 0 50px 0;}
.about-link-img-wrap img{ width:auto; margin:15px 0; vertical-align:middle; display:inline-block;}
.about-link-img-wrap2{ display:inline-block; padding:20px 0 50px 0;}
.about-link-img-wrap2 img{ width:auto;  margin:15px 0; vertical-align:middle; display:inline-block;}
.about-link-img-wrap3{ display:inline-block; padding:20px 0 50px 0;}
.about-link-img-wrap3 img{ width:auto; margin:15px 0; vertical-align:middle; display:inline-block;}
.about-link-img-wrap4{ display:inline-block; padding:20px 0 50px 0;}
.about-link-img-wrap4 img{ width:auto; margin:15px 0; vertical-align:middle; display:inline-block;}


.pc-al-img-wrap{ display:block;}/*pc电脑和pad*/
.m-al-img-wrap{ display:none;}/*手机移动设备*/

.al-container{min-height:1600px; padding:80px 0 0 0; width:90%; margin:0 auto;}
.al-img-list{ position:relative; z-index:0; padding:0;}
.al-img-list li{ width:50%; float:left; padding:20px 0 0 0; margin-bottom:15px; position:relative; background:url(../images/al-img-top-line.png) no-repeat top left;}
.al-img-list li .al-img-wrap{ background:url(../images/al-img-left-bg.png) repeat-y top left; height:300px; overflow:hidden;}
.al-img-list li .al-img-wrap .al-img{ height:100%; float:left; margin:0 10px 0 10px;}
.al-img-list li .al-img-wrap .al-img-right{ float:left; width:220px; font-size:12px; color:#141414; line-height:20px;}

.al-img-list li .al-img-wrap .al-img-right .al-img-intro{ position:absolute; bottom:0; left:220px;}
.al-img-list li .al-img-wrap .al-img-right .al-img-title{ font-size:18px;}
.al-img-list li .al-img-wrap .al-img-right .al-img-sub-title{ font-size:14px; white-space:nowrap;}
.al-fenge-line{ height:1px; overflow:hidden!important; clear:both!important; float:none!important; display:block; background:none!important;}
.al-first-li{ position:relative; float:right!important; top:40px; background:none!important;}
.al-list-left-li{ top:-69px;}
.al-sub-title-01{ position:absolute; top:-36px; left:0;}
.al-sub-title-02{ position:absolute; left:50%; margin-left:-1016px; border-bottom:1px solid #a00d0d; padding-left:500px;}
.al-tyle-02-img{ width:100%; font-size:0; line-height:0;}
.al-tyle-02-img img{ width:100%; display:block;}

.contact-container{width:100%!important; padding:210px 0 0 0;}
.pc-contact-title{ display:block;}
.m-contact-title{ display:none;}
.line{ z-index:3; text-align:center; width:100%; margin:20px 0 0 0; height:20px; background:url(../images/fenge-line.png) repeat-x top left;}

.pc-products-container{ clear:both; width:80%; padding:210px 0 0 0; margin:0 auto;}
.pc-products-container .prodoust-box-left,.pc-products-container .prodoust-box-right{ height:100%; overflow:hidden; position:relative; padding:0; margin:0;}
.pc-products-container .products-title{ font-size:24px; color:#7A7A7A; font-weight:400; padding:10px 0;}
.pc-products-container .line{ margin:10px 0 0 0;}
.pc-products-content{ display:block; clear:both; height:250px; margin-bottom:20px;}
.pc-products-content .prodoust-box-right{ margin:0;}
.pc-products-content .products-intro,.products-intro{ font-size:13px; color:#606060; line-height:1.8;}
.pc-products-content .products-intro .text-indent,.text-indent{ text-indent:25px;}
.pc-products-container .prodoust-box-left .products-intro{ padding-right:15px;}
.pc-products-container .prodoust-box-right .products-intro{ padding-left:15px;}
.pc-products-content .down-load-btn { position:absolute; bottom:0; right:-20px;}
.pc-products-content .down-load-btn,.pc-products-content .down-load-btn *{ color:#A00D0D; font-size:16px;}
.pc-products-content .down-load-btn .icon-square{ border-color:transparent #A00D0D transparent transparent;}
.pc-products-content .products-left-line{ display:block; width:250px; height:100px; background:url(../images/products/products-left-line.png) no-repeat top right; position:absolute; right:5px; bottom:0;}
.pc-products-content .products-right-line{ display:block; width:250px; height:100px; background:url(../images/products/products-right-line.png) no-repeat top left; position:absolute; left:5px; bottom:0;}


/*footer*/
.footer{ padding:50px 0; background-color:#141414; text-align:center; color:#fff; line-height:30px; position:relative;}
.footer .footer-line{ display:block; height:12px; width:50%; background:url(../images/footer-line.png) no-repeat top right; position:absolute; top:-12px; left:0;}

/*less ie*/
.ietips {
	width: 400px;
	height: 160px;
	position: fixed;
	_position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 50%;
	margin-top: -80px;
	background-color: #fff;
	z-index: 9999;
	color: #333;
	font-size: 14px
}
.ietips h2 {
	font-size: 14px;
	text-align: center;
	line-height: 1.7;
	padding: 15px 20px
}
.u-mark {
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position: fixed;
	_position: absolute;
	left: 0;
	top: 0;
	z-index: 9998
}
.ietips .close-p {
	display: block;
	width: 120px;
	height: 25px;
	line-height: 25px;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
	background-color: #29ABE2;
	color: #fff
}

@media (min-width: 1600px){
	.container{ width:70%;}
	.qi{ right:-25%;}
	.index-left-star{ top:790px;}
	
}

@media (max-width: 767px){
	.body-bg{ background:url(../images/m-body-bg.jpg) no-repeat top right; background-size:contain;}
	.m-inside-content{ padding:10px 15px;}
	/*header*/
	.navbar-brand{ margin:4px 0; background-position:13px 0;}
	.navbar .top-logo{ display:none;}
	.navbar-default .navbar-nav>li{ left:15px;}
	
	/*icon move*/
	
	.click-move-box .click-icon-01,.click-move-box .click-icon-02,.click-move-box .click-icon-03,.click-move-box .click-icon-04,.click-move-box .click-icon-05,.click-move-box .click-icon-06,.click-move-box .click-icon-07{ margin:0 2px; width:50px; height:50px; }
	.click-move-box .click-icon-09{ top:120px;}
	.click-move-box .click-icon-02,.click-move-box .click-icon-03,.click-move-box .click-icon-04,.click-move-box .click-icon-05,.click-move-box .click-icon-06,.click-move-box .click-icon-07,.click-move-box .click-icon-08,.click-move-box .click-icon-09{ top:120px;}
	.click-move-box{ height:100%; width:112%; margin-bottom:40px; margin-left:-6%; z-index:0;}
	.index-video{ width:100%; height:auto;}
	.index-screen-02{ position:relative; left:-15px; background:url(../images/m-about-bg.png) no-repeat top left -60px;}
	.index-screen-02 .screen-02-intro{ padding:0; line-height:25px; left:20px; font-size:12px; width:90%; -webkit-transform-origin-x: 0;
            -webkit-transform: scale(0.40)!important;}
	.index-screen-02 .m-about-title{ display:block; width:130px; height:55px; background:url(../images/m-about-title.png) no-repeat center left; position:absolute; right:-25%; bottom:-100px; background-size:contain;}
	.index-screen-02 .screen-02-intro:first-letter{ font-size:22px; }
	.screen-02-img{display:none;}
	.m-screen-02-img{ width:96%; margin:0 auto; display:block;}
	.qi{ display:none;}
	
	.index-screen-03{}
	.index-screen-03 .pc-i-al-title{ top:16px; left:0; position:relative; display:none;}
	.index-screen-03 .m-i-al-title{ display:block; top:16px; left:-15px; position:relative;}
	.index-screen-03 .m-i-al-title img{ width:50%;}
	/*.incex-scroll-active{ height:290px!important;}*/
	.incex-scroll-contanier .incex-scroll-list li .incex-scroll-intro .i-al-name{ font-size:13px;}
	.incex-scroll-contanier .incex-scroll-list li .incex-scroll-intro .i-al-intro{ font-size:12px;}
	.incex-scroll-active {-webkit-transform:scale(1); transform:scale(1); z-index:2; /*width:380px!important; height:310px!important;*/ top:-8px;}
	.incex-scroll-contanier .incex-scroll-list li .incex-scroll-intro .incex-scroll-texr{-webkit-transform:scale(0.8); transform:scale(0.8); left:-15px; bottom:-25px;}
	
	.index-about-line{ display:block; position:absolute; bottom:-72px; left:-15px; width:52%;}
	.index-left-star{display:none;}
	.index-bottom-star{ width:80px; height:75px; bottom:66px; overflow:hidden; background-size:contain; background-position:0 13px;}
	.incex-scroll-more{ display:none;}
	.incex-scroll-wrap{ height:380px; width:110%; overflow:hidden; position:relative; top:-30px; left:-5%;}
	.index-screen-04 .m-i-contact-title{ display:block;}
	
	/*.incex-scroll-contanier,.pos-scroll{ position:inherit;}
	.incex-scroll-contanier .incex-scroll-list{ position:inherit;}*/
	
	
	
	/*inside*/
	
	.inside-container{ min-height:inherit; height:100%;}
	.inside-title{ height:80px; width:420px; left:-110px; top:60px; background-size:60%;}
	.inside-title .ch-wrod{ position:absolute; left:180px; top:20px; font-size:18px; color:#141414;}
	.inside-title .en-wrod{ position:absolute; left:180px; top:50px; font-size:4px; color:#141414;}
	.inside-left-star{width:140px; height:190px; top:140px; background-size:contain;}
	.pc-about{ display:none;}
	.m-about{ display:block; width:112%; margin-left:-6%;}
	/*.about-link-img-wrap img{margin:5px 0; height:40px;}
	.about-link-img-wrap2 img{margin:5px 0; height:40px;}
	.about-link-img-wrap3 img{margin:5px 0; height:40px;}
	.about-link-img-wrap4 img{margin:5px 0; height:40px;}*/
	
	
	.pc-al-img-wrap{ display:none!important;}/*pc电脑和pad*/
	.m-al-img-wrap{ display:block!important; width:112%; margin-left:-6%;}/*手机移动设备*/
	.m-al-img-wrap img{ width:100%;}
	
	.al-container{ width:100%!important; padding:150px 0 0 0;}
	.al-img-list li{ width:100%; top:0; background:none!important;}
	.al-img-list li .al-img-wrap{ overflow:inherit!important; height:auto!important; background:url(../images/al-img-left-bg.png) repeat-x bottom left;}
	
	.al-img-list li .al-img-wrap .al-img{ width:100%; padding:0; margin:0;}
	.al-img-list li .al-img-wrap .al-img-right{ width:100%; float:none!important; padding:10px 10px; clear:both!important;}
	.al-img-list li .al-img-title{ font-size:18px; text-align:center; padding-bottom:15px; color:#111;}
	.al-img-list li .al-img-wrap .al-img-right .al-img-intro{ position:inherit; left:10px; clear:both;}
	
	.al-img-list li{ float:none!important; clear:both;}
	
	.contact-container{width:100%!important; padding:0;}
	.pc-contact-title{ display:none;}
	.m-contact-title{ display:block; width:112%; margin-left:-6%;}
	.m-contact-title img{ width:100%;}
	.m-screen-04{ padding:20px 0;}
	.m-screen-04 .erweima{ width:140px; margin-top:20px;}
	
	/*mobile products*/
	.m-products-h5-title{ border-bottom:5px solid #A00D0D; position:relative; color:#7A7A7A; margin:10px 0;}
	.m-products-h5-title .m-pro-title{ position:absolute; left:0; bottom:-15px; display:block; height:20px; background-color:#fff; padding-right:5px; font-size:16px;}
	.m-products-sub-title{color:#7A7A7A; padding:5px 0; clear:both;}
	.m-proucts-box{ background-color:#f9f9f9;}
	.m-down-load-btn { position:absolute; bottom:15px; right:-10px;}
	.m-down-load-btn,.m-down-load-btn *{ color:#A00D0D; font-size:16px;}
	.m-down-load-btn .icon-square{ border-color:transparent #A00D0D transparent transparent;}
	.m-media-warp{ height:195px; margin-bottom:15px; text-align:center; line-height:1px; position: relative;}
	.m-media-warp .m-products-img img{ height: 100%;}
	.red-play{ 
		background: url(../images/play.png) no-repeat center center;
		display: block;
		width: 50px;
		height: 50px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -25px;
		margin-left: -25px;
		
	
	}
	.moveup{
		-webkit-animation: playBtnMove 1s ease-out;
		animation: playBtnMove 1s ease-out;
	}
	@-webkit-keyframes playBtnMove{
		from{
			top:110%;
			transform:scale(0.5);
		}
		to{
			top:50%;
			transform:scale(1);
		}
	}
	
	@keyframes playBtnMove{
		from{
			top:110%;
			transform:scale(0.5);
		}
		to{
			top:50%;
			transform:scale(1);
		}
	}
	/*footer*/
	.footer{ padding:15px 0; font-size:12px; line-height:18px;}
	
}
@media (max-width:320px){
	.navbar-brand img{ width:100%;}
	
	.incex-scroll-contanier .incex-scroll-list .incex-scroll-active{ height:260px;}
}
@media (min-width:768px) and (max-width: 1279px){/*pad*/
	.index-left-star{ width:150px; background-size:contain;}
	.click-move-box{ width:100%;}
	.index-screen-02 .screen-02-intro{ left:100px; width:90%; margin:30px auto 150px auto; padding-right:50px;}
	.index-screen-02 .screen-02-img{ width:100%;}
	.index-screen-03 .pc-i-al-title img{ width:50%;}
	.index-bottom-star{ width:180px;}
	
	.qi{ height:100px; background-size:contain; right:0;}
	
	/*inside*/
	.inside-left-star{ width:120px; left:0; background-size:contain;}
	.about-link-img-wrap img,.about-link-img-wrap2 img,.about-link-img-wrap3 img,.about-link-img-wrap4 img{ width:100%;}
	
	.al-container{ padding:180px 0 0 0;}
	.al-img-list li{     background: url(../images/al-img-top-line.png) no-repeat top center;}
	.al-list-left-li{ top:-44px;}
	.al-img-list li .al-img-wrap{ height:250px;}
	.al-img-list li .al-img-wrap .al-img-title{ padding-left:10px;}
	.al-img-list li .al-img-wrap .al-img-right .al-img-intro{ left:188px; padding-right:10px;}
	
	
	
}

@media (min-width:1367px){
	.pc-products-content{ height:250px;}
}


/*css3 animation*/
@-webkit-keyframes rotateMoveY{
	from{ transform:perspective(0px) rotateY(0px)}
	to{ transform:perspective(200px) rotateY(360deg);}
}

@keyframes rotateMoveY{
	from{ transform:perspective(0px) rotateY(0px)}
	to{ transform:perspective(200px) rotateY(360deg);}
}



/*首页图标动画*/
@-webkit-keyframes Cicon-A-Move{
	0{ transform:scale(1); opacity:1;}
	100%{ transform:scale(6); opacity:0;}
}
@keyframes Cicon-A-Move{
	0{ transform:scale(1); opacity:1;}
	100%{ transform:scale(6); opacity:0;}
}
@keyframes Cicon-B-Move{
    0%{transform-origin: 200px; transform: rotate(0deg); opacity:1;}
	100%{transform-origin: 120px; transform: rotate(180deg); opacity:0;}
}

@keyframes Cicon-C-Move{
    0%{transform-origin: 260px; transform: rotate(0deg); opacity:1;}
	100%{transform-origin: 79px; transform: rotate(180deg); opacity:0;}
}
@keyframes Cicon-D-Move{
    0%{transform-origin: 260px; transform: rotate(0deg); opacity:1;}
	100%{transform-origin: 36px; transform: rotate(180deg); opacity:0;}
}
@keyframes Cicon-E-Move{
    0%{transform-origin: -260px; transform: rotate(0deg); opacity:1;}
	100%{transform-origin: -5px; transform: rotate(180deg); opacity:0;}
}
@keyframes Cicon-F-Move{
    0%{transform-origin: -300px; transform: rotate(0deg); opacity:1;}
	100%{transform-origin: -50px; transform: rotate(180deg); opacity:0;}
}