@charset "utf-8";
/* CSS Document */
/* Css writer: www.grwy.net */


.topMenu{ background-image:url(../images/tm-b-8.png); width:100%; height:50px; position:fixed; top:-80px; left:0; z-index:9999; overflow:hidden;}
.topMenu ul{ font-size:0; text-align:center;}
.topMenu ul li{ display:inline-block; position:relative;}
.topMenu ul li:before{ content:""; overflow:hidden; position:absolute; background-image:url(../images/tm/tm-w-2.png); right:0px; top:19px; height:12px; width:1px;}
.topMenu ul li a{ display:inline-block; padding:0 20px; font-size:14px; line-height:50px; color:#fff;}
.topMenu ul li.curr a,.topMenu ul li a:hover{ background-color:#008dd7;}


.header{ background-color:#eeeeee;}
.header .wrap{ height:36px; position:relative;}
.welcome{ font-size:12px; line-height:36px; color:#666;}
.help-menu{ position:absolute; right:0px; top:0;}
.help-menu li{ float:left; padding-left:20px; position:relative;}
.help-menu li a{ font-size:12px; line-height:36px; display:inline-block; position:relative; padding:0 1px;}
.help-menu li a span{ bottom:5px; background-color:#008dd7;}
.help-menu li p{ position:absolute; right:-30px; top:36px; width:100px; height:100px; background-color:#fff; padding:5px; overflow:hidden; border-radius:3px; z-index:999; display:none;}
.help-menu li p img{ width:100px; width:100px;}

.top{ height:110px;}

.logo{ margin-top:14px; float:left;}
.logo h1{ width:340px; height:90px; float:left; font-size:50px; }
.logo h1 img{float:left;}
.logo h1 p{line-height:90px; float:left; color:#000; padding-left:10px;}

.top-tel{ position:absolute; right:0; top:35px; height:50px; padding-right:45px; background:url(../images/tel.png) no-repeat 1px 6px;}
.top-tel dt{ font-size:14px; line-height:16px; color:#888}
.top-tel dd{ font-size:24px; line-height:24px; color:#ed6a00; padding-left:44px;}


.menu-box{ position:relative; background-image:url(../images/menu-bg.jpg); background-repeat:repeat-x; background-position:left top;}
.menu{ height:50px; background-image:url(../images/menu-line.jpg); background-repeat:no-repeat; background-position:right top;}
.menu li{ float:left; position:relative; overflow:hidden; width:175px; height:50px; background-image:url(../images/menu-line.jpg); background-repeat:no-repeat; background-position:left top;}
.menu li.home{ width:120px;}
.menu li h6{ position:relative; text-align:center;}
.menu li h6 a{ font-weight:700; font-size:16px; color:#fff; line-height:50px; display:block;}
.menu li h6 a:hover,.menu li.curr h6 a{ background-image:url(../images/menu-curr.jpg); }


.banner{ height:600px; position:relative;}

.searchBox{ background-image:url(../images/tm-w-2.png); height:40px; position:absolute; left:0; top:0; right:0; z-index:99; border-top:1px solid #000;}
.keywords{ font-size:12px; line-height:30px; color:#fff; padding:5px 0px 5px 50px; position:relative;}
.keywords em{ position: absolute; left:0; top:5px;}
.keywords a{ display:inline-block; padding:0 1px; margin:0 5px; font-size:12px; line-height:30px; color:#fff;} 
.keywords a span{ background-color:#eee; bottom:1px;}



.bannerScroll{ height:600px; overflow:hidden; position:relative; border-top:1px solid #bdbdbf; }
.bannerScroll .hd{ position:absolute; left:0px; right:0px; bottom:10px; z-index:999;}
.bannerScroll .hd ul{ text-align:center; font-size:0;}
.bannerScroll .hd ul li{ background-color:#022b41; border-radius:50%; width:10px; height:10px; display:inline-block; margin:0 6px; overflow:hidden; text-indent:-999px; cursor:pointer;}
.bannerScroll .hd ul li.on{ background-color:#fba500;}

.bannerScroll .prev,.bannerScroll .next{ position:absolute; top:50%; margin-top:-10px; display:inline-block; width:50px; height:60px;  background-image:url(../images/tm/icon-banner-pn.png); background-repeat:no-repeat; background-position:left top;-ms-transition-duration: 0s; transition-duration: 0s; z-index:99; cursor:pointer; display:none;}
.bannerScroll .prev{ left:50%; margin-left:-660px; background-position:left top; }
.bannerScroll .next{ right:50%; margin-right:-660px; background-position:right top; }
.bannerScroll .prev:hover{ background-position:left bottom; }
.bannerScroll .next:hover{ background-position:right bottom; }

.bannerScroll .bd{ position:relative; left:50%; margin-left:-960px;}
.bannerScroll .bd ul li{ width:1920px; height:600px; position:relative;}



/* one */

.home-one{ height:320px; position:relative;}

.home-one-list{}
.home-one-list dl{ width:260px; float:left; padding-top:60px; margin-left:53px;}
.home-one-list dl:nth-child(1){ margin-left:0;}
.home-one-list dl dt{ height:100px; text-align:center;}
.home-one-list dl dt span{ background-repeat:no-repeat; background-position:left top; display:inline-block; width:100px; height:100px;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.home-one-list dl:hover dt span{ background-position:left bottom;}
.home-one-list dl dd{ text-align:center;}
.home-one-list dl dd h6{ font-weight:700; font-size:20px; line-height:60px; color:#242424;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.home-one-list dl:hover dd h6{ color:#008dd7;}
.home-one-list dl dd p{ font-size:14px; line-height:20px; color:#242424;}



/* 首页产品 */

.home-product{ padding-top:70px; height:650px; }

.home-product-top{ position:relative; height:50px;}
.home-product-top a{ background-color:#008dd7; display:inline-block; padding:0 10px; font-size:12px; line-height:28px; color:#fff; position:absolute; right:0; top:11px;}
.home-product-top a:hover{ background-color:#ed6a00;}

.home-product-title{ float:left; font-size:30px; line-height:50px; color:#008dd7; }

.home-product-title span{color:#c3c3c3; display:inline-block; padding-left:10px;}

.proTitle{ height:40px; padding-top:10px;}
.proTitle li{ float:left; position:relative; padding:0 20px;}
.proTitle li a{ display:block; font-size:15px; line-height:40px; color:#000; cursor:pointer; }
.proTitle li a:hover{ color:#008dd7; text-decoration:underline;}
.proTitle li span{ width:3px; height:12px; position:absolute; left:0; top:14px; background-color:#008dd7; overflow:hidden;}
.proTitle li:nth-child(1){ padding-left:0;}
.proTitle li:nth-child(1) span{ display:none;}
.proTitle li.on{ color:#008dd7;}


.home-product-content{ margin-top:30px;}

.productScroll .bd{ overflow:hidden; width:1200px;}
.productScroll{ position:relative;}
.productScroll .prev,.productScroll .next{ display:block; width:70px; height:120px; overflow:hidden;cursor:pointer; background:url(../images/product-pn.png) no-repeat; position:absolute; top:150px; z-index:5;-ms-transition-duration: 0s; transition-duration: 0s;}
.productScroll .prev{ background-position:0 0px; left:50%; margin-left:-670px;}
.productScroll .next{ background-position:right 0px; right:50%; margin-right:-670px;}
.productScroll .prev:hover{ background-position:left bottom; }
.productScroll .next:hover{ background-position:right bottom; }
		
.productlist{ position:relative; width:1200px; overflow:hidden;}
.productlist dl{ float:left; width:390px; height:460px; background-color:#fff; margin-right:15px; position:relative; overflow:hidden;}
.productlist dl dt{ height:390px; position:relative; overflow:hidden;}
.productlist dl dd{ padding:0 15px; font-size:18px; line-height:50px; text-align:center;}








/* 合作客户 */





.home-partner-content{ margin-left:48px; width:442px;}
.home-partner-list{ position:relative;}
.home-partner-list li{ width:220px; height:90px; float:left; position:relative; overflow:hidden; margin:1px 0 0 1px; background-color:#fff;}
.home-partner-list li span{ border:5px solid #f2f2f2; position:absolute;left:-5px; right:-5px; top:-5px; bottom:-5px;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.home-partner-list li a:hover span{left:0; right:0; top:0; bottom:0;}
.home-partner-list li img{-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.home-partner-list li a:hover img{-ms-transform: scale(1.1); transform: scale(1.1);}





/* 案例 */





/* video & about */





/* news & faq */



/* 首页留言 */



/*footer*/

.footer{  background-color:#3e3e3e;}
.fonter-content{ }

.footer-nav{ padding:30px 0 20px; min-height:260px;}
.footer-nav dl{ float: left; padding-right:40px;}
.footer-nav dl dt{ height:30px;}
.footer-nav dl dt a{ font-size:14px; line-height:30px; color: #fff; }
.footer-nav dl dd{ padding-top:5px;}
.footer-nav dl dd p{ height:24px;}
.footer-nav dl dd p a{ font-size: 12px; line-height:24px; color: #fff;}
.footer-nav dl dd p a:hover { color:#fff;}
.footer-nav dl dd p a span{ bottom:1px;}

.copy{ margin-top:35px; margin-left:17px; z-index:5;}

.fonter-tel{ position:relative;color:#fff;}
.fonter-tel dt{ font-size:12px; line-height:16px;}
.fonter-tel dd{ font-size:24px; line-height:30px;}

.copy ul{ padding-top:5px; font-size:12px; line-height:24px; color:#fff; position:relative; }
.copy ul li{}
.copy ul li a{font-size:14px; line-height:24px; height:24px; color:#fff; display:inline-block; padding:0 1px; margin-right:5px;}
.copy ul li a:hover { color:#fff;}


.footer-code{ margin-left:50px; margin-top:35px;}
.footer-code dl{ width:110px; float:right; margin-left:15px; float:left;}
.footer-code dl dt{ background-color:#fff; padding:5px;}
.footer-code dl dt img{ width:100px; height:100px;}
.footer-code dl dd{ padding:12px 0 5px 26px; font-size:12px; line-height:16px; color:#fff; background:url(../images/icon-footer-phone.png) no-repeat left 10px;}

.lianjie{width:100%; background-color:#3e3e3e;}
.links{ width:1200px; margin:0 auto;  padding:10px 0;}
.links-co{padding-top:10px; border-top:1px dotted #fff;}
.links-co em{ font-size:14px; line-height:20px; color:#ffffff; position:absolute; left:0; top:-30px;}
.links-co a{ font-size:12px; line-height:24px; color:#ffffff; display:inline-block; padding:0 0px; margin-right:15px; overflow:hidden;}
.links-co a:hover{ color:#fff;}






/*---------------page---------------*/



.pageBanner { height:200px; position:relative; z-index:9; overflow: hidden;}
.pageBanner img { position: relative; left: 50%; margin-left: -960px; width: 1920px;}

.mainW{ position:relative; z-index:99; padding-bottom:60px;}

.main{ width:950px; float:left; margin-left:28px;}


.Wnav{ height:50px; margin-top:-50px;}
.pageNav{ height:50px;}
.pageNav li{ float:left; position:relative; margin-right:1px;}
.pageNav li a{ display:inline-block; padding:0 25px; font-size:16px; line-height:50px; color:#fff; background-image:url(../images/tm/equipment.png)}
.pageNav li span{ position:absolute; width:100%; left:0; top:0px; height:2px; background-color:#fff; overflow:hidden; filter:Alpha(opacity=0); opacity:0;}
.pageNav li.curr a,.pageNav li a:hover{background-color:#008dd7}
.pageNav li.curr span{filter:Alpha(opacity=100); opacity:1;}


.location{ font-size:12px; line-height:50px; color:#666;  }
.location a{ font-size:12px; line-height:50px; color:#666; display:inline-block; padding:0 10px 0 20px; position:relative;}
.location a.locationHome{ background-repeat:no-repeat; background-position:left 18px; padding-left:25px;}
.location a:after{ content:">"; font-family:"\5b8b\4f53"; font-weight:700; font-size:14px; line-height:50px; color:#888; position:absolute; right:-9px; top:1px;}
.location a:nth-last-child(1):after{ content:"";}
.location a:nth-last-child(1){ padding-right:0;}
.location a:hover{ color:#008dd7;}



.page-title{ text-align:center; height:80px; position:relative;}
.page-title p{ font-size:24px; line-height:30px; color:#bdbdbd; text-transform:uppercase;}
.page-title h2{ font-size:30px; line-height:40px; color:#008dd7; position:relative;}
.page-title h2 span{ display:inline-block; position:relative;}
.page-title h2 span:before{ content:""; overflow:hidden; position:absolute; left:-70px; top:18px; height:4px; width:50px; background-image:url(../images/title-bg.png); background-repeat:no-repeat; background-position:left top;}
.page-title h2 span:after{ content:""; overflow:hidden; position:absolute; right:-70px; top:18px; height:4px; width:50px; background-image:url(../images/title-bg.png); background-repeat:no-repeat; background-position:left top;}

.pageheight{ height:50px;}
.pageht{ height:25px;}


.mainTop{ height:50px; position:relative; border-bottom:1px solid #bfbfbf;}
.mainTop h3{ font-size:24px; line-height:50px; color:#555;}
.mainTop .location{ position:absolute; right:0; top:0;}





.peBar{width:222px; margin-top:0px; position:relative;z-index:11; overflow:hidden;}

.left-title{background:#008dd7;color:#fff; text-align:center; padding:15px; }
.left-title h2{ font-size:30px;line-height:40px;}
.left-title p{font-size:14px; line-height:20px; color:#96b826; text-transform:uppercase;}

.left-nav{ padding:0px; background:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.left-nav li{ margin-top:1px;}
.left-nav li a{ font-size:16px; line-height:50px; height:50px; color:#555; display:block; position:relative; padding-left:35px; background-color:#eee; background-image:url(../images/icon-b-jiao.png); background-repeat:no-repeat; background-position:20px 50%;}
.left-nav li a:hover,.left-nav li a.active{ background-image:url(../images/icon-w-jiao.png); background-color:#f1974e; color:#fff;}


.left-contact-ti{ background:#759800; font-size:14px; line-height:40px; color:#fff; height:40px; padding:0 20px;}


.left_contact{ margin-top:10px; }

.left-contact-box{  overflow:hidden; border:1px solid #759800; background-color:#fff; padding:10px 10px;}


.list_pro_left{ background-color:#fff; margin-top:20px;}
.side-product-title{ padding-left:20px; background-color:#eee; font-weight:700; font-size:16px;line-height:46px; color:#555; }

.left-contact{ overflow:hidden; padding:15px 15px; border:1px solid #eee; border-top:none;}
.left-contact ul{}
.left-contact ul li{ margin-top:6px; padding:0 0 6px 6px; position:relative; font-size:14px; line-height:20px; color:#555; border-bottom:1px dotted #ddd;}
.left-contact ul li span{ width:22px; height:22px; position:absolute; left:-2px; top:-1px; background-position: left bottom; background-repeat:no-repeat;}
.left-contact ul li.icon-tel span{ background-image:url(../images/tm/icon-contact-c.png);}
.left-contact ul li.icon-fax span{ background-image:url(../images/tm/icon-contact-d.png);}
.left-contact ul li.icon-mail span{ background-image:url(../images/tm/icon-contact-e.png);}
.left-contact ul li.icon-add span{ background-image:url(../images/tm/icon-contact-f.png);}
.left-contact ul li:nth-last-child(1){ border:none;}

/*---------------about---------------*/


.page-content{ font-size:14px; line-height:28px; padding-bottom:10px;}





/*  客户评价综合页 */


.page-evaluation{ padding:10px 0 70px;}
.page-evaluation-list{}
.page-evaluation-list dl{ width:566px; height:197px; float:left; margin:20px 20px 0 0; padding:10px; border:2px solid #d0d0d0;}
.page-evaluation-list dl:nth-child(2n){ margin-right:0;}
.page-evaluation-list dl dt{ width:270px; height:197px; position:relative;float:left; overflow:hidden;}
.page-evaluation-list dl dt img{-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.page-evaluation-list dl a:hover dt img{-ms-transform: scale(1.1); transform: scale(1.1);}
.page-evaluation-list dl dd{ float:left; width:270px; margin-left:20px; height:200px; position:relative}
.page-evaluation-list dl dd h3{ border-bottom:2px solid #008dd7; padding-bottom:5px; color:#333; font-weight:700; line-height:30px; font-size:16px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.page-evaluation-list dl dd h6{ padding-top:10px; font-size:14px; line-height:24px; color:#666;}
.page-evaluation-list dl a:hover dd h3{ color:#008dd7; text-decoration:underline;}
.page-evaluation-list dl:hover{ border-color:#008dd7;}




.page-evaluation-lista{}
.page-evaluation-lista dl{ width:455px; height:150px; float:left; margin:15px 15px 0 0; padding:5px; border:1px solid #e5e5e5;}
.page-evaluation-lista dl:nth-child(2n){ margin-right:0;}
.page-evaluation-lista dl dt{ width:200px; height:150px; position:relative;float:left; overflow:hidden;}
.page-evaluation-lista dl dt img{-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.page-evaluation-lista dl a:hover dt img{-ms-transform: scale(1.1); transform: scale(1.1);}
.page-evaluation-lista dl dd{ float:left; width:226px; margin-left:15px; height:160px; position:relative}
.page-evaluation-lista dl dd h3{ padding-top:8px; color:#333; font-weight:700; line-height:30px; font-size:16px;}
.page-evaluation-lista dl dd h6{ padding-top:5px; font-size:14px; line-height:24px; color:#666;}
.page-evaluation-lista dl a:hover dd h3{ color:#008dd7; text-decoration:underline;}
.page-evaluation-lista dl:hover{ border-color:#008dd7;}



.page-client{ border-top:1px dotted #aaa; padding:70px 0 0}


.page-more{ text-align:center; margin-top:40px;}
.page-more a{ display:inline-block; padding:0 28px 0 20px; border-radius:15px;font-weight:normal; text-transform:uppercase; font-size:12px; height:30px; line-height:30px; color:#fff; background-color:#008dd7; background-image:url(../images/icon-w-jiao.png); background-repeat:no-repeat; background-position:75px 50%;}
.page-more a:hover{ background-color:#008dd7}



/* 产品综合页 */


.page-product-clss{ border:2px solid #008dd7; border-radius:10px; padding:10px; margin-top:20px;}
.page-product-clss dl{ height:400px;}
.page-product-clss dl dt{ float:left; width:490px; height:400px;}

.page-product-clss dl dd{ float:left; width:410px; height:400px; position:relative; margin-left:20px;}
.page-product-clss dl dd h3{ padding-top:10px;}
.page-product-clss dl dd h3 a{ font-weight:700; font-size:30px; line-height:50px; color:#809c20;}
.page-product-clss dl dd h3 a:hover{ color:#008dd7; text-decoration:underline;}
.page-product-clss dl dd h6{ font-size:18px; line-height:30px; color:#333; padding:20px 0 10px;}
.page-product-clss dl dd p{ font-size:14px; line-height:24px;}
.page-product-clss dl dd h5{}
.page-product-clss dl dd h5 a{ display:inline-block; padding:0 28px 0 20px; border-radius:15px; float:right; font-weight:normal; text-transform:uppercase; font-size:12px; height:30px; line-height:30px; color:#fff; background-color:#008dd7; background-image:url(../images/icon-w-jiao.png); background-repeat:no-repeat; background-position:100px 50%; position:absolute; left:0; bottom:45px;}
.page-product-clss dl dd h5 a.btn-b{ background-color:#1b1b1b; background-position:76px 50%; left:130px;}
.page-product-clss dl dd h5 a:hover{ background-color:#008dd7}



.page-product-list{ margin-top:10px;}
.page-product-list dl{ width:222px; float:left; margin:20px 20px 0 0; overflow:hidden; position:relative;}
.page-product-list dl:nth-child(4n){ margin-right:0;}
.page-product-list dl dt{height:222px; position:relative;}
.page-product-list dl dd{text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #555;
    height: 30px;
    width: 100%;
    overflow: hidden;
    display: block;
    -ms-transition-duration: 0.3s;
    transition-duration: 0.3s;}
.page-product-list dl a:hover dd{ color:#008dd7}



/* 产品详情 */



/* product's picture */
.tb-pic a { display: table-cell; text-align: center; vertical-align: middle; *display: block; *font-family: Arial; *line-height: 1; *font-size: 271px; }
.tb-pic img { vertical-align: middle; }
.tb-pic, .tb-pic a { height:450px; width:450px;}
.tb-pic, .tb-pic img { max-height:450px; max-width: 450px;  }
.tb-pic { border: 1px solid #e5e5e5; position: relative; z-index: 1; }

.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; width: 200px; height: 200px; background: #fff; border: 1px solid #ccc; display: none; text-align: center; overflow: hidden; }
.zoomMask { position: absolute; background: url(../images/default/mask.png); cursor: move; z-index:999;}

.tb-picList { width:450px; height: 62px; overflow: hidden; margin-top: 10px; position: relative; }
.tb-picList .prev, .tb-picList .next { position: absolute; top: 20px; font-family: 'simsun'; font-weight: bold; font-size: 32px; }
.tb-picList .prev { left: 0; }
.tb-picList .next { right:0; }
.tb-picList .prev:hover, .tb-picList .next:hover { color: #ca060e; }

.tb-picList .tb-thumb { position: relative; width:400px; height: 62px; margin: 0 auto; overflow: hidden; }
.tb-picList .tb-thumb ul { position: absolute; width: 999999px; display: table; }
.tb-picList .tb-thumb li { float: left; width: 76px; overflow: hidden; position: relative; }
.tb-picList .tb-thumb a { display: table-cell; width: 60px; border: 1px solid #dadada; text-align: center; background: #fff; height: 60px; vertical-align: middle; }
.tb-picList .tb-thumb img { max-width: 100%; cursor: pointer; }
.tb-picList .tb-thumb em { position: absolute; width: 58px; height: 58px; border: 2px solid #008dd7; top: 0; left: 0; display: none; }
.tb-picList .tb-thumb .tb-selected em { display: block; }

.productTop { height:550px; }

.productIntro { width:440px; height:452px; position:relative; }

.productIntro h2 { border-bottom:1px dotted #aaa; font-weight:700; font-size: 18px; color: #333; padding: 10px 0; margin-bottom: 10px; }



.proInfoBo{ position:absolute; left:0; bottom:0; right:0;}
.proShare{ padding-bottom:20px;}
.hotLine{ position:relative; padding:0 0 20px 40px; background-image:url(../images/tm/tel.png); background-repeat:no-repeat; background-position:left 2px;}
.hotLine p{ font-size:12px; line-height:16px; color:#888;}
.hotLine h3{ font-size:24px; line-height:24px; color:#333;}
.productOrder{}
.productOrder a { display:inline-block; width:130px; text-align: center; font-size: 14px; line-height:40px; color: #fff; border-radius:4px;  background: #666; margin-right:15px; }
.productOrder a:hover { background-color:#008dd7;}



.productBottom { margin-bottom: 20px; }
.productBottom h2 { height:40px; line-height:40px; font-size:16px; color:#333; background-color:#f5f5f5; border-left:4px solid #008dd7; padding-left:15px; position: relative; }

.productFormBox{ padding:30px 25px 35px; background-image:url(../images/tm/tm-b-1.png);}

.proform{ height:40px;}
.proform p{ padding-left:55px; position:relative; float: left; width:220px;}
.proform span{ position:absolute; left:0; top:0px; font-size:14px; line-height:28px; text-align:right; display:inline-block; width:42px; }
.proform p input { height: 26px; border: 1px solid #dadada; width:150px; padding:0 10px; line-height: 24px; font-family:"\5fae\8f6f\96c5\9ed1", sans-serif;}

.productFormBox .row{ padding-left:55px; position:relative;}
.productFormBox .row span{ position:absolute; left:0; top:4px; font-size:14px; line-height:20px; }
.productFormBox .row textarea { width:700px; height:80px; border: 1px solid #dadada; padding: 10px; line-height: 20px; font-family:"\5fae\8f6f\96c5\9ed1", sans-serif; }
.productFormBox .row input { height: 26px; border: 1px solid #dadada; width: 150px; padding: 0 10px; line-height: 26px; font-family:"\5fae\8f6f\96c5\9ed1", sans-serif; }
.productFormBox .row img { border: 1px solid #dadada; margin-left: 10px; cursor: pointer; position: relative; top: 1px; }

.probtn { padding-left:55px; margin-top:10px; }
.probtn input { width:80px; height:30px; line-height:30px; font-family:"\5fae\8f6f\96c5\9ed1", sans-serif; text-align: center; background: #666; cursor: pointer; color: #fff; border-radius: 2px; margin-right: 10px;  }
.probtn input:hover { background: #999; }

.productBottom .page-product-list{ margin-top:0px;}





/* product-introduce */

.product-introduce-title{ height:50px; background-color:#f5f5f5; margin-top:30px;}
.product-introduce-title ul li{ float:left; padding:0 40px; background-color:#cccccc; font-size:14px; line-height:50px; color:#fff;}
.product-introduce-title ul li.on{background-color:#008dd7;}

.product-introduce-text{ padding:20px 0 30px; font-size:14px; line-height:28px;}
.product-introduce-text p{ padding:8px 0;}




/* faq */

.page-faq-content{ padding:25px 0 20px;}
.page-faq-list{border-left:2px solid rgba(0,0,0,0);}
.page-faq-list.curr{border-left:2px solid #008dd7; background-image:url(../images/tm/tm-w-5.png);}

.page-faq-list dt{ padding-left:40px; border-bottom:1px solid #ddd; font-size:16px; line-height:40px; color:#000; position:relative;}
.page-faq-list dt em{ position:absolute; left:10px; top:50%; margin-top:-10px; width:20px; height:20px; background-color:#008dd7; text-align:center; font-size:12px; line-height:20px; color:#fff; border-radius:3px;}
.page-faq-list dd{ padding:15px 15px 15px 40px; font-size:14px; line-height:24px; display:none;}



/* job */


.page-job-content{ padding-top:25px;}
.page-job-list{ border:1px solid #ddd; margin-top:-1px;  background-image:url(../images/tm/tm-w-5.png); }

.page-job-title{ cursor:pointer;}
.page-job-title ul{ background-color:#fff;}
.page-job-title ul li{ width:25%; float:left; font-size:14px; line-height:40px;}
.page-job-title ul li span{ display:inline-block; padding:0 5px 0 15px; font-weight:700; color:#000;}

.page-job-co{ padding:0 0 15px; display:none; }
.page-job-co dl{ padding:15px 15px 0;}
.page-job-co dl dt{ font-weight:700; font-size:14px; line-height:30px; color:#333;}
.page-job-co dl dd{ font-size:14px; line-height:24px;}
.page-job-co h6{ padding:15px 0 0 15px;}
.page-job-co h6 a.jobLink{ display:inline-block; font-size:14px; line-height:30px; color:#fff; padding:0 18px; background-color:#888;}
.page-job-co h6 a.jobLink:hover{ background-color:#008dd7}



/* news */

.page-news{ padding:50px 0 100px;}

.page-news-hot{ margin-top:10px; position:relative; margin-right:-50px;}
.page-news-hot ul{ float:left; width:380px; margin-right:30px;}
.page-news-hot dl{ position:relative; overflow:hidden; height:266px;}
.page-news-hot dl dt{ height:220px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; position:relative;}

.page-news-hot dl dd{position: absolute; left:0; right:0; top:180px; bottom:0; background-image:url(../images/tm/tm-b-8.png); background-position:left top; padding:18px 20px 0; color:#fff; letter-spacing:1px;}
.page-news-hot dl dd h3{ font-size:16px; line-height:30px;  padding:0px 0 0px; transition-duration: 0.3s;overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }
.page-news-hot dl dd h6{font-size:12px; line-height:30px; color:#ddd; padding-bottom:5px;}
.page-news-hot dl dd p{ font-size:12px; line-height:20px; color:#ddd;}
.page-news-hot a:hover h3{ text-decoration:underline;}



.page-news-list{ position:relative; padding-top:10px;}

.page-news-list ul{ padding:20px 0; border-bottom:1px dotted #aaa;}
.page-news-list dl{ height:190px;}
.page-news-list dl dt{ float:left; width:240px; height:190px; position:relative; overflow:hidden;}
.page-news-list dl dd{ float:left; height:190px; position:relative; width:600px; margin-left:30px; font-size:12px; letter-spacing:1px;}
.page-news-list dl dd h3{ font-size:18px; line-height:50px; color:#333; padding:0px 0 4px; transition-duration: 0.3s; }
.page-news-list dl dd h6{ color:#888; position: absolute; left:0; bottom:0;}
.page-news-list dl dd p{ line-height:22px; color:#666;}
.page-news-list a:hover h3{ color:#008dd7; text-decoration:underline;}




/* news detail*/

.articleTop { text-align: center; background: url(../images/default/splitBg.gif) repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 20px; }
.articleTop h2 { font-size: 22px; color: #000; margin-bottom: 16px;  }
.articleTop p { color: #999; }
.articleTop span { margin: 0 5px; }
.articleTop a { margin: 0 5px; }
.articleTop .active { color: #000; font-weight: bold; }

.articleShow { margin-bottom: 20px; font-size: 14px; }

.articleCtrl { height: 40px; line-height: 40px; background: #f5f5f5; margin-top: 20px; color: #999; padding: 0 20px; cursor: default;  border-top:1px solid #ddd; }
.articleCtrl p { width: 40%; }
.articleCtrl .l {}
.articleCtrl .r { text-align: right; }
.articleCtrl a { color: #333; }
.articleCtrl a:hover { color: #008dd7; }


.articleList{ border-top:1px solid #ddd; margin-top:20px;}
.articleList h2{ position:relative; padding-left:35px; font-size:16px; line-height:40px; color:#333; background-color:#f5f5f5;}
.articleList h2 em{ position:absolute; left:20px; top:17px; width:6px; height:6px; background-color:#008dd7; }
.articleContent{ padding:10px 20px; border:1px solid #eee; border-top:none; background-image:url(../images/tm/tm-w-5.png);}
.articleContent li{ position:relative; font-size:14px; line-height:40px; border-bottom:1px dotted #aaa; float:left; width:46%; height: 41px; overflow: hidden;}
.articleContent li a{ display:inline-block; position:relative; padding-left:15px;width:311px;}
.articleContent li a:before{ content:">"; font-size:12px; font-family:"\5b8b\4f53"; font-weight:700; overflow:hidden; position:absolute; left:0px; top:0;}
.articleContent li span{ float:right;}
.articleContent li:nth-child(2n){ margin-left:8%;}
.articleContent li:nth-child(9),.articleList ul li:nth-child(10){ border:none;}



/*  文章案例 */

.detail{ height:500px; position:relative; padding:30px 100px; background-color:#eee;}
.detailScroll{ width:100%; height:500px;position:relative; }
.detailScroll .hd{ height:40px; position:absolute; left:0px; right:0px; bottom:0px; z-index:9999999; text-align:center;}
.detailScroll .hd ul{ text-align:center; font-size:0; padding-top:10px;}
.detailScroll .hd ul li{ border:3px solid #888; background-color:#fff; border-radius:50%; width:6px; height:6px; display:inline-block; margin:0 6px; overflow:hidden; text-indent:-999px; cursor:pointer;}
.detailScroll .hd ul li.on{ border-color:#0060d8;}
.detailScroll .hd .prev,.detailScroll .hd .next{ display:inline-block; width:40px; height:60px; overflow:hidden; cursor:pointer; font-weight:700; font-size:30px; line-height:60px; color:#fff; font-family:"\5b8b\4b53";  position:absolute; top:-255px; background-color:#555; border-radius:5px; }

.detailScroll .hd .prev{ left:-70px; }
.detailScroll .hd .next{ right:-70px;}
.detailScroll .hd .prev:hover,.detailScroll .hd .next:hover{ background-color:#0060d8;}

.detailScroll .bd ul{ overflow:hidden; width:100%; height:500px;}
.detailScroll .bd ul li{ width:100%; height:500px; background-repeat:no-repeat; background-position:50% 50%; background-size: contain; position:relative;}
.detailScroll .bd ul.picList li a{position: absolute; left:0; right:0; top:0; bottom:0;}



/* case 

.page-case{ padding:0px 0 0px;}

.page-case-list{ margin-top:10px; position:relative; margin-right:-50px;}

.page-case-list ul{ float:left; width:285px; margin:20px 20px 0 0; overflow:hidden;}
.page-case-list ul:nth-child(4n){ margin-right:0px;}

.page-case-list dl{ background-color:#fff; position:relative;}
.page-case-list dl dt{ position:relative; overflow:hidden; border:1px solid #ddd; padding:4px;}
.page-case-list dl dd{ text-align:center; font-size:16px; line-height:30px; color:#333; padding:5px 18px; background-color:#fafafa; transition-duration: 0.3s; height:110px; }
.page-case-list dl dd h3{ font-size:16px; line-height:40px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.page-case-list dl dd p{ font-size:12px; line-height:20px; color:#666;}
.page-case-list a:hover dl dt{ border-color:#008dd7}
.page-case-list a:hover dl dd h3{ color:#008dd7;}*/



/* pic-list */


.pic-list{ position:relative; top:0px;}
.pic-list ul{ float:left; width:300px; margin:25px 25px 0 0; overflow:hidden;}
.pic-list dl{}
.pic-list dl dt{ position:relative; overflow:hidden;}
.pic-list dl dd{ text-align:center; font-size:14px; line-height:30px; color:#333; padding-top:5px;}
.pic-list a:hover dl dd{ color:#008dd7;}

.page-pic-list ul{ width:300px; margin:25px 25px 0 0;}
.page-pic-list ul:nth-child(3n){ margin-right:0px;}

.page-honor-list ul{width:220px; margin:23px 23px 0 0;}
.page-honor-list ul:nth-child(4n){ margin-right:0px;}

.page-hzhb-list ul{ width:220px; margin:23px 23px 0 0;}
.page-hzhb-list ul:nth-child(4n){ margin-right:0px;}



/* 服务支持 */

.page-service{ padding:0px 0 20px;     padding-top: 25px;}

.serviceBox1 li{height:300px;overflow:hidden;background:#f4f4f4;font-size:14px;}
.serviceBox1 li img{width:600px;height:300px;}
.serviceBox1 li .font{height: 210px;padding-left: 50px;padding-top: 90px;width: 550px;position: relative;z-index:10;}
.serviceBox1 li .font h3{background: url("../images/wl.jpg") no-repeat left bottom;color:#007946;font-size:24px;font-weight:normal;padding-bottom:20px;margin-bottom:20px;}
.serviceBox1 li .font h3 span{display:block;font-size:14px;font-family:Arial;color:#999;}
.serviceBox1 li .font::before{ content: "";position: absolute;top:150px;left:-20px;width: 0px; height: 0px;border: 10px solid transparent;border-right-color:#f4f4f4;}
.serviceBox1 li.two .font{text-align:right;padding-left:0;padding-right:50px;}
.serviceBox1 li.two .font h3{background: url("../images/wl.jpg") no-repeat right bottom;}
.serviceBox1 li.two .font::after{ content: "";position: absolute;top:150px;right:-20px;width: 0px; height: 0px;border: 10px solid transparent;border-left-color:#f4f4f4;}




/* page-contact  */

.page-contact { padding:30px 0; line-height:30px;}



/* feedback*/


.foodback{ padding:50px 100px 50px;}


.foodback-text{ font-size:14px; line-height:28px; color:#555; padding-top:30px;}
.feedback-text span{ color:#e00;}


.feedback-form dl.even{ margin-right:30px;}
.feedback-form dl.content{ width:100%;}

.feedback-form dl{ position:relative; padding-left:60px; margin-top:20px;}
.feedback-form dl dt{ font-size:14px; line-height:32px; color:#555; position:relative; padding-bottom:5px; position:absolute; left:0; top:0;}
.feedback-form dl dt span{ color:#e00; display:inline-block; padding:0 5px;}
.feedback-form dl dd{}
.feedback-form dl dd input{width:500px;height:30px;line-height:30px; padding:0 10px;border:1px solid #ccc; font:14px/30px "\5fae\8f6f\96c5\9ed1", sans-serif;}
.feedback-form dl dd textarea{height:200px;width:500px;padding:10px;border:1px solid #ccc;display:block; font:14px/30px "\5fae\8f6f\96c5\9ed1", sans-serif;}

.feedback-btn{ padding-left:60px;}
.feedback-btn .btns{width:120px;height:40px;margin-right:10px; background:#008dd7;color:#fff;font:14px/30px "\5fae\8f6f\96c5\9ed1", sans-serif; cursor:pointer;}
.feedback-btn .reset{background:#ccc;cursor:pointer;margin-bottom:0;}

.feedback-code{height:32px; padding:20px 0 20px 60px;}
.feedback-code input{width:150px;margin-right:10px;color:#999;float:left;height:30px;line-height:30px; padding:0 10px;border:1px solid #ccc; font:14px/30px "\5fae\8f6f\96c5\9ed1", sans-serif;}
.feedback-code .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}

#feedback_form input:focus,#feedback_form textarea:focus{ border-color:#008dd7;}
.feedback-btn input:hover{ background-color:#008dd7};



/* site map */

#sitemap{ padding:40px 0 50px;}

.map-title{ height:60px; border-bottom:2px solid #555; margin-top:40px;}
.map-title ul{ float:left; background-color:#555; padding:0 20px;}
.map-title ul a{ font-size:16px; line-height:60px; color:#fff; display:inline-block; padding:0 20px;}
.map-title ul a:hover{ text-decoration:underline;}

.map-location{ font-size:14px; line-height:30px; padding:20px 0;}

.map-content{ padding-bottom:50px;}
.map-content dl{ padding:15px 20px; border-top:1px solid #ddd; background-image:url(../images/tm/tm-w-1.png);}
.map-content dl dt{}
.map-content dl dt a{ font-weight:700; font-size:16px; line-height:30px; color:#333;}
.map-content dl dt a:hover{ text-decoration:underline; color:#008dd7;}
.map-content dl dd{ padding-top:5px;}
.map-content dl dd li{ float:left; width:20%;}
.map-content dl dd li a{ font-size:14px; line-height:30px; position:relative; display:inline-block; padding-left:12px;}
.map-content dl dd li a span{ font-size:12px; font-family:"\5b8b\4f53"; position:absolute; left:0; top:0;}

.map-content dl dd a:hover{ text-decoration:underline;}

.map-content dl:nth-child(2n){ background-image:url(../images/tm/tm-w-3.png);}


.page-video-list{}
.page-video-list dl{ float:left; width:460px; margin-right:30px; margin-top:30px;}
.page-video-list dl:nth-child(2n){ margin-right:0;}
.page-video-list dl dt{ height:360px;}
.page-video-list dl dd{ font-size:14px; line-height:40px; text-align:center;}



.y_nav{width:1200px; height:54px!important; display:none; margin:0 auto; position:absolute; top:160px; left:-546px; background:rgba(0,0,0,0.1); z-index:999; text-align:center; }
.y_nav ul{display:table; float:right}
.y_nav ul li{ width:149px; height:54px !important; border:0px; line-height:54px; display:inline;display:inline;}
.y_nav ul li a{color:#fff !important; height:54px !important; line-height:54px; display:block; width:149px; }
.y_nav ul li a:hover{border:0px;}
.head_nav li:hover .y_nav{display:block !important;}


.picScroll-top{width:298px; height:389px; margin-top:10px; overflow:hidden}
.picScroll-top .bd li{width:298px; height:389px; display:block;}
.picScroll-top .bd img{width:298px; height:389px;}

.in_about_right h5{width:300px; height:44px; display:block; line-height:44px; border-bottom:2px solid #e9e9e9; font-weight:bold; color:#000;}
.in_about_right h5 p{float:right; margin-right:5px;     color: #000 !important; font-size: 12px;}


.nei_img{width: 1920px;
    margin: 0 auto;
    position: relative;
    height: 255px;
    overflow: hidden;
    left: 50%;
    margin-left: -960px;
	border-top:1px solid #ccc;
}