@charset "utf-8";
a:link {
	color: #333;
	text-decoration: none;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
a:visited {
	color: #333;
	text-decoration: none;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
a:hover {
	color: #000;
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
a:active {
	color: #333;
	text-decoration: none;
	transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.index-more{ width: 100%; height: 40px; line-height: 40px; margin: 40px auto; }
.index-more a { display: block; width: 180px; height: 50px; background: linear-gradient(to right, #F39800 , #F8B52A); font-size:14px; color: #FFF; border-radius: 50px; box-shadow: 0 0px 15px rgba(0, 0, 0, .1); text-align: center; margin: auto;line-height: 50px;}
.head-title {margin-bottom: 70px;}
.index-more a:hover {
box-shadow: 0 0px 15px rgba(0, 0, 0, .2); 
}
.head-title p{ height: 40px; line-height: 40px; font-size: 32px; text-align: center; margin-bottom: 10px; }
.nei-banner-box { background: #F5F5F5; overflow: hidden;  }
.no-content { padding: 80px; font-size: 32px; text-align: center; background: #FFF; }

/*浏览器转动条*/
::-webkit-scrollbar/*整体部分*/
{
width: 10px;
height:10px;
}
::-webkit-scrollbar-track/*滑动轨道*/
{
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 0px;
background: rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb/*滑块*/
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover/*滑块效果*/
{
border-radius: 5px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: rgba(0,0,0,0.4);
}

/*************************************/
#banner .item {height: 500px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
#banner .mask {position: relative;height: 100%;background-color: rgba(0, 0, 0, 0);}
#banner .txt {position: absolute;top: 50%;left: 0;width: 100%;color: #fff;text-align: center;
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#banner .cn {font-size: 48px;font-weight: bold;}
#banner .en {font-family: Arial; color: rgba(255, 255, 255, .8); font-size: 18px; text-transform: uppercase; margin-top: 30px;}
#banner .d2 { width: 180px; height: 50px; line-height: 50px;  margin:125px auto 0; font-size: 14px;  background: #F39800; border:3px solid #FFF; border-radius: 28px;}
#banner .slick-dots {position: absolute;right: 0;bottom: 3%;left: 0;text-align: center;line-height: 1;}
#banner .slick-dots li {transition: all 0.3s;
    -webkit-transition: all 0.3s;margin: 0 5px;display: inline-block; width: 10px; height: 10px;background-color: #fff;cursor: pointer; border-radius: 5px;}
#banner .slick-dots .slick-active {background-color: #f97020; width: 30px;background-color: #CDCDCD;}
#banner .animated {opacity: 0;}

@media screen and (max-width:768px) {
 #banner .item { height: 340px; }
 #banner .cn { font-size: 22px; }
 #banner .en { font-size: 12px; }
 #banner .d2 { width: 100px; height: 30px; line-height: 30px; font-size: 12px; margin:50px auto 0;}
}
/*************************************/
/************@index-about*************/
.index-about { width: 100%; background: #FFF; }
.index-about .content { text-align: center;  padding-top: 75px; padding-bottom: 75px;}
.index-about .content h1, .index-about .content h2{ height: 50px; line-height: 50px; font-size: 42px;}
.index-about .content h1 { color: #F39800; }
.index-about .content h2 { color: #DDD; font-weight: 500;  margin-bottom: 50px;}
.index-about .content p { font-size: 18px; line-height: 45px; color: #222; text-align: center; }
.index-about .content p.p3{ font-size:22px;}
.index-about .content p.p4 {margin-top: 40px;}
.index-about .content p.p4 a{ color: #F39800;font-size: 22px; }
.index-about .content p.p4 a:hover{
    text-decoration: underline;
}
.index-services {border-top: 1px solid #CCC; padding: 40px 0;}
.index-services .services-item { width: 20%; float: left; padding: 20px 0; text-align: center; cursor: pointer; }
.index-services .services-item i{ display: block; width: 123px; height: 142px; margin:auto;	-webkit-transition: all 0.4s linear -2ms;
	-moz-transition: all 0.4s linear -2ms;
	-ms-transition: all 0.4s linear -2ms;
	-o-transition: all 0.4s linear -2ms;
	transition: all 0.4s linear -2ms;}
.index-services .services-item h1{ width: 80%; height: 50px; line-height: 50px; font-weight: 400; font-size: 22px; text-align: center; color: #3D3D3D; margin:auto; }
.index-services .services-item p{width: 80%; line-height: 24px; height: 66px; font-size: 14px; color: #555; margin:auto;}
.index-services .item-1 i { background: url(/tpl/www/images/index_about_icon01.png); background-size: 100%; }
.index-services .item-2 i { background: url(/tpl/www/images/index_about_icon02.png); background-size: 100%; }
.index-services .item-3 i { background: url(/tpl/www/images/index_about_icon03.png); background-size: 100%; }
.index-services .item-4 i { background: url(/tpl/www/images/index_about_icon04.png); background-size: 100%; }
.index-services .item-5 i { background: url(/tpl/www/images/index_about_icon05.png); background-size: 100%; }
.index-services .services-item:hover h1{ color: #F39800; }
.index-services .item-1:hover i { background: url(/tpl/www/images/index_about_icon01_hover.png); background-size: 100%; }
.index-services .item-2:hover i { background: url(/tpl/www/images/index_about_icon02_hover.png); background-size: 100%; }
.index-services .item-3:hover i { background: url(/tpl/www/images/index_about_icon03_hover.png); background-size: 100%; }
.index-services .item-4:hover i { background: url(/tpl/www/images/index_about_icon04_hover.png); background-size: 100%; }
.index-services .item-5:hover i { background: url(/tpl/www/images/index_about_icon05_hover.png); background-size: 100%; }
@media screen and (min-width:1281px) and (max-width:1441px) {
    .index-services .services-item h1{ height: 60; line-height: 30px; font-size: 18px; }
}

@media screen and (min-width:980px) and (max-width:1280px) {
    .index-services .services-item h1{ height: 60; line-height: 30px; font-size: 16px; }
}

@media screen and (min-width:769px) and (max-width:980px) {
   .index-services .services-item h1{ height: 60; line-height: 30px; font-size: 14px; }
   .index-services .services-item { width: 33.3333333333%; float: left; padding: 20px 0; text-align: center; cursor: pointer; }
}

@media screen and (min-width:319px) and (max-width:768px) {
   .index-services .services-item h1{ height: 60; line-height: 30px; font-size: 16px; }
   .index-services .services-item h2 { margin-bottom: 20px; }
   .index-services .services-item { width: 50%; float: left; padding: 20px 0; text-align: center; cursor: pointer; }
   .index-about .content p { line-height: 25px; font-size: 14px; }
   .index-about .content p.p3 { line-height: 30px; margin-top: 10px; }
}
/************@index-about*************/

/************@index-news*************/
.index-news { background: #FFF; padding: 70px 0; }
.index-news-main .head-title p.p1 { color: #F39800; font-size: 38px;
    font-weight: bold;}
.index-news-main .head-title p.p2 { color: #DDD; }
.index-news-ul{ }
.index-news-item{ width: calc(24% - 43px); border:1px solid #EEE; padding: 20px; float: left; margin-right: 1.33333333%;}
.index-news-item:hover{
box-shadow:0 0px 20px rgba(0, 0, 0, 0.1);
}
.index-news-item:nth-child(4) {margin-right: 0;}
.index-news-item .time {}
.index-news-item .time .month{ font-size: 33px; color: #999;  }
.index-news-item .time .year{ font-size: 12px; color: #999;border-bottom: 1px solid #ddd;
    padding-bottom: 10px;}
.index-news-item .content h1 { line-height: 32px; margin-top: 10px;height: 32px;overflow: hidden; }
.index-news-item .content h1 a { font-size: 14px; color: #666; }
.index-news-item .content img { width: 100%; margin: 10px auto; height: 250px;}
.index-news-item .content p { font-size: 12px;
    color: #888;line-height: 20px; }
.index-news-item .more {height: 40px; line-height: 40px; margin-top: 20px;}
.index-news-item .more a{ display: block; width: 100px; height: 40px; float: right; background: url(/tpl/www/images/jiantou_icon.png) no-repeat center right; }
.index-news-item .more a:hover {background: url(/tpl/www/images/jiantou_icon_hover.png) no-repeat center right; transition: 0.3 all;}

@media screen and (min-width:769px) and (max-width:979px) {
  .index-news-main .head-title { margin-bottom: 40px; }
  .index-news-item { width: calc(49% - 22px); margin-right: 2%; margin-bottom: 10px;}
  .index-news-item:nth-child(2n) {margin-right: 0;}
}

@media screen and (min-width:319px) and (max-width:768px) {
  .index-news-main .head-title { margin-bottom: 20px; }
  .index-news-item { width: calc(100% - 22px);}
  .index-news-item {margin-right: 0; margin-bottom: 10px;}
}
/************@index-news*************/

/************@index-partner*************/
.index-partner { background:#F1F1F4 url(index_link_bg.jpg) no-repeat center top; padding: 70px 0; overflow: hidden;    background-size: cover;}
.index-partner-main .head-title p.p1 { color: #F39800;
    font-weight: bold;
    font-size: 38px; }
.index-partner-main .head-title p.p2 { color: #DDD; }
.index-partner-list{ overflow: hidden; margin-top: 40px; }
.index-partner-list .item { display: block; width: calc(19.5% - 3px); height: 180px; background-color: #FFF; background-size:100%; background-position: center center; background-repeat: no-repeat; border:1px solid #DDD; float: left; margin-right: 0.625%; margin-bottom: 10px;}
.index-partner-list .item:nth-child(5n) {margin-right: 0;}
.index-partner-list .item:hover {
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transition: all 0.3s;
}

@media screen and (max-width:1366px) {
    .index-partner-list .item { height: 120px;}
}

@media screen and (max-width:768px) {
    .index-partner-list .item { width: calc(32% - 3px); height: 100px; margin-right:2%; }
    .index-partner-list .item:nth-child(5n) { margin-right: 2%; } 
    .index-partner-list .item:nth-child(3n) { margin-right: 0; }  
}

@media screen and (max-width:400px) {
    .index-partner-list .item { width: calc(50% - 13px); height: 80px; margin-right: 20px; }
    .index-partner-list .item:nth-child(5n) { margin-right: 20px; }
    .index-partner-list .item:nth-child(3n) { margin-right: 20px; }  
    .index-partner-list .item:nth-child(2n) { margin-right: 0; }  
}
/************@index-partner*************/

/************@index-product*************/
#index-product {width: 100%;margin-left: auto;margin-right: auto;}
#index-product .item {margin: 5px;font: 48px arial;text-align: center;color: #fff;}
.index-product { background:#333 url(index_pro_bg.jpg) no-repeat center top; padding: 70px 0; overflow: hidden; }
.index-product-main .head-title p.p1 { color: #F39800;font-weight: bold;font-size: 38px; }
.index-product-main .head-title p.p2 { color: #DDD;font-weight: normal; }
.index-product-slider { width: 100%; overflow: hidden; margin-top: 100px;}
.index-product-slider-list { width: 100%; }
.index-product-slider-item { float: left; cursor: pointer; }
.index-product-slider-item:nth-child(5) {margin-right: 0;}
.index-product-slider-item .img{ display: block; width: 100%; position: relative; overflow: hidden;}
.index-product-slider-item .img img { width: 100%; }
.index-product-slider-item .img i{ display: block; width: 80px; height: 80px; background: url(/tpl/www/images/more_icon.png) no-repeat; background-size: 1; position: absolute; left: 50%; top: -100%; transform: translate(-50%, -50%); }
.index-product-slider-item .pro-info { padding: 20px 10px; background: #FFF; border-top: 1px solid #DDD; }
.index-product-slider-item .pro-info h1{ height: 40px; line-height: 40px; font-size: 18px; font-weight: 400; color: #222;  overflow: hidden;}
.index-product-slider-item .pro-info p { line-height: 21px; max-height: 63px; font-size: 12px; color: #B9B9B9; overflow: hidden;}
.index-product-slider-item:hover { box-shadow: 0 0 10px #F5F5F5; } 
.index-product-slider-item:hover .img i{ top: 50%;  transition: 0.3s all;}
.index-product-slider-item:hover .pro-info{ background: #F39800; transition: 0.3s all;}
.index-product-slider-item:hover .pro-info h1, .index-product-slider-item:hover .pro-info p { color: #FFF; transition: 0.3s all;}

/************@index-product*************/

/************@index-solution*************/
.index-solution { background:#333 url(index_sol_img.jpg) no-repeat center top; padding: 100px 0; }
.index-solution-desc { margin-top: 80px; }
.index-solution-desc-item { display: none; margin-left: -100%; transform: scale(0); }
.index-solution-desc-item.action { display: block; margin-left: 0; transform: scale(1);  transition: 0.3s all;}
.index-solution-desc-item h1{ height:50px; line-height: 50px; font-size: 32px; color: #FFF; }
.index-solution-desc-item p { line-height: 21px; font-size: 14px; color: #eee; margin-top: 20px; margin-bottom: 100px; }
.index-solution-list { overflow: hidden; }
.index-solution-list .index-solution-item { display: block; width: calc(24% - 23px); background-color: rgba(255,255,255,0.1); ; border:1px solid #eeeeee70; border-radius: 10px; padding: 10px; float: left; margin-right: 1.3333333333%;}
.index-solution-list .index-solution-item:nth-child(4) {margin-right: 0;}
.index-solution-list .index-solution-item img { width: 40%; float: left; border-radius: 5px; margin-right: 10px; }
.index-solution-list .index-solution-item h1 { font-size: 18px; color: #FFF; margin-top: 5%; }
.index-solution-list .index-solution-item p.summary{ display: none; line-height: 21px; font-size: 14px; color: #FFF; margin-top: 5%; }
.index-solution-list .index-solution-item p.more { font-size: 12px; color: #DEDEDE; margin-top: 5%;}
.index-solution-list .index-solution-item:hover { background-color: rgba(255,255,255,0.2);border:1px solid #eee; }
.index-solution-list .index-solution-item:nth-child(5) {margin-top: 20px;}
.index-solution-list .index-solution-item:nth-child(6) {margin-top: 20px;}
.index-solution-list .index-solution-item:nth-child(7) {margin-top: 20px;}
.index-solution-list .index-solution-item:nth-child(8) {margin-top: 20px;}

@media screen and (max-width:1601px) {
 .index-solution-list .index-solution-item h1 { font-size: 18px; }
}

@media screen and (max-width:1441px) {
.index-solution-list .index-solution-item h1 { font-size: 16px; }
}

@media screen and (max-width:1367px) {
.index-solution-list .index-solution-item h1 { font-size: 14px; }
}


@media screen and (max-width:768px) {
.index-solution-list .index-solution-item:nth-child(5) {margin-top: 10px;}
.index-solution-desc { display: none; }
.index-solution-list .index-solution-item p.summary { display: block; }
.index-solution-list .index-solution-item { width: calc(98% - 20px); margin:10px auto; }
.index-solution-list .index-solution-item p.more { display: none; }
}
/************@index-solution*************/

/************@index-about*************/
.about-banner { width: 100%; height: 500px;  }
.about-banner { background: url(/tpl/www/images/about_banner.jpg) center top no-repeat; overflow: hidden; }
.about-banner h1{ height: 40px; line-height: 40px; color: #000; font-weight: 600; font-size: 32px; text-align: center; margin-top: 170px;}
.about-banner h2 { height: 20px; line-height: 20px; text-align: center;  margin-top: 10px;}
.about-banner h2 span { display: block; width: 50px; height: 4px; margin: auto; background: #F39800; }
.about-banner p { line-height: 32px; color: #515151; font-size: 22px; text-align: center; }
.nei-navbar { height: 70px; border-bottom: 1px solid #DDD; background: #FFF; }
.nei-navbar ul{ width: 83.3333333%; margin: auto; border-left: 1px solid #DDD; overflow: hidden;}
.nei-navbar ul li { height: 70px; line-height: 40px; float: left; transition: 0.3s all}
.nei-navbar ul li a { display: block; text-align: center; line-height: 70px; border-right: 1px solid #DDD; font-size: 14px;  padding:0 20px; }
.nei-navbar ul li.action { background: #F39800;  }
.nei-navbar ul li.action a { color: #FFF; }
.nei-navbar ul li:hover { background: #F39800;  }
.nei-navbar ul li:hover a { color: #FFF; }

.about-box { width: 100%; overflow: hidden; }
.about-box-main { width: 83.3333333%; margin: auto;  }
.about-box-main .head { width: 100%; margin-top: 100px; margin-bottom: 40px; }
.about-box-main .head h1 { height: 45px; line-height: 45px; font-size: 32px; font-weight: 500; color: #000; }
.about-box-main .head h2 { height: 40px; line-height: 40px; font-size: 32px; font-weight: 500; color: #DDD; }
.company-profile-left { width: calc(40% - 60px); float: left; padding: 30px; }
.company-image {}
.company-image img { width: 100%; }
.company-profile-right { width: 55%; float: right;  padding-top: 60px;}
.company-profile-right h1 { line-height: 40px; color: #F39800; font-size: 24px; font-weight: 500;  }
.company-profile-right p { line-height: 36px; font-size: 16px; }
.honor-main { padding-bottom: 70px; }

.about-honor-item img { width: 98%; margin: 1%; }

@media screen and (max-width:768px) { 
    .about-box-main .head { margin:50px auto 0; }
    .about-box-main .head h1 { font-size: 28px; }
    .about-box-main .head h2 { font-size: 28px; }
    .company-profile-left { display: none; }
    .company-profile-right { width: 100%; margin:20px auto; padding: 0; }
}

/************@index-about*************/

/************@index-history*************/
.company-history { background: url(/tpl/www/images/his_bg.jpg) no-repeat center top; }
.company-history-list { position: relative; }
.company-history-list-main { width: 1300px; height: 340px; margin:60px auto; position: relative; overflow: hidden;}
.company-history-list-main .line:after { content: ""; width: 1300px; border-top: 1px solid #DDD; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.company-history-list-main ul { overflow: hidden; height: 340px; position: absolute; }
.company-history-list-main ul li { width: 160px; height: 170px; float: left; position: absolute;}
.company-history-list-main ul li h1 { width: 100%; height: 50px; line-height: 50px; font-size: 22px; text-align: center; font-weight: 500;}
.company-history-list-main ul li p {width: 100%;  height: 63px; line-height: 21px; font-size: 12px; }
.company-history-list-main ul li i { display: block; width: 30px; height: 30px; background: url(/tpl/www/images/his_icon.png) no-repeat center center; background-size: cover; position: absolute; z-index: 3;}
.company-history-list-main ul li:nth-child(2n) { top: 0; background: url(/tpl/www/images/bg_line.png) center bottom no-repeat;}
.company-history-list-main ul li:nth-child(2n) i { bottom: -15px; left: 50%; transform: translate(-50%, 0); }
.company-history-list-main ul li:nth-child(2n - 1) { bottom: 0; background: url(/tpl/www/images/bg_line.png) center top no-repeat;}
.company-history-list-main ul li:nth-child(2n - 1) i { top: -15px; left: 50%; transform: translate(-50%, 0); }
.company-history-list-main ul li:nth-child(2n - 1) h1 { position: absolute; bottom: 63px; }
.company-history-list-main ul li:nth-child(2n - 1) p { position: absolute; bottom: 0; }
.company-history-list-main ul li.on { background-image: url(/tpl/www/images/bg_line_hover.png);}
.company-history-list-main ul li.on i{ background: url(/tpl/www/images/his_icon_hover.png) no-repeat center center;  }
.company-history-list-main ul li:hover { background-image: url(/tpl/www/images/bg_line_hover.png); }
.company-history-list-main ul li:hover i { background: url(/tpl/www/images/his_icon_hover.png) no-repeat center center;  }
.company-history-list-main ul li:nth-child(1) { left: 0; }
.company-history-list-main ul li:nth-child(2) { left: 150px; }
.company-history-list-main ul li:nth-child(3) { left: 300px; }
.company-history-list-main ul li:nth-child(4) { left: 450px; }
.company-history-list-main ul li:nth-child(5) { left: 600px; }
.company-history-list-main ul li:nth-child(6) { left: 750px; }
.company-history-list-main ul li:nth-child(7) { left: 900px; }
.company-history-list-main ul li:nth-child(8) { left: 1050px; }
.company-history-list-main ul li:nth-child(9) { left: 1200px; }
.company-history-list-main ul li:nth-child(10) { left: 1350px; }

.company-history-list a.arrow { display: block; width: 40px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50%; }
.company-history-list a.history-arrow-left { left: 10px; background: url(/tpl/www/images/page01_left.png) no-repeat center center; }
.company-history-list a.history-arrow-right { right: 10px; background: url(/tpl/www/images/page01_right.png) no-repeat center center; }

@media screen and (max-width: 1661px) {
   .company-history-list-main { width: 1100px; }
}

@media screen and (max-width: 1367px) {
   .company-history-list-main { width: 1000px; }
}

@media screen and (max-width: 1281px) {
   .company-history-list-main { width: 900px; }
}

@media screen and (max-width: 1086px) {
   .company-history-list-main { width: 700px; }
}

@media screen and (max-width: 787px) {
   .company-history-list-main { width: 500px; }
}

@media screen and (max-width: 641px) {
   .company-history-list-main { width: 400px; }
}

@media screen and (max-width: 480px) {
   .company-history-list-main { width: 240px; }
   .company-history-list a.history-arrow-left { left: -20px; }
   .company-history-list a.history-arrow-right { right: -20px; }
}

@media screen and (max-width: 361px) {
   .company-history-list-main { width: 160px; }
   .company-history-list a.history-arrow-left { left: -20px; }
   .company-history-list a.history-arrow-right { right: -20px; }
}
/************@index-history*************/

/************@index-history*************/
.company-honor { background: #FFF; }
.honor-list ul { margin: 80px auto; overflow: hidden;}
.honor-list ul li { width: calc(20% - 22px); float: left; padding: 10px;}
.honor-list ul li img { width: 100%; }
/************@index-history*************/

/************@index-history*************/
.partners { background: #F7F7F7; }
.partners-list { background: #FFF; overflow: hidden; padding: 50px;}
.partners-list ul { width: 94%; margin: 5% auto; overflow: hidden; margin-top: 60px; margin-bottom: 60px;  border-top: 1px solid #DDD; border-left: 1px solid #DDD;}
.partners-list ul li { width: calc(20% - 2px); height: 170px; line-height: 170px; text-align: center; float: left; border:1px solid #DDD; margin-top: -1px; margin-left: -1px; overflow: hidden;}
.partners-list ul li img { width: 100%; }
.partners-list ul li:last-child{ background: #F39800; }
.partners-list ul li:last-child a { color: #FFF; font-size: 24px; }
.partners-list a { display: block; width: calc(20% - 2px); height: 178px; border: 1px solid #DDD; float: left; margin-left: -1px; margin-top: -1px; background-size: 100%; background-position:  center center; background-repeat: no-repeat;}

@media screen and (max-width:1366px) { 
.partners-list {padding: 40px;}
.partners-list a { height: 120px; }
}

@media screen and (max-width:1200px) { 
  .partners-list {padding: 30px;}
.partners-list a { height: 100px; }
}

@media screen and (max-width:768px) { 
 .partners-list {padding: 20px;}
.partners-list a { height: 80px; }
}

@media screen and (max-width: 640px) { 
  .partners-list {padding: 10px;}
.partners-list a {width: calc(25% - 2px); height: 60px; }
}

@media screen and (max-width: 400px) { 
  .partners-list {padding: 5px;}
.partners-list a {width: calc(50% - 2px); height: 50px; }
}
/************@index-history*************/

/************@solution*************/
.solution-body{ background: #F5F5F5; width: 100%;}

.solution-banner { width: 100%; height: 600px;  }
.solution-banner { background: url(/tpl/www/images/solution_banner.jpg) center top no-repeat; overflow: hidden; }
.solution-banner h1{ height: 40px; line-height: 40px; color: #FFF; font-weight: 600; font-size: 32px; text-align: center; margin-top: 120px;}
.solution-banner h2 { height: 20px; line-height: 20px; text-align: center;  margin-top: 10px;}
.solution-banner h2 span { display: block; width: 50px; height: 4px; margin: auto; background: #F39800; }
.solution-banner p { line-height: 32px; color: #FFF; font-size: 22px; text-align: center; }

.solution-main { width: 1200px; margin:auto; margin-top: -248px; }
.solution-item { background: #FFF; overflow: hidden; margin-bottom: 40px;}
.solution-item-info { width: 50%;
    height: 340px;
    padding: 80px 45px;
    position: relative;
    box-sizing: border-box;}
.solution-item-image{ width: 50%; height: auto;}
.solution-item:nth-child(even) .solution-item-info { float: right; }
.solution-item:nth-child(even) .solution-item-image { float: left; }
.solution-item:nth-child(odd) .solution-item-info { float: left; }
.solution-item:nth-child(odd) .solution-item-image { float: right; }

.solution-item-info h1 { height: 45px; line-height: 45px; font-weight: 500; font-size: 32px; color: #000; margin-bottom: 20px; overflow: hidden;}
.solution-item-info p { line-height: 28px; font-size: 14px; margin-bottom: 10px; }
.solution-item-info a { display: block; width: 180px; height: 50px; border:1px solid #F39800; line-height: 50px; color: #F39800; text-align: center; background: #FFF; border-radius: 25px; font-size: 14px; margin-top: 20px; }
.solution-item-info a:hover { background: #F39800; color: #FFF; transition: 0.3s all; }

@media screen and (max-width: 1360px) {
  .solution-main { width: 1200px; }
}

@media screen and (max-width: 1199px) {
  .solution-main { width: 1000px; }
  .solution-item-image { height: 100%; overflow: hidden; text-align: left;}
  .solution-item-info { padding: 40px 20px; }
}

@media screen and (max-width: 769px) {
   .solution-banner { height: 350px; }
   .solution-main { width: 100%; margin-top: 20px;}
   .solution-item-info { width: calc(100% - 40px); height: auto; padding: 20px; float: none; }
   .solution-item-info h1 { height: auto; line-height: 40px; font-size: 24px; }
   .solution-item-info a { width: 100px; height: 30px; line-height: 30px; position: relative; left: 0; bottom: 0; margin-top: 20px; }
   .solution-item-image { width: 100%; height: auto; float: left; }
   .solution-item-image img { width: 100%; }
   .solution-item:nth-child(even) .solution-item-info { float: none; }
   .solution-item:nth-child(even) .solution-item-image { float: left; vertical-align: top;}
   .solution-item:nth-child(odd) .solution-item-info { float: none; }
   .solution-item:nth-child(odd) .solution-item-image { float: left; vertical-align: top;}
}

@media screen and (max-width: 361px) {
  .solution-main { width: 100%; }
}

@media screen and (max-width: 321px) {
   .solution-main { width: 100%; }
}
/************@solution*************/


/************@contactus************/
.page-body { width: 100%; }
.contactus-banner { width: 100%; height: 500px;  background: url(/tpl/www/images/contact_banner.jpg) center top no-repeat; overflow: hidden; }
.contactus-banner h1{ height: 40px; line-height: 40px; color: #FFF; font-weight: 500; font-size: 32px; text-align: center; margin-top: 170px;}
.contactus-banner h2 { height: 20px; line-height: 20px; text-align: center;  margin-top: 10px;}
.contactus-banner h2 span { display: block; width: 50px; height: 4px; margin: auto; background: #F39800; }
.contactus-banner p { line-height: 32px; color: #FFF; font-size: 22px; text-align: center; }

.contactus-info-main { width: 1200px; height: 400px; margin:75px auto; overflow: hidden; }
.contactus-info { width: 480px; height: 280px; padding: 60px; float: left; background: url(/tpl/www/images/contact_bg.jpg) no-repeat center center; }
.contactus-map {width: 600px; height: 400px; float: right;}
.contactus-info h1 { height: 40px; line-height: 40px; color: #FFF; font-size: 21px; font-weight: 500; }
.contactus-info h2 { height: 24px; line-height: 24px; color: #FFF; font-size: 12px; font-weight: 400; margin-bottom: 40px;}
.contactus-info p { line-height: 30px; color: #FFF; font-size: 14px; }

.joinus { width: 1200px; margin: auto; margin-bottom: 150px; }
.joinus table { width: 1200px; border: 1px solid #DDD; border-bottom: none; border-right: none;}
.joinus table th { border-bottom: 1px solid #DDD; border-right: 1px solid #DDD;  text-align: center; padding: 20px; color: #000; background: #F5F5F5; font-size: 18px; font-weight: 500; }
.joinus table td { border-bottom: 1px solid #DDD; border-right: 1px solid #DDD;  padding: 40px 20px; text-align: center; }
.joinus table td p { line-height: 24px; font-size: 14px; text-align: left; }

@media screen and (max-width:768px) { 
 .contactus-info-main { width: 100%; }
 .contactus-info { width: 100%; padding: 10px; float: none; }
 .contactus-map { display: none; }
 .joinus { display: none; }
}
/************@contactus*************/

/************@news*************/
.news-body { background: #F5F5F5; }
.news-banner { width: 100%; height: 500px;  }
.news-banner { background: url(/tpl/www/images/news_banner.jpg) center top no-repeat; overflow: hidden; }
.news-banner h1{ height: 40px; line-height: 40px; color: #FFF; font-weight: 600; font-size: 32px; text-align: center; margin-top: 170px;}
.news-banner h2 { height: 20px; line-height: 20px; text-align: center;  margin-top: 10px;}
.news-banner h2 span { display: block; width: 50px; height: 4px; margin: auto; background: #F39800; }
.news-banner p { line-height: 32px; color: #FFF; font-size: 22px; text-align: center; }

.news-list-box { width: 83.3333333%; margin: 90px auto; }
.news-lists { width: 100%; overflow: hidden; }

.news-item{ width: calc(23.5% - 22px); border:1px solid #EEE; padding: 10px; float: left; margin-right: 1.33333333%; background: #FFF; margin-bottom: 20px;}
.news-item:hover { box-shadow:?0 0 10px?#eee; }
.news-item:nth-child(4) {margin-right: 0;}
.news-item .time { border-bottom: 2px solid #DDD; padding-bottom: 10px;}
.news-item .time .month{ font-size: 22px; color: #999;  }
.news-item .time .year{ font-size: 12px; color: #999; }
.news-item .content h1 { line-height: 40px; height: 40px; overflow: hidden; margin-top: 10px; }
.news-item .content h1 a { font-size: 14px; color: #666; }
.news-item .content img { width: 100%; height: 250px; margin: 10px auto; vertical-align: top;}
.news-item .content p { font-size: 14px; }
.news-item .more {height: 40px; line-height: 40px; margin-top: 20px;}
.news-item .more a{ display: block; width: 100px; height: 40px; float: right; background: url(/tpl/www/images/jiantou_icon.png) no-repeat center right; }
.news-item .more a:hover {background: url(/tpl/www/images/jiantou_icon_hover.png) no-repeat center right; transition: 0.3 all;}

.nei-nav { height: 70px; line-height: 70px; background: #FFF; border-bottom: 1px solid #DDD;font-size:14px; }
.nei-position { width: 1200px; margin:auto; }
.nei-position i { display: inline-block; width: 18px; height: 18px; background: url(/tpl/www/images/home_ico.jpg) no-repeat center center; background-size: cover; vertical-align: middle; margin-top: -3px; margin-right: 10px; }
.nei-main { background: #F5F5F5; }
.nei-container { width: 1200px; background: #FFF; margin: 40px auto; }
.nei-head { border-bottom: 1px solid #DDD; padding: 40px 20px 15px;}
.nei-head h1 { line-height: 65px; font-size: 22px; font-weight: 500; text-align: center;  }
.nei-head .info { line-height: 24px; text-align: center; }
.nei-container .content { padding: 95px;font-size: 15px;line-height:30px; }
.nei-container .content img { max-width: 100%; }
.page-turning { border-top: 1px solid #DDD; padding:20px 20px 40px; overflow: hidden;}
.page-turning a { font-size: 14px; }
.page-turning a.prev{ float: left; }
.page-turning a.next{ float: right; }

@media screen and (max-width:768px) { 
 .news-list-box { width: 96%; margin:40px auto; }
 .news-item { width: calc(100% - 20px); float: none; margin-right: 0; }
 .nei-container { width: 98%; margin: 20px auto; }
 .nei-head { padding: 20px 10px 15px; }
 .nei-container .content { padding: 20px; }
 .page-turning { padding: 10px; }
 .page-turning a { display: block; font-size: 12px; padding: 10px 0;}
 .page-turning a.prev{ float: left; }
 .page-turning a.next{ float: left; }
}
/************@news*************/

/************@goods*************/
.goods-body { background: #F5F5F5; }
.goods-banner {background: url(/tpl/www/images/pro_banner.jpg) center center no-repeat; overflow: hidden; height: 800px; }
.goods-detail-banner { height: 500px; }
.goods-banner h1{ height: 40px; line-height: 40px; color: #FFF; font-weight: 600; font-size: 32px; text-align: center; margin-top: 160px;}
.goods-banner h2 { height: 20px; line-height: 20px; text-align: center;  margin-top: 10px;}
.goods-banner h2 span { display: block; width: 50px; height: 4px; margin: auto; background: #F39800; }
.goods-banner p { line-height: 32px; color: #FFF; font-size: 22px; text-align: center; }

.category-lists {
    width: 1200px;
    height: 180px;
    margin:120px auto;
    position: relative;
    overflow: hidden;
     z-index: 1;
}

.cate-item { display: block; height: 180px; }

.category-list-container { width: 1200px; height: 180px; margin: 40px auto; margin-top: 160px; overflow: hidden; }
.category-list-ul {width: 1210px; height: 180px; overflow: hidden; }
.category-list-ul li { width: 232px; height: 180px; float: left; margin-right: 10px; position: relative; }
.category-list-ul li .name{ margin-top: 40px; }
.category-list-ul li .name, .category-list-ul li .short_name{ line-height: 38px; color: #FFF; font-size: 18px; text-align: center; }
.category-list-ul li .ico { display: none;  text-align: center; color: #FFF; font-size: 22px; font-style: normal;}
.category-list-ul li .grey { width: 100%; height: 100%; background: #FFF; opacity: 0.5; filter: alpha(opacity= 0.5); position: absolute; top:0; left: 0; z-index: 1;}
.category-list-ul li:hover .grey { background: #F39800; opacity: 1; filter: alpha(opacity=1); transition: 0.3s all;}
.category-list-ul li:hover .ico { display: block; ; transition: 0.3s all;}
.category-list-ul li.action .grey { background: #F39800; opacity: 1; filter: alpha(opacity=1); transition: 0.3s all;}
.category-list-ul li.action .ico { display: block; ; transition: 0.3s all;}

.goods-lists-container { width: 1200px; margin:70px auto; }
.goods-item { width: 100%; overflow: hidden; margin-bottom: 40px; background: #FFF; box-shadow: 0 0 15px #DDD;  }
.goods-item .goods-item-left { float: left; padding: 70px; width: 550px; }
.goods-item .goods-item-left h1{ height: 80px; line-height: 80px; font-size: 21px; font-weight: 500; margin-bottom: 40px; }
.goods-item .goods-item-left h1 span { display: block; width: 100px; height: 6px; background: #F39800; }
.goods-item .goods-item-left p { height: 210px; line-height: 30px; font-size: 14px; }
.goods-item .goods-item-left a.detail { display: block; width: 180px; height: 50px;  line-height: 50px; background: linear-gradient(to right, #F39800 , #F8B52A); border-radius: 25px; text-align: center; font-size: 14px; color: #FFF; }
.goods-item .goods-item-right { width: 450px; height: 450px; float: right;}
.goods-item .goods-item-right img { width: 100%; }

.wap-images { display: none; }
.goods-container { width: 1200px; margin: 60px auto; margin-bottom: 0; overflow: hidden; background: #FFF; }
.goods-detail-images { width: 420px; padding: 40px; overflow: hidden; float: left; }
.goods-detail-info { width: 580px; float: left;padding: 40px 40px 40px 0; }
.goods-detail-info h1 { line-height: 40px; height: 80px; font-size: 21px; font-weight: 500; border-bottom: 1px solid #DDD; }
.goods-detail-info .summary { height: 180px; line-height: 30px; font-size: 14px; padding: 20px 0; border-bottom: 1px solid #DDD;}
.buy-btn { margin-top: 40px; width: 100%; overflow: hidden; }
.buy-btn a { display: block; width: 180px; height: 50px; line-height: 50px; border-radius: 25px; border:1px solid #F39800; text-align: center; color: #F39800; font-size: 14px; float: left; margin-right: 30px; }
.buy-btn a:hover { background: #F39800; color: #FFF; background: linear-gradient(to right, #F39800 , #F8B52A); }
.goods-turn-container { width: 100%; margin-top: 40px; }
.goods-turn-container a { display: block; width: 100%; line-height: 30px; font-size: 14px; }
.goods-content-main { width: 1200px; margin:auto; }
.goods-content-main .nav { width: 100%; overflow: hidden; height: 75px; line-height: 75px; }
.goods-content-main .nav li { width: 85px; height: 73px; line-height: 73px; border-bottom: 2px solid #F5F5F5; float: left; font-size: 16px; margin-left: 40px; text-align: center;}
.goods-content-main .nav li.action { border-color: #F39800; }
.goods-content-main .content { font-size: 15px;line-height:30px;width: 1200px; margin:auto; min-height: 500px; background: #FFF; overflow: hidden;}
.goods-content-main .content .item{ width: calc(100% - 80px); margin: 40px; display: none;}
.goods-content-main .content .item.action { display: block; }

@media screen and (max-width:1440px) {
  .category-lists { width: 1000px; }
}

@media screen and (max-width:1086px) {
  .category-lists { width: 900px; }
}

@media screen and (max-width:768px) { 

.nei-position { width: 100%; margin:auto; }

.goods-content-main .content .item img{width: 100%  !important; height:auto  !important;}
.goods-content-main { width: 100%; margin:auto; }
.goods-content-main .content { font-size: 15px;line-height:30px;width: 93%; margin:auto; min-height: 500px; background: #FFF; overflow: hidden;}
.goods-content-main .content .item{width: 93%;margin: 15px;display: none;}
.goods-content-main .content .item.action { display: block; }


  
  .goods-lists-container{ width: 98%; }
  .goods-item { width: 100%; }
  .goods-item .goods-item-left { float: left; padding: 10px; width: auto; }
  .goods-item .goods-item-left h1 { line-height: 40px; height: 40px; font-size: 18px; margin-bottom: 20px; }
  .goods-item .goods-item-left h1 span { display: block; width: 40px; height: 4px; background: #F39800; }
  .goods-item .goods-item-left p { line-height: 30px; height: auto; font-size: 14px; }
  .goods-item .goods-item-left a.detail { margin-top:20px;width: 120px; height: 30px; line-height: 30px; font-size: 14px;}
  .goods-item .goods-item-right { width: 40%; height: auto; float: right; }


  .category-lists { width: 900px; height: 160px; margin: 40px auto; }
  .cate-item { display: block; height: 160px; }
  .cate-item .name { height: 30px; line-height: 30px; font-size: 14px;  }
  .cate-item .short_name { height: 30px; line-height: 30px; font-size: 12px; }
  .goods-container { display: none; }
 
  .wap-images { display: block; background: #FFF;width: 100%;overflow: hidden; }

  .wap-goods-title { height: 40px; line-height: 40px; font-size: 18px; text-align: center; }
  .wap-goods-description { line-height: 30px; font-size: 14px; text-align: left; padding: 25px; }
  .goods-content-main .nav { height: 55px; line-height: 55px; }
  .goods-content-main .nav li { width: 85px; height: 53px; line-height: 53px; }
}
/************@good*************/

/************@good*************/
.cases-body { background: #F5F5F5; overflow: hidden; }
.cases-banner {background: url(/tpl/www/images/case_banner.jpg) center center no-repeat; overflow: hidden; height: 500px; }
.cases-banner h1{ height: 40px; line-height: 40px; color: #FFF; font-weight: 600; font-size: 32px; text-align: center; margin-top: 120px;}
.cases-banner h2 { height: 20px; line-height: 20px; text-align: center;  margin-top: 10px;}
.cases-banner h2 span { display: block; width: 50px; height: 4px; margin: auto; background: #F39800; }
.cases-banner p { line-height: 32px; color: #FFF; font-size: 22px; text-align: center; }

.cases-main { width: 1200px; margin: -175px auto 175px; }
.case-slider { width: 1200px; height: 400px; background: #FFF; overflow: hidden; box-shadow: 0 0 15px #DDD;}
.case-slider-info { width: 320px; padding: 50px; float: left; }
.case-slider-info ul { width: 320px; overflow: hidden; }
.case-slider-info ul li { display: block; height: 400px; }
.case-slider-info ul li h1 { height: 70px; line-height: 30px; text-align: center; font-size: 21px; font-weight: 500; margin-bottom: 20px; }
.case-slider-info ul li p { line-height: 25px; }
.case-slider-info ul li a.detail { display: block; width: 180px; height: 50px; line-height: 50px; text-align: center; background: linear-gradient(to right, #F39800 , #F8B52A); color: #FFF; border-radius: 25px; margin: 40px auto; }
.case-slider-images { width: 768px; height: 390px; padding: 5px; position: relative; float: right; }
.case-slider-images ul { width: 770px; height: 390px; overflow: hidden; }
.case-slider-images ul li { width: 770px; height: 390px; }
.case-slider-images ul li img{ max-width: 770px; max-height: 390px; }
.case-slider-images .pagination-list { width: calc(100% - 20px); height: 50px; line-height: 50px; position: absolute; bottom: 0; text-align: right; padding-right: 20px; }
.case-slider-images .pagination-list span { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #FFF; margin-right: 5px; }
.case-slider-images .pagination-list span.on { background: #F39800; }

.cases-nav { width: 1200px; height: 75px; line-height: 75px; background: #FFF; text-align: center; margin: 60px auto; }
.cases-nav a { padding:0 20px; font-size: 14px; border-right: 1px solid #DDD; }
.cases-nav a:last-child { border-right: none; }
.cases-nav a:hover { color: #F39800; }

.cases-lists { overflow: hidden; }
.cases-ul { overflow: hidden; }
.cases-item { width: calc(31.6666666% - 60px); padding: 40px 30px 0;  float: left; background: #FFF; box-shadow: 0 0 15px #DDD; margin-right: 2.5%; margin-bottom: 40px; }
.cases-item:nth-child(3n) { margin-right: 0; }
.cases-item h1 { height: 70px; line-height: 35px; margin-bottom: 20px; font-size: 24px; font-weight: 500; }
.cases-item p { line-height: 25px; font-size: 14px; }

.cases-item a.detail { display: block; width: 180px; height: 50px; line-height: 50px; text-align: center; border:1px solid #DDD; color: #DDD; border-radius: 25px; margin: 40px auto;  }
.cases-item a.detail:hover {border:1px solid #F39800; background: linear-gradient(to right, #F39800 , #F8B52A); color: #FFF; transition: 0.3s all; box-shadow: 0 0 10px #DDD; }

@media screen and (max-width:768px) {
  .cases-main { margin: 0 auto; }
  .case-slider { display: none; }
  .cases-main { width: 100%; }
  .cases-nav { width:  calc(96% - 20px); padding: 10px; height: auto; line-height: 40px; text-align: left; margin: 20px auto; }
  .cases-nav a {  }
  .cases-item { width: calc(96% - 20px); margin: 0 auto 20px; padding: 10px 10px 20px; float: none;}
}
/************@good*************/

@media screen and (max-width:768px) {
 .nei-banner-box { height: 350px; background-size: cover;}
 .goods-banner { height: 640px; }
 .nei-banner-box h1 { margin-top: 100px; font-size: 28px;}
 .nei-banner-box p { font-size: 18px; }
 .nei-navbar { width: 100%; height: 40px; }
 .nei-navbar ul { width: 100%; }
 .nei-navbar ul li { height: 40px; line-height: 40px; font-size: 14px; }
 .nei-navbar ul li a { display: block; height: 40px; line-height: 40px; font-size: 14px; padding: 0 10px;}
}

/****@售后服务************/
.services-body {background: #F5F5F5; overflow: hidden; }
.services-banner { background-position: center center; background-repeat: no-repeat; overflow: hidden; height: 500px; }
.services-banner h1{ height: 40px; line-height: 40px; color: #FFF; font-weight: 600; font-size: 32px; text-align: center; margin-top: 120px;}
.services-banner h2 { height: 20px; line-height: 20px; text-align: center;  margin-top: 10px;}
.services-banner h2 span { display: block; width: 50px; height: 4px; margin: auto; background: #F39800; }
.services-banner p { line-height: 32px; color: #FFF; font-size: 22px; text-align: center; }
.services-main { width: 1200px; margin:40px auto; padding: 40px; background: #FFF;}
.services-content { padding: 95px;font-size: 15px;line-height:30px;}
@media screen and (max-width: 1366px) {
  .services-main { width: 1000px; padding: 30px; } 
}

@media screen and (max-width: 1281px) {
  .services-main { width: 900px; padding: 20px; } 
}

@media screen and (max-width: 1087px) {
.services-main { width: calc(96% - 20px); padding: 10px; }
}
/****@售后服务************/<!--耗时1764897074.0196秒-->