﻿.maxbox .titl{width:100%;height:35px;background:url(img/ico3.jpg) left bottom repeat-x;}
.maxbox .titl p{height:33px;line-height:30px;padding-left:25px;background:url(img/ico7.jpg) left center no-repeat;font-size:17px;color:#ff6637;font-weight:bold;float:left;border-bottom:2px solid #ff6637;}
.maxbox .titl span{float:right;font-family:Arial;font-size:12px;}
.maxbox .titl span a{display:block;padding:12px 5px 5px;color:#999;line-height:14px;}
.maxbox .titl span a:hover{color:#ff6637;}

/*tuijian*/
.tuijianbox{padding:35px 0;background:#f5f5f5;}
.tuijianbox .pro_tit{width:350px;background:url(img/ico3.jpg) left 23px repeat-x;text-align:center;margin:0 auto 20px;}
.tuijianbox .pro_tit p{width:170px;background:#f5f5f5;margin:0 auto;height:44px;line-height:44px;font-size:30px;font-weight:bold;color:#ff6637;}
.tuijianbox .pro_tit span{display:block;height:16px;line-height:16px;font-family:Arial;color:#999;}

.tuijianbox .cont{height: auto;width:100%;}
.tuijianbox .cont .btn{height:60px;width:30px;margin-top:100px;}
.tuijianbox .cont .btn input{height:60px;width:30px;display:block;background:url(img/btn1.jpg) no-repeat;border:0;cursor:pointer;}
.tuijianbox .cont .btn input:hover{background:url(img/btn2.jpg) no-repeat;}
.tuijianbox .cont .btn1{float:left;margin-right:20px;}
.tuijianbox .cont .btn1 input,.tuijianbox .cont .btn1 input:hover{background-position:left center;}
.tuijianbox .cont .btn2{float:right;}
.tuijianbox .cont .btn2 input,.tuijianbox .cont .btn2 input:hover{background-position:right center;}

.tuijianbox .picon{height: auto;float:left;}
.tuijianbox .picon ul{width:1400px;}
.tuijianbox .picon ul li{width:290px;height:300px;float:left;margin-right:10px;text-align:center;}
.tuijianbox .picon ul li .pic{width:270px;height:250px;float:left;border:1px solid #fff;background:#fff;padding:4px;}
.tuijianbox .picon ul li .pic a{display:block;height:250px;}
.tuijianbox .picon ul li:hover .pic{border:1px solid #ff6637;}
.tuijianbox .picon ul li:hover .pic a img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}
.tuijianbox .picon ul li .text{width:260px;height:40px;float:left;}
.tuijianbox .picon ul li .text a{display:block;padding:0 5px;line-height:40px;color:#333;white-space:nowrap;text-overflow:ellipsis;}
.tuijianbox .picon ul li:hover .text a{color:#ff6637;}

/*products*/
.productbox{padding:30px 0 40px;}
.clabox{width:250px;float:left;}
.clabox .tit{width:250px;height:90px;}
.clabox .tit a{display:block;}
.clabox .cont{width:248px;margin-bottom:20px;border:1px solid #ddd;border-width:0 1px;}
.clabox .cont ul li{width:248px;border-bottom:1px solid #ddd;float:left;font-size:16px;}
.clabox .cont ul li a{display:block;width:190px;padding:15px 0 15px 50px;background:url(img/ico4.jpg) 19px 20px no-repeat;color:#454545;height:24px;line-height:24px;white-space:nowrap;text-overflow:ellipsis;}
.clabox .cont ul li a:hover{background:url(img/ico5.jpg) 19px 20px no-repeat;color:#ff6637;}
.clabox .cont ul li dl a{background:none;height:0;padding:0 0 0 50px;color:#666;font-size:14px;line-height:24px;}
.clabox .cont ul li dl a:hover{background:none;color:#ff6637;}

.clabox .cont ul li.on a{padding-bottom:0;}
.clabox .cont ul li.on dl{padding:10px 0 15px;}
.clabox .cont ul li.on dl a{height:24px;}

.clabox .tel{width:210px;padding:15px 19px;color:#666;line-height:20px;border:1px solid #ddd;border-top:0;}
.clabox .tel p{margin-bottom:6px;}

.products{width:920px;float:right;}
.products .titl{height:45px;padding-top:5px;}
.products .titl p{height:43px;line-height:40px;}
.products .titl span a{padding-top:15px;font-size:14px;}

.products .procon{padding-top:25px;max-height:940px;}
.products .procon ul{width:950px;}
.products .procon ul li{width:280px;height:290px;float:left;margin:0 25px 20px 0;text-align:center;border:1px solid #ddd;padding:4px;}
.products .procon ul li .pic,.products .procon ul li .pic a{width:280px;height:250px;display:block;}
.products .procon ul li .text{width:280px;height:36px;margin-top:4px;line-height:36px;}
.products .procon ul li .text a{background:#ddd;display:block;padding:0 5px;color:#333;white-space:nowrap;text-overflow:ellipsis;}
.products .procon ul li:hover{border:1px solid #ff6637;}
.products .procon ul li:hover .text a{background:#ff6637;color:#fff;}
.products .procon ul li:hover .pic a img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}

/*优势*/
.youshibox{height:1365px;background:url(img/ystit.jpg) center top no-repeat;padding-top:150px;}
.youshibox .cut{height:1365px;position:relative;background:url(img/ysbg.jpg) center top no-repeat;} 
.youshibox .cut .text{width:540px;position:absolute;height:130px;line-height:24px;color:#666;text-align:justify;}
.youshibox .cut .text p{padding-left:25px;margin-bottom:10px;background:url(img/ico6.jpg) left 7px no-repeat;}
.youshibox .cut .text1{left:80px;top:220px;}
.youshibox .cut .text2{right:0;top:565px;}
.youshibox .cut .text3{left:80px;top:870px;width:530px;}
.youshibox .cut .text4{right:30px;top:1190px;width:460px;}

/*company*/
.compbox{height: auto;}
.companybox{height:450px;background:url(img/jjbg.jpg) center no-repeat;background-attachment: fixed;padding-top:50px;}
.compbox .comp_left{width:660px;float:left;height:325px;}
.compbox .tit{height:64px;width:100%;float:left;margin-bottom:15px;}
.compbox .tit a{height:64px;float:left;line-height:64px;display:block;font-size:40px;color:#ff6637;font-weight:bold;}
.compbox .tit p{height:36px;float:left;line-height:36px;font-size:30px;color:#fff;font-fa,ily:Arial;padding:20px 10px 0;}
.compbox .text{height:170px;float:left;width:660px;line-height:28px;color:#fff;}
.compbox .text p{text-align:justify;margin-bottom:5px;text-indent:28px;}

.compbox .more{height:45px;float:left;padding-top:25px;}
.compbox .more a{height:45px;display:block;text-align:center;line-height:45px;font-size:16px;color:#fff;background:#999;width:140px;}
.compbox .more a:hover{background:#ff6637;}

.albumbox{width:485px;float:right;position:relative;height:325px;}
.albumbox ul{width:500px;}
.albumbox ul li{width:225px;height:150px;float:left;margin:0 5px 5px 0;text-align:center;border:5px solid #fff;position:relative;background:#fff;}
.albumbox ul li .pic,.albumbox ul li .pic a{width:225px;height:150px;display:block;}
.albumbox ul li .atm5{position:absolute;left:0;bottom:0;width:225px;height:30px;line-height:30px;background:url(img/ico8.png);color:#fff;}
.albumbox ul li:hover .atm5{bottom:-30px;}

.videobox{height:350px;position:relative;top:-175px;}
.videobox .cut{height:320px;width:1150px;padding:14px 24px;border:1px solid #eee;background:#fff;}
.videobox .cont{width:100%;height:260px;padding-top:15px;}
.videobox .cont .btn{width:30px;height:100px;margin-top:80px;}
.videobox .cont .btn input{cursor:pointer;width:30px;height:100px;display:block;float:left;line-height:100px;text-align:center;font-size:30px;font-weight:bold;color:#fff;border:0;background:#999;font-family:"宋体";}
.videobox .cont .btn input:hover{background:#ff6637;}
.videobox .cont .btn1{float:left;margin-right:15px;}
.videobox .cont .btn2{float:right;}
.videobox .cont .picon{float:left;width:1060px;height:260px;position:relative;}
.videobox .cont .picon ul{width:1300px;}
.videobox .cont .picon ul li{width:200px;height:260px;float:left;margin-right:15px;text-align:center;position:relative;}
.videobox .cont .picon ul li .pic,.videobox .cont .picon ul li .pic a{width:200px;height:260px;display:block;}
.videobox .cont .picon ul li .atm5{width:200px;height:30px;position:absolute;left:0;bottom:0;line-height:30px;background:url(img/ico8.png);color:#fff;}
.videobox .cont .picon ul li:hover .atm5{bottom:-30px;}

/*zixun*/
.zixunbox{height:370px;padding-top:30px;}

.newsbox{height:370px;width:730px;float:left;}
.newsbox .titl p{padding:0;background:none;margin-right:25px;}
.newsbox .titl p a{color:#ff6637;}
.newsbox .titl p.on{border:0;}
.newsbox .titl p.on a{color:#666;}

.newsbox .newscon{width:730px;height:315px;padding-top:20px;display:none;}
.newsbox .newscon.on{display:block;}
.newsbox .newsup{height:140px;width:730px;float:left;margin-bottom:15px;}
.newsbox .newsup .pic{height:130px;width:190px;float:left;padding:4px;border:1px solid #ddd;text-align:center;}
.newsbox .newsup .pic a{height:130px;display:block;}
.newsbox .newsup .tit{height:30px;width:730px;float:right;line-height:30px;}
.newsbox .newsup .tit a{display:block;white-space:nowrap;text-overflow:ellipsis;color:#111;}
.newsbox .newsup .tit a:hover{color:#ff6637;}
.newsbox .newsup .text{width:730px;height:65px;line-height:22px;color:#666;text-align:justify;float:right;text-indent:28px;}
.newsbox .newsup .text:hover{color:#333;}
.newsbox .newsup .more{width:730px;height:30px;float:right;padding-top:12px;}
.newsbox .newsup .more a{width:100px;height:30px;display:block;text-align:center;line-height:30px;background:#999;color:#fff;}
.newsbox .newsup .more a:hover{background:#ff6637;}

.newsbox .newsbottom{width:730px;height: auto;float:left;}
.newsbox .newsbottom ul{width:760px;}
.newsbox .newsbottom ul li{width:350px;height:39px;border-bottom:1px dotted #ccc;float:left;margin-right:30px;}
.newsbox .newsbottom ul li .tit{width:240px;float:left;padding-left:20px;background:url(img/xwico.png) left center no-repeat;height:40px;line-height:40px;}
.newsbox .newsbottom ul li .tit a{display:block;white-space:nowrap;text-overflow:ellipsis;color:#333;}
.newsbox .newsbottom ul li .tit a:hover{color:#ff6637;}
.newsbox .newsbottom ul li .time{float:right;font-family:Arial;line-height:42px;color:#999;font-size:13px;}

.faqbox{height:370px;width:420px;float:right;}
.faqbox .cont{height:316px;width:420px;padding-top:19px;}
.faqbox .cont ul li{height:95px;width:420px;border-bottom:1px dotted #ccc;float:left;margin-bottom:14px;}
.faqbox .cont ul li .tit{height:30px;width:390px;line-height:30px;padding-left:30px;background:url(img/wen.jpg) left center no-repeat;margin-bottom:5px;}
.faqbox .cont ul li .tit a{display:block;white-space:nowrap;text-overflow:ellipsis;color:#111;}
.faqbox .cont ul li .tit a:hover{color:#ff6637;}
.faqbox .cont ul li .text{width:390px;height:50px;line-height:24px;color:#666;padding-left:30px;background:url(img/da.jpg) left 3px no-repeat;text-align:justify;}
.faqbox .cont ul li .text:hover{color:#333;}

/*xbanner*/
.xbanner{height:165px;background:url(img/xbanner.jpg) center no-repeat;margin:30px auto;}
.xbanner p{height:54px;line-height:50px;float:left;padding:50px 70px 0;font-size:40px;font-weight:bold;color:#fff;letter-spacing:2px;}
.xbanner span{height:30px;line-height:30px;float:left;padding:0 70px;font-size:22px;color:#fff;font-family:Arial;}

/*contact*/
.sylxbox{height:400px;}
.mapbox{width:498px;height:398px;float:left;border:1px solid #ddd;}

.orderbox{height:370px;width:350px;float:right;padding: 14px 299px 14px 19px;background:url(img/pic1.jpg) right top no-repeat;border:1px solid #ddd;}
.orderbox .cont{width:100%;height:320px;padding-top:20px;}
.orderbox .cont ul li{height:30px;width:100%;float:left;margin-bottom:10px;}
.orderbox .cont ul li span{height:30px;width:55px;float:left;display:block;line-height:30px;color:#666;padding-left:5px;}
.orderbox .cont ul li .bg,.orderbox .cont ul li .area,#checkcode{display:block;width:265px;padding:2px 9px;border:1px solid #ddd;font-family:"微软雅黑";line-height:24px;height:24px;float:left;}
.orderbox .cont ul .li_2{height:90px;}
.orderbox .cont ul .li_2 .area{height:84px;}
.orderbox .cont ul .code{margin-bottom:20px;width:300px;}
.orderbox .cont ul .code .red{width:15px;text-align:center;line-height:35px;}
.orderbox .cont ul .code img{width:80px;height:22px;padding:5px;float:right;cursor:pointer;}
#checkcode{width:100px;}
.orderbox .cont ul .li_3{height:36px;width:250px;padding-left:60px;}
.orderbox .cont ul .li_3 p{height:36px;width:100px;float:left;margin-right:15px;}
.orderbox .cont ul .li_3 p input{height:36px;width:100px;float:left;display:block;border:0;font-family:"微软雅黑";line-height:36px;font-size:16px;color:#fff;background:none;cursor:pointer;}
.orderbox .cont ul .li_3 .tj{background:#ff6637;}
.orderbox .cont ul .li_3 .cz{background:#999;}

/*links*/
.linkbox{margin:30px auto;}
.linkbox .cut{width:1140px;padding:19px 29px;border:1px dotted #ccc;border-radius:10px;}
.linkbox .cut span,.linkbox .cut a{display:block;float:left;margin-right:20px;height:24px;line-height:24px;color:#333;}
.linkbox .cut a:hover{color:#ff6637;}
