@charset "utf-8";

/* CSS Document */



html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }

fieldset, img { border:none; }

address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }

ul, ol { list-style:none; }

input { padding-top:0; padding-bottom:0; font-family:"Microsoft YaHei";}

input::-moz-focus-inner { border:none; padding:0; }

select, input { vertical-align:middle; }

select, input, textarea { font-size:12px; margin:0; }

textarea { outline-style:none; -webkit-appearance:none; }

textarea { resize:none; }

table { border-collapse:collapse; }

body { color:#666 ;font:12px/20px "Microsoft YaHei",'宋体',"Arial Narrow",HELVETICA; background:url(../imggg/bg.png) repeat-x;}

a{color:#666; text-decoration:none; transition:color .3s; -webkit-transition:color .3s; -moz-transition:color .3s; -o-transition:color .3s;} 

a:hover{color:#db1117; text-decoration:none;}

.clear{ clear:both;}



.wrapper{ width:1020px; margin:0 auto;}



.head{ width:1020px; height:135px; margin:0 auto;}

.head a img{ margin-top:22px; float:left;}

.head .tel{ width:165px; height:22px; background:url(../imggg/tel.png) no-repeat; float:right; margin-top:30px; padding:61px 0 0 65px;}

.head .tel a{ color:#000; margin-left:30px}

.head .tel a:hover{color:#db1117; text-decoration:none;}



.nav{ width:1015px; height:45px; margin:0 auto;}

.nav li{ float:left; height:45px; line-height:45px; text-align:center; background:url(../imggg/nav_line.png) no-repeat; font-size:16px;}

.nav li a{ display:block; width:145px; color:#fff; transition:background-color .5s; -webkit-transition:background-color .5s; -moz-transition:background-color .5s; -o-transition:background-color .5s;}

.nav li a:hover{ background:#db1117; text-decoration:none;}

.nav #first{ background:none;}

.nav .current{ background:#db1117; }



.mainbanner{height:450px;overflow:hidden; position:relative;}

.mainbanner_window{left:50%;width:1920px;height:450px;overflow:hidden;margin-left:-960px;position:absolute;}

.mainbanner_window ul{width:999999px;height:450px;position:relative;}

.mainbanner_window li{background:#fff;width:1920px;height:450px;text-align:center;font-size:0px;float:left;display:inline;}

.mainbanner_list{ width:210px; left:50%; margin-left:-105px; top:430px; height:4px;position:absolute;}

.mainbanner_list li{width:60px;height:4px;overflow:hidden;float:left;display:inline; margin:0 5px;}

.mainbanner_list a{width:60px;height:4px; display:block; background:#fff;}

.mainbanner_list li.active a{ background:#db1117;}



.key{ width:100%; height:40px; line-height:40px; border-bottom:solid 1px #ccc; margin-bottom:29px;}

.key form{ width:264px; height:29px; background:url(../imggg/search.png) no-repeat; float:right; margin-top:5px; padding:1px;}

.key .txt{ width:212px; height:29px; line-height:29px; color:#aaa; text-indent:5px; background:none; border:0 none;}

.key .btn{ width:49px; height:29px; background:none; border:none 0; cursor:pointer;}

.key h1{ font-size:12px; font-weight:normal;}

.key h1 span{ color:#db1117; font-weight:bold;}

.key h1 a{ margin-left:30px;}



.prolist{ width:230px; float:left; margin-bottom:30px;} 

.prolist h3{ font-weight:normal; color:#fff; padding-left:10px; font-size:18px; line-height:24px; margin-bottom:25px;}

.prolist h3 span{ font-family:Arial, Helvetica, sans-serif; font-size:16px;}

.prolist ul{ width:230px; height:439px; background:url(../imggg/prolist_bg.png) no-repeat 0 top #db1117; padding-top:20px;}

.prolist li{ font-size:14px; position:relative; width:212px; height:34px; margin:5px auto 0; background:url(../imggg/pro_icon.png) no-repeat 12px 10px #ef3338; transition:background .5s; -webkit-transition:background .5s; -moz-transition:background .5s; -o-transition:background .5s;}

.prolist li a{ display:block; width:212px; height:34px; line-height:34px; text-indent:31px;color:#fff; }

.prolist li:hover{ background:url(../imggg/pro_icon.png) no-repeat 12px 10px #363636; text-decoration:none;}

.prolist .tel{ width:230px; height:121px; background:url(../imggg/tel_bg.png) no-repeat; margin-top:15px;}

.prolist .tel a{ display:block; width:176px; height:55px; font-size:24px; color:#db1117; font-family:Arial, Helvetica, sans-serif; padding:66px 0 0 54px;}

.prolist .tel a:hover{ text-decoration:none;}

.prolist dl{ display:none; position:absolute; left:180px; top:-10px; background:#363636; z-index:99;}

.prolist li:hover dl{ display:block; width:450px; padding:10px;}

.prolist dl dd{ float:left;}

.prolist dl dd a{ font-size:12px; background:none; line-height:24px; width:110px; height:24px; margin:0; text-indent:20px;}

.prolist dl dd a:hover{ background:url(../imggg/pro_icon.png) no-repeat 10px 6px #363636;}



.pro{ width:775px; float:right;}

.pro ul{ margin-top:5px;}

.pro li{ float:left; text-align:center; margin-top:15px;}

.pro li a img{ width:249px; height:175px; padding:1px; border:solid 1px #ccc; transition:border-color .5s; -webkit-transition:border-color .5s; -moz-transition:border-color .5s; -o-transition:border-color .5s;}

.pro li a:hover img{ border-color:#db1117;}

.pro li a p{ line-height:24px; font-size:14px;}

.pro .space{ margin:15px 8px 0;}



.case{ width:1010px; height:286px; border:solid 5px #626262; background:url(../imggg/case_bg.png) no-repeat center top;}

.case h3{ background:url(../imggg/case.png) no-repeat 0 center; width:280px; height:25px; line-height:25px; margin:0 auto; font-size:24px; color:#444; text-indent:184px; font-weight:normal; margin-top:28px;}

.product_scroll{ position:relative; padding:0 71px; margin-top:41px;}

.product_scroll_inner{ height:178px; overflow:hidden;}

.product_scroll ul{}

.product_scroll li{ float:left; text-align:center; width:217px; text-align:center;}

.product_scroll li p{ line-height:28px; font-size:14px;}

.product_scroll li a img{ width:208px; height:146px; padding:1px; border:solid 1px #ccc; margin:0 auto;}

.product_scroll .btn_l, .product_scroll .btn_r{ display:block; width:40px; height:150px; position:absolute; cursor:pointer; top:0;}

.product_scroll .btn_l{ left:0px; background:url(../imggg/left.png) no-repeat 0 bottom; left:10px;}

.product_scroll .btn_r{ right:0px; background:url(../imggg/right.png) no-repeat 0 bottom; right:10px;}

.product_scroll .btn_l:hover,.product_scroll .btn_r:hover{ background-position:0 top;}



.about{ margin-top:30px;}

.about div.gs{ width:595px; float:right;}

.about h3{ width:205px; height:25px; line-height:25px; font-size:24px; color:#444; font-weight:normal; text-indent:107px; background:url(../imggg/about.png) no-repeat 0 center; }

.about p{ font-size:14px; line-height:28px; text-indent:2em; margin-top:12px;}

.about p span{ color:#db1117;}



/*-------------------*/



/*-----------幻灯片-----------------*/



.huan{float:left; width:401px; height:249px;position:relative;z-index:2;overflow:hidden;}

.huan .ze{display:block; position:absolute;width:391px;padding:0px 5px; left:0; bottom:0; background:#000; filter:alpha(opacity=60);opacity:0.6; height:32px; z-index:3;color:#fff;line-height:32px;font-size:16px;}

.huan .pic{display:block; width:600%;}

.huan .pic li img{display:block; width:401px; height:249px;}

.huan .pic li{float:left; width:401px; height:249px;}

.btnt{ position:absolute;right:0; bottom:0; z-index:24;height:32px;}

.btnt li{float:left;width:9px;margin-top:12px; height:9px;background:#fff;font-size:15px;margin-right:5px;cursor:pointer;}

.btnt li.red{background:#DA241C;}

/*-----------------------*/

/*-----------幻灯片-----------------*/



.ad{ margin:30px 0;}



.news{ width:313px; height:355px; background:url(../imggg/shadow.png) no-repeat right 0; padding:10px 21px 0 0; position:relative; float:left;}

.news .title1{ height:25px; line-height:25px; background:url(../imggg/news.png) no-repeat 0 center; text-indent:62px; font-weight:normal; font-size:20px; color:#444;}

.news .title2{ height:25px; line-height:25px; background:url(../imggg/industry.png) no-repeat 0 center; text-indent:162px; font-weight:normal; font-size:20px; color:#444;}

.news .line{ width:313px; height:3px; border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; position:absolute; top:40px;}

.news img{ border:solid 2px #ccc; margin-top:22px;}

.news ul{ margin-top:10px;} 

.news li{ line-height:28px; border-bottom:dashed 1px #ddd; background:url(../imggg/icon.png) no-repeat 0 12px; text-indent:14px;}

.news li span{ float:right;}

.news-space{ margin:0 19px;}

.knowledge{ width:313px; height:355px; padding:10px 0 0 0; position:relative; float:left;}

.knowledge h3{ height:25px; line-height:25px; background:url(../imggg/konwledge.png) no-repeat 0 center; text-indent:122px; font-weight:normal; font-size:20px; color:#444;}

.knowledge .line{ width:313px; height:3px; border-top:solid 1px #dcdcdc; border-bottom:solid 1px #dcdcdc; position:absolute; top:40px;}

.knowledge img{ border:solid 2px #ccc; margin-top:22px;}

.knowledge ul{ margin-top:10px;} 

.knowledge li{ line-height:28px; border-bottom:dashed 1px #ddd; background:url(../imggg/icon.png) no-repeat 0 12px; text-indent:14px;}

.knowledge li span{ float:right;}



.foot{ width:100%; text-align:center; padding:30px 0 5px;}

.foot h3{ width:100%; height:40px; line-height:40px; font-weight:normal; font-size:12px; background:#666; color:#fff;}

.foot h3 a{ color:#fff;}

.foot p{ line-height:22px; margin-top:5px;}