@charset "utf-8";
/*banner*/
.slide{width:100%;height:100%;background-repeat: no-repeat;background-position: center center}
.fp-controlArrow.fp-prev{border:0;top:auto;left:0;bottom:0;margin-top:0;width:50px;height:100px;background-color:#d8262c}
.fp-controlArrow.fp-prev:after {position:absolute;content:'';left:20px;top:50%;margin-top:-5px;width:10px;height:10px;border:1px solid #ffffff;border-right:0;border-bottom:0;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);  }
.fp-controlArrow.fp-next{border:0;top:auto;left:50px;bottom:0;margin-top:0;width:50px;height:100px;background-color:#d8262c}
.fp-controlArrow.fp-next:after {position:absolute;content:'';right:20px;top:50%;margin-top:-5px;width:10px;height:10px;border:1px solid #ffffff;border-left:0;border-bottom:0;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);  }
.fp-controlArrow.fp-next:before{width:0;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;border-right:1px solid #ffffff;content:'';}
#fp-nav{left:0;right:auto!important}
#fp-nav ul li{display: block;width: 22px;height: 22px;margin-top: 15px;position: relative;}
#fp-nav ul li a{display: block;position: relative;z-index: 1;width: 20px;height: 20px;cursor: pointer;text-decoration: none;padding:1px;border-radius:100%}
#fp-nav ul li a span{top: 50%;left:50%;margin-left:-2px;margin-top:-2px;width:4px;height:4px;background: #959595;position: absolute;z-index: 1;border:0;border-radius:100%}
#fp-nav ul li a.active{padding:0;border:1px solid #d8262c}
#fp-nav ul li a.active span{background: #d8262c}

.product_list{width:1520px;margin:auto;position:relative;margin-top:80px;}
.product_list li{float: left;width:370px;padding:5px;height:579px;position:relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.product_list li .pic{position:relative;width:370px;height:370px;background: none;display:table-cell;text-align:center;vertical-align:middle;background-color:#ffffff;}
.product_list li .pic img{max-width:370px;max-height:370px;position:relative;z-index:2}
.product_list li .info{position:relative;width:330px;height:169px;padding:20px;}
.product_list li .info .title{color:#000000;font-size:30px;height:40px;line-height:40px;font-weight:700;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.product_list li .info .desc{margin-top:5px;color:#686768;font-size:18px;height:60px;line-height:20px;overflow:hidden;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.product_list li .more{display:block;opacity: 0;margin-top:20px;width:150px;height:44px;line-height:44px;border:1px solid #ffffff;color:#ffffff;border-radius:50px;font-family:arial;font-weight:700;font-size:15px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.product_list li .more i{float: left;width:0;height:0;margin-top:15px;margin-left:38px;margin-right:12px;border:7px #ffffff solid;border-color: transparent transparent transparent #ffffff ;}
.product_list li:hover {background:#d8262c;}
.product_list li:hover .info .title{color:#ffffff}
.product_list li:hover .info .desc{color:#ffffff}
.product_list li:hover .more{opacity: 1}

#section3{background:url(../imgs/bg.jpg) no-repeat left bottom}
.s3top{position:absolute;top:80px;left:0;width:100%;height:auto}
.s3top img{width:100%}
.a_content{width:1400px;margin:auto;text-align:center;margin-top:100px;opacity:0}
.a_content h2{color:#181818;font-size:32px;font-weight:400}
.a_content .ent{color:#cbcbcb;font-size:12px;font-family:arial;text-transform: uppercase;margin-top:5px;}
.a_content .decoration{margin-top:35px;font-size:13px;color:#686868;line-height:28px}
.a_content .more{display:block;margin:auto;margin-top:75px;width:150px;height:44px;line-height:44px;border:1px solid #181818;color:#181818;border-radius:50px;font-family:arial;font-weight:700;font-size:15px;}
.a_content .more i{float: left;width:0;height:0;margin-top:15px;margin-left:38px;margin-right:12px;border:7px #181818 solid;border-color: transparent transparent transparent #181818 ;}

.s4bg{background: #292929;position:absolute;z-index:1;left:0;bottom:0;width:100%;height:50%}
.join_item{position:relative;z-index:2;width:1400px;margin:auto}
.join_item .box{float: left;width:320px;opacity:0}
.join_item .box .imgs{position:relative}
.join_item .box .imgs,
.join_item .box .pic,
.join_item .box .pic img{width:320px;height:460px;overflow: hidden}
.join_item .box .icon{position:absolute;left:10px;top:10px;width:300px;height:440px;background:rgba(255,255,255,0.5);opacity:0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.join_item .box .icon .ico{width:140px;height:140px;position:absolute;left:50%;top:50%;margin-top:-70px;margin-left:-70px;background-color:#d8262c;background-position:center center;background-repeat:no-repeat;background-image:url(../imgs/ico.png);border-radius:100%}
.join_item .box .icon .ico1{background-position:0 0}
.join_item .box .icon .ico2{background-position:-140px 0}
.join_item .box .icon .ico3{background-position:-280px 0}
.join_item .box .icon .ico4{background-position:-420px 0}
.join_item .box .icon .ico5{background-position:-560px 0}
.join_item .box:hover .icon{opacity:1}
.join_item .box .info .htitle{color:#ffffff;font-size:20px;margin-top:25px}
.join_item .box .info .desc{color:#999999;font-size:14px;margin-top:10px;line-height:1.8}
.join_item .swiper-container{padding-bottom:80px;}
.join_item .swiper-button-prev,
.join_item .swiper-button-next{margin-top:0;top:auto;left:0;right:auto;background: none}
.join_item .swiper-button-prev{left:10px;bottom:0;margin-bottom:5px;width:10px;height:10px;border:1px solid #ffffff;border-right:0;border-bottom:0;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.join_item .swiper-button-next{left:80px;bottom:0;margin-bottom:5px;width:10px;height:10px;border:1px solid #ffffff;border-left:0;border-bottom:0;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.join_item .swiper-container:before{content:'';position:absolute;left:50px;margin-bottom:6px;bottom:0;width:0;height:10px;border-left:1px solid #ffffff;}

#section5{background:url(../imgs/5bg.jpg) no-repeat center center;background-size: cover}
.contacts{width:1400px;margin:auto;opacity:0}
.contacts h2{color:#181818;font-size:32px;font-weight:400}
.contacts .ent{color:#cbcbcb;font-size:12px;font-family:arial;text-transform: uppercase;margin-top:5px;}
.contacts .decoration{margin-top:35px;font-size:13px;color:#686868;line-height:28px;width:600px}
.contacts .more{display:block;margin-top:75px;width:150px;height:44px;line-height:44px;border:1px solid #181818;color:#181818;border-radius:50px;font-family:arial;font-weight:700;font-size:15px;}
.contacts .more i{float: left;width:0;height:0;margin-top:15px;margin-left:38px;margin-right:12px;border:7px #181818 solid;border-color: transparent transparent transparent #181818 ;}
.contacts .tels{margin-top:60px;}
.contacts .tels p{color:#686868}
.contacts .tels b{margin-top:5px;color:#d8262c;font-size:32px;font-weight:700}

.news_list{width:1400px;margin:auto;}
.news_list .box .pic{width:400px;height:300px;overflow: hidden}
.news_list .box .pic img{width:400px;height:300px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.news_list .box .info{width:400px;height:180px;padding-top:30px}
.news_list .box .info .htitle{color:#292929;font-size:16px;height:20px;line-height:20px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.news_list .box .info .desc{color:#686868;font-size:14px;height:50px;line-height:25px;margin-top:10px;overflow:hidden}
.news_list .box .date{padding-top:20px;margin-top:40px;border-top:1px solid #d2d2d2;color:#666;height:20px;line-height:20px;font-size:13px;font-family:arial}
.news_list .box .date i{display:block;float: right;margin-top:5px;margin-right:5px;width:8px;height:8px;border-top:1px solid #d8262c;border-right:1px solid #d8262c;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.news_list .box:hover .info .htitle{color:#d8262c;}
.news_list .box:hover .pic img{transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
.news_list .swiper-container{padding-bottom:80px;}
.news_list .swiper-button-prev,
.news_list .swiper-button-next{margin-top:0;top:auto;left:0;right:auto;background: none}
.news_list .swiper-button-prev{left:50%;bottom:5px;margin-left:-50px;width:10px;height:10px;border:1px solid #aaaaaa;border-right:0;border-bottom:0;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.news_list .swiper-button-next{left:50%;bottom:5px;margin-left:40px;width:10px;height:10px;border:1px solid #aaaaaa;border-left:0;border-bottom:0;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.news_list .swiper-container:before{content:'';position:absolute;left:50%;margin-bottom:6px;bottom:0;width:0;height:10px;border-left:1px solid #d2d2d2;}



/*banner*/
.nbanner{width:100%;overflow:hidden;position:relative}
.nbanner img{position:relative;left:50%;margin-left:-960px;width:1920px;}
.nbanner .text{position:absolute;z-index:2;width:1200px;margin:auto;left:50%;margin-left:-600px;top:290px;color:#ffffff;text-align:center;}
.nbanner .text .tit_ch{font-size:44px;font-weight:400}
.nbanner .text .tit_en{font-size:20px;text-transform:uppercase}
.nbanner .text .tit_y{margin:30px auto;width:234px;line-height:48px;color:#ffffff;font-size:22px;text-align:center;border:1px solid #ffffff;border-color:rgba(255,255,255,0.3);border-radius:50px}
.nbanner .text .content{text-align:center;margin-top:45px;color:#daabae;line-height:30px}

.ban_s .text{text-align: left;}
.ban_j .text{top:160px;}





.location{position:absolute;z-index:2;width:1300px;left:50%;margin-left:-650px;top:0;line-height:20px;padding:20px 0;color:#ffffff;font-size:13px;border-bottom:1px solid #ffffff;border-color:rgba(255,255,255,0.15)}
.location a{color:#ffffff}
.location i{display:block;float: left;width:12px;height:12px;margin-top:4px;margin-right:10px;background:url(../imgs/home.png) no-repeat center center;}
.location span{margin:0 20px;font-family:'simsun'}




/*about*/
.about_item{padding:120px 0;width:1300px;margin:auto}
.about_item h3{color:#181818;font-size:30px;font-weight:400;text-align:center}
.about_item .content{width:1100px;margin:auto;line-height:28px;margin-top:20px;text-align:center}
.about_item .content img{max-width:1100px!important}

.pic_item{width:1600px;height:960px;margin:auto;}
.pic_item li{float: left;width:400px;height:320px;overflow:hidden}
.pic_item li img{width:400px;height:320px}
.pic_item li.text{width:800px;height:320px;text-align:center}
.pic_item li.text>div.boxx{width:800px;height:320px;text-align:center;vertical-align:middle;display: table-cell}


.history{width:1300px;margin:auto;padding:120px 0;overflow:hidden}
.history h3{color:#181818;font-size:30px;font-weight:400;}
.history .swiper-container{margin-top:80px;padding-bottom:50px}
.history .swiper-slide{min-height: 140px;}
.history .swiper-slide:after{position:absolute;content:'';left:-70px;top:20px;width:0;height:100px;border-right:1px solid #e5e5e5}
.history .swiper-slide:first-child:after{border:0}
.history .box{min-height: 100px;margin-right:70px}
.history .box .year{height:60px;line-height:60px;color:#181818}
.history .box .year b{font-family:'myfont';font-size:58px;font-weight:700;float: left}
.history .box .year span{font-size:17px;font-weight:700;float: left;margin-top:11px;margin-left:5px}
.history .box .desc{margin-top:15px;line-height:23px;}
.history .swiper-pagination{height:30px;line-height:30px;left:35px;bottom:0;width:120px;text-align:center;font-family:arial;font-size:24px;color:#d2d2d2;letter-spacing: 1px;text-indent: 1px}
.history .swiper-pagination .swiper-pagination-current,
.history .swiper-pagination .swiper-pagination-total{color:#666666}
.history .swiper-button-prev{left:5px;right:auto;top:auto;bottom:0;margin-bottom:8px;background:none;width:10px;height:10px;border:2px solid #686868;border-right-color: #ffffff;border-bottom-color:#ffffff;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.history .swiper-button-next{left:171px;right:auto;top:auto;bottom:0;margin-bottom:8px;background:none;width:10px;height:10px;border:2px solid #686868;border-left-color: #ffffff;border-bottom-color:#ffffff;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}


.myvision{width:100%;height:798px;background:url(../imgs/bg2.jpg) no-repeat center center}
.myvision .swiper-container{height:798px}
.myvision .swiper-button-prev,
.myvision .swiper-button-next{width:100px;height:100px;left:auto;right:auto;margin-top:-50px;opacity:1;background:url(../imgs/arrows.png) no-repeat;}
.myvision .swiper-button-prev{left:0;background-position:0 0}
.myvision .swiper-button-prev:hover{background-position:0 -100px}
.myvision .swiper-button-next{right:0;background-position:-100px 0}
.myvision .swiper-button-next:hover{background-position:-100px -100px}
.myvision .box{width:420px;margin:auto;margin-top:410px;text-align:center}
.myvision .box h3{font-size:30px;color:#181818;font-weight:400}
.myvision .box p{line-height:26px;margin-top:10px}

.honors{width:1300px;margin:auto;padding:120px 0;overflow:hidden}
.honors h3{color:#181818;font-size:30px;font-weight:400;}
.honors .txt{margin-top:25px;width:740px;line-height:26px}
.honors .swiper-container{margin-top:80px;padding-bottom:50px}
.honors .swiper-pagination{height:30px;line-height:30px;left:35px;bottom:0;width:120px;text-align:center;font-family:arial;font-size:24px;color:#d2d2d2;letter-spacing: 1px;text-indent: 1px}
.honors .swiper-pagination .swiper-pagination-current,
.honors .swiper-pagination .swiper-pagination-total{color:#666666}
.honors .swiper-button-prev{left:5px;right:auto;top:auto;bottom:0;margin-bottom:8px;background:none;width:10px;height:10px;border:2px solid #686868;border-right-color: #ffffff;border-bottom-color:#ffffff;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.honors .swiper-button-next{left:171px;right:auto;top:auto;bottom:0;margin-bottom:8px;background:none;width:10px;height:10px;border:2px solid #686868;border-left-color: #ffffff;border-bottom-color:#ffffff;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.honors .box{width:289px;height:390px;background-color:#f8f8f8}
.honors .box .pic{width:289px;height:280px;display:table-cell;text-align:center;vertical-align: middle}
.honors .box .pic img{max-width:240px;max-height:240px}
.honors .box .desc{width:249px;height:110px;padding:0 20px;line-height:22px;display:table-cell;text-align:center;vertical-align: middle;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.honors .box:hover .desc{font-size:16px;color:#fff;background-color:#d8262c}



.service_item ul{margin-left:-56px;margin-top:70px}
.service_item li{float: left;width:281px;height:300px;padding-top:70px;margin-left:56px;border:1px solid #d7d7d7;text-align:center;overflowLhidden}
.service_item li i{display:block;width:100px;height:100px;margin:0 auto 40px;background:url(../imgs/ico_s.png) no-repeat}
.service_item li i.icon_01{background-position:0 0}
.service_item li i.icon_02{background-position:-100px 0}
.service_item li i.icon_03{background-position:-200px 0}
.service_item li i.icon_04{background-position:-300px 0}
.service_item li .tit{color:#181818;font-size:22px}
.service_item li .txt{margin:auto;margin-top:15px;width:200px;line-height:26px;font-size:14px}
.service_item li,
.service_item li i,
.service_item li .tit,
.service_item li .txt{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.service_item li:hover{background-color:#d8262c;border-color:#d8262c}
.service_item li:hover i{background-image:url(../imgs/ico_sh.png)}
.service_item li:hover .tit,
.service_item li:hover .txt{color:#ffffff}


.contact_item{margin-top:70px;width:1300px;}
.contact_item dl{line-height:25px;font-size:16px;margin-top:10px}



.feedback{margin-top:60px}
.feedback .lis_h{width:640px;}
.feedback .lis_f{width:1300px;}
.feedback label{display:block;width:100%;height:50px;line-height:50px;color:#666666}
.feedback .lis_h input{width:580px;padding: 0 30px;height:50px;line-height:50px;background: #f4f4f4;border:0}
.feedback .lis_f textarea{width:1240px;padding: 15px 30px;height:125px;line-height:25px;background: #f4f4f4;border:0;resize:none;vertical-align:top}
.feedback .yzm{float: left;width:300px;margin-top:30px;margin-right:30px;height:50px;background: #f4f4f4;border:0}
.feedback .yzm input{float: left;width:140px;padding:0 30px;height:50px;line-height:50px;background: #f4f4f4;border:none}
.feedback .yzm img{float: right;width:100px;height:50px;}
.feedback .btns{float: left;margin-top:30px;width:150px;height:50px;}
.feedback .btns button{width:150px;height:50px;color:#ffffff;background: #d8262c;cursor:pointer;border:none}

.feedback .lis_h input,
.feedback .lis_f textarea,
.feedback .yzm input{-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
.feedback .lis_h input:hover,
.feedback .lis_f textarea:hover,
.feedback .yzm input:hover{transform: translateY(-1px);-ms-transform: translateY(-1px);-webkit-transform: translateY(-1px);-o-transform: translateY(-1px);-moz-transform: translateY(-1px);}
.feedback .lis_h input:focus,
.feedback .lis_f textarea:focus,
.feedback .yzm input:focus{box-shadow:0 2px 5px rgba(0,0,0,0.2);transform: translateY(-1px);-ms-transform: translateY(-1px);-webkit-transform: translateY(-1px);-o-transform: translateY(-1px);-moz-transform: translateY(-1px);}


.join_item ul{margin-top:90px}
.join_item li{float: left;width:390px;height:380px;padding-top:80px;margin-left:32px;text-align:center;}
.join_item li i{display:block;width:100px;height:100px;margin:0 auto 40px;background:url(../imgs/ico_j.png) no-repeat}
.join_item li i.icon_01{background-position:0 0}
.join_item li i.icon_02{background-position:-100px 0}
.join_item li i.icon_03{background-position:-200px 0}
.join_item li .tit{color:#181818;font-size:22px}
.join_item li .txt{margin:auto;margin-top:20px;width:300px;line-height:26px;text-align: left;font-size:14px}
.join_item li,
.join_item li i,
.join_item li .tit,
.join_item li .txt{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.join_item li:hover{background-color:#d8262c;border-color:#d8262c}
.join_item li:hover i{background-image:url(../imgs/ico_jh.png)}
.join_item li:hover .tit,
.join_item li:hover .txt{color:#ffffff}



.adv_item{margin-top:20px;}
.adv_item ul{margin-left:-35px}
.adv_item ul li{float: left;position:relative;margin-left:35px;margin-top:60px;width:310px;height:170px;padding:80px 50px 0;background-color:#ffffff}
.adv_item ul li .num{position:absolute;left:50px;top:-27px;display:block;width:54px;height:54px;line-height:54px;text-align:center;color:#ffffff;font-size:20px;border-radius:100%;background-color:#d8262c}
.adv_item ul li .tit{font-size:18px;color:#181818}
.adv_item ul li .txt{margin-top:10px;line-height:26px;}


.require{width:100%;height:740px;padding-top:238px;text-align:center;background:url(../imgs/bg3.jpg) no-repeat center center}
.require h3{margin-top:60px;font-size:30px;color:#ffffff;font-weight:400}
.require .content{text-align:center;margin-top:30px;color:#d2ccc6;line-height:26px}


.shop_item ul{margin-left:-60px;margin-top:20px}
.shop_item ul li{float: left;margin-left:60px;margin-top:50px;width:280px;height:260px}
.shop_item ul li .pic{width:280px;height:210px;overflow:hidden}
.shop_item ul li .pic img{width:280px;height:210px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.shop_item ul li .tit{width:280px;height:30px;line-height:30px;margin-top:20px;overflow:hidden;text-align:center}
.shop_item ul li:hover .pic img{transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}

a.seemore{display:block;width:200px;line-height:50px;background-color:#d8262c;color:#ffffff;text-align:center;margin: auto;margin-top:50px;border-radius:100px}
a.seemore:active{color:#ffffff}
.nomore{display:none;width:200px;line-height:50px;color:#999999;text-align:center;margin: auto;margin-top:50px}



.apply_item{width:100%;height:390px;padding-top:110px;text-align:center;background:url(../imgs/bg4.jpg) no-repeat center center}
.apply_item h3{font-size:30px;color:#ffffff;font-weight:400}
.apply{width:1100px;margin:auto;margin-top:30px;padding:50px;background-color:rgba(255,255,255,0.8)}
.apply .input_li{float: left;margin-right:40px;width:330px;height:48px;line-height:48px;}
.apply .input_li label{float: left;width:50px;color:#323232}
.apply .input_li .int{float: right;width:230px;height:48px;line-height:48px;padding:0 24px;border:0;background-color:#ffffff}
.apply .yzm{float: right;width:308px}
.apply .yzm .int{width:150px;}
.apply .yzm img{float: left;width:100px;height:48px;background-color:#e39919;margin-right:10px}
.apply .btn{width:150px;margin:auto;margin-top:35px;}
.apply .btn button{display:block;width:150px;height:50px;color:#ffffff;background-color:#d8262c;border:0;cursor:pointer}



.news_nav{width:1200px;margin:60px auto}
.news_nav ul{text-align:center}
.news_nav ul li{margin:0 12px;display:inline-block;line-height:34px;padding:0 8px}
.news_nav ul li.active{border-bottom:3px solid #d8262c}
.news_nav ul li a{color:#333333;font-size:16px}


.newslist{width:1300px;margin:auto}
.newslist li{height:270px;padding-bottom:90px;margin-top:90px;border-bottom:1px solid #ccc}
.newslist li .pic{float: left;width:400px;height:270px;overflow:hidden}
.newslist li .pic img{width:400px;height:270px}
.newslist li .info{float: left;margin-left:50px;width:750px;height:270px;overflow:hidden}
.newslist li .date{margin-top:30px;height:20px;line-height:20px;color:#181818;font-size:13px;font-family:arial;overflow:hidden}
.newslist li .tit{margin-top:15px;height:30px;line-height:30px;color:#181818;font-size:25px;overflow:hidden}
.newslist li .desc{margin-top:20px;max-height:50px;line-height:25px;color:#686868;font-size:14px;overflow:hidden}
.newslist li .more{display:block;margin-top:60px;width:140px;height:38px;line-height:38px;border:1px solid #181818;color:#181818;border-radius:50px;font-family:arial;font-weight:700;font-size:14px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.newslist li .more i{float: left;width:0;height:0;margin-top:12px;margin-left:38px;margin-right:12px;border:7px #ffffff solid;border-color: transparent transparent transparent #181818;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.newslist li .more:hover{border:1px solid #d8262c;color:#ffffff;background-color:#d8262c}
.newslist li .more:hover i{border-color: transparent transparent transparent #ffffff ;}


.news_htitle{width:100%;height:408px;padding-top:250px;position:relative;background:url(../imgs/bg6.jpg) no-repeat center center;overflow:hidden}
.news_htitle .htitle{width:1300px;margin:auto;}
.news_htitle .htitle h2{color:#ffffff;font-size:35px;font-weight:400}
.news_htitle .htitle .date{color:#ffffff;font-size:16px;font-family:arial;margin:30px 0 50px}


.newscontent{position:relative;z-index:2;width:1180px;margin:auto;margin-top:-100px;padding:60px;background-color:#ffffff}
.newscontent .con_left{float: left;width:800px;}
.newscontent .con_left .content img{max-width:800px !important;height:auto !important;}
.newscontent .con_right{float: right;width:280px;padding-left:40px;border-left:1px solid #e7e7e7}
.newscontent .con_right h3{color:#181818;font-size:20px;font-weight:400}
.newscontent .con_right .lis{padding-bottom:40px;padding-top:40px;border-bottom:1px solid #e7e7e7;}
.newscontent .con_right .lis .pic{width:280px;height:170px;overflow:hidden}
.newscontent .con_right .lis .pic img{width:280px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.newscontent .con_right .lis .tit{color:#181818;font-size:15px;margin-top:25px}
.newscontent .con_right .lis .txt{color:#999999;font-size:12px;margin-top:10px;height:40px;line-height:20px;overflow:hidden}
.newscontent .con_right li:last-child{border-bottom:0}
.newscontent .con_right .lis:hover .pic img{transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
.newscontent .con_right .lis:hover .tit{color:#d8262c}







.pro_nav{width:100%;height:140px;background-color:#ffffff}
.pro_nav ul{position:relative;height:140px;width:1300px;margin:auto;}
.pro_nav ul:before{position:absolute;content:'';left:0;top:0;width:0;height:140px;border-left:1px dashed #d5d5d5}
.pro_nav li{position:relative;float: left;width:200px;height:140px;}
.pro_nav li:before{position:absolute;z-index:1;content:'';right:0;top:0;width:0;height:140px;border-right:1px dashed #d5d5d5}
.pro_nav li a{position:relative;z-index:2;display:block;width:200px;height:110px;padding:15px 0}
.pro_nav li i{display:block;width:80px;height:80px;margin:auto;background: url(../imgs/ico_pp_new.png) no-repeat}
.pro_nav li .ico_07{background-position:0 0}
.pro_nav li .ico_09{background-position:-80px 0}
.pro_nav li .ico_029{background-position:-160px 0}
.pro_nav li .ico_031{background-position:-240px 0}
.pro_nav li .ico_033{background-position:-320px 0}
.pro_nav li b{display:block;text-align:center;color:#4e4e4e;margin-top:5px;}
.pro_nav li.active a{background-color:#d8262c;}
.pro_nav li.active i{background-image:url(../imgs/ico_pp_new_h.png);}
.pro_nav li.active b{color:#ffffff;}



.pro_nav_child{padding:0 20px;width:1260px;margin:auto;margin-top:55px;background-color:#ffffff}
.pro_nav_child li{float: left;width:135px;height:70px;line-height:70px;text-align:center}
.pro_nav_child li.active{height:66px;border-bottom:4px solid #d8262c}
.pro_nav_child li a{color:#4e4e4e;font-size:16px}



.productlist{width:1300px;margin:auto}
.productlist h3{color:#181818;font-size:26px;font-weight:400}
.productlist ul{margin-left:-59px}
.productlist li{float: left;margin-left:59px;margin-top:59px;width:394px;height:540px;background-color:#ffffff;text-align:center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.productlist li .pic{width:354px;height:354px;padding:20px;overflow:hidden;display:table-cell;vertical-align:middle}
.productlist li .pic img{max-width:354px;max-height:354px}
.productlist li .info{float: left;width:354px;height:100px;padding:23px 20px;overflow:hidden;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.productlist li .info .tit{width:354px;height:40px;line-height:40px;margin-top:5px;overflow:hidden;font-size:20px;color:#181818;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.productlist li .info .txt{width:354px;height:30px;line-height:30px;font-size:16px;margin-top:5px;overflow:hidden;color:#999999;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.productlist li:hover{box-shadow:0 3px 20px rgba(0,0,0,0.1);}
.productlist li:hover .info{background-color:#d8262c}
.productlist li:hover .info .tit{color:#ffffff}
.productlist li:hover .info .txt{color:#cccccc}


.pro_mian{width:100%;padding-top:130px;padding-bottom:130px;position:relative;background:url(../imgs/bg5.jpg) repeat-y center top;}
.pro_mian .items{width:1140px;margin:auto;padding:50px 80px;background-color:#ffffff}
.pro_mian .items .pic{float: left;width:500px;margin-top:50px;}
.pro_mian .items .pic img{width:500px}
.pro_mian .items .info{float: right;width:550px;}
.pro_mian .items .info .title{padding-bottom:15px;color:#181818;font-size:24px;line-height:40px;border-bottom:1px solid #e5e5e5;position:relative;}
.pro_mian .items .info .title .share{position:absolute;right:0;top:0}
.pro_mian .items .info .title .share img{vertical-align:top}
.pro_mian .items .info .content{margin-top:35px;width:550px;}
.pro_mian .items .info .content .con{width:550px;}
.pro_mian .items .info .content .con p{position:relative;line-height:22px;padding:4px 0;padding-left:20px;}
.pro_mian .items .info .content .con p:after{position:absolute;left:0;top:11px;content:'';width:8px;height:8px;background-color:#8c8c8c;border-radius:100%;}
.pro_mian .items .info .content img{max-width:100% !important;height:auto !important}
.pro_mian .items .info .back{display:block;width:140px;line-height:38px;background-color:#d8262c;color:#ffffff;margin-top:60px;border-radius:50px;text-align:center}

.prodetail img{max-width:100%!important;height:auto!important}


/*********      page      ***************/
#page{ width:100%;padding:20px 0;overflow:hidden;margin:auto}
.pagination{text-align:center;}
.pagination > li{display: inline-block;height:40px !important;border-bottom:none !important;padding:0 !important;}
.pagination > li > a,.pagination > li > span{display:block;padding:0 14px;font-size:14px;margin:0 5px;border:none;background:#fff;border:1px solid #ddd;border-radius:4px;height:38px; line-height:38px;color:#666;}
.pagination .active span{background-color:#d8262c;border:1px solid #d8262c;color:#fff; font-weight:normal; font-size:14px;font-weight:bold}
.pagination .disabled{color:#aaa;}



/** prev next button ***/
.propn{ padding-top:25px;margin:auto;margin-top:70px; width:1300px;line-height:1.4;overflow:hidden;border-top:1px solid #ce5c67;color:#ffffff}
.propn .pn_l{float: left;padding: 0;font-size:14px;}
.propn .pn_r{float: right;padding: 0;font-size:14px;}
.propn a{color:#ffffff}

.newspn{ padding-top:25px;margin:auto;margin-top:100px; width:800px;line-height:1.4;overflow:hidden;border-top:1px solid #e7e7e7;color:#666666}
.newspn .pn_l{padding:5px 0;font-size:14px;}
.newspn .pn_r{padding:5px 0;font-size:14px;}
.newspn a{color:#666666}
.newspn a:hover{color:#d8262c}




.m-ewm{display:none;position:fixed;z-index:100;left:0;top:0;right:0;bottom:0;width:100%;height:100%}
.m-ewm .show_bg{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000000;opacity:0.8;filter:alpha(opacity=80);}
.m-ewm .showewm{position:absolute;left:50%;top:50%;margin-left:-105px;margin-top:-138px;width:180px;height:245px;padding:15px;text-align:center;border:1px solid #efefef;box-shadow: 0 0 10px rgba(0,0,0,0.3);background-color:#ffffff;}
.m-ewm .showewm img{width:180px}
.m-ewm .showewm .code{display:block;margin:auto;width:150px;height:150px;}
.m-ewm .showewm p{display:block;margin:auto;margin-top:10px;line-height:1.6;font-size:12px;color:#666666}
.m-ewm .showewm p span{color:#0068b7}







.search_list{width:760px;float:left;}
.search_list h2{height: 48px;line-height: 1;font-size: 18px;border-bottom: 1px solid #e7e7e7;}
.search_list li{padding:20px 0;height:130px;border-bottom:1px solid #dddddd}
.search_list li .tit{width:760px;height:30px;line-height:30px;}
.search_list li .tit a{color:#0000cc;font-size:16px;text-decoration:underline}
.search_list li .tit a .hightlight{color:#cc0087}
.search_list li .con{height:90px;margin-top:10px;}
.search_list li .con .pic{float:left;width:120px;height:90px;margin-right:20px;overflow:hidden}
.search_list li .con .pic a{display: table-cell;width:120px;height:90px;text-align:center;vertical-align:middle}
.search_list li .con .pic img{max-width:120px;max-height:90px;}
.search_list li .con .txt{height:88px;line-height:22px;color:#333;overflow:hidden}
.search_list li .con .txt .hightlight{color:#cc0087}


.newsright{width:380px;}
.newsright h3{height:48px;line-height:1;font-size:18px;border-bottom:1px solid #e7e7e7}
.newsright .box{width:380px;overflow:hidden;}

.newsright li{width:380px;height:114px;padding:30px 0;overflow: hidden;border-bottom:1px solid #e7e7e7}
.newsright li .pic{float:left;width:152px;height:114px;border:1px solid #e7e7e7;}
.newsright li .pic img{width:152px;height:114px;}
.newsright li .con{float:right;width:205px;height:114px;}
.newsright li .con .tit{width:200px;height:44px;line-height:22px;color:#333;font-size:14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsright li .con .tit a{color:#333}
.newsright li .con .date{margin-top:10px;width:200px;height:15px;line-height:15px;color:#999;font-size:12px;overflow : hidden;}
.newsright li .con .rm{display:block;margin-top:20px;width:84px;height:24px;line-height:24px;padding: 0;color:#999999;text-align:center;border:1px solid #e7e7e7;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.newsright li .con .rm i{display:block;width:20px;height:10px;margin:auto;background:url(../imgs/rm.png) no-repeat center bottom}
.newsright li .con .rm:hover{background-color:#d8262c;border-color:#d8262c;color:#ffffff}