@charset "utf-8";
/* CSS Document */
.banner_pc{padding-top: 78px;}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 12px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:50px; height:2px; display: block; background:rgba(255,255,255,0.8);  cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover {  background:rgba(255,255,255,0.5);  }
.flex-control-paging li a.flex-active { background: #00aaff; cursor: default; }
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/next.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/prev.png) center center no-repeat;}


.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}

#menu { margin: 0; padding: 0; position: fixed; left: 10px; top: 10px; list-style-type: none; z-index: 70;}
#menu li { float: left; margin:  0 10px 0 0; font-size: 14px;}
#menu a { float: left; padding: 10px 20px; background-color: #fff; color: #333; text-decoration: none;}
#menu .active a { color: #fff; background-color: #333;}


.index-item01{ padding:4.5% 0; text-align:left;}
.index-tit01{ font-size:32px; color:#111; margin-bottom: 1%; margin-top: 1%;}
.index-smtit01{ font-size:13px; color: #111; margin-bottom:3%;opacity:0.7; line-height:25px;}


.sec-box .s-honor .bx-wrapper{}
.sec-box .s-honor .bx-wrapper .bx-viewport{ background: none;}
.sec-box .s-honor .bx-wrapper .bx-controls-direction a{ text-decoration: none; text-indent: inherit;   width: 30px; height: 30px; line-height: 30px; text-align: center;}
.sec-box .s-honor .bx-wrapper .bx-prev{ left: -60px; background: none; }
.sec-box .s-honor .bx-wrapper .bx-next{ right: -60px; background: none; }
.sec-box .s-honor .bx-wrapper .bx-controls-direction a i{ font-size: 30px; color: #cdcdcd;  transition:all 0s;}
.sec-box .s-honor .bx-wrapper .bx-controls-direction a:hover i{ color: #bf2f2f;}
.sec-box .s-honor .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom: -100px;}
.sec-box .s-honor .bx-wrapper .bx-pager.bx-default-pager a{display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=40);/*IE7 fix*/ opacity: 0.4; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #1798d7; }
.sec-box .s-honor .bx-wrapper .bx-pager.bx-default-pager a:hover, .sec-box .s-honor .bx-wrapper .bx-pager.bx-default-pager a.active{ background-color: #1798d7;filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.s-honor{ padding-bottom: 100px;}

.sec-box .s-honor .bx-wrapper .h-slider .slides a{ display:block; border:1px solid #CCC; overflow:hidden;}
.bx-wrapper img {display:block; width:100%; transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.bx-wrapper a:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}


.index-item02{ padding:4.5% 0; position: relative;background-color:#f1f1f1;}
.index-tit02{ font-size:2em; color:#111; margin-bottom: 1%; margin-top: 1%;}
.index-smtit02{ font-size:13px; color: #111; margin-bottom:3%;opacity:0.7; line-height:25px;}


.derp{width:89%;margin:0 auto;padding:0;}
.derp ul{margin-left:0;}
.derp li{float:left;width:22%;margin-left: 2%;text-align: center; margin-bottom:2%;}
.derp li .pic{border:4px solid #fff;}
.derp li .pic img{width: 100%;}
.derp li a p{line-height:45px;margin-top:0; background-color:#fff; color:#000; font-size:13px;}
.derp li a p:hover{ color:#1798d7;}


/*---------home-news-box-------------*/
.home-news-box{padding:50px 0px 50px 0px;overflow: hidden;}
.home-news-box .text span{display: block;width: 200px;padding:5px 0px;text-align: center;text-transform: uppercase;position: relative;margin-left: 36px;font-size: 30px;border:1px solid #000;font-weight: 400;color:#000;float: left;opacity:1;}
.home-news-box.show .text span{-webkit-animation:moveLeft 0.8s 1 linear 0.3s;animation:moveLeft 0.8s 1 linear 0.3s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
.home-news-box .text span i{display: block;width: 60px;height:1px;background-color: #333;position: absolute;left:-40px;top:50%;}
.home-news-box .text p{width: 602px;float: right;font-size: 16px;color:#666;text-align: right;line-height: 44px;}
.home-news-box .text p a{color:#666}
.home-news-box.show .text p{-webkit-animation:moveRight 1s 1 linear 0.3s;animation:moveRight 1s 1 linear 0.3s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
.home-news-box .con-box{padding:50px 0px 0px 0px;opacity:1;}
.home-news-box.show .con-box{-webkit-animation:moveBottom 1s 1 linear 1s;animation:moveBottom 1s 1 linear 1s;;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
.home-news-box .con-box .left{width: 40%;float: left;}
.home-news-box .con-box .left .img{font-size: 0;-webkit-text-size-adjust: none;overflow: hidden;}
.home-news-box .con-box .left .img img{display:block;*display:inline;height:auto !important;max-width:100%;padding:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;width:100%!important;}
.home-news-box .con-box .left .img img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.home-news-box .con-box .left h3 a{display: block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;font-size: 20px;font-weight: 400;padding:20px 0px 10px 0px;line-height: 24px;color:#666;}
.home-news-box .con-box .left h3 a:hover{color:#000;}
.home-news-box .con-box .left p{font-size: 14px;color:#666; line-height: 25px;}
.home-news-box .con-box .left .rect-btn{cursor:pointer;display:inline-block;padding:5px 8px;position:relative;line-height:1;overflow:hidden;min-width:120px;text-align:center;margin-top: 20px; border: 1px solid #ccc;}
.home-news-box .con-box .left .rect-btn p{text-transform:uppercase;font-size:12px;position:relative;z-index:14;-webkit-transition-duration:.3s;transition-duration:.3s;display:inline;color:#000;}
.home-news-box .con-box .left .rect-btn svg{height:100%;left:0;position:absolute;top:0;width:100%}
.home-news-box .con-box .left .rect-btn rect{fill:none;stroke-width:3;stroke-dasharray:315, 0;-webkit-transition:all 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:all 0.8s cubic-bezier(0.55, 0.055, 0.675, 0.19);-webkit-transition-delay:.1s;transition-delay:.1s}
.home-news-box .con-box .left .rect-btn:after{background:#666;content:"";height:155px;left:-75px;opacity:.15;position:absolute;top:-50px;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 0ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 0ms cubic-bezier(0.19, 1, 0.22, 1);width:50px;z-index:0}
.home-news-box .con-box .left .rect-btn:before{content:" ";display:block;position:absolute;bottom:0px;height:2px;width:30px;left:50%;-webkit-transform:scaleX(0);transform:scaleX(0);margin-left:-15px;background:-webkit-linear-gradient(left, #1898d8, #1898d8);background:linear-gradient(to right, #1898d8, #1898d8);-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-delay:0;transition-delay:0;}
.home-news-box .con-box .left .rect-btn:hover rect,.rect-btn.hvrd rect{stroke-width:5;stroke-dasharray:0, 210;stroke-dashoffset:8;-webkit-transition:all 1.05s cubic-bezier(0.19, 1, 0.22, 1);transition:all 1.05s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition-delay:0s;transition-delay:0s}
.home-news-box .con-box .left .rect-btn:hover:after,.rect-btn.hvrd:after{left:120%;-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1)}
.home-news-box .con-box .left .rect-btn:hover:before,.rect-btn.hvrd:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-delay:.5s;transition-delay:.5s;}
.home-news-box .con-box .left .rect-btn:hover p{color:#000;}

.home-news-box .con-box .right{width: 52%;float: right;}
.home-news-box .con-box .right ul li{position: relative;padding: 0 0 20px 14.33%;margin-bottom: 30px;border-bottom: 1px solid #b2b2b2; overflow: hidden;}
.home-news-box .con-box .right ul li strong{width: 10%;position: absolute;left:0px;top:0px;color:#b2b2b2;font-size: 60px;font-weight: normal;}
.home-news-box .con-box .right ul li .con{width:70%;float: left;}
.home-news-box .con-box .right ul li .img{width: 110px;float: right;font-size: 0;-webkit-text-size-adjust: none;overflow: hidden;}
.home-news-box .con-box .right ul li img{display:block;*display:inline;height:auto !important;max-width:100%;padding:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;width:100%!important;}
.home-news-box .con-box .right ul li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.home-news-box .con-box .right ul li h3 a{display: block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;font-size: 20px;font-weight: 400;padding:20px 0px 10px 0px;line-height: 24px;color:#666;}
.home-news-box .con-box .right ul li h3 a:hover{color:#000;}
.home-news-box .con-box .right ul li p{color:#666;font-size: 14px;}


.i_contact_bg{ background-color:#2d2d2d; padding:4.5% 0;}
.index-contact{padding:0 0 120px;background:url(../images/index-contact-bg.jpg) no-repeat center top; background-size:100% auto;}
.index-contact h2{color:#fff;margin-bottom:20px;font-size:40px;line-height:50px;text-align:center;}
.index-contact h2 a{color:#fff;}
.index-contact h2 a:hover{color:#056b39;}
.index-contact p.info{font-size:16px;line-height:20px;text-align:center;color:#fff;}
.index-contact .contact-way ul{overflow:hidden;padding-top:85px;}
.index-contact .contact-way ul li{float:left;width:25%;text-align:center;}
.index-contact .contact-way ul li i{display:block;width:141px;height:141px;margin:0 auto 20px;background-size:100% 100% !important;}
.index-contact .contact-way ul li i em{display:block;width:135px;height:135px;border:3px solid #007c36;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.index-contact .contact-way ul li.mail i{background:url(../images/index-contact-mail.png) no-repeat;}
.index-contact .contact-way ul li.skype i{background:url(../images/index-contact-skype.png) no-repeat;}
.index-contact .contact-way ul li.tel i{background:url(../images/index-contact-tel.png) no-repeat;}
.index-contact .contact-way ul li.phone i{background:url(../images/index-contact-phone.png) no-repeat;}
.index-contact .contact-way ul li.mail:hover i{background:url(../images/index-contact-mail-on.png) no-repeat;}
.index-contact .contact-way ul li.skype:hover i{background:url(../images/index-contact-skype-on.png) no-repeat;}
.index-contact .contact-way ul li.tel:hover i{background:url(../images/index-contact-tel-on.png) no-repeat;}
.index-contact .contact-way ul li.phone:hover i{background:url(../images/index-contact-phone-on.png) no-repeat;}
.index-contact .contact-way ul li:hover i em{animation:diffusion 1s;}
.index-contact .contact-way ul li p{color:#fff;}
.index-contact .contact-way ul li p a{color:#fff;}
.index-contact .contact-way ul li p a:hover{color:#056b39;}


.s_banner{ width:100%; margin-top: 80px;}
.about-list{background:#eeeeef; height:70px; border-bottom:1px solid #1798d7;}
.about-list .swiper-container{width:70%;}
.about-list a{line-height:67px; width:16.666%; color:#000; font-size:16px; display:inline-block; *display:inline; *zoom:1; text-align:center;}
.about-list a.act{ border-bottom:3px solid #1798d7;}

.about-con{width:75%; margin:80px auto 0 auto; padding:1.5% 0;}

.about-brief{width:100%; overflow:hidden;}
.about-brief h2{font-size:30px; text-align: left; color:#000; margin-bottom:2%; text-transform: uppercase;}
.about-brief .br_jj{line-height:28px; font-size:13px; color:#000; margin-bottom:0;}

.about-brief .br_jj img{margin:1.5% 0; max-width: 100%;} 

.about-thr{background: url(../images/about-03.jpg) no-repeat;height: 390px;overflow: hidden; margin-top: 20px;}
.about-thr .thr-block{width: 25%;float: left;padding-top: 130px;position: relative;height: 100%;box-sizing: border-box;}
.about-thr .thr-block em{display:block; width: 74px;height: 74px;background: url(../images/icon.png) no-repeat;margin:0 auto;}
.about-thr .thr-block span{display: block;text-align: center; font-size: 14px;color: #fff;text-transform: uppercase;font-weight: bold;width: 76px;margin:16px auto 0 auto;line-height: 22px;}
.about-thr .thr-block p{position: absolute;bottom: 0;font-size: 14px;color: #fff;padding:5px;height:73px;background-color: #f45c0c;text-align: center;transform: translateY(100%);}
.about-thr .thr-block.one{background-color: rgba(0,0,0,.7);}
.about-thr .thr-block.two{background-color: rgba(0,0,0,.6);}
.about-thr .thr-block.three{background-color: rgba(0,0,0,.5);}
.about-thr .thr-block.four{background-color: rgba(0,0,0,.4);}
.about-thr .thr-block.one em{background-position: -84px -271px;}
.about-thr .thr-block.two em{background-position: 0 -271px;}
.about-thr .thr-block.three em{background-position: -169px -271px;}
.about-thr .thr-block.four em{background-position:-252px -271px;}


.about_fs_jt{ width: 100%;}
.about_fs_jt h3{ font-size: 16px; color:#1798d7; line-height: 26px; margin: 1% 0;}
.about_fs_ul1{ width: 100%;}
.about_fs_ul1 li{ float: left; width: 19%; margin: 1% 1% 0 0; position: relative;overflow: hidden;}
.about_fs_ul1 li img{-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;transition: .3s;}
.about_fs_ul1 li img{ max-width: 100%;}
.about_fs_ul1 li span{ text-align: center;line-height: 35px; display: block;}


.about_fc{ width: 100%;}
.about_fc li{ float: left; width: 24%; margin: 1% 1% 0 0; position: relative;overflow: hidden;}
.about_fc li img{-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;transition: .3s;}
.about_fc li img{ max-width: 100%;}
.about_fc li span{ text-align: center;line-height: 35px; display: block;}


.about_rd{ width: 100%;}
.about_rd li{ float: left; width: 32.33%; margin: 1% 1% 1% 0; position: relative;overflow: hidden;}
.about_rd li img{-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;transition: .3s;}
.about_rd li img{ width: 100%;}
.about_rd li a{ display: block;position: absolute;bottom: 0; left: 0;height: 30px;text-align: center;line-height: 30px;background: rgba(0,0,0,.5);width: 100%;color:#fff;text-decoration: none;}

.service{padding-bottom: 95px;}
.service-box{margin-top:30px;}
.service-title{font-family: "OpenSans-Extrabold";font-size: 48px;color: 333;text-align: center;margin-top: 40px;}
.service-box .h2-line{margin-top: 15px;margin-bottom: 45px;line-height: 40px;}
.h2-line.h80,.offering-box .h2-line.h80{height: 60px;line-height: 60px;}
.service-box .service-txt{width:52%;}
.service-box .service-txt p,.customization-txt p{font-size: 14px;color: #333; line-height: 28px;}
.service-box .service-img{width:42%;overflow: hidden;}
.service-box .service-img img{max-width: 100%;}

.h2-line{padding-bottom: 10px;margin-left: 35px;font-size: 22px;line-height: 56px;border: solid 1px #000;padding: 0 30px;position: relative;display: inline-block;}
.h2-line em{display: block;width: 55px;height: 1px;background: #000;position: absolute;top: 50%;}

.fl .h2-line{margin-left:0px;}

.main-contact{padding:25px 0;}
.main-contact .title{text-align:center;margin-bottom:40px;}
.main-contact .title h2{line-height:35px;font-size:32px;margin-bottom:15px;}
.main-contact .title p{font-size:14px;font-family:"OpenSans-Light";}
.main-contact .cont{overflow:hidden;padding:0 35px;}
.main-contact .cont .contact-way{float:left;width:640px;overflow:hidden;}
.main-contact .cont .contact-way ul{overflow:hidden;}
.main-contact .cont .contact-way ul li{position:relative;float:left;font-size:16px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-contact .cont .contact-way ul li a{color:#333;}
.main-contact .cont .contact-way ul li em{position:absolute;top:0;left:0;width:70px;height:70px;background:url(../images/all-icon.png) no-repeat;}
.main-contact .cont .contact-way ul li.mail,.main-contact .cont .contact-way ul li.tel{width:355px;line-height:30px;padding:20px 0 20px 85px;margin-bottom:40px;}
.main-contact .cont .contact-way ul li.skype,.main-contact .cont .contact-way ul li.phone{width:285px;line-height:30px;padding:20px 0 20px 85px;margin-bottom:40px;}
.main-contact .cont .contact-way ul li.add{width:640px;line-height:28px;padding:10px 0 10px 85px;}
.main-contact .cont .contact-way ul li.mail em{background-position:-10px -370px;}
.main-contact .cont .contact-way ul li.skype em{background-position:-80px -370px;}
.main-contact .cont .contact-way ul li.tel em{background-position:-150px -370px;}
.main-contact .cont .contact-way ul li.phone em{background-position:-220px -370px;}
.main-contact .cont .contact-way ul li.add em{background-position:-290px -370px;}
.main-contact .cont .form-box{position:relative;float:right;width:500px;}
.main-contact .cont .form-box input,.main-contact .cont .form-box textarea{width:100%;background-color:#f0f0f0;margin-bottom:10px;font-family:"OpenSans-Light";box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.main-contact .cont .form-box input{height:50px;line-height:50px;padding:0 25px;}
.main-contact .cont .form-box textarea{height:85px;line-height:25px;padding:5px 25px;}
.main-contact .cont .form-box .contact-sub{text-align:center;background-color:#1798d7;color:#fff;font-size:18px;cursor:pointer;}
.main-contact .cont .form-box i.e{position:absolute;left:13px;top:15px;color:red;}
.main-contact .cont .form-box i.n{position:absolute;left:13px;top:75px;color:red;}



.exhibition_tb{ width:100%; margin-bottom:1%; overflow: hidden;}
.exhibition_tb ul li{ width: 24.1%; margin-right: 1.2%; margin-bottom: 1%; float: left;}
.exhibition_tb ul li img{ width: 100%;
	transition: 500ms ease-out;
	-webkit-transition: 500ms ease-out;
	-ms-transition: 500ms ease-out;
	-moz-transition: 500ms ease-out;
	-o-transition: 500ms ease-out;
}
.exhibition_tb ul li:nth-child(4),.exhibition_tb ul li:nth-child(8),.exhibition_tb ul li:nth-child(12){ margin-right: 0;}

.newPageCon { width:95%;overflow: hidden; margin: 0 auto; }
.news_ls{ padding:20px 0 0 0;}
.news_ls ul{ margin-left:-3%;}
.news_ls li{ float:left; width:30.333%; margin-left:3%; padding-bottom:30px;}
.news_ls li .box{ border:1px solid #ccc; padding: 3px}
.news_ls li img{ width:100%;}
.news_ls li .title{ padding:15px;}
.news_ls li h2{ font-size:15px; font-weight:bold; height:30px; line-height:30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_ls li h2 a{ color: #666;}
.news_ls li span{  line-height:24px; font-size:13px;  color:#666;}
.news_ls li .pxw{ height:48px; line-height:24px; font-size:13px; margin-top:5px; overflow:hidden; color:#666;}


.news_con{ padding-top:3 0px;}
.news_con .dj{ text-align:right; color:#7c7c7d; line-height:30px;}
.news_con .dj i{ font-size:24px; margin-right:10px;}
.news_con .box{ padding-top:10px;  line-height:26px; padding:10px 0; font-size: 13px;} 
.news_con .box img{ margin:10px 0; max-width:100%;}

.news_con .fhlb{ width:150px; height:45px; line-height:45px; text-align:center; background:#1798d7; margin:30px auto; border-radius: 5px}
.news_con .fhlb a{ display:block; color:#FFF;}
.news_con .fhlb a:hover{ display:block; text-decoration:none;}

.title_con{ border-bottom:2px solid #333; margin-bottom:15px; padding:20px 0;}
.title_con h2{ font-size:22px; float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.content_z{padding-bottom: 4%; padding-top: 2%; line-height: 26px;font-size: 13px;}
.content_bottom_left{ width: 60%; float: left;}
.content_bottom_left a:nth-child(1){ color: #333;text-decoration:underline;}
.content_bottom_left a:nth-child(2){ color: #1798d7;}
.content_bottom_left a{ display: block; font-size: 13px; line-height: 26px; color: #111;}
.content_bottom_right{ width: 13%; float: right;}
.content_bottom_right ul li{ float: right; margin-left: 2%;}


.fx_con{ float:right;}
.fx_con{ font-size:0px; margin-top:10px;}
.fx_con li{ display:inline-block; margin:0 5px; text-align:center;}
.fx_con li i{ width:30px; height:30px; line-height:30px; display:block; border-radius:50%; font-size:18px; color:#FFF;}
.fx_con li:nth-of-type(1) i{ background:#de3032;}
.fx_con li:nth-of-type(2) i{ background:#40579b;}
.fx_con li:nth-of-type(3) i{ background:#813f97;}
.fx_con li:nth-of-type(4) i{ background:#1ab2e8;}
.fx_con li a:hover{ text-decoration:none;}

.product_list{ width: 100%;overflow: hidden;}
.pro_img{background:#FFF;}
.product_list ul li{ border: 1px solid #e5e5e5; width: 23.3%; margin: 0 2% 2% 0; float: left;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.product_list ul li:nth-child(4n){ margin: 0 0 2%;}
.product_list ul li img{ width: 100%;}
.product_list ul li h3{ display: block; width: 100%; padding:4.5% 0; text-align: center; height:25px; overflow: hidden; font-size: 14px; color: #111;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.product_list ul li a{ display: block; margin: auto;text-align: center;color: #ccc;}
.product_list ul li a span{display:inline-block;padding:1% 4%;margin-bottom:4%;	border: 1px solid #ccc;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.product_list ul li:hover{ background: rgba(0,0,0,0.1); box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);}
.product_list ul li:hover a{ text-decoration: none;}
.product_list ul li:hover h3{ color:#000; }
.product_list ul li:hover a span{color:#1798d7;border-color:#1798d7}


.product_s{ width:100%; margin-top:5%;}
.product_s_left{ width:57%; float:left; padding-top: 4%;}
.product_s_right{ width:43%; float:right; padding-left:0%;}
.product_s_banner{ width:100%;position:relative;}
.product_s_banner ul.product_li{ width:100%;  height:500px;}
.product_s_banner ul.product_li li{ width:100%; position:absolute; top:0; left:0; display:block;}
.product_s_banner ul.product_li li img{ display:block; width:75%; margin:auto; margin-top:-10%;}
.product_dian{float:left; position:relative; left:-50%;}
.product_dian li{ 
	width:8px; 
	height:8px; 
	background:#aaa; 
	float:left; 
	border-radius:50%; 
	margin:10% 10px; 
	z-index:1; 
}
.product_dian li.active{ background:#1798d7;}
.product_prev{ display:inline-block; position:absolute; left:6%; cursor:pointer}
.product_prev img{ width:100%;}
.product_next{ display:inline-block; position:absolute; right:6%; cursor:pointer}
.product_next img{ width:100%;}
.product_content{ width:100%;}
.product_content h2{ font-size:22px; margin-bottom:3%;}
.product_content p{ font-size:16px; color:#666; margin-bottom:4%;}
.div_p1{ font-size:14px; color:#000; font-weight:600; margin-top:3%; }
.Overview{ padding: 2% 0; line-height: 25px; font-size: 13px;}
.color li{width:30px; height:30px; border:1px solid #999; float:left; margin:4% 2%;}
.color .color_h{ background:#000;}
.color .color_hht{background:#cfd0d5;}
.color .color_hhtt{background:#ebecee;}
.color .color_hi{ background:#f4dcc4;}
.color .color_hhi{background:#fcd9d5;}
.color .color_th{background:#fff;}

.x_con{height: auto;overflow: hidden;}
.x_con table tr{ height:40px;}
.x_con table tr th{ padding-right:4px;}
.x_con table tr td{line-height: 40px;overflow: hidden;}
.x_con table tr td span{ display: inline-block; margin-right: 6px; width: 7px; height: 9px; background: url(../images/xiaodian.png) no-repeat;}

.inwrap{ float:left; position:relative; left:50%; margin-bottom:2% ;} 
.x_xian{ width:100%; border-bottom:1px dashed #a6a6a6;}
.xian1{ width: 100%; border-bottom:1px solid #595959; margin:1.5% 0;}
.btn1{display:inline-block;width:70%; text-align:center; background:#1798d7; height:50px; border-radius:30px; line-height: 50px; color:#fff; font-size:16px;}
.btn1:hover{color:#fff;}
.btn:hover{ color: #fff;}

.product_cont{ width:100%; margin-top:4%; overflow: hidden;}
.product_cont h2{ font-size:16px; color:#000; font-weight:600;}
.product_news{ width:100%; margin-bottom:10%;}
.p_left{ width:45%; float:left; padding-right: 10%;}
.p_left:nth-child(2){padding-right: 0}
.p_left h3{ font-size:13px; color:#000; font-weight:600; margin-bottom:2%;}
.p_left a{ display:block; width:100%; text-align:left; font-size:13px; line-height:22px; color:#666;}
.div_p2{ width:100%; font-size:13px; line-height:26px; margin-bottom:6%;}


.nav_am{ background:#FFF; width:100%; margin:0 auto;}
.nav_am ul{ text-align:center;margin:0 auto;}
.nav_am li{width:22.48%; text-align:left; border:4px solid #f1f1f1; margin-right:2%; display: inline-block;}
.nav_am li:nth-child(4n){ margin-right:0}
.nav_am li img{ width:35%; padding:5px 15px 5px 20px;}
.nav_am li span{ padding-top:0; line-height:125px; font-size:14px;color:#555; font-weight:600}
.nav_am li a{ display:block; }
.nav_am li a:hover{ display:block;}