@charset "utf-8;

/**
*   Made by bysky
*   版本：1.0.0
*   2015.12.7
**/

html{color:#000;background:#FFF;font-family:'Microsoft Yahei'; font-size:14px;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
img{ vertical-align:top;}
.cl{ clear:both; font-size:0;}

a{ color:#000; font-size:14px; text-decoration:none;}
a:hover{ color:#FBAB00; text-decoration:none;}

 
* html body{overflow: visible;} 
* html iframe, * html frame{overflow: auto;} 
* html frameset{overflow: hidden;} 


input,textarea{font-family:'Microsoft Yahei';}

 
ul,li{list-style-type:none;} 

 
img{border:0 none; vertical-align:middle;} 

/* h* */ 



 
.fl { display: inline; float: left; }
.fr { float: right; }



 
.none{display:none;} 
.block {display:block;} 


/*********闭合盒子处理**********/
.clearfix:after {content:"24dq"; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}

* html .clearfix {height:1%;}.clearfix {display:block;}



/*********清除浮动处理**********/
.clearboth { clear:both; display:block; height:0;font-size:0; overflow:hidden;}
.cl{ clear:both;}

.bord{}


body{width:100%; background:url(../images/jn_01.png) top left repeat-x #FFF;font-size:14px}
.header, .index, .foot, .top_news, .banner_img, .pages{ margin:0 auto; width:1202px;}

.header{ width:1202px; height:auto;}


.logo{ width:1202px; height:112px;background:url(../images/jn_03.png);}
.top{ width:1202px; height:44px; }
.welcome{ width:602px; height:44px; float:left; line-height:44px; color:#ccc; }
.logo_right{width:280px; text-align:right; float:right; line-height:44px; color:#ccc}
.logo_right a{ color:#ccc; margin:0 10px;}
.logo_right a:hover{ color:#F00}


.menubg{  width:1202px; height:60px; margin:0 auto;}
.menu { width:1202px; height:60px; position:relative; margin:0 auto; z-index:99;  }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:145px; height:60px; text-align:center; color:#FFF;   line-height:60px;  overflow:hidden;  font-size:15px;}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;line-height:60px; padding:0px;}
.menu ul li ul {display: none;}

.menu ul li:hover a {color:#fff;background:#02a44e; display:block; width:145px; height:60px;}/********导航背景变色 ******/
.menu ul li:hover ul {display:block; position:absolute;  left:0; width:145px;}
.menu ul li:hover ul li {}
.jg{ width:3px !important; background:url(../images/tu.jpg) no-repeat; height:43px; padding:0px !important;}
.menu ul li:hover ul li a {border-right: none;display:block;color:#FFF; height:30px;border-top:#FFF 0px solid; font-size:14px; font-weight:normal; background: #02a44e;

    text-align: center;


    line-height: 30px;

    transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;}/******子栏目 背景*********/
.menu ul li:hover ul li a:hover { color:#FFF;line-height:30px;background:#003f8e; }/******子栏目 背景变色*********/
.menu img{ display:block;}
#bt{background:url(../images/dh.jpg) no-repeat; width:125px; height:43px;}


.banner{ width:100%; height:570px; padding-top:0px; margin:0 auto;z-index:1;}

.flexslider{position:relative;height:570px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:570px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:49%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:49%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}


.index_gg{  width:100%;  height:44px;background:url(../images/my_07.jpg) repeat-x;}
.gonggao{  width:1202px;  height:44px;background:url(../images/my_08.jpg) no-repeat;}
.gg{ width:1090px; height:44px; line-height:44px; float:left; margin-left:110px; color:#000;}
.gg p{ width:1090px; height:44px; line-height:44px;color:#000;}

.shous{ float:right; width:295px; height:30px; padding:60px 170px 0px 0px;}
.sxk {width:295px;height:30px;float:left; text-align:left;;}
.sxk .texts {float:left;border:none;width:235px;height:30px;line-height:30px;color:#333;padding-left:7px;background:none;outline:none;}
.sxk .submit {width:50px;height:30px;border:none;background:none;cursor:pointer;}


.index{ width:100%; padding:0px;}


.w_one{ width:100%; height:569px; background:url(../images/about.jpg) top center no-repeat;}

.w_two{ width:100%; height:604px; background:url(../images/jn_14.png) top center no-repeat;}

.index_one{ width:1004px; overflow:hidden;height:auto; padding-top:15px; padding-bottom:30px; margin:0 auto; }

.index_two{ width:1004px; overflow:hidden;height:auto; padding-top:30px;  margin:0 auto; }

.index_three{ width:1004px; overflow:hidden;height:auto; padding-top:35px;  margin:0 auto; }

.index_left{ width:240px; float:left; height:auto;}

.index_right{ width:749px; float:right; height:auto;}


.more a{ font-size:14px;  color:#FFF;}
.more a:hover{ color:#F00;} 




.index_about{ width:1202px; height:auto; margin:0 auto; padding-bottom:60px; padding-top:54px;}
.index_about h3{width:1202px; height:65px;background:url(../images/jn_10.png); }
.aboutbody{ width:1202px; height:auto;overflow:hidden; }
.aboutbody .righ{ width:1202px; height:210px;overflow:hidden; border-bottom:1px solid #aaa;}
.aboutbody .righ .text{ line-height:30px;  overflow:hidden; padding:35px; }
.aboutbody .righ .text img{ float:left; margin:0px 5px;}
.aboutbody .tu{ width:1202px; height:99px;overflow:hidden; padding-bottom:40px; }
.aboutbody .mores{ width:120px; height:40px; background:#02a44e; text-align:center; margin:0 auto;}
.aboutbody .mores a{ color: #FFF; line-height:40px; font-size:14px;}


.index_news{ width:1202px; height:auto; margin:0 auto; padding:82px 0px;}
.index_news h3{width:1202px; height:65px; background:url(../images/jn_18.png);position:relative;}
.index_news h3 span{ float:right; font-size:14px; position:absolute;right:5px;top:8px; }
.newsbody { width:1202px; height:535px;overflow:hidden; margin-top:30px; margin-bottom:30px;}
.index_news .mores{ width:120px; height:40px; background:#02a44e; text-align:center; margin:0 auto;}
.index_news .mores a{ color: #FFF; line-height:40px; font-size:14px;}



.newspic{ width:382px; height:502px; margin:0px 9px; float:left; padding-top:30px; border-top:1px solid #000; }
.newspic a{ color:#000; width:360px; height:480px; padding:10px; border:1px solid #FFF; display:block;}
.newspic a:hover{border:1px solid #f0f0f0; background:#fcfdff;}
.newspic_left{ width:360px; height:250px;}
.newspic_left img{ width:360px; height:250px;}
.newspic_right{ width:360px; height:225px;  overflow:hidden}
.newspic_right h4{ width:360px; height:55px; font-size:16px;line-height:55px;}
.newspic_right h5{ font-size:16px; line-height:40px;height:40px;}
.newspic_right span{ width:360px; height:130px; line-height:30px; }


.index_pro{height:auto; width:1202px; margin:0 auto; }
.index_pro h3{width:1202px; height:165px;}
.index_pro h3 span a{ font-size:14px;  color:#4f891b;}
.index_pro h3 span a:hover{ color:#F00;} 
.probody{width:1202px; height:295px; overflow:hidden; padding-bottom:50px;}
.index_pro .mores{ width:120px; height:40px; background:#02a44e; text-align:center; margin:0 auto;}
.index_pro .mores a{ color: #FFF; line-height:40px; font-size:14px;}
/****滚动1*********/
.index_Roll { width:1200px; margin:0 auto;  padding:0px;overflow:hidden;}
#demo { overflow:hidden;  width:1200px; margin:0 auto;}
 #indemo { float: left; width:2000%; }
#demo #indemo img {width:275px;height:250px; vertical-align:middle;}
#demo #indemo a { display:block; width:275px;height:295px; border: 1px solid #eaeaea; background:#eaeaea;float:left; margin:0px 10px;color:#000;}
#demo #indemo p { text-align:center;  line-height:45px; width:100%; display:block;  margin-top:0px;}
#demo #indemo a:hover{  border: 1px solid #03a751; background:#03a751;width:275px;height:295px; color:#FFF;}
#demo1 { float: left; }
#demo2 {float: left;}


.index_al{height:auto; width:658px; float:left; }
.index_al h3{width:658px; height:48px; background-image:url(../images/tx_31.jpg);position:relative;}
.index_al h3 span{ float:right; font-size:14px; position:absolute;right:6px; top:6px;}
.albody{width:658px; height:280px; overflow:hidden;}

/****滚动2*********/
.index_Rolla { width:650px; margin:0 auto; padding:5px 0px;overflow:hidden;}
#demoa { overflow:hidden;  width:650px; margin:0 auto;} 
#indemoa { float: left; width:2000%;}
#demoa #indemoa .img { width:300px;height:220px;border: 1px solid #ddd;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
#demoa #indemoa img {max-width:300px; max-height:220px; vertical-align:middle;}
#demoa #indemoa a { display:block; width:auto; float:left; margin:10px 10px;}
#demoa #indemoa p { text-align:center;  line-height:40px; width:100%; }
#demoa1 { float: left;}
#demoa2 {float: left;}

.index_xs{height:auto; width:299px; float:right; }
.index_xs h3{width:299px; height:48px; background-image:url(../images/tx_33.jpg);position:relative;}
.index_xs h3 span{ float:right; font-size:14px; position:absolute;right:6px; top:6px;}
.xsbody{width:299px; height:280px; overflow:hidden;background-image:url(../images/tx_35.jpg);}

.index_cp{height:auto; width:1202px; margin:0 auto;}
.index_cp h3{width:1202px; height:76px;background:url(../images/sh_15.jpg) }
.cpbody{ width:1202px; height: 860px;overflow: hidden; margin-top:40px;}
.index_cp .cp_top{ height:42px; line-height:42px; width:1202px; margin:0 auto; padding-top:30px; }
.index_cp .cp_top ul{  height:42px; text-align:center; width:1202px;}
.index_cp .cp_top ul li{  margin:0 16px; border:1px solid #5d3c2b; cursor:pointer;font-size: 14px;font-weight: bold; width:150px;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;display:inline-block;}
.index_cp .cp_top ul li a{color: #5d3c2b;font-size: 16px;}
.index_cp .cp_top ul li a:hover{color: #FFF; background:#5d3c2b; display:block;}

.cpgd {	position:relative;width:1202px;height:860px;overflow:hidden; }
.downpaly {position:absolute;width:1202px;padding:0px;left:0;top:0;}
.fl {float:left}
.downpaly img {display: block;width:270px;height: 230px; }
.downpaly li {overflow:hidden;width:270px;height: 270px; float:left;text-align: center;margin:10px 15px;}
.downpaly li p{width: 100%;height: 40px;line-height: 40px;}
.downpaly li a{color:#000}
.downpaly li a:hover{ color:#13439d}





.sypic2{ width:750px; height:auto; overflow:hidden}
.sypic2_top{ height:48px;background:url(../images/pictop2.jpg) left center no-repeat;}
.sypic2_bot{ width:750px; height:312px; overflow:hidden}




.syfri{ width:340px; height:270px; float:left; padding-left:15px;}
.syfri span{ width:340px; height:38px;background:url(../images/yq.png) left top no-repeat; display:block;}
.syfri_nr{  color:#FFF; text-align:left; }
.syfri_nr a{ color:#FFF; margin:10px 15px 5px 0px;line-height:40px;}
.syfri_nr a:hover{ color:#F00}


.index_contact{ width:380px;height:160px; overflow:hidden; float:left; border-left:1px solid #FFF;border-right:1px solid #FFF; padding:0 50px; }
.contactbody{ width:380px; height:160px;overflow:hidden;}
.contactbody .text{ line-height:28px; padding:0px; overflow:hidden; color:#FFF; }


.footer{  height:389px; width:100%;background:url(../images/jn_24.png) top left repeat-x;}
.foot{  height:270px; width:1202px; padding-top:58px;}
.copy{ line-height:60px; color:#000; text-align:center; }
.copy a{ color:#000}
.copy a:hover{ color:#FBAB00;}

.icode{float:right;padding:0px 35px 0px 0px;width:126px;height:170px;}
.icode img{display:block;width:126px;height:126px;}
.icode span{width:126px;display:block;color:#FFF; text-align:center;line-height: 42px;}

.nr{ padding-top:3px; padding-right:0px;}
.nr ul{ padding-left:3px; width:350px;}
.nr ul li{ height:30px; line-height:30px; overflow:hidden; color:#000; border-bottom:0px solid #bfd9f2;position:relative; }
.nr ul li a{ margin-left:5px; color:#000;padding-left:5px;}
.nr ul li a:hover{ color:#FBAB00;}
.nr ul li span{ position:absolute; top:0; right:0;color:#000;padding-right:10px;}


 
.nnr{ padding:5px 0px 0px 4px;}
.nnr ul{ padding-left:1px;}
.nnr ul li{ height:40px; line-height:40px; overflow:hidden; color:#000; position:relative;cursor: pointer;
background:url(../images/li.jpg) 2px 17px  no-repeat;border-bottom:1px solid #E7E7E7;}
.nnr ul li a{ margin-left:15px; color:#000;}
.nnr ul li a:hover{ color:#FBAB00;}
.nnr ul li span{ position:absolute; top:0; right:0;color:#000;padding-right:10px;}





.pages{ width:1202px; padding:30px 0;}


.left{float:left; width:240px;}

.left .page_prolist{ width:240px; height:auto; }
.left .page_prolist h3{width:240px; height:40px; line-height:40px;background:#003f8e; text-align:center}
.left .page_prolist h3 span{  font-size:18px;  color:#FFF; }
.left .page_prolistbody {width:240px; height:auto !important; min-height:120px;}

.fenlei{ width:210px; float:left; padding:5px 15px; }
.fenlei ul{ width:210px; float:left;}
.fenlei li{ width:210px; height:35px; border-bottom:1px #003f8e solid; line-height:35px; text-align:center;}
.fenlei img{ float:left; margin-left:5px; margin-right:8px; margin-top:9px;} 
.fenlei li a{ color:#000; font-size:14px;}
.fenlei li a:hover{ color:#003f8e;}

.lianxi{ width:210px; float:left; padding:10px; padding-top:5px; padding-bottom:5px;}

.left .page_contact{ width:240px; height:auto; padding-top:10px;}
.left .page_contact h3{width:240px; height:40px; line-height:40px;background:#003f8e; text-align:center}
.left .page_contact h3 span{  font-size:18px;  color:#FFF; }
.left .page_contactbody {width:240px; height:auto !important; min-height:220px;overflow:hidden;}
.left .page_contactbody .text{ line-height:25px; padding:10px;}


.listpage {
    clear: both;
    font-size: 12px;
    height: 50px;
    line-height: 30px;
	padding-top: 10px;
	text-align:center;
}
.listpage a {
    background-color: #FFFFFF;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.listpage span {
    background-color: #FBF779;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #FF7400;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}



.aboutleft2 {width:220px;font-size:14px;margin:0 auto;padding-top:0px;height:auto;padding-bottom:0px; }
.aboutleft2 li {line-height:28px;width:220px;padding-top:0px;margin-top:0px;overflow:hidden;}
.aboutleft2 a { font-family:"微软雅黑";height:30px;padding-left:30px; width:190px;line-height:30px;float:left;font-size:14px;text-align:left;color:#003f8e; font-weight:bolder;  border-bottom:1px solid #C9C9C9;border-top:1px solid #C9C9C9;}
.aboutleft2 a:hover {font-size:14px;width:190px;height:30px;text-decoration:none;text-align:left;color:#f00;}
.aboutleft2 li ul{ display:block; overflow:hidden; float:left; }
.aboutleft2 li ul li{ background:none; border:none;}
.aboutleft2 li ul li a { font-weight:normal;width:175px;background:url(../images/li.jpg) 30px center no-repeat; padding-left:45px; border:none; color:#666666;}
.aboutleft2 li ul li a:hover {width:175px; padding-left:45px; border:none; color:#f00;}

.table_form td{ height:50px;}


.boxright{ width:930px; height:auto; float:right;}
.boxright_top{ width:930px; height:40px; background:#003f8e;}
.boxright_mid{ width:930px; height:auto !important; min-height:480px; overflow:hidden; zoom:1; background:url(../images/nymid.jpg) center top repeat-y;}
.boxright_bot{ width:930px;  height:8px; background:url(../images/nybot.jpg) center top no-repeat;}
.left_zi{width:400px; height:40px; line-height:40px; font-size:18px; color:#FFF; float:left; padding-left:10px;}
.left_zi p{ line-height:7px; color:#FFF; font-size:14px}
.right_zi{ float:right; width:400px; text-align:right;height:40px;line-height:40px; color:#FFF; margin-right:15px;}
.right_zi a{ color:#FFF; font-size:14px}
.content{ line-height:24px; width:96%; margin:0 auto; padding-top:10px ;}


.new1 {width:100%;text-align:left;font-size:14px;}
.new1 li {width:100%;height:28px;line-height:28px;float:left;display:inline;background:url(../images/d.jpg) left center no-repeat;border-bottom: 1px #A8A8A8 dashed}
.new1 a {height:28px;line-height:28px;float:left;margin-left:15px; }
.new1 font {float:right;height:28px;line-height:28px;margin-right:0px;font-size:42px;font-size:14px;color:#003f8e;}
.new1 a:hover {font-size:14px;text-decoration:none; }


.product{ width:100%; list-style:none; padding-top:10px; padding-left:3px;}
.product li{ width: 218px; margin:2px 4px; height:188px; float: left; overflow: hidden;}
.product li .img{width:216px;height:157px;border: 1px solid #003f8e;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;   -webkit-border-radius: 5px;  
   -moz-border-radius: 5px;  
   border-radius: 5px;  
 position:relative;
   behavior: url(js/PIE.htc);  }
.product li a{ display:block;}
.product li img{ max-width:216px; max-height:157px;vertical-align:middle; }
.product li p{  text-align:center; height:30px;line-height:30px;width: 100%;}

.product_title{text-align:center; font-weight:bold;padding:5px; width:100%}
.product_related{text-align:center; padding:5px; width:100%}
.proimg{ text-align:center; width:90%; height:auto}
.proimg .img{width:600px;height:600px;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;  }
.proimg img{ max-width:600px; max-height:600px;vertical-align:middle; }

 .page{ padding:15px 0 20px 0; width:100%; text-align:center; line-height:40px;}
.page a{ padding:5px; border:1px solid #ccc; margin:0 3px;}
.page a:hover{ background:#003f8e; color:#fff;}
.page font{ padding:5px; border:1px solid #ccc; margin:0 3px;background:#003f8e; color:#fff;}
.nolink{padding:5px; border:1px solid #ccc; margin:0 3px;}



#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto; }
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}