/*=================================
*
*
* @copyright  Copyright (c) 2013-2018 evdian Technologies Inc. (http://www.evdian.com)
*    
* program : 1176658122@qq.com
* ==================================*/
/*==about==*/
.about .title { padding-left: 600px; color: #262626; width: 600px; text-align: center; }
.about .main1 { background: url(../bundles/evdian/images/about/main1.jpg) no-repeat center top; height: 450px; padding-top: 160px; }
.about .main1 p { padding: 0 0 0 300px; text-indent: 32px; line-height: 36px; color: #555; width: 380px; }
.about .main2 { background: url(../bundles/evdian/images/about/main2.jpg) no-repeat center top; height: 695px; }
.about .main2 .responsive-tabs .tabs-list li { color: #626262; }
.about .main2 .responsive-tabs .tabs-list li.active { background: #ecf5ff; border-color: #188fff; color: #626262; }
.about .main2 .responsive-tabs .tabs-list li.active:before { border-top: 10px solid #188fff; }
.about .main2 .responsive-tabs .tabs-list li.active:after { border-top: 10px solid #ecf5ff; }
.about .main3 { background: url(../bundles/evdian/images/about/main3.jpg) no-repeat center top; height: 597px; }
.about .main4 { background: url(../bundles/evdian/images/about/main4.jpg) no-repeat center top; height: 577px; }
.about .main4 .responsive-tabs .tabs-list li.active { background: #fdf8ef; border-color: #fdca75; color: #fdca75; }
.about .main4 .responsive-tabs .tabs-list li.active:before { border-top: 10px solid #fdca75; }
.about .main4 .responsive-tabs .tabs-list li.active:after { border-top: 10px solid #fdf8ef; }
.about .main4 .responsive-tabs .list-box { width: 248px; height: 148px; border-color: #fdca75; }
.about .main4 .responsive-tabs .list-box:hover { -moz-box-shadow: 0px 0px 20px rgba(248, 182, 38, 0.6); -webkit-box-shadow: 0px 0px 20px rgba(248, 182, 38, 0.6); box-shadow: 0px 0px 20px rgba(248, 182, 38, 0.6); }
.about .main5 { background: #f2f2f2; }
.about .main5 .main5-box { padding-left: 300px; }
.about .main5 .main5-list { width: 178px; height: 98px; border: 1px solid #c9c9c9; margin: 0 60px 20px 0; }
.about .main5 .main5-list img { max-width: 178px; max-height: 98px; }
.about .main5 .main5-list:nth-child(4n) { margin-right: 0; }
.about .responsive-tabs { padding-left: 300px; }
.about .responsive-tabs .accordion-handle { display: none; }
.about .responsive-tabs .tabs-list { padding-left: 300px; }
.about .responsive-tabs .tabs-list li { width: 178px; height: 148px; border: 1px solid #c9c9c9; float: left; color: #626262; position: relative; line-height: 24px; cursor: pointer; }
.about .responsive-tabs .tabs-list li .li-pic { width: 178px; height: 90px; }
.about .responsive-tabs .tabs-list li.active { background: #ddfaf3; border-color: #25cfa8; color: #25cfa8; }
.about .responsive-tabs .tabs-list li.active:before { content: ""; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #25cfa8; bottom: -10px; left: 83px; }
.about .responsive-tabs .tabs-list li.active:after { content: ""; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ddfaf3; bottom: -9px; left: 83px; }
.about .responsive-tabs .list-box { width: 208px; height: 224px; border: 1px solid #25cfa8; background: #fff; display: block; }
.about .responsive-tabs .list-box.big { width: 248px; }
.about .responsive-tabs .list-box .box-pic { height: 100px; }
.about .responsive-tabs .list-box .box-info h3 { font-weight: normal; color: #333; }
.about .responsive-tabs .list-box .box-info p { color: #666; line-height: 24px; }
.about .responsive-tabs .list-box:hover { -moz-box-shadow: 0px 0px 20px rgba(37, 207, 168, 0.6); -webkit-box-shadow: 0px 0px 20px rgba(37, 207, 168, 0.6); box-shadow: 0px 0px 20px rgba(37, 207, 168, 0.6); }

.navigation { left: 50%; top: 90px; width: 258px; height: 358px; border: 1px solid #bfbfbf; z-index: 100; margin-left: -600px; background: #fff; }
.navigation li { width: 230px; height: 58px; line-height: 58px; margin: 0 auto; }
.navigation li.tlt { height: 63px; line-height: 62px; border-bottom: 1px solid #bfbfbf; color: #262626; font-weight: bold; }
.navigation li a span { display: inline-block; width: 29px; height: 58px; background-position: 0 center; background-repeat: no-repeat; float: left; }
.navigation li a span.icon1 { background-image: url(../bundles/evdian/images/about/icon1.png); }
.navigation li a span.icon2 { background-image: url(../bundles/evdian/images/about/icon2.png); }
.navigation li a span.icon3 { background-image: url(../bundles/evdian/images/about/icon3.png); }
.navigation li a span.icon4 { background-image: url(../bundles/evdian/images/about/icon4.png); }
.navigation li a span.icon5 { background-image: url(../bundles/evdian/images/about/icon5.png); }
.navigation li a i { display: inline-block; float: left; padding-left: 10px; }
.navigation li a.current, .navigation li a:hover { color: #188fff; }
.navigation li a.current span, .navigation li a:hover span { background-position: -31px center; }
.navigation.fixed { position: fixed; top: 0; }

.products { background: #f8f8f8; padding-top: 45px; }
.products .tabs .accordion-handle { display: none; }
.products .tabs .tabs-left { width: 250px; }
.products .tabs .tabs-left h3 { width: 250px; height: 50px; line-height: 50px; color: #fff; font-weight: normal; background: #00acff; }
.products .tabs .tabs-left .tabs-list { width: 248px; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; background: #f8f8f8; }
.products .tabs .tabs-left .tabs-list li { cursor: pointer; height: 58px; line-height: 58px; text-indent: 68px; background: url(../bundles/evdian/images/about/products/icon1.png) no-repeat 35px center; border-bottom: 1px solid #d2d2d2; font-size: 16px; color: #303030; }
.products .tabs .tabs-left .tabs-list li:nth-child(2) { background: url(../bundles/evdian/images/about/products/icon2.png) no-repeat 35px center; }
.products .tabs .tabs-left .tabs-list li:nth-child(3) { background: url(../bundles/evdian/images/about/products/icon3.png) no-repeat 35px center; }
.products .tabs .tabs-left .tabs-list li:nth-child(4) { background: url(../bundles/evdian/images/about/products/icon4.png) no-repeat 35px center; }
.products .tabs .tabs-left .tabs-list li.active { background-color: #fff; }
.products .tabs .tabs-container { width: 870px; border-top: 1px solid #dcdcdc; }
.products .tabs .link-list { width: 200px; height: 320px; margin-right: 23px; margin-bottom: 23px; }
.products .tabs .link-list .list-pic { width: 198px; height: 198px; border: 1px solid #dcdcdc; }
.products .tabs .link-list .list-pic .new { left: 0; top: 0; }
.products .tabs .link-list h3 { color: #303030; font-weight: normal; }
.products .tabs .link-list p { color: #707070; line-height: 30px; }
.products .tabs .link-list:nth-child(4n) { margin-right: 0; }
.products .tabs .link-list:hover .list-pic { background: #fff; border-color: #00acff; -moz-box-shadow: 0px 0px 20px #00acff; -webkit-box-shadow: 0px 0px 20px #00acff; box-shadow: 0px 0px 20px #00acff; }
.products.sol .tabs .tabs-left .tabs-list li { background-image: url(../bundles/evdian/images/about/sol/icon1.png); }
.products.sol .tabs .tabs-left .tabs-list li:nth-child(2) { background-image: url(../bundles/evdian/images/about/sol/icon2.png); }
.products.sol .tabs .link-list { width: 420px; height: 280px; margin: 0 30px 30px 0; }
.products.sol .tabs .link-list:nth-child(2n) { margin-right: 0; }
.products.sol .tabs .link-list.sol1 { background: url(../bundles/evdian/images/about/sol/bg1.png) no-repeat left top; }
.products.sol .tabs .link-list.sol2 { background: url(../bundles/evdian/images/about/sol/bg2.png) no-repeat left top; }
.products.sol .tabs .link-list.sol3 { background: url(../bundles/evdian/images/about/sol/bg3.png) no-repeat left top; }
.products.sol .tabs .link-list.sol4 { background: url(../bundles/evdian/images/about/sol/bg4.png) no-repeat left top; }
.products.sol .tabs .link-list.sol5 { background: url(../bundles/evdian/images/about/sol/bg5.png) no-repeat left top; }
.products.sol .tabs .link-list.sol6 { background: url(../bundles/evdian/images/about/sol/bg6.png) no-repeat left top; }
.products.sol .tabs .link-list.sol7 { background: url(../bundles/evdian/images/about/sol/bg7.png) no-repeat left top; }
.products.sol .tabs .link-list.sol8 { background: url(../bundles/evdian/images/about/sol/bg8.png) no-repeat left top; }
.products.sol .tabs .link-list h3 { color: #fff; font-weight: bold; }
.products.sol .tabs .link-list p { color: #fff; }
