/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#f60;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}


.header{ position:relative; z-index:66;}
.header .topbg{ background:#F7F7F7; height:30px; line-height:30px; border-bottom:1px solid #E6E6E6;}
.header .top { height:30px;}
.header .top span{ display:block; float:left;}
.header .top ul{ float:right;}
.header .top ul li{ line-height:30px; margin-left:20px; padding-left:30px; float:left}
.header .top ul li.tel{ background:url(../images/tel.png) no-repeat; background-position:0px 1px;}
.header .top ul li.email{ margin-left:20px; padding-left:0px;}
.header .top ul li a{ padding:0px 5px;}
.head{ height:108px;}
.head .logo{ float:left; margin-top:12px;}
.search{ background:url(../images/serch.png) no-repeat; width:250px; height:30px; line-height:30px; float:left; overflow:hidden; position:relative; margin-left:80px; margin-top:34px;}
.input_text{ height:26px; line-height:26px; background:none; width:190px; position:absolute; left:15px; padding-left:5px; top:2px;}
.input_button{ position:absolute; right:0px; top:0px; background:none; width:30px; height:30px; cursor:pointer;}
.head .right{ float:right;}
.head .right dl{ margin:20px 0 0 0px; height:40px; width:220px;}
.head .right dl dt{ width:260px; text-align:center; font-size:20px; float:left; font-weight:bolder}
.head .right dl dt span{ color:#9E9E9E}
.head .right dl dd{ font-size:20px; color:#CD0000; float:right}
.head .right .add{ text-align:right; font-size:20px; font-weight:bolder}

.menubg{ border-top:5px solid #000000; height:53px;}
/*menu*/
.menu{height:53px;line-height:53px;}
.menu ul li{ float:left; position:relative; border-right:#E5E5E5 solid 1px;width:135px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:53px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:15px; text-decoration:none; font-weight:bold;display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{ background:#CD0000;color:#fff;}

/*banner_03*/
.banner_03{ position:relative; z-index: 1; width:100%; height:449px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:449px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:150px; height:22px;}
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;}
.banner_03 .hd ul .on { background:url(../Images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute;  TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}

.con1bg{ height:45px; line-height:45px; border-bottom:2px solid #F8F8F8;}
.con1 strong{font-size:14px; color:#CD0000; float:left; font-weight:normal;}
/*scroll_01*/
.scroll_01{ margin-left:20px; width:700px; float:left;}
.scroll_01 .hd .prev,.scroll_01 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_01 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_01 .bd li{ float:left; padding-right:20px;}
.bshare-custom{ float:right; margin-top:4px;}


/*scroll_03*/
.scroll_03{ margin-top:40px; position:relative; padding-bottom:20px;}
.scroll_03 .hd .prev{ display:block;  width:25px; height:42px; overflow:hidden;cursor:pointer; background:url(../images/mfrl.jpg) no-repeat; position:absolute; top:125px; left:0px;} 
.scroll_03 .hd .next{ display:block;  width:25px; height:42px; overflow:hidden;cursor:pointer; background:url(../images/mfrr.jpg) no-repeat; position:absolute; top:125px; right:0px;} 
.scroll_03 .bd { margin-left:40px;}
.scroll_03 .bd li{ float:left; width:181px; overflow:hidden; margin:0 21px;}
.scroll_03 .bd li .img{height:285px; background:#fff;}
.scroll_03 .bd li .img:hover{background:#f4f4f4;}
.scroll_03 .bd li span{line-height:20px; text-align:center; display:block; font-size:14px; margin-top:15px;}
.scroll_03 .bd li .img table tr td{ height:285px;}
.scroll_03 .bd li .img table tr td img{ max-width:181px; max-height:285px;}


.con2bg{ background:#EEE;}
.con2{ padding:20px 0px;}
.c2-left{ float:left; width:218px; background:#fff;}
.c2-left h2{ height:101px; background:url(../images/probg.png) no-repeat; border-bottom:1px solid #FFF; color:#fff; line-height:101px; font-weight:normal; font-size:24px; text-align:center;}
.c2-left .jslist{ min-height:100px;}
.c2-left .jslist ul li{ position:relative}
.c2-left .jslist ul li .tx{ line-height:52px; border-bottom:1px solid #F0F0F0; background:url(../images/libg.png) no-repeat;}
.c2-left .jslist ul li .tx a{ display:block; height:52px; text-align:center; font-size:16px; color:#757575;}
.c2-left .jslist ul li:hover .tx{ background:url(../images/libg2.png) no-repeat;}
.c2-left .jslist ul li:hover .tx a{ color:#FFF}
.c2-left .jslist ul li .pop{ width:574px; position:absolute; background:#D30000; display:none; z-index:666; border:1px solid #FFF;}
.c2-left .jslist ul li:hover .pop{ display:block; top:-1px; left:218px; padding:0 15px; border-left:none}
.c2-left .jslist ul li .pop dd{ float:left; line-height:50px; text-align:center; padding:0 15px;}
.c2-left .jslist ul li .pop dd a{ padding-bottom:10px; color:#FFF; font-size:14px;}
.c2-left .jslist ul li .pop dd a:hover{ border-bottom:1px solid #FFF;}
.c2-left h3{ height:45px; text-align:center; padding-top:41px; font-size:18px; font-weight:bold; color:#FFF; background:url(../images/telbg.png) no-repeat;}

.c2-right{ width:972px; background:#FFF; padding-bottom:20px; float:right;}
.c2-right dl{ width:180px; margin:20px 0 0 50px; float:left}
.c2-right dl dt{ width:100%; height:285px; overflow:hidden; position:relative}
.c2-right dl dt img{ width:100%; height:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.c2-right dl:hover dt img{ transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}
.c2-right dl dd{ background:#EFEFEF;}
.c2-right dl dd a{ display:block; padding-top:5px; text-align:center; font-size:14px;}
.c2-right dl dd a font{ color:#666}
.c2-right dl dd span{ display:block; padding:4px 0 5px 0; text-align:center; color:#363636}
.c2-right dl:hover dd{ background:#D30000;}
.c2-right dl:hover dd a{ color:#FFF}
.c2-right dl:hover dd span{ color:#FFF}

.con3{ margin-top:20px; margin-bottom:20px;}
.con3 h2{ border-bottom:1px dotted #B2B2B2; height:40px; line-height:40px; font-size:21px; color:#CD0000;}
.con3 h2 a{ font-size:14px; color:#A4A4A4; display:block; float:right;}
.con3 .cont{ margin-top:30px; width:1222px;}
.con3 .cont dl{ width:181px; margin:0 22px 0 0; float:left}
.con3 .cont dl dt{ width:100%; height:285px; overflow:hidden}
.con3 .cont dl dt img{ width:100%; height:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.con3 .cont dl:hover dt img{ transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}
.con3 .cont dl:hover dd{ background:#D30000;}
.con3 .cont dl dd{ height:45px; line-height:45px; text-align:center; background:#EFEFEF; font-size:14px;}
.con3 .cont dl dd a{ color:#000;}
.con3 .cont dl:hover dd a{ color:#FFF}

.con4{ margin-top:30px; margin-bottom:30px;}
.con4 h2{ border-bottom:1px dotted #B2B2B2; height:40px; line-height:40px; font-size:21px; color:#CD0000;}
.con4 h2 a{ font-size:14px; color:#A4A4A4; display:block; float:right;}
.con4 .cont{ margin-top:30px; width:1221px;}
.con4 .cont a{ display:block; width:180px; height:110px; margin-right:21px; border:1px solid #EEE; float:left; overflow:hidden}
.con4 .cont a img{ width:100%; height:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s;
-o-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.con4 .cont a:hover img{ transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}

.links{ width:100%; height:100px; background:#F6F6F6}
.links .lian{ width:1200px; margin:0 auto; padding-top:32px; overflow:hidden}
.links .lian h2{ width:90px; height:36px; line-height:36px; padding-left:13px; float:left; font-size:16px; font-weight:bold; color:#FFF; background:url(../images/links.png) no-repeat;}
.links .lian a{ display:block; line-height:36px; margin-left:20px; font-size:14px; color:#666; float:left;}
.links .lian a:hover{ color:#D30000;}

.foot{ background:#CD0000; line-height:54px; height:51px; color:#fff; font-size:14px;}
.foot a{ padding:0px 5px; color:#fff;}
.foot b{ font-weight:normal; float:left;}
.foot strong{ font-weight:normal; float:right;}





/*Add------------------------------------------------------------------------------*/

.weizhi{height:50px; line-height:50px; border-bottom:1px solid #CCC;font-size:14px; }
.weizhi strong{ float:left; font-weight:normal; font-size:24px;}
.weizhi span{ float:right;}
.main{ background:#EEE; padding-bottom:30px;}
.inside{ padding-top:20px;min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
.inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:952px; float:right; background:#fff; padding:10px; }
.inside_con{ padding:10px 0;}



/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}


