/*



Copyright (c) 2011, Yahoo! Inc. All rights reserved.



Code licensed under the BSD License:



http://developer.yahoo.com/yui/license.html



version: 2.9.0



html{color:#000;background:#FFF}*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}



body{ min-width:1200px; font-family: Microsoft YaHei !important;}



table{border-collapse:collapse;border-spacing:0}



fieldset,img{border:0}



/*address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}*/



del,ins{text-decoration:none}



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:baseline}



sub{vertical-align:baseline}



legend{color:#000}



.clear{clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden;}



.f_w{ font-family:"微软雅黑"}









/*ceshi*/

.ceshi { width:1200px; margin:0px auto; height:500px; background:red;}















































































/* head开始*/



 position:absolute; z-index:-1;



.header { width:100%;}



.daohang { width:1200px; margin:0px auto; height:90px; background:#0c5e95; z-index:99;}

.logo { float:left; width:90px; margin-top:20px; margin-left:25px; border-right:1px solid #fff;}

.zhutui { float:left; margin-top:15px; width:450px; margin-left:25px;}

.zhutui p { font-size:20px; color:#fff; line-height:30px; letter-spacing:8px;}

.zhutui p span { font-size:12px;letter-spacing:1px;}



.tell { float:right; width:350px; margin-top:20px; text-align:right; margin-right:25px;}

.tell p { font-size:16px; color:#fff; line-height:16px;}

.tell h3 { font-size:32px; color:#fff; line-height:22px; font-family:'Impact'; letter-spacing:0.5px;}

.tell h3 span { font-size:12px; border-right:1px solid #fff; padding-right:15px; margin-right:15px; line-height:40px;}

/*导航*/



.daohanga { width:1024px; margin:0px auto; height:90px; background:#0c5e95; z-index:99;}

.nav { width:1200px;  margin:0px auto; height:50px; background:#eeeeee;}

#MainMenu { width:100%; margin:0px auto;}



.nav1 { width:1024px;  margin:0px auto; height:50px; background:#eeeeee;}



/*导航结束*/

/*logo*/

.logo {float:left; }

.logo img {}



/*logo结束*/



.banner{ width:100%; position:absolute; z-index:-9;}



#full-screen-slider { width:100%;  float:left; position:relative;}

#slides { display:block; width:100%; height:294px; list-style:none; padding:0; margin:0; position:relative}

#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;}

#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}



#pagination { display:block; list-style:none; position:absolute; left:50%; top:200px; z-index:99999;  padding:5px 15px 5px 0; margin:0}

#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#}

#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}

#pagination li.current { background:#}





/*index*/



.con_diyi { width:1198px; margin:0px auto; border:1px solid #ccc;}

.yizi { float:left; width:243px;height:588px;  border-right:1px solid #ccc; text-align:center;}

.yizi h3 { margin-top:245px; font-size:18px; color:#333;}

.yizi p { text-transform:uppercase; font-size:12px; color:#ccc;}



.tuijian { float:right; width:954px;}









ul.content{

    width:954px;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    border-bottom: 1px solid #ccc;

    border-right: 1px solid #ccc;

}

ul.content li{

    position: relative;

    width:24.89%;

    border-left: 1px solid #ccc;

    border-top: 1px solid #ccc;

}

ul.content li a{

    /* width: 100%;

    height: 100%; */

}

ul.content li a img{

    display: block;

    max-width: 100%;

}

ul.content li a span{

    position: relative;

    top: 0;

    z-index: 10;

    display: block;

    line-height: 22px;

    font-size: 13px;

    text-align: center;

    color: #999;

    transition: all 0.3s;

}

ul.content li:hover a span{

    top: -65px;

    color: #fff;

}

ul.content li a .mask{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: url(../img/mask.png) no-repeat;

    opacity: 0;

    -webkit-transform: scale(.8);

    transform: scale(.8);

    transition: all 0.3s;

}



ul.content li:hover a .mask{

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1);

}













.youbei { width:100%; height:576px; background:url(../img/ydi_02.jpg) center;}



.zuixin { width:1198px; height:140px; border:1px solid #ccc; margin:0px auto;}

.zuozi { float:left; width:243px;height:140px;  border-right:1px solid #ccc; text-align:center;}

.zuozi h3 { margin-top:45px; font-size:18px; color:#333;}

.zuozi p { text-transform:uppercase; font-size:12px; color:#ccc;}



.xinpin { float:right; width:954px;}

.xinpin ul { width:925px; border-bottom:1px solid #ccc; height:46px; padding-left:30px;}

.xinpin ul li { float:left; margin-right:55px;line-height:46px;}



.con_adv { width:100%; height:505px; background:#f4f4f4;}

.con_advantage { width:1200px; margin:0px auto;}



.adv_left { float:left; width:670px; margin-top:80px;}

.adv_left img { float:left;}

.adv_left h3 {float:left; margin-left:25px; font-size:40px; color:#b3251b; width:560px;}

.adv_left h5 {float:left; margin-left:25px; font-size:20px; color:#1772af; width:560px; margin-top:30px;}

.adv_left p {float:left; width:560px; color:#999999; margin-left:110px; text-transform:uppercase; font-size:11px; margin-top:15px; line-height:24px;}

.adv_left span {float:left; width:560px; margin-left:110px; margin-top:40px; font-size:16px; line-height:35px;}



.adva { float:right; margin-top:80px;}





.con_advb { width:100%; height:505px;}

.adv_right { float:right; width:670px; margin-top:80px; text-align:right;}

.adv_right img { float:right;}

.adv_right h3 {float:right; margin-right:25px; font-size:40px; color:#b3251b; width:560px;}

.adv_right h5 {float:right; margin-right:25px; font-size:20px; color:#1772af; width:560px; margin-top:30px;}

.adv_right p {float:right; width:560px; margin-right:110px;color:#999999; text-transform:uppercase; font-size:11px; margin-top:15px; line-height:24px;}

.adv_right span {float:right; width:560px; margin-right:110px; margin-top:40px; font-size:16px; line-height:35px;}



.advb { float:left; margin-top:80px;}



.con_advc { width:100%; height:527px;background:#43515a;}

.advc_left { float:left; width:670px; margin-top:80px;}

.advc_left img { float:left;}

.advc_left h3 {float:left; margin-left:25px; font-size:40px; color:#fff; width:560px;}

.advc_left h5 {float:left; margin-left:25px; font-size:20px; color:#f7cc03; width:560px; margin-top:30px;}

.advc_left p {float:left; width:560px; color:#999999; margin-left:110px; text-transform:uppercase; font-size:11px; margin-top:15px; line-height:24px;}

.advc_left span {float:left; width:560px; margin-left:110px; margin-top:40px; font-size:16px; line-height:35px; color:#ccc;}

.advc { float:right;}





.con_advd { width:100%; height:580px;background:#f4f4f4;text-align:center}

.advc_d { width:1200px; margin-top:80px; margin:0px auto; text-align:center}

.advc_d img { }

.advc_d h3 { margin-left:25px; font-size:40px; color:#b3251b; margin-top:15px;}

.advc_d h5 { margin-left:25px; font-size:20px; color:#1772af;  margin-top:10px;}

.advc_d span { margin-left:110px; margin-top:40px; font-size:18px; line-height:35px; color:#333;}

.advc_d p { color:#999999; margin-left:110px; text-transform:uppercase; font-size:12px; line-height:24px;}

.advd { margin-top:20px;}





.con_adve { width:100%; height:600px;}

.advc_e { float:left; width:319px; height:482px; background:url(../img/landi_03.png)}

.advc_e p { margin-left:25px; margin-top:65px; margin-right:50px; font-size:14px; color:#fff; line-height:26px;}

.advc_ee { width:450px; float:left; text-align:center; margin-top:80px; margin-left:50px;}

.advc_ee img {}

.advc_ee h3 { font-size:52px; color:#b3251b; margin:10px 0px;}

.advc_ee h3 span { color:#1772af}

.advc_ee p { font-size:16px; color:#666666; letter-spacing:9px; text-transform:uppercase; border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}

.advc_eee { float:right; width:319px; height:482px; background:url(../img/landi_03.png)}

.advc_eee p { margin-left:25px; margin-top:65px; margin-right:50px; font-size:14px; color:#fff; line-height:26px;}







.con_news { width:100%; height:600px; background:#f4f4f4;text-align:center;}



.con_xin { width:1200px; margin:0px auto;}

.shou { float:left; width:420px;text-align:left; margin-top:50px;}

.shou li { width:420px; background:#238ed2;}

.shou li img { width:420px; height:244px;}

.shou li h5 { font-size:16px; margin-left:15px; margin-right:15px; line-height:38px; color:#fff;}

.shou li p { margin-left:15px; margin-right:15px; line-height:24px; padding-bottom:10px; color:#fff;}



.cige { float:right; width:710px; margin-top:44px;}

.cige ul { float:right;}

.cige ul li { line-height:34px; float:left;width:710px; border-bottom:1px dashed #ccc; line-height:40px;}

.cige ul li p { color:#333;}

.cige ul li span { color:#666666;}





#product_sss {}

#product_sss li {display:block;float:left; text-align:center; margin-bottom:18px;}

#product_sss a {display:block; text-align:center;}

#product_sss a img { text-align:center; margin-right:18px;}

#product_sss a span{ display:block; line-height:40px; color:#000; overflow:hidden; font-size:14px; margin-bottom:10px;}

#product_sss a span img { float:right; border:0; margin-top:20px;}





.youlian { width:100%; height:55px;}

#friendlink {width:1200px; color:#000; font-size:16px; margin:0px auto; line-height:55px;}

#friendlink ul { float:right; width:1120px; }

#friendlink a {font-size:14px; font-family:"微软雅黑"; color:#333;}

#friendlink ul li { float:left;  margin:0px 15px;line-height:55px;}



/*footer*/



.copyright{ width:100%; height:380px; background:#435562; font-family:"微软雅黑";}

.foot { width:1200px; margin:0px auto;}

.foot_left { float:left; width:680px; margin-top:70px; margin-bottom:50px;}

.foot_left h3 { font-weight:normal; font-size:18px; text-transform:uppercase; width:680px; border-bottom:1px solid #626e76; color:#fff; line-height:40px;}

.foot_left ul { float:left; width:135px; margin-top:38px;}

.foot_left ul li { line-height:32px; font-size:14px; color:#fff;}

.foot_left ul li a { color:#fff;}



.foot_right { float:right; width:180px; margin-top:100px; text-align:right;}

.foot_right p { font-size:14px; color:#fff;}

.foot_right h3 { font-size:24px; color:#fff; font-family:'Impact'; font-weight:normal;}



.footer { width:100%; border-top:1px solid #626e76;}

.footer p { width:1200px; margin:15px auto; text-align:center;}

.footer p { font-size:12px; color:#fff; line-height:30px;}

.footer p a { color:#fff;}

/* footer结束*/



/*内页banner*/



.abanner {width:100%; height:280px; background:url(../img/abanner.jpg) center no-repeat;}





/*内页banne结束r*/









.fenlei { width:1198px; height:830px; margin:0px auto; border:1px solid #ccc;}



.leibie { float:left; width:68px; height:830px; border-right:1px solid #ccc; text-align:center;}

.leibie h3 { margin-top:45px; font-size:18px; color:#333;}

.leibie p { text-transform:uppercase; font-size:12px; color:#ccc;}









#hoverpage { float:right; width:1130px;}

#hoverpage ul#outer li div p {  margin:5px 0 15px 0; height: 60px;}

#hoverpage ul#outer li div h6 {  margin:5px 0 15px 0; height: 30px;}

#hoverpage ul#outer li div h4 {  margin:5px 0 15px 0; height: 100px;}



#hoverpage ul#outer li div h2 { float:left; color:#333; font-size:14px; font-weight:normal; margin-top:0; font-family:verdana, sans-serif; line-height:34px; padding-right:30px; font-weight:bold;}

#hoverpage ul#outer li div h3 { line-height:1em; color:#66a; font-size:1.2em; font-weight:normal; margin-top:0; }

#hoverpage ul#outer li div h3.clear { clear:left; }



#hoverpage { width:1129px; height:830px;background:#fff; position:relative; z-index:500; overflow:hidden; text-align:left; }

#hoverpage table { border-collapse:collapse; margin:-1px; }

#hoverpage ul#outer { background:transparent; padding:0; margin:0; list-style:none; }

#hoverpage ul#outer li.page { display:inline; } /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem { text-decoration:none; 

height:47px; line-height:47px;

}





#hoverpage ul#outer li.page i { text-align:center; position:absolute; display:block; width:178px; border-bottom:1px solid #ccc; background:transparent; cursor:default; z-index:100; font-size:16px; text-decoration:none; font-style:normal; cursor:pointer; }



#hoverpage ul#outer li.p1 i { top:0px; }

#hoverpage ul#outer li.p2 i { top:47px; }

#hoverpage ul#outer li.p3 i { top:94px; }

#hoverpage ul#outer li.p4 i { top:141px; }

#hoverpage ul#outer li.p5 i { top:188px; }

#hoverpage ul#outer li.p6 i { top:235px; }

#hoverpage ul#outer li.p7 i { top:282px; }

#hoverpage ul#outer li.p8 i { top:329px; }

#hoverpage ul#outer li.p9 i { top:376px; }

#hoverpage ul#outer li.p10 i { top:423px; }

#hoverpage ul#outer li.p11 i { top:470px; }

#hoverpage ul#outer li.p12 i { top:517px; }

#hoverpage ul#outer li.p13 i { top:564px; }

#hoverpage ul#outer li.p14 i { top:611px; }

#hoverpage ul#outer li.p15 i { top:658px; }

#hoverpage ul#outer li.p16 i { top:705px; }



#hoverpage ul#outer li.page div { display:block; width:1129px; height:830px; font-weight:normal; color:#444; border:1px solid #f1f1f1;}

#hoverpage ul#outer li.p1 div { background:#fff url(page1_back.jpg); }

#hoverpage ul#outer li.p2 div { background:#fff url(page2_back.jpg); }

#hoverpage ul#outer li.p3 div { background:#fff url(page3_back.jpg); }

#hoverpage ul#outer li.p4 div { background:#fff url(page4_back.jpg); }

#hoverpage ul#outer li.p5 div { background:#fff url(page5_back.jpg); }

#hoverpage ul#outer li.p6 div { background:#fff url(page1_back.jpg); }

#hoverpage ul#outer li.p7 div { background:#fff url(page2_back.jpg); }

#hoverpage ul#outer li.p8 div { background:#fff url(page3_back.jpg); }

#hoverpage ul#outer li.p9 div { background:#fff url(page4_back.jpg); }

#hoverpage ul#outer li.p10 div { background:#fff url(page5_back.jpg); }

#hoverpage ul#outer li.p11 div { background:#fff url(page1_back.jpg); }

#hoverpage ul#outer li.p12 div { background:#fff url(page2_back.jpg); }

#hoverpage ul#outer li.p13 div { background:#fff url(page3_back.jpg); }

#hoverpage ul#outer li.p14 div { background:#fff url(page4_back.jpg); }

#hoverpage ul#outer li.p15 div { background:#fff url(page5_back.jpg); }

#hoverpage ul#outer li.p16 div { background:#fff url(page5_back.jpg); }



#hoverpage ul#outer li div ul { float:right; margin-right:1px; height:802px; background:#f2f2f2; width: 910px;

padding-top: 25px; padding-left: 38px; border-top:1px solid #bb3b32; border-right:1px solid #bb3b32; border-bottom:1px solid #bb3b32;}

#hoverpage ul#outer li div img { border:1px solid #888; float:right; margin:0 10px 5px 0; }

#hoverpage ul#outer li div p.big { line-height:1em; color:#004; font-size:1.5em; }

#hoverpage ul#outer li div a {  }

#hoverpage ul#outer li div em { display:block; width:178px; height:830px; float:left; background:transparent url(../img/current.jpg) no-repeat;  border-right:1px solid #bb3b32;}



#hoverpage ul#outer li.p1 div em { background-position: 0px 0; }

#hoverpage ul#outer li.p2 div em { background-position: 0px 47px; }

#hoverpage ul#outer li.p3 div em { background-position: 0px 94px; }

#hoverpage ul#outer li.p4 div em { background-position: 0px 141px; }

#hoverpage ul#outer li.p5 div em { background-position: 0px 188px; }

#hoverpage ul#outer li.p6 div em { background-position: 0px 235px; }

#hoverpage ul#outer li.p7 div em { background-position: 0px 282px; }

#hoverpage ul#outer li.p8 div em { background-position: 0px 329px; }

#hoverpage ul#outer li.p9 div em { background-position: 0px 376px; }

#hoverpage ul#outer li.p10 div em { background-position: 0px 423px; }

#hoverpage ul#outer li.p11 div em { background-position: 0px 470px; }

#hoverpage ul#outer li.p12 div em { background-position: 0px 517px; }

#hoverpage ul#outer li.p13 div em { background-position: 0px 564px; }

#hoverpage ul#outer li.p14 div em { background-position: 0px 611px; }

#hoverpage ul#outer li.p15 div em { background-position: 0px 658px; }

#hoverpage ul#outer li.p16 div em { background-position: 0px 705px; }



#hoverpage ul#outer li.page div a:hover { text-decoration:none; }

#hoverpage ul#outer li.page a:hover { white-space:normal; } /* for IE6 */

#hoverpage ul#outer :hover div { position:absolute; left:0; top:0; }

#hoverpage ul#outer a:hover i { color:#b9362d; } /* for IE6 */

#hoverpage ul#outer :hover a i { color:#b9362d; }



#hoverpage ul#outer div ul li {line-height:34px; font-size:12px; color:#999999;float: left; margin-right:30px;}

#hoverpage ul#outer div ul li a {line-height:34px; font-size:12px;color:#999999; }



#hoverpage ul#outer div dl dd { line-height:20px; font-size:1.1em; color:#448; }

#hoverpage ul#outer div dl dt { line-height:30px; font-size:1.3em; color:#333; }



#azz_discription{ width:600px; height:auto; border:1px dashed #CCC; margin:0 auto; padding:10px; margin-top:10px; font-size:12px;}

#azz_discription p{ line-height:25px;}