﻿@charset "utf-8";
/* CSS Document */
/* fixed */
.load-box{ display: none; }
html,body{
	font: 14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;
	color:#666;
	/*font-family:"微软正黑体","Microsoft JhengHei";*/
	}
.pw{ 
	width:1180px;
	margin:0 auto;
	}
.pw2{ 
	width:1100px;
	margin:0 auto;
	} 
.pw3{ 
	width:980px;
	max-width:90%;
	margin:0 auto;
	}
.pw4{ 
	width:886px;
	max-width:90%;
	margin:0 auto;
	} 
.pw5{ 
	width:900px;
	max-width:90%;
	margin:0 auto;
	} 
.pw6{ 
	width:1548px;
	margin:0 auto;
	} 
@font-face {
	font-family: 'din-bold';
	src: url('../fonts/din-bold_.eot');
	src: local('☺'), url('../fonts/din-bold_.woff') format('woff'), url('../fonts/din-bold_.ttf') format('truetype'), url('../fonts/din-bold_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'DIN Medium';
	src: url('../fonts/DIN Medium.eot');
	src: local('☺'), url('../fonts/DIN Medium.woff') format('woff'), url('../fonts/DIN Medium.ttf') format('truetype'), url('../fonts/DIN Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	}
.ff-1{ font-family: 'din-bold'; }
/* .ff-2{ font-family: 'DIN Medium'; } */
/* fixed end */

.header{ height:104px; transition:400ms; -webkit-transition:400ms; }
.header .logo{ width:149px; float:left; margin:38px 0 0 38px; transition:400ms; -webkit-transition:400ms; }
.header .logo > img:first-child{ display: none; }
.header .nav{ float:left; margin-left:28%; }
.header .nav li{ float:left; position:relative; }
.header .nav li > a{ display:block; line-height:24px; font-size: 16px; color:#959595; padding:40px 21px; transition:400ms; -webkit-transition:400ms; }
.header .nav li > a:hover{ background:#e81223; color:#fff; }
.header .nav li > a.act{ background:#e81223; color:#fff; }
.tnav{ position:absolute; left:0; right:0; top:104px; background:#fff; display:none; }
.tnav a{ display:block; line-height:24px; color:#646464; text-align:center; padding:14px 5px; }
.tnav a:hover{ background:#eee; }

.header .tools{ float:right; margin:40px 44px 0 0; transition:400ms; -webkit-transition:400ms; }
.tools a{ display:block; float:left; margin-right:18px; position:relative; color:#000; }
.tools .ico{ width:24px; height:24px; background-position:center top; transition:300ms; -webkit-transition:300ms; position:relative; }
.tools .t1 .ico{ background-image:url(../images/h-ico-1.png); }
.tools .t2 .ico{ background-image:url(../images/h-ico-2.png); }
.tools .t3 .ico{ background-image:url(../images/h-ico-3.png); }
.tools a:last-child{ margin-right:0; }
.tools a:hover .ico,
.tools a.act .ico{ background-position:center bottom; }
.tools .b{  position:absolute; top:24px; right:0; width:254px; padding-top:55px; transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0; visibility:hidden; transition:600ms; -webkit-transition:600ms; }
.tools .b .c{ border:5px solid #fff; background:#fff; position:relative; box-shadow:0 0 10px rgba(0,0,0,.2); }
.tools .b .c:before{ content:""; width:16px; height:7px; position:absolute; right:10px; top:-12px; background:url(../images/h-ico-4.png) no-repeat center bottom; }
.tools .tel{ font-size:30px; line-height:1; text-align:center; padding:15px 0; }
.tools .t2 .b{ width:120px; }
.tools a.act .b{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; }

.header.sheader{ height:64px; box-shadow: 0 0 5px rgba(0,0,0,.5); }
.header.sheader .logo{ margin-top:18px; }
.header.sheader .nav li > a{ padding-top:20px; padding-bottom:20px; }
.header.sheader .tools{ margin-top:20px; } 
.header.sheader .tools .b{ padding-top:35px; }
.header.sheader .tnav{ top:64px; }

.pbanner{ position:relative; overflow:hidden; }
.mtop{ height:104px; }
.content{ position:relative; min-height:950px; padding-top:170px; }

.pnav{ width:100px; z-index:99; position:absolute; top:0; left:12.76%; margin-top:197px; }
.pnav a{ display:block; padding:0 5px; height:100px; overflow:hidden; line-height:24px; text-align:center; color:#646464; background:#fff; }
.pnav a > p{ padding-top:38px; }
.pnav.spnav{ position:fixed; }
.pnav.hide li{ transform:translateY(-20px); -webkit-transform:translateY(-20px); opacity:0; visibility:hidden; }

.abpa{ padding-left:230px; }
.abti{ position:relative; font-size:0; }
.abti:before{ content:""; width:100%; height:6px; background:#000; position:absolute; left:0; top:50%; margin-top:-3px; }
.abti .ti{ font-size:72px; line-height: 1.1; color:#000; position:relative; background:#fff; text-transform: capitalize; display:inline-block; padding-right:30px; }
.abti2{ padding-left:53px; position:relative; }
.abti2 .ti{ font-size:32px; color:#000; }
.abti2 .line{ width:42px; height:1px; background:#e81223; position:absolute; left:0; top:50%; }
.abtx{ font-size:18px; line-height:2.6; } 
.abtx span{ display:block; } 
.abfixbg{ height:540px; }
.ab .abti2{ margin-bottom:60px; } 
.ab .abti{ margin-bottom:154px; }
.ab .abtxts .txts{ padding-bottom:240px; }
.abtx2{ font-size:16px; line-height:2.6; }
.ab2{ padding-top:191px; }
.abti2 .num{ display:inline-block; color:#9d9d9d; position:absolute; left:0; bottom:6px; padding-bottom:3px; }
.abti2 .num:before{ content:""; width:100%; height:1px; background:#959595; position:absolute; left:0; bottom:0; }

.footer{ background:#141414; }

.cul-list{ overflow:hidden; margin-left:-3%; margin-top:160px; }
.cul-list li{ width:47%; margin-left:3%; margin-bottom:3%; float:left; color:#969696;  }
.cul-list .bodr{ border:1px solid #eee; overflow:hidden; height:228px; }
.cul-list .txts{ padding:66px 45px 0 45px; transition:400ms; -webkit-transition:400ms; }
.cul-list .line{ display:block; width:25px; height:4px; background:#e81223; margin-bottom:15px; }
.cul-list .en{ font-size:36px; margin-bottom:12px; transition:400ms; -webkit-transition:400ms; }
.cul-list .ch{ font-size:16px; font-weight:bold; color:#000; margin-bottom:47px; transition:400ms; -webkit-transition:400ms; }
.cul-list .tx{ font-size:16px; line-height:2 !important; opacity:0; visibility:hidden; transition:400ms; -webkit-transition:400ms;  }

.his-list li{ background:#eee; overflow:hidden; position:relative; padding:70px 125px 68px 65px; margin-bottom:27px; }
.his-list .num{ width:30px; text-align:center; height:30px; line-height:30px; overflow:hidden; background:#e60012; color:#fff; border-radius:100%; position:absolute; top:27px; left:26px; } 
.his-list .date{ font-size:48px; line-height:1; color:#000; padding-left:53px; position:relative; }
.his-list .date:before{ content:""; width:25px; height:1px; background:#000; left:0; top:50%; position:absolute; }
.his-list .datebox{ width:40%; float:left; }
.his-list .freeTx{ width:60%; float:left; font-size:16px; line-height:2; padding-top:17px; }
.abtpanel{ padding-bottom:207px; }
.his-list{ margin-top:128px; }
.abopanel{ padding-bottom:238px; }

.abti3{ font-size:14px; color:#020202; font-weight:bold; margin-bottom:45px; }
.ah-list a{ color: #666; }
.honor-list li{ padding:10px 18px; background:#f4f4f4; overflow:hidden; }
.honor-list .datebox{ width:23.3%; float:left; }
.honor-list .date{ line-height:32px;  color:#010101; }
.honor-list .honors{ width:76.7%; float:left; }
.honor-list .honors a{ display:block; color:#646464; line-height:32px; }
.honor-list li:nth-child(2n){ background:#fff; }
.abth1{ padding-bottom:80px; margin-top:150px; }
.abth2{ padding-bottom:250px; }
/* big */
html.openImg { /* overflow: hidden; */ }
.overlayClose { width: 80px; height: 80px; display: block; transition: 300ms; -webkit-transition: 300ms; }
.overlayClose i { background: url(../images/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover { background-color: #e81223; }
.imgstools { position: absolute; right: 0px; top: 0px; z-index: 1000; width: 330px; color: #fff; background-color: #000000; }
.imgstools .imgPrev { background: url(../images/img_l3.png) no-repeat scroll center center; width: 100%; height: 100%; cursor: pointer; }
.imgstools .imgNext { background: url(../images/img_r3.png) no-repeat scroll center center; width: 100%; height: 100%; cursor: pointer; }
.imgstools .imgPrev:hover { background-color: #333; }
.imgstools .imgNext:hover { background-color: #333; }
.imgstools li { float: left; display: block; border-left: 1px solid #333; width: 80px; height: 80px; text-align: center; }
.imgstools li.lastitem { padding-left: 8px; border-left-color: #333; }
.imgstools li .snumBox { color: #fff; height: 80px; line-height: 80px; font-size: 18px; font-family: "濮掓稒鍨崇紞锟�", arial, helvetica, sans-serif; }
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background-color: #333333; bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 600ms ease 0s; -webkit-transition: all 600ms ease 0s; z-index: 1010; width: 100%; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; }
.no-csstransitions .imgShowBox { display: none; }
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
/* .imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
 */.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 80px; right: 0px; bottom: 0px; }
.imgShowDemo .con { position: absolute; left: 0px; right: 0px; bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%; }
.imgShowDemo .con .t { font-size: 16px; color: #333; }
.imgShowDemo .txt { background: #000000; font-size: 14px; color: #fff; position: absolute; left: 0; right: 0; top: 0; padding: 15px 0px; height: 50px; line-height: 50px; overflow: hidden; text-align: center; z-index: 10; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show { display: block; }
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 50px; height: 50px; border-radius: 50%; background-color: transparent; overflow: hidden; top: 50%; margin-top: -25px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image: url(../images/img_l4.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image: url(../images/img_r4.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { background-color: #e2bfa5; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #e2bfa5; }
/* big end */

.serti{ font-size:28px; font-weight:bold; color:#020202; }
.ser-ctt .freeTx{ line-height:2.7; margin-bottom:56px; }
.sermore{ display:block; width:187px; height:64px; line-height:64px; text-align:center; overflow:hidden; background:#959595; color:#fff; }
.ser-ctt .serti{ margin-bottom:35px; }
.ser-imgs .pic:after{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url(../images/black.png); background:rgba(0,0,0,.3); }
.ser-imgs{ margin-top:177px; }
.ser-ctt .abti{ margin-bottom:135px; }

.pro-nav{ overflow:hidden; }
.pro-nav ul{ float:right; }
.pro-nav ul li{ float:left; padding:0 6px; }
.pro-nav a{ display:block; color:#000; line-height:24px; padding:11px 17px; position:relative; }
.pro-nav a:before{ content:""; position:absolute; height:3px; width:0; background:#e81223; bottom:0; left:auto; right:0; transition:300ms; -webkit-transition:300ms; }
.pro-pa{ padding:0 72px; }

.pro-list{ overflow:hidden; margin-top:20px; }
.pro-list a{ display:block; width:25%; float:left; background:#eee; color:#000; transition:400ms; -webkit-transition:400ms; position:relative; margin-bottom:20px; }
.pro-list .picbox{ position:relative; overflow:hidden; }
.pro-list .txb{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; padding: 25px 35px 0 35px; background:#e81223; background: rgba(232, 18, 35, 0.8); color: #fff; transform: scale(0.9); -webkit-transform: scale(0.9); opacity: 0; visibility: hidden; transition: 400ms; }
/*.pro-list .picbox:after{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/black.png); transition:400ms; -webkit-transition:400ms; opacity:0; visibility:hidden; }
.pro-list .picbox:before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; z-index:9; background:url(../images/pro-ico-1.png) no-repeat center center; transform:translateY(-20px); -webkit-transform:translateY(-20px); opacity:0; visibility:hidden; transition:400ms; -webkit-transition:400ms; } */
.pro-list .nowti{ line-height:24px; }
.pro-list .txts{ padding:45px 35px 53px 35px; position:relative; }
.pro-list .txts:before{ content:""; width:0; height:1px; background:#e81223; position:absolute; bottom:0; right:0; left:auto; transition:400ms; -webkit-transition:400ms; }
.pro-list a:after{ content:""; width:1px; height:100%; background:#fff; position:absolute; top:0; right:0; }
.propanel{ padding-top:30px; padding-bottom:92px; }

.pro-list a:hover .txb{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; }

.pdpanel{ color:#000; }
.pd-ti{ font-size:36px; font-weight:bold; color:#000; }
.pd-tx{ overflow:hidden; margin-top:48px; }
.pd-tx .freeTx{ float:left; width:56.8%; }
.pd-mass{ width:208px; border:1px solid #e5e5e5; float:right; }
.pd-mass li{ padding:18px 17px; border-bottom:1px solid #e5e5e5; }
.pd-mass p{ padding-left:30px; line-height:24px; position:relative; }
.pd-mass p:before{ content:""; width:30px; height:24px; position:absolute; top:0; left:0; background-position:left center; background-repeat:no-repeat; }
.pd-mass .m1 p:before{ background-image:url(../images/pd-ico-1.png); }
.pd-mass .m2 p:before{ background-image:url(../images/pd-ico-2.png); }
.pd-mass .m3 p:before{ background-image:url(../images/pd-ico-3.png); }
.pd-mass .m4 p:before{ background-image:url(../images/pd-ico-4.png); }
.pd-mass .m3{ border:none; }
.pd-imgs .pic{ margin-bottom:20px; }
.pd-imgs{ margin-top:52px; }
.pdpanel{ padding:128px 0 217px 0; }

.pd-back{ width:60px; position:fixed; z-index:99; top:50%; right:20px; margin-top:-75px; transition:600ms; -webkit-transition:600ms; }
.pd-back a{ display:block; text-align:center; color:#000; position:relative; line-height:24px; padding:3px 0; }
.pd-back .back:before{ content:""; position:absolute; width:100%; height:2px; background:#e81223; left:0; bottom:0; }
.pd-back .back{ margin:30px 0; }
.pd-back.hide{ transform:translateY(-20px); -webkit-transform:translateY(-20px); opacity:0; visibility:hidden; }

.job1 .abti{ margin-bottom:131px; }
.job1 .abfixbg{ margin-top:202px; }
.pro-list.job-list a{ width:46.6%; }
.pro-list.job-list .picbox:before{ display:none; } 
.seeBtn{ position:absolute; left:0; right:0; top:50%; margin-top:-27px; z-index:9; color:#fff; text-align:center; transform:translateY(-20px); -webkit-transform:translateY(-20px); opacity:0; visibility:hidden; transition:400ms; -webkit-transition:400ms; }
.seeBtn .ico{ height:26px; background-image:url(../images/pro-ico-1.png); }
.seeBtn p{ line-height:24px; margin-top:4px; }
.pro-list.job-list{ margin-top:138px; }
.job2 .abfixbg{ margin-top:136px; }
.job2{ padding-top:150px; }

.jp-list li{ overflow:hidden; padding:33px 83px 29px 53px; background:#f4f4f4; cursor:pointer; position:relative; border-bottom:1px solid #f4f4f4; }
.jp-list .jp-l{ width:35.5%; float:left; }
.jp-list .jp-r{ width:64.5%; float:left; }
.jp-en{ color:#969696; }
.jp-list .jp-l .jp-en{ margin-bottom:23px; }
.jp-list .jp-r .jp-en{ margin-bottom:20px; }
.jp-list .freeTx{ line-height:32px; height:96px; margin-bottom:24px; }
.jp-list .freeTx a{ color:#646464; }
.openBtn{ text-align:left; line-height:24px; }
.openBtn p{ color:#969696; font-size:12px; }
.openBtn .aw{ height:24px; width:11px; background-image:url(../images/job-ico-1.png); margin-left:6px; transition:300ms; -webkit-transition:300ms; }
.openBtn .tx2{ display:none; }
.jp-list li.act .openBtn .aw{ transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.jp-list li.act .openBtn .tx2{ display:inline-block; } 
.jp-list li.act .openBtn .tx1{ display:none; }
.jp-list li:before{ top:0; left:auto; right:0; content:""; height:2px; background:#e81223; position:absolute; width:0; transition:600ms; -webkit-transition:600ms; }
.jp-list li.act:before{ width:100%; }
.jp-list li:nth-child(2n){ background:#fff; }
.jp-list{ margin-top:168px; }
.job3{ padding:152px 0 176px 0; }


.content2 .pnav{ left:33px; margin-top:65px; }
.content2 .pnav.spnav{ margin-top:168px; }

.news-list a{ display:block; color:#646464; overflow:hidden; border-bottom:1px solid #eee; padding:21px 0 23px 0; }
.news-list .pic{ width:27%; float:left; }
.news-list .txts1{ width:33.8%; float:left; }
.news-list .txts2{ width:39.2%; float:left; }
.news-list .ti{ font-size:18px; font-weight:bold; line-height:32px; height:64px; overflow:hidden; color:#000; margin-bottom:19px; }
.nw-date{ line-height:24px; color:#969696; font-size:12px; font-family:Arial; padding-left:27px; position:relative; }
.nw-date:before{ content:""; width:16px; height:24px; background:url(../images/nw-ico-1.png) no-repeat center center; position:absolute; top:0; left:0; }
.news-list .txts1 .pa{ padding:32px 0 0 50px; }
.news-list .tx{ line-height:28px !important; height:84px; margin-bottom:21px; }
.news-list .more{ font-size:12px; }
.news-list .txts2 .pa{ padding:31px 0 0 45px; }
.news-list{ margin-bottom:46px; }

.pager a{ font-family: 'DIN Medium'; color:#646464; padding:11px 15px; position:relative; margin:0 8px; }
.pager a:before{ content:""; width:0; height:4px; background:#e81223; position:absolute; left:auto; right:0; bottom:0; transition:300ms; -webkit-transition:300ms; }
.pager a.act:before{ width:100%; right:auto; left:0; }
.nwpanel{ padding:94px 0 130px 0 !important; }

.pro-list.video-list a{ width:50%; }
.pro-list.video-list .picbox:before{ background-image:url(../images/nw-ico-2.png); }
.pro-list.video-list{ margin-top:0; }

.ndpanel .pd-ti{ margin-bottom:25px; }
.ndpanel .freeTx{ line-height:2; }
.ndpanel .nw-date{ margin-bottom:68px; }
.ndpanel{ padding:127px 0 160px 0; }

.pro-list.cta-list .picbox:before,
.pro-list.cta-list .picbox:after{ display:none; }

.ctabox{ position:fixed; z-index:1010; top:0; bottom:0; left:0; right:0; background:url(../images/black.png); background:rgba(0,0,0,.9); overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; opacity:0; visibility:hidden; transition:600ms; -webkit-transition:600ms; }
.ctactt{ width:744px; max-width:90%; margin:198px auto; position:relative; }
#map{ height:347px; }
.ctas{ overflow:hidden; margin-left:-13.5%; }
.ctas li{ width:38%; margin-left:12%; float:left; line-height:26px; margin-bottom:36px; }
.ctas a{ color:#fff; cursor:auto; text-transform:uppercase; }
.ctas .b{ font-weight:bold; }
.ctasb{ border-top:1px solid #fff; padding-top:50px; margin-top:36px; padding-bottom:16px; }
.cta-ma{ border-top:1px solid #fff; padding-top:66px; }
.cta-ma .pic{ width:170px; }
html.open {  overflow: hidden;  }
.ctabox.show{ opacity:1; visibility:visible; }
.ctaclose{ width:44px; height:44px; position:absolute; top:0; right:-50px; cursor:pointer; background:url(../images/cta-ico-1.png) no-repeat; }

.flogos li{ width:8%; margin:0 10px; position:relative; }
.moreLogo{ width:30px; height:30px; position:absolute; top:50%; left:50%; margin-left:-15px; margin-top:-15px; background:#fff; }
.moreLogo .ico{ background-image:url(../images/f-ico-1.png); width:100%; height:100%; background-position:center top; }
.footer .t{ padding:110px 0 97px 0; }
.footer .b{ border-top:1px solid #3c3c3c; padding:21px 0 28px 0; }

.logo-list{ overflow:hidden; margin-left:-2%; }
.logo-list li{ width:23%; margin-left:2%; margin-bottom:2%; float:left; }

.banner-box{ position:relative; overflow:hidden; background:#fff; }
.banner{ position:relative; height:100%;/* width:76%;*/ }
/*.banner .slick-list{ overflow:visible !important; }*/
.banner .item{ position:relative; overflow:hidden; }
.banner .item .baa{ display:block; }
.banner .line{ width:6px; height:100%; background:#fff; position:absolute; top:0; right:0; z-index:199; }
/* .banner .item .baa:before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/black.png); background:rgba(0,0,0,.75); z-index:9; transition:800ms; -webkit-transition:800ms; }
 */
.bannertxts{ width:420px; max-width:100%; height:220px; overflow:hidden; position:absolute; left:0; bottom:0;  background: url('../images/black.png'); color:#fff; z-index:89; transform:translateY(-60px); -webkit-transform:translateY(-60px); opacity:0; visibility:hidden; transition:800ms 1000ms; -webkit-transition:800ms 1000ms; }
.bannertxts .pa{ padding:30px 66px 0 38px; }
.bannertxts .ti{ font-size:12px; color:#959595;  }
.bannertxts .ch{ font-size:28px; text-align: justify; line-height:42px; height:84px; overflow:hidden; margin-top:17px; }
.bannertxts .ico{ width:17px; height:17px; position:absolute; right:25px; bottom:25px; background-image:url(../images/b-ico-1.png); background-position:center top;  }
.banner .slick-current .bannertxts{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; } 
.bannertxts2{ width:220px; position:absolute; left:60px; bottom:28%; z-index:89; color:#959595; transition:800ms; -webkit-transition:800ms; }
.bannertxts2 .ch{ font-size:18px; line-height:1.5; }
.bannertxts2 .en{ font-size:18px; line-height:1.5; margin-top:70px; }
.banner .slick-current .bannertxts2{ transform:translateY(60px); -webkit-transform:translateY(60px); opacity:0; visibility:hidden; }
.banner .slick-current .baa:before{ opacity:0; visibility:hidden; }
.banner .slick-dots{ padding:0 38px; bottom:23px; position:absolute; left:0; right:0; z-index:99; text-align:left; }
.banner .slick-dots li{ width:22px; height:22px; margin-left:0; margin-right:7px; border:none; background:none; }
.banner .slick-dots li a{ position:relative; }
.banner .slick-dots li a:before{ content:""; width:100%; height:1px; background:#474c4f; position:absolute; left:0; top:50%; }
.banner .slick-dots li.slick-active,
.banner .slick-dots li:hover{ background:none!important; }
.banner .slick-dots li.slick-active a:before,
.banner .slick-dots li:hover a:before{ background:#e60012; }
.banner .slick-prev{ display:none !important; }
.banner .slick-next{ width:59px; height:43px; background:#959595; position:absolute; top:50%; margin-top:-22px; left:76%; margin-left:-32px; z-index:299; }
.banner .slick-next i{ display:block; width:100%; height:100%; background:url(../images/b-ico-2.png) no-repeat center center; }
.swline{ position:absolute; left:-6px; bottom:0; height:4px; background:#e60012; z-index:99; width:76%; }
.banner .pic2{ position:absolute; top:0; left:0; }

.ixprolist a{ display:block; color:#000; margin-bottom:172px; }
.ixprolist .pic{ width:51.16%; }
.ixprolist .item1 .pic{ float:right; }
.ixprolist .txts{ width:36%; padding-top:6.7%;  }
.ixprolist .item1 .txts{ float:left; margin-left:25px; }
.ixprolist .txts .c{ border:1px solid #e5e5e5; background:#fff; padding:55px 55px 46px 43px; position:relative; }
.ixprolist .txts .tii{ font-size:28px; font-weight:bold; margin-bottom:15px; }
.ixprolist .txts .tx{ line-height:18px!important; height:54px; margin-bottom:42px; }
.ipm{ border:1px solid #e5e5e5; overflow:hidden; }
.ipm li{ width:33.33%; float:left; position:relative; font-size:12px; }
.ipm li:before{ content:""; width:1px; position:absolute; top:0; bottom:0; right:0; background:#e5e5e5; }
.ipm li:last-child:before{ display:none; }
.ipm .nowti{ line-height:60px; padding-left:45px; }
.ipm li:after{ content:""; height:100%; width:20px; position:absolute; top:0; left:12px; background-position:center center; background-repeat:no-repeat; }
.ipm .m1:after{ background-image:url(../images/ix-ico-1.png); } 
.ipm .m2:after{ background-image:url(../images/ix-ico-2.png); }
.ipm .m3:after{ background-image:url(../images/ix-ico-3.png); }
.ipbtn{ width:30px; height:30px; background:#000; transition:300ms; -webkit-transition:300ms; }
.ipbtn .ico{ width:100%; height:100%; background-image:url(../images/ix-ico-4.png); }
.ixprolist .ipbtn{ position:absolute; top:0; right:0; }
.ixprolist .item2 .pic{ float:left; margin-left:85px; }
.ixprolist .item2 .txts{ float:right; margin-right:52px; }
.ixmore{ display:block; color:#fff; width:245px; height:55px; text-align:center; line-height:55px; overflow:hidden; background:#000; margin:0 auto; }
.ix1 .ixmore{ margin-top:-58px; } 
.ix1{ padding:164px 0 141px 0; overflow:hidden; }
.ixprolist a:nth-child(2) .txts{ padding-top:5.62%; }
.ixprolist a:nth-child(3) .txts{ padding-top:12.33%; }
.ixprolist a:nth-child(4) .txts{ padding-top:15%; }
.ixfixbg{ position:fixed; top:0; bottom:0; left:0; right:0; background-position:left center; background-repeat:no-repeat; background-size:cover; z-index:-1; }

.ixpte{ color:#fff; display:block; padding:145px 0 163px 0;  }
.ixen{ font-size:48px; }
.ixpte .ipbtn{ margin:34px auto 0 auto; }

.pnav a.act { background: #e81223; color: #fff; }
.pro-nav a.act:before { width: 100%; left: 0; right: auto; }

.navMobile dd a{ display:block; color:#323232; line-height:1.4; padding-left:15px; padding-right:15px; text-align:center; }
.navMobile dd p a{ font-size:24px; border-bottom:1px solid #f3f3f3; padding-bottom:63px; padding-top:63px; }
.mtnav{ background:#e5e5e5; display:none; }
.mtnav a{ font-size:20px; padding-top:32px; padding-bottom:32px; }
.menuBlack{ position:fixed; top:0; bottom:0; left:0; right:0; background:url(../images/black.png); z-index:1008; display:none; }
.menuClose{ width:57px; height:57px; position:fixed; z-index:1010; top:50%; margin-top:-28px; right:270px; background:url(../images/menu-close.png) no-repeat; cursor:pointer; transform:translateX(-60px); -webkit-transform:translateX(-60px); opacity:0; visibility:hidden; transition:600ms; -webkit-transition:600ms; }
.menuClose.show{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; }
.menuBtn{ display:none; font-size:24px; color:#323232; line-height:60px; position:absolute; top:0; right:5%; padding-right:48px; background:url(../images/menu-btn.png) no-repeat right 25px; cursor:pointer; }

.load-logo{ width:200px; height:120px; margin:0 auto; overflow:hidden; position:relative; }
.load-logo img{ display:block; width:100%; }
.load-logo .move{ width:100%; height:100%; background:#e62129; position:absolute; top:120px; right:0; transform:rotate(-30deg); -webkit-transform:rotate(-30deg); display:none; }
.load-logo .img2{ position:absolute; top:0; left:0; }
.load-num{ text-align:center; color:#c2c2c2; margin-top:11px; }
.load-num .num{ color:#e62129; }
.load-box{ position:fixed; left:0; right:0; bottom:0; top:0; background:#fff; z-index: 9999;  }
.load-ctt{ position:absolute; left:0; right:0; top:50%; margin-top:-90px; }


.sosbox .img{ border:none; max-width:100%; }
.sosbox{ padding:0 5% 0 5%; position:fixed; left:0; right:0; top:50%; margin-top:-265px; }
.sosbox .btns a{ display:inline-block; width:110px; height:36px; line-height:36px; text-align:center; overflow:hidden; color:#323232; border:1px solid #a0a0a0; margin:0 5px; }
.sosbox .btns a:first-child{ border-color:#e70c1d; }
.sosbox .btns{ margin-top:40px; }

.banner-black{  background: url('../images/black.png');  }
.banner-black,
.banner-tx-list{ position: absolute; top: 0; bottom: 0; right: 0; width: 24%; }
.banner-tx-list li{ display: none; }

.banner .slick-dots{ display: none !important; }

.pro-search input{ width: 360px; line-height: 24px; background: #eee; padding: 10px 19px; border: 1px solid #eee; transition: 300ms; -webkit-transition: 300ms; }
.pro-search{ width: 400px; position: absolute; left: 0; bottom: 0; }
.propanel{ position: relative; }
.pro-search .btn{ display: block; position: absolute; top: 0; right: 0; width: 46px; height: 46px; background: url('../images/search.png') no-repeat center top; transition: 0ms; -webkit-transition: 0ms; }
.pro-search .btn:hover{ background-position: center bottom; }
.pro-search input:focus{ border-color: #e70c1d; background: #fff; }
.no-pro img{ vertical-align: bottom; max-width: 100%; }
.no-pro{ color: #969696; padding: 9% 0; }
.no-pro p{ margin-top: 45px; padding: 0 5%; }

.flogos .txts{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: #333; transition: 400ms; -webkit-transition: 400ms; }
.flogos .txts .tb{ display: table; width: 100%; height: 100%; }
.flogos .txts .tbc{ display: table-cell; vertical-align: middle; }
.flogos .txts .ico{ height: 12px; margin-bottom: 5px; background-image: url('../images/logo_ico.png'); background-position: center top; transition: transform 400ms; -webkit-transition: transform 400ms; }
