@charset "utf-8";
/*
* @description: adtogroup通用样式
* @author: liaoli
* @update: liaoli (2015-07-07)
*/

html,body,input { font: 12px/1.5 "Simsun Font", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "Simsun Font", Tahoma, Arial, sans-serif; color:#666;}
.w { margin:0 auto; width:1200px;}
.f999 { color:#999 }
.fe50012 { color:#e50012 }
a:link, a:visited{ color: #666;}
a:hover { color:#e50012;}
a:active { color: #e50012;}
.h20 { height:20px;}
.f666{ color:#666;}
.f333{ color:333;}
.f999{ color:#999;}

#header { min-height:140px; position:relative;  z-index:10; height:140px;}
.header-bar { height:30px; background-color:#f3f3f3; line-height:30px;}
.header-bar .lan { background:url(image/en.png) no-repeat; width:17px; height:14px; float:left; margin:8px 5px;}
.header-bar .tel { background:url(image/tell-g.png) no-repeat; width:17px; height:14px; float:left; margin:8px 5px;}
.header-bar .mail { background:url(image/e-mail-g.png) no-repeat; width:17px; height:14px; float:left; margin:8px 5px;}
.header-bar span { float:left; margin-right:10px;}
.header-bar .header-top-right b { color:#ccc; margin:0px 10px;}
.header-top-right i { background:url(image/down-up.png) no-repeat; width:15px; height:15px; background-color:#e50012; float: right; margin: 8px 0px 0px 8px;}
.adto-all { position:relative;}
/*隐藏盒子设置*/
.hidden-box{ width: 70px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:4px solid #e50012;position: absolute; top: 32px; z-index:999; background-color:#fff; padding:10px 20px; right:0px; line-height:25px; display:none;}
.hidden-box>ul{list-style-type: none;color: #ff3e3e;cursor: pointer;}
.hidden-box li:hover{color: #e50012;}
/*隐藏盒子设置*/

.product-center {width: 90px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd;position: absolute; top:43px;  z-index:999; background-color:#fff; padding:10px 20px; right:-25px; line-height:25px; display:none;}
.product-center>ul{list-style-type: none;color: #ff3e3e;cursor: pointer;}
.product-center li:hover{color: #e50012;}

.adto-nav { height:auto; overflow:hidden;}
.adto-nav .logo{ background:url(image/logo.png) no-repeat; float:left; width:265px;   min-height: 64px;margin: 25px 10px 5px 0px;}
.adto-nav .search-nav {float:left;position: relative;width: 800px;}
.adto-nav .search { margin-top:5px; position:absolute; right: 34px; }
.adto-nav .search .search-input-text{ min-height:25px; width:180px; margin-top:10px; border:1px solid #ddd; color:#cbcaca;  padding-left:5px; float:left; }
.adto-nav .search .searchButton { background: url(image/search.png) no-repeat 8px 5px;width: 35px;height: 27px;border: 1px solid #ccc;background-color: #ccc;color: #fff;font-size: 18px; position: absolute; float: left; top: 10px; cursor:pointer;}
.adto-nav .two-code { background:url(image/twocode.jpg) no-repeat; width:87px; height:87px; margin-top:15px;}
.adto-nav .nav { color:#333; font-size:14px;  font-weight:bold; margin-top:67px; line-height:40px; position:absolute; width: 785px}
.adto-nav .nav li { float:left; width:70px; text-align:center; margin:0px 8px; }
.product { position:relative;}
.adto-nav .nav li em { position: absolute; background:url(image/hot.jpg) no-repeat; width:27px; height:19px;z-index: -1;}
.adto-nav .nav > li:hover { border-bottom:3px solid #e50012; cursor:pointer;}
.adto-nav .nav .hover { border-bottom:3px solid #e50012;}
.adto-nav .nav .product-center li { font-size:12px; font-weight:normal;text-align: left;margin: 0px; width:120px;}

.nav_1 { display: none;width: 690px; height:312px; overflow: hidden;background: #fff;  position:absolute; border:1px solid #ddd; left:-42px; top:43px; }
.nav_menu {background: #ededed;width: 190px;height: 312px;}
.nav_menu dl { padding:20px;}
.nav_menu dd {font-size: 14px;height: 30px;line-height: 30px;border-bottom: 1px solid #ccc;overflow: hidden;font-weight: bold;}
.percent70 {width:500px; height:312px;}
.nav_1 .cont {padding:25px 0px;}
.nav_1 .t {font-size: 14px;color: #333;margin-top: .5em;font-weight: bold; line-height:25px; margin:0 auto;}
.nav_1 .cont li {float: left;width: 180px;margin-right:30px;}
.nav_1 .cont .picshow img { width:330px; height:180px;}
.nav_1 .cont  p { width:330px; margin:0 auto; height:60px; overflow:hidden;}
.nav_1 .cont .vid p { width:180px; text-align:left;}
.nav_1 .cont .vid img { width:180px; height:110px;}
.nav_1 .cont  p a { color:#999; font-size:12px; font-weight:normal; line-height:20px;}

.main { height:auto;}
.main .wrap-content-0 { height:312px; overflow:hidden;  position:relative; clear:both; }
.main .wrap-content-0 .left-nav { width:198px; height:310px;  border:1px solid #ddd; margin-right:23px; padding:0px 5px;}
.main .wrap-content-0 .left-nav .title,.main .right-nav .title { line-height:40px; font-size:16px; color:#333;}
.main .wrap-content-0 .left-nav .more1 div { border:1px solid #ddd; background-color:#fff; }
.main .wrap-content-0 .left-nav .more1 div a {color:#999;}
.main .wrap-content-0 .left-nav li{  float:left; margin-top:10px;margin-bottom:10px;position:relative; z-index:2; width:100%; text-align:center; overflow:hidden;}
.main .wrap-content-0 .left-nav li div { width:180px; border-radius:10px; background-color:#fb6400; height:25px; line-height:25px; -moz-border-radius: 10px; -webkit-border-radius: 10px;behavior: url(iecss3.htc); display:inline-block; }
.main .wrap-content-0 .left-nav li a{ color:#fff; white-space:nowrap; }
.main .wrap-content-0 .left-nav li div:hover { background-color:#e50012;}
.main .wrap-content-0 .left-nav .more1:hover a{ color:#fff;}

.main .wrap-content-0 .banner-x,.main .wrap-content-0 .banner {overflow: hidden;position: relative;width: 690px; height:312px;}
.main .wrap-content-0 .banner .banner-list {width: 9999px;}
.main .wrap-content-0 .banner .banner-list li { float:left; width:690px; height:312px; position:relative; }
.main .wrap-content-0 .banner .banner-list li img { width:690px;}
.main .wrap-content-0 .banner-btn{overflow: hidden;position: absolute;bottom: 10px; left: 550px;width: 100%;height: 20px;padding: 5px 0;}
.main .wrap-content-0 .banner-btn li{float: left;width: 8px;height: 8px;margin: 0 0 0 10px;background: #666;cursor: pointer; text-align:center;   border-radius:50%; }
.main .wrap-content-0 .banner-btn .selected{background:#e50012;}

.slide_x{overflow:hidden;position:relative;width:735px;height:360px;}
.slide_x .box{overflow:hidden;position:relative;width:735px;height:360px;}
.slide_x .list{overflow:hidden;width:9999px;}
.slide_x .list li{float:left; position:relative; width:735px;}
.slide_x .btn{overflow: hidden;position: absolute;bottom: 10px;left: 500px;width: 100%;height: 20px;padding: 5px 0;}
.slide_x .btn li{float: left;width: 21px;height: 21px;margin: 0 0 0 10px;background: #eee;color: #1686cc;cursor: pointer; text-align:center; font-weight:bold; border:1px solid #fff; }
.slide_x .btn .selected{background: #a4a3a2;color: #fff; font-size:14px; font-weight:bold;}

.main .wrap-content-0 .right-nav { width:210px; height:312px; background-color:#f3f3f3; margin-left:23px; padding:0px 20px; }
.main .wrap-content-0 .right-nav li { float:left; width:85px; height:72px; border:1px solid #ddd; color:#333; border-radius:5px; background-color:#fff; margin:7px 8px; text-align:center;}
.main .wrap-content-0 .right-nav li:hover{ border:1px solid #e50012;}
.main .wrap-content-0 .right-nav li em { width:42px; height:35px; display:block; margin: 8px 20px;}
.main .wrap-content-0 .right-nav .trade  { background:url(image/tag_01.png) no-repeat;}
.main .wrap-content-0 .right-nav .outside  { background:url(image/tag_02.png) no-repeat;}
.main .wrap-content-0 .right-nav .gangtb  { background:url(image/tag_03.png) no-repeat;}
.main .wrap-content-0 .right-nav .lm  { background:url(image/tag_04.png) no-repeat;}
.main .wrap-content-0 .right-nav .micro  { background:url(image/tag_05.png) no-repeat;}
.main .wrap-content-0 .right-nav .wl  { background:url(image/tag_06.png) no-repeat;}

.main .wrap-content-0 .right-nav li span { font-size:24px; color:#999; line-height:20px;}

.main .wrap-content-1 {overflow: hidden; height: 490px;position: relative; margin-top:35px;}
.main .wrap-content-1 .new-wrap { float:left; width:715px; border:1px solid #ddd; height:488px; padding:0px 20px; }
.main .wrap-content-1 .new-wrap .new-title em {width: 15px;height: 20px;background: url(image/tag.png) no-repeat;position: absolute;top: -1px;left: -1px;}
.main .wrap-content-1 .new-wrap .new-title li{ float:left; line-height:45px; color:#999; font-size:18px; padding:0px 10px;}
.main .wrap-content-1 .new-wrap .new-title li.red span { color:#e50012;}
.main .wrap-content-1 .new-wrap .new-title li b { color: #ccc;font-size: 18px;font-family: -webkit-pictograph;}
.main .wrap-content-1 .new-wrap .new-title li font{ font-size:12px;}
.main .wrap-content-1 .new-wrap .new-title a { float:right; background:url(image/more1.jpg) no-repeat; width:35px; height:15px; display:block; margin: 15px 28px 0 0; text-indent: -99999px;}

.new-list .listy { margin:10px 0px; display:none}
.new-list .show { display:block;}
.new-list .listy li { height: 75px;line-height: 25px;overflow: hidden;padding: 0;padding-left: 70px;margin: 0;margin-bottom: 12px;position: relative;}
.new-list .listy li:hover .title a{ color:#e50012; }
.new-list .listy li:hover div{ border:1px solid #e50012;}
.new-list .listy li:hover div span { background-color: #e50012;}
.new-list .listy li div { position: absolute;top: 0;left: 0;width: 70px;height: 60px;border: 1px solid #ddd;}
.new-list .listy li div span {display: block;width: 70px;color: #fff;font-size: 18px;background: #ccc;height: 35px;line-height: 35px;text-align: center;}
.new-list .listy li div em {display: block;width: 67px;color: #666;font-size: 12px;text-align: center;}
.new-list .listy li p {  padding: 0 4px 0 12px; width:610px; text-overflow: ellipsis;overflow:hidden; }
.new-list .listy li .title {font-size: 14px;color: #333;font-weight: bold;height:25px;white-space:nowrap;}
.new-list .listy li .content { height:40px;}
.new-list .listy li .content a,.new-list .listy li .content:hover a {color:#666; line-height:20px; }
.new-list .listy li a span {position: absolute;right: 25px; bottom:7px}
.more { color: #fb6400;text-decoration: underline;font-size: 12px;font-weight: normal; margin-right:10px;}

.main .wrap-content-1 .factory-case {float:right; height:auto; width:435px; }
.factory-case .factory {border-top:2px solid #e50012; border-right:1px solid #ddd; height:260px; padding:0px 16px; position:relative; overflow:hidden;}
.f-tab {line-height:45px; color:#333; font-size:18px; height:45px;}
.f-tab font { font-size:12px; color:#999;}
.f-tab .a {float:right; background:url(image/more1.jpg) no-repeat; width:35px; height:15px; display:block; margin: 15px 0px 0 0; text-indent: -99999px; }
.factory-case .factory .f-tab .small-icon em { padding:0px 5px;}
.factory-case .factory .f-tab .small-icon em:hover { color:#e50012; cursor:pointer; }
.factory-case .factory .f-tab .small-icon .prev { color:#999;}
.factory-case .factory-c { width:88888px; height:210px; overflow:hidden; position: absolute; margin-top:10px;}
.factory-case .factory-c li { float:left;margin-right: 25px;}
.factory-case .factory-c img { width:210px; height:165px; float:left;}
.factory-case .factory-c .fac-content { float:right; width:190px; height:210px; line-height:20px; overflow:hidden;margin-left: 15px;}
.factory-case .factory-c .fac-content  h3{ line-height:30px; font-size:14px; color:#333; font-weight:bold; width:180px; height:30px;overflow:hidden; white-space:nowrap;text-overflow: ellipsis;   }
.factory-case .factory-c .fac-content .content { color:#999; height:130px; overflow:hidden; line-height:19px;}
.factory-case .factory-c .fac-content .content a{ float:right;}
.factory-case .case-list { border:1px solid #ddd; height:226px; border-left:0; padding:0px 16px;}
.factory-case .case-list .img-list{ width:410px; overflow:hidden; margin-top:15px;}
.factory-case .case-list ul { padding:15px 0px; width:9999px;}
.factory-case .case-list li { float:left; padding-right:5px;}
.factory-case .case-list li img { width:160px; height:110px}
.factory-case .case-list li img:hover { cursor:pointer; opacity:0.8;}
.factory-case .case-list li p { color:#333; line-height:25px; height:25px; width:150px; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.factory-case .case-list li a:hover p{ color:#e50012; cursor:pointer;}

.wrap-content-2,.wrap-content-3 { height:auto;  margin-top:20px;}
.wrap-content-2 .join-adto,.wrap-content-2 .adto-news { width:300px; float:left; margin-right:25px;}
.wrap-content-2 .join-adto .join-content { background-color:#f3f3f3; height:215px;}
.wrap-content-2 .join-adto .join-content p{ padding:0px 20px; margin-top:-8px;}
.wrap-content-2 .join-adto .join-content p a { color:#fb6400}
.wrap-content-2 .join-adto .join-content p a:hover { text-decoration:underline;}
.wrap-content-2 .join-adto .join-content img { margin:15px 20px; width:262px; height:160px;}
.wrap-content-2 .adto-news .news-content { border:1px solid #ddd; height:248px; padding:5px 10px;}
.wrap-content-2 .adto-news .news-content img { width:155px; height:195px; margin-bottom:25px;}
.wrap-content-2 .adto-news .news-content dl { margin-top:15px; height:161px; overflow:hidden;}
.wrap-content-2 .adto-news .news-content dt,.wrap-content-2 .adto-news .news-content dd {line-height:23px; width:160px; height:23px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.wrap-content-2 .adto-news .news-content dt { font-size:14px; color:#333; font-weight:bold; }
.wrap-content-2 .adto-news .news-content p{ clear:both; margin:0px 10px; background-color:#c68d74; height:25px; line-height:25px; padding-left:10px;}
.wrap-content-2 .adto-news .news-content p a { color:#fff;}
.wrap-content-2 .adto-news .news-content p a:hover{ text-decoration:underline;}
.wrap-content-2 .video-list { float:left; width:870px;}
.wrap-content-2 .video-list .video-list-c {height:260px; position:relative; }
.wrap-content-2 .video-list .video-list-c .img-max { width:290px; height:160px;}
.wrap-content-2 .video-list .video-list-c ul { margin-left:10px;}
.wrap-content-2 .video-list .video-list-c li img { width:115px; height:78px;}
.wrap-content-2 .video-list .video-list-c li { display:block }
.wrap-content-2 .video-list .video-list-c .video-li { margin-bottom:13px}
.video-list-c i {  width: 42px;height: 42px;position:absolute;background: url(image/icon.png) no-repeat;background-position: -38px -99px; top:70px; left:273px;}

 


.wrap-content-3 .user-partners .f-tab { border-bottom:2px solid #dddddd;}
.wrap-content-3 .user-partners p,.wrap-content-3 .links p { font-size:14px; color:#333; }
.wrap-content-3 .user-partners .partners {  min-height:150px;}
.wrap-content-3 .user-partners .partners,.wrap-content-3 .user-partners .links { margin:15px 20px;}
/*.wrap-content-3 .user-partners .links { float:left; width:360px; }*/
.wrap-content-3 .user-partners .links ul{ overflow:hidden; }
.wrap-content-3 .user-partners .partners ul { margin-left:-40px;display:inline-block; overflow:hidden;}
.wrap-content-3 .user-partners .partners li { float:left; margin:12px 40px; padding:5px;}
.wrap-content-3 .user-partners .partners li img { width:105px; height:60px; }
.wrap-content-3 .user-partners .partners li:hover img { cursor:pointer; opacity:0.8; }
.wrap-content-3 .user-partners .links li { float:left; display:inline-block; margin-right:20px;line-height:30px;}



.footer { clear:both; margin-top:20px;}
.adto_f{ padding:10px 0px; text-align:center; background-color:#666; color:#fff;}
.adto_f ul{ padding-bottom:10px;}
.adto_f ul a { color:#fff;}
.adto_f ul a:hover { text-decoration:underline;}

/*内页样式start*/
.top_img{ width:100%; height:275px; padding:0; margin:0; background-image:url(images/images.jpg);}
.top_img img { width:100%; height:275px;}
.style_main{ width:1200px; height:auto; margin:0 auto; display:block;}
.style_main .left{ width:240px; height:auto; float:left; position:relative; top:-110px; }
.style_main .left .theme{with:100%; height:110px; background-color:rgba(243,243,243,0.85)!important;filter:Alpha(opacity=85);  background-color:#f3f3f3;}
.style_main .left .theme h1{ padding:0; margin:0; font-size:36px; font-weight:bold; color:#666; text-align:center; line-height:110px;}
.style_main .left .classify{with:99%; height:auto; min-height:190px; padding: 50px 0 20px 0;text-align:center; border:1px #DDDDDD solid; background-color:#f3f3f3;}
.menu_head{width:170px;height:47px;line-height:22px;padding-left:30px; text-align:left;font-size:14px;color:#666;cursor:pointer;position:relative;background: url(image/left.png)  no-repeat 10px 5px;margin:0;}
.classify .current{ color:#333; font-weight:bold; background: url(image/down.png) no-repeat 10px 5px;}
.menu_body{width:223px;height:auto;overflow:hidden;line-height:38px; font-size:14px; }
.menu_body a{display:block;width:223px;height:38px;line-height:38px;padding-left:105px;
text-align:left;color:#666;text-decoration:none; background: url(image/gray_left.png)  no-repeat 85px}
.menu_body a:hover,.menu_body a:active{text-decoration:none; color:#333; background: url(image/red_left.png)  no-repeat 85px}
.menu_body .current2{ color:#333;background: url(image/red_left.png) no-repeat 85px;}
.style_main .left .news,.left_division{ width:99%;  border:1px #DDDDDD solid; margin-top:30px; background-color:#f3f3f3;}
.style_main .left .news{height:280px;}
.style_main .left .news h1,.left_division h1{ width:80%; height:50px; line-height:50px; margin:0 10%; font-size:18px; font-weight:bold; color:#666; border-bottom:1px solid #ddd;}
.style_main .left .news ul{ width:220px; height:200px; margin:10px 25px; padding:0; }
.style_main .left .news ul li{ width:100%; height:42px; margin:0; padding:0; list-style:none;  }
.left .news ul li a{ width:95%; height:18px; font-size:14px; color:#666; line-height:18px; float:left; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.left .news ul li a:hover,.left .news ul li a:active{ color:#e50012;text-decoration:none;}
.left .news ul li a i{ width:5%; padding:0 2% 0 0; line-height:18px; color:#666; font-size:16px; font-weight:bold; font-style:normal;}
.left .news ul li em{ width:100%; text-indent:5%;float:left; color:#999; line-height:15px; font-style:normal;}
.style_main .right{ width:930px; height:auto; float:right;}
.style_main .right .top{
	width: 100%;
    height: 55px;
    margin: 0;
    padding: 0;
    float: right;
    border-bottom: 1px #e50012 solid; }
.style_main .right .top h2{ height:55px; line-height:65px; font-size:24px; color:#333; float:left; margin:0 0 0 15px; padding:0;}
.style_main .right .top .load{ width:40%; height:55px; line-height:85px; text-align:right; font-size:12px; color:#333; float:right; margin:0 0 0 15px; padding:0;}
.style_main .right .top .load em{ font-style:normal;}
.style_main .right .circle{ width:16px; height:16px; position:relative; top:65px; left:2px; padding:0; background:url(image/neiye_img.png) no-repeat -40px -5px;}
.style_main .right .main{ width:100%; height:auto; margin-bottom:40px;}
.style_main .right .main h1{ width:100%; height:50px;line-height:50px; float:left; margin-top:20px; font-size:24px; color:#333; font-weight:normal; text-align:center;}
.style_main .right .main em{ width:100%; height:15px; line-height:15px; float:left; text-align:center; color:#666; font-style:normal}
.style_main .right .main em a, .style_main .right .main em .bds_more {font-size: 12px;padding-left: 17px;line-height: 16px;height: 16px;background-image:url(image/icons_0_16.png);background-repeat: no-repeat;
cursor: pointer;margin: 6px 6px 6px 0;}
.style_main .right .main .more-span {  
  width: 100%;
    text-align: center;
    color: #666;
    height: 30px;
    line-height: 30px;
    font-style: normal;
    float: left;
    /* margin: 0px 30px 0px 350px; */
    display: block;
    text-align: center;
}
.style_main .right .main .span{ width:95%; height:auto; font-size:14px; line-height:25px; margin:20px 0 0 2%; float:left; text-align:left;}
.style_main .right .main .return{ width:94px; height:26px; margin:60px 0 0 45%; background-image:url(image/neiye_img.png); background-color:#fff; background-repeat:no-repeat; background-position:-4px -60px; border:0;}
.style_main .right .main .next_up{ width:95%; height:80px; float:left; margin:40px 0 0 2%;}
.main .next_up a{ width:100%; height:20px; line-height:20px; float:left; text-indent:20px;}
.main .next_up i{ width:100%; height:1px; float:left; margin:8px 0; background:#ddd;}
.main .next_up p{ margin:0; padding:0;}

/*分页样式start*/
.pages {padding: 20px 0 20px 0;text-align: center;font-size: 12px;color: #666666; clear:both; }
.pages a, .pages .disabled{background: #fff;border: 1px solid #E3E3E3;padding: 4px 10px;margin-right: 5px;}
.pages a:hover,.pages .current{border: 1px solid #dd0716;padding: 4px 10px;margin-right: 5px;cursor: pointer; color:#dd0716;}
.pages strong {background: #fff;padding:4px 10px;border: 1px solid #FCB6A1;color: #dd0716;margin-right: 5px;}
.pages_inp {width: 30px;border: #DDDDDD 1px solid;color: #666666;padding: 2px;text-align: center;}
.pages_inp:hover{ border:1px solid #999;}
.pages cite {font-style: normal;}
.pages_btn {border:0;color: #FFFFFF;padding:3px 10px;background: #dd0716;font-weight: bold;font-size: 11px;}
/*分页样式end*/

/*左侧事业部*/
.left_division{ height:auto}
.left_division ul{ display:inline-block; width:220px; height:auto; margin:10px 25px; padding:0; }
.left_division ul li{ 
	width: 100%;
    line-height: 25px;
    float: left;
    margin-right: 5px;
    font-size: 14px;
    list-style: none;
    display: flex;
    align-items: center;
    height: 25px;
    overflow: hidden;
}
.left_division ul li a {
     width: 86%;
    overflow: hidden;
    display: block;
    height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.left_division ul li i{ display:inline-block; width:6px; height:8px; margin-right:3px; background:url(image/neiye_img.png) no-repeat; background-position:-146px -8px;}