﻿/* CSS Document */
html,body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,table,th,td{ margin:0; padding:0;}
body{ font-size:12px; color:#212121; line-height:20px; }
img{border:none;}
em{ font-style:normal;} 
ul,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal}
a{color:#212121; text-decoration:none; cursor:pointer;}
a:hover{ color:#cb0100; } 
.clear{ width:100%; height:0; clear:both; overflow:hidden;} 
.clear3{ width:100%; height:5px; clear:both; overflow:hidden; }
.f_left{ float:left; display:inline;}
.f_right{ float:right; display:inline;}  

.top{width:100%; height:120px; background:url(../images/h_bj3.jpg) repeat-x;position:relative;} 
.head{width:1000px; height:120px;  margin:0px auto;}
.h_logo{width:456px; height:118px; float:left}
.h_right{width:360px;float:right;position:relative; z-index:2}
.h_link{width:100%; height:30px;line-height:30px;text-align:right;} 
.h_link a:hover{ text-decoration:underline}
.h_tel{width:264px; height:31px; margin-top:59px; background:url(../images/tel_bj.png) no-repeat; float:right;line-height:31px; color:#ffffff; font-family:"微软雅黑"; text-align:center; font-size:14px; font-weight:bold;position:relative; z-index:2}

.nav{width:100%; height:40px; margin-top:-2px; background:url(../images/nav.gif) repeat-x; position:relative; z-index:1}
.navlist{width:1000px;height:40px; line-height:40px; font-family:"微软雅黑"; margin:0px auto; text-align:center; font-size:14px; font-weight:bold}
.navlist a{width:100px; height:40px; float:left; color:#ffffff}
.navlist a:hover{width:100px; height:38px; float:left; color:#ffffff; background:#dc012b;position:relative; z-index:3}

/*-----banner滚动样式-------*/
.banner{width:100%; height:420px; position:relative;margin:0px auto 0px auto;background:url(img/loading.gif) center no-repeat;}
ol, ul {list-style: none;}
.flexslider {width: 100%;height: 100%;overflow: hidden;}
.flexslider .slides > li {display: none;}
.flexslider .slides img {max-width: 100%;display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative;zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-caption {background: none;ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);zoom: 1;}
.flex-caption {width: 96%;padding: 2%;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.3);color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.3);font-size: 14px;line-height: 18px;}
.flex-direction-nav {height: 0;overflow: hidden; }
.flex-direction-nav li a {display: none;width: 47px;height: 80px;position: absolute;top: 40%;cursor: pointer;text-indent: -99px;}
.flex-direction-nav li a.next {right: 0;background: url("img/bg_direction_nav.png") no-repeat scroll -47px 0 transparent;} 
.flex-direction-nav li a.next:active {background: url("img/bg_direction_nav.png") no-repeat scroll -47px -80px transparent;}
.flex-direction-nav li a.prev {left: 0;background: url("img/bg_direction_nav.png") no-repeat scroll 0 0 transparent;} 
.flex-direction-nav li a.prev:active {background: url("img/bg_direction_nav.png") no-repeat scroll 0 -80px transparent;}
.flex-direction-nav li a.disabled {opacity:0.3;filter: alpha(opacity=30);cursor: default;}
ol { margin:0px ; padding:0px}
.flex-control-nav {position: absolute;bottom: 70px;right: 48%; height:14px; padding-top:6px; padding-left:5px  }
.flex-control-nav li {display: inline-block;zoom: 1;*display:inline;margin-right: 10px;margin-bottom: 6px; }
.flex-control-nav li a {display: block;width: 10px;height: 10px;background: url("img/bg_control_nav.png") no-repeat scroll 0 0 transparent;_background: url("img/bg_control_nav-0.png") no-repeat scroll 0 0 transparent;cursor: pointer;text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -10px;_background: url("img/bg_control_nav-1.png") no-repeat scroll 0 0 transparent;}
.flex-control-nav li a.active {background-position: 0 -20px;_background: url("img/bg_control_nav-2.png") no-repeat scroll 0 0 transparent;cursor: default;}




.main{width:1019px; background:url(../images/main_bj.png) top no-repeat; margin:-60px auto 0px auto; position:relative; z-index:999}
.main_con{width:980px; margin:0px auto 0px auto; padding-top:10px;}
.main_con .title{width:100%; height:30px; font-family:"微软雅黑";border-bottom:solid 1px #ddded9}
.main_con .title h2{width:auto;height:30px; line-height:30px; float:left; color:#cb0100;font-size:14px}
.main_con .title h2 font{color:#999999; padding:0px 5px; font-weight:normal}
/*.main_con .title h2 span{color:#999999}*/
.main_con .title a{width:60px; height:30px; line-height:30px; float:right; color:#cb0100; font-size:10px ; display:block; text-align:right}
.main_con .title a:hover{width:60px; height:30px;line-height:30px; float:right; color:#cb0100; font-size:10px ; text-decoration:underline; font-size:10px}


.p_list{width:100%; height:200px; margin:15px auto 0px auto; overflow:hidden}
.infiniteCarousel .wrapper {width: 900px;height: 200px;position:relative; margin:0px auto}
.infiniteCarousel ul a img {/*-moz-border-radius: 5px;-webkit-border-radius: 5px;*/}
.infiniteCarousel .wrapper ul {width: 9999px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position: absolute;top: 0;}
.infiniteCarousel ul li {display:block;float:left; padding:10px 10px 0px 10px; height: 179px;width: 160px; background:url(../images/product_bj.gif) no-repeat bottom;}
.infiniteCarousel ul li a img {display:block;height: 160px;width: 160px;border: 1px solid #cdcdcd;}
.infiniteCarousel .arrow {display: block;height: 36px;width: 37px;background: url(../images/arrow.png) no-repeat 0 0;text-indent: -999px;position: absolute;top: 120px;cursor: pointer;}
.infiniteCarousel .forward {background-position: 0 0;right: 0; padding-right:20px}
.infiniteCarousel .back {background-position: 0 -72px;left: 10; }
.infiniteCarousel .forward:hover {background-position: 0 -36px;}
.infiniteCarousel .back:hover {background-position: 0 -108px;}


.newaboutbottom{width:100%;height:230px; margin-bottom:10px;}
.newlist{width:355px; height:230px;float:left;  }
.tout{padding:10px 0px 3px 0px; overflow:hidden; }
.tout img{float:left; width:120px; height:80px; }
.tout .new_title{ width:230px; height:25px; float:right}
.tout .new_title h2{width:100%;  line-height:25px; font-weight:bold}
.tout .new_title a{ color:#cb0100}
.tout .new_title a:hover{ color:#cb0100; text-decoration:underline}
.tout p{width:100%; line-height:22px; margin-top:3px;}
.newlist ul{width:100%; margin:0px auto; padding:10px 0px}
.newlist ul li{width:100%; height:26px; line-height:25px; background:url(../images/m_14.gif) center left no-repeat; text-indent:20px; border-bottom:dashed 1px #ddded9}
.newlist ul li a{width:260px; height:26px;  line-height:25px; float:left; display:block; overflow:hidden}
.newlist ul li span{width:70px; height:26px;  line-height:25px; float:right; text-align:right; display:block}
 
.about{width:340px; height:230px; float:left; margin-left:20px} 
.about .txt{ margin:10px 0px 0px 0px; height:170px; line-height:21px;}
.about .txt img{ padding:5px 5px 0px 0px}

.an{width:245px; float:right}
.an a{width:245px; height:67px; margin-bottom:5px; display:block}
.an a:hover{width:245px; height:67px; margin-bottom:5px; display:block}

.nfoot{width:100%; background:#d7d7d7;}
.nfootlist{width:1000px; height:190px; margin:0px auto 0px auto; padding-top:20px}
.f_logo{width:209px; height:190px; float:left}
.f_logo .img{width:80px; height:80px; margin:0px auto 8px auto; display:block;}
.f_logo span{width:100%; height:30px; line-height:30px; font-size:16px; color:#6a6a6a; display:block; text-align:center;font-family:"微软雅黑"; }
.foot_left{width:600px; height:190px; float:left;}
.ftlist{width:80px; height:146px; float:left; display:inline;background:url(../images/f_03.gif) left no-repeat; padding:0px 20px 0px 50px; }
.ftlist a{width:100%;height:22px;line-height:22px;display:block;color:#6a6a6a}
.ftlist a:hover{width:100%; height:22px; line-height:22px; color:#6a6a6a; text-decoration:underline}
.fl_title{width:100%; height:30px;font-family:"微软雅黑"; }
.fl_title h2{width:80px; line-height:30px; height:30px; float:left;  color:#a70000; font-weight:bold} 

.foot_right{width:100px; float:right; height:190px; padding-right:40px}
.foot_right span{width:100%; height:25px; line-height:25px; font-size:12px; color:#6a6a6a; display:block; text-align:center}
.foot_right img{width:100px; height:100px;}
 
.foot_copy{width:100%; height:60px;color:#6a6a6a; font-family:"微软雅黑"}
.foot_copy p{ line-height:23px; text-align:center}
.foot_copy p a{color:#6a6a6a}
.foot_copy p a:hover{color:#6a6a6a; text-decoration:underline}

/*----------neiye------*/
.n_main{width:1019px; background:url(../images/n_main_bj.png) top no-repeat; margin:-60px auto 0px auto; position:relative; z-index:999}
.n_main_con{width:960px; margin:0px auto 0px auto; padding-top:20px;}
.n_main_con .title{width:100%; height:30px;border-bottom:solid 1px #cccccc;}
.n_main_con .title h2{ font-family:"微软雅黑";width:auto;height:30px; line-height:30px; padding-right:5px; float:left;font-size:16px;display:block;border-bottom:solid 1px #cb0100}
.n_main_con .title font{ font-family:"微软雅黑";color:#999999; padding:0px 5px 0px 5px; font-weight:normal;width:auto;height:30px; display:block; font-size:14px;line-height:30px;}
.n_main_con .title span{width:auto; height:20px; line-height:20px; float:right; text-align:right;padding:10px 0px 0px 0px;} 

.n_left{width:193px; float:left}
.n_class{width:100%; }
.n_class ul{width:100%; margin:10px auto;}
.n_class ul li{width:188px; height:30px; padding-left:5px;border-bottom:#cdcdcd dashed 1px;}
.n_class ul li:hover{width:188px; height:30px; padding-left:5px;background:#cb0100}
.n_class ul li a{width:168px; height:30px; line-height:30px; padding-left:20px;display:block;background:url(../images/li.gif) no-repeat  left  ;  }
.n_class ul li:hover a:hover{width:168px; height:30px; line-height:30px; color:#ffffff; padding-left:20px;display:block; background:url(../images/li_a.gif) no-repeat left; }

.n_an{width:100%; float:right}
.n_an a{width:100%; height:67px; margin-bottom:5px; display:block}
.n_an a:hover{width:100%; height:67px; margin-bottom:5px; display:block}
.n_right{width:740px; float:right}

.n_newlist{width:740px; padding:15px 0px; border-top:none;} 
.n_newlist ul li{height:30px; line-height:30px; border-bottom:#cdcdcd 1px dotted; background:url(../images/m_14.gif) no-repeat center left; padding-left:10px}
.n_newlist ul li a{ text-indent:15px; float:left; display:block; width:600px; height:30px; line-height:30px;}
.n_newlist ul li a:hover{ text-indent:15px; float:left;display:block; height:30px; line-height:30px; width:600px; color:#c00d08; }
.n_newlist ul li span{ float:right;  width:100px; padding-right:10px; text-align:right; display:block;} 
.page{width:100%; height:20px; padding-top:10px; padding-bottom:30px; text-align:center}
/*aspnetpager分页样式*/
   .anpager .cpb
        {
            background: #cb0100 none repeat scroll 0 0; 
            border: 1px solid #cf1e5c; 
            margin: 5px 5px 0 0;
            padding: 5px 8px 5px 8px;
            color:#FFFFFF;
            font-weight:bold;
        }
        .anpager a
        {
            background: #FFFFFF none repeat scroll 0 0;
            border: 1px solid #dfdfdf; 
            margin: 5px 5px 0 0;
            padding: 5px 8px 5px 8px;
            text-decoration: none;
            
        }
        .anpager a:hover
        {
            background: #cb0100 none repeat scroll 0 0;
            border: 1px solid #cf1e5c;
            color: #FFFFFF;
        }
        
.content{width:100%; line-height:23px;  padding:20px 0px}

.products{width:100%; margin:5px auto}
.products ul li{width:160px; height:200px;float:left; margin:10px 12px;}
.products ul li img{width:160px; height:160px;border: 1px solid #cdcdcd;}
.products ul li p{width:100%; height:40px; line-height:20px;display:block; text-align:center}
.products ul li:hover img{width:160px; height:160px;border: 1px solid #cb0100;}
.products ul li:hover a{ color:#cb0100}

.news_con { width:100%;border-bottom: 1px dashed #cdcdcd; }
.news_con p {font-style: normal;display: block;line-height:25px;width:100%; height:25px;text-align: center;}
.news_con2 {padding: 15px;line-height: 23px;}
.news_con h2 {font-size: 15px;text-align: center;line-height: 45px;overflow:hidden;font-weight:bold;}
.n_r_content{width:750px; line-height:25px; padding:15px}


.n_product {width:720px; padding:10px;}
.n_p_top{width:720px; height:364px; margin-bottom:10px;}
.n_p_top_left{width:354px; height:354px; border:#cdcdcd solid 1px; float:left}
.n_p_top_left img {max-width:350px; max-height:350px; margin:2px;}
.n_p_top_right{width:350px; height:350px; float:right}
.n_p_top_right h2{ width:100%;  height:30px; line-height:30px; font-weight:bold}
.n_p_top_right p{width:100%; height:25px; text-align:left; line-height:25px; margin-top:5px;}
.n_p_top_r_img{width:310px;margin-top:5px; margin-bottom:5px; border:#cdcdcd solid 1px; padding:10px}
.n_p_top_right .p {width:100%;display: block;padding:0px; margin-top:10px;height: 40px}
.n_p_top_right .tels{width: 100%; line-height: 35px; height: 35px; margin-top: 10px; font-size: 12px;font-weight: bold;}
.proxx_title{width:100%; height:30px; line-height:30px; text-indent:10px; background:#f3f3f3}
.n_p_txt_a{width:720px; padding:10px 0px; overflow:hidden; line-height:23px;}
.n_p_txt_a img{ max-width:720px}
.concy22 {width: 650px;margin-top: 30px;margin-right: auto;margin-bottom: 20px;margin-left: auto; font-size: 12px;}
.concy22 table tr td  input{font-size: 12px;line-height: 25px;height: 25px;width: 250px;border: 1px solid #cccccc}
.concy22 span{ color:#999999}


/*------kefu----*/
.qqtop{width:100%; height:56px; background:url(../images/qq_06.gif) no-repeat}
.qqfoot{width:100%; height:43px; background:url(../images/qq_11.gif) no-repeat}
/*在线客服*/ 
.float0831 {
	POSITION: fixed; TOP: 200px; _position: absolute;width:110px; right:10px;
}  
.float0831 .cn 
{
  width:110px; background:url(../images/qq_09.gif) repeat-y; padding-top:15px
} 

.float0831 .cn  ul li{width:77px; height:30px; margin:0px auto}  
