@charset "utf-8";

/* CSS Document */

/*common*/


@charset "utf-8";

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,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,th,var,optgroup{font-style:inherit;font-weight:inherit;}

del,ins{text-decoration:none;}

li{list-style:none;}

caption,th{text-align:left;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:baseline;}

sub{vertical-align:baseline;} 

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{*font-size:100%;}

input,select{vertical-align:middle;}

i,em{ font-style:normal;}

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}

table{font-size:inherit;font:100%; border-collapse:collapse;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*title*/

h1 { font-size:32px;}

h2 { font-size:26px;}

h3 { font-size:20px;}

h4 { font-size:14px;}

h5 { font-size:12px;}

h6 { font-size:10px;}



.mt10{ margin-top:10px;}



a { color:#666; text-decoration:none;}  /*for ie f6n.net*/

a:focus{outline:0;} /*for ff f6n.net*/

.vam { vertical-align:middle;}

.clear{ clear:both; height:0; line-height:0; font-size:0;}

.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}

.clearfix{*zoom:1}

p{ word-spacing:-1.5px;}

.tr { text-align:right;}

.tl { text-align:left;}

.center { text-align:center;}

.fl { float:left;}

.fr { float:right;}

.pa{ position:absolute;}

.pr{ position:relative}

/* -- 购物车外部框架 -- */

.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}







/* -- 页面整体布局 -- */

.content , .footer { width:1200px; margin:0 auto;  }

.h_nav li a:-webkit-any-link{ display:block;}




.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}

em,i{ font-style:normal; }



body{min-width: 1200px; width: 100%;}



.pin_bj{height:853px; overflow: hidden;background: url(../images/pin_bj.jpg) no-repeat center 0 ; }

.pin{width:1200px; margin: 0 auto;height:653px; overflow: hidden;font-family:"Microsoft Yahei"; position: relative;}

.pin dl{padding:48px 0 0 99px;}

.pin dt{float: left;width:600px; overflow: hidden;}

.pin dt img{width:600px;height:440px;}

.pin dd{float: right;width:400px;overflow: hidden;}

.pin dd h3{ padding-top: 10px; font-size: 38px; color:#121212; line-height: 52px;}

.pin dd h3 a{color:#121212;}

.pin dd i{display: block; font-size: 14px; font-weight: bold; color:#231815; text-transform: capitalize; padding: 18px 0;}

.pin dd p{ font-size: 14px; line-height: 26px; color:#615c5b;height:360px; overflow: hidden;}

.pin dd em{display: block; font-size: 16px; color:#0a51a1; line-height: 24px;font-weight: bold;}

.pin dd em img{vertical-align: middle;margin-left: 10px;}

.pin dd em a{color:#0a51a1; }

.pic{position: absolute; top:349px;left: 0;width:310px; height:240px; z-index: 3; overflow: hidden;}

.pic img{width:310px; height:240px;}



.coo_bj{height:361px; overflow: hidden;background: url(../images/coo_bj.jpg) no-repeat center 0 ;}

.coo{width:1310px; margin: 0 auto;height:361px; overflow: hidden;font-family:"Microsoft Yahei";}

.coo h2{padding-top: 55px; height:110px;color:#111111;text-align: center; line-height: 44px;} 

.coo h2 a{ color:#111111;font-size: 36px; }

.coo h2 span{font-weight: normal; font-size: 24px;display: block; }

.cooprev{margin: 7px 19px 0 0;width:35px; height:92px; z-index: 9;overflow: hidden; float: left;}

.coonext{margin: 7px 0 0 0;width:35px; height:92px; z-index: 9;overflow: hidden; float: right;}

.cooimg{ float: left;width:1200px; overflow: hidden; margin-left:10px;}

.cooimg li{ float: left;width:220px; height:110px; margin-right: 20px; overflow: hidden;}

.cooimg li img{width:240px; height:120px; }



.pro_bj{height:1016px; overflow: hidden;background: url(../images/pro_bj.jpg) no-repeat center 0 ;font-family:"Microsoft Yahei";}

.pro_bj h2{padding-top:73px; height:118px;color:#111111;text-align: center; line-height: 44px;} 

.pro_bj h2 a{ color:#111111;font-size: 36px; }

.pro_bj h2 span{font-weight: normal; font-size: 24px;display: block; }

.list{width:265px;overflow: hidden; float: left;}

.list h3{height:50px; border-left: 4px solid #000;background:#0a51a1 url(../images/list_ico.gif) no-repeat 196px center;margin-bottom:1px;}

.list h3 a{ color:#fff; display: inline-block;padding-left: 20px;font-weight: normal; line-height: 50px;}

.list ul{margin: 10px 0;padding:15px 20px;background:#fff;}

.list li{border-bottom: 1px dashed #e3e3e3; height:65px; padding-left: 16px; line-height: 65px;background: url(../images/list_ico02.gif) no-repeat 0 16px ; font-size: 16px;}

.list p{background: url(../images/list_tel.jpg) no-repeat center 0 ; height:87px;margin-top: 22px;padding:35px 0 0 60px; font-size: 14px; color:#e0e0e0; line-height: 26px;}

.list p span{display: block; font-size: 22px; color:#fff;font-family: Arail;}



.pro{width:900px; float: right;overflow: hidden;}

.pro li{width:284px; height:365px; background:#fff; margin: 0 13px 20px 0; overflow: hidden; float: left;}

.pro li:nth-child(3n){margin-right: 0;}

.pro li img{display: block;margin: 12px auto 0; width:260px;height:220px;}

.pro li span{display: block;height:40px; line-height: 40px;font-size: 14px; text-align: center; overflow: hidden;}

.pro li i{display: block;text-align: center;}

.pro li i a{display: inline-block;width:100px;height:30px; border:1px solid #adadad; background:#adadad;margin: 2px 15px 0;line-height: 30px; font-size: 14px; color:#fff;}

.pro li i a.ico01{background:#0a51a1;border:1px solid #0a51a1;}

.pro li:hover{background:#0a51a1;}

.pro li:hover span{color:#fff;}

.pro li:hover i a{border:1px solid #fff;background:none;}

.pro li:hover i a.ico01{border:1px solid #fff;background:#fff; color:#222222;}



.pinz_bj{height:205px; overflow: hidden;background: url(../images/pinz_bj.jpg) no-repeat center 0 ;}

.pinz{width:1200px; margin: 0 auto;height:205px; overflow: hidden;font-family:"Microsoft Yahei";}

.pinz h2{padding-top:82px; height:118px;color:#111111;text-align: center; line-height: 44px;} 

.pinz h2 a{ color:#111111;font-size: 36px; }

.pinz h2 span{font-weight: normal; font-size: 24px;display: block; }

.pinz_nav{height:124px; overflow: hidden;}

.pinz_nav li{ float: left;width:300px; overflow: hidden;border:1px solid #c6c6c6; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;background:#fff;height:124px;border-right: 0;}

.pinz_nav li:last-child{border-right: 1px solid #c6c6c6;}

.pinz_nav li span{display: block;width:90px; text-align: center; font-family: Arial; color:#ababab;font-size: 12px; line-height: 20px; text-transform: uppercase; float: left;}

.pinz_nav li span b{display: block; color:#666666; font-size: 38px;padding-top: 34px; line-height: 40px;font-weight: normal;}

.pinz_nav li p{float: left;width:208px;overflow: hidden;padding-top: 26px; font-size: 24px; color:#333333; line-height: 30px;}

.pinz_nav .cur {background:#0a51a1;border:1px solid #0a51a1;}

.pinz_nav .cur span , .pinz_nav .cur span b , .pinz_nav .cur p{color:#fff;}

.pinz_c dt{height:492px; overflow: hidden; line-height: 0;}

.pinz_c dt img{width:1200px;height:492px;}

.pinz_c dd{height:108px; background:#7e7e7e; overflow: hidden; position: relative;}

.pinz_c dd h3{width:323px;margin: 6px 0 0 ;height:74px; border-right: 1px solid #9b9b9b;overflow: hidden; float: left;font-weight: normal; color:#fff ;line-height: 32px;padding:18px 0 0 40px;}

.pinz_c dd p{padding:30px 0 0 40px;width:580px; overflow: hidden; font-size: 14px; line-height: 28px; color:#fff;}

.pinz_c dd i{display: block;position: absolute; top:35px;right:34px;width:120px;height:38px; background:#0a51a1;border-radius: 20px;text-align: center; line-height: 38px; font-size: 14px;}

.pinz_c dd i a{ color:#fff;}



.chej_bj{height:516px; overflow: hidden;background: url(../images/chej_bj.jpg) no-repeat center 0 ;}

.chej{width:1310px; margin: 0 auto;height:716px; overflow: hidden;font-family:"Microsoft Yahei";}

.chej h2{padding-top:0px; height:118px;color:#111111;text-align: center; line-height: 44px;} 

.chej h2 a{ color:#111111;font-size: 36px; }

.chej h2 span{font-weight: normal; font-size: 24px;display: block; }

.chej_nav{height:80px; background:#fff; overflow: hidden;margin: 0 55px;}

.chej_nav li{ float: left;width:33.3%; overflow: hidden;height:80px;}

.chej_nav li a{display: block; font-size: 24px; height:80px; color:#252525; line-height: 80px;text-align: center;}

.chej_nav .cur a{background:#0a51a1; color:#fff;}

.chej_c{height:370px; overflow: hidden;}

.chejprev{margin: 126px 19px 0 0;width:35px; height:92px; z-index: 9;overflow: hidden; float: left;}

.chejnext{margin: 126px 0 0 0;width:35px; height:92px; z-index: 9;overflow: hidden; float: right;}

.chejimg_c{ float: left;width:1200px; overflow: hidden; }

.chejimg_c li{ float: left;width:398px;overflow: hidden;margin: 0 1px; line-height: 0;}

.chejimg_c li img{width:398px; height:305px; }

.chejimg_c li  span{display: block; height:60px; line-height: 60px;text-align: center; color:#000000; font-size: 18px; overflow: hidden;background:#c3c3c3;}



.lc_bj{height:484px; overflow: hidden;background: url(../images/lc_bj.jpg) no-repeat center 0 ;}

.lc{width:1200px; margin: 0 auto;height:844px; overflow: hidden;font-family:"Microsoft Yahei";}

.lc h2{padding-top:76px; height:120px;color:#111111;text-align: center; line-height: 44px;} 

.lc h2 a{ color:#111111;font-size: 36px; }

.lc h2 span{font-weight: normal; font-size: 24px;display: block;color:#666666; }

.lc ul{height:308px; overflow: hidden;}

.lc li{ float: left; width:180px; overflow: hidden;height:250px; margin-right: 60px;text-align: center; line-height: 28px;}

.lc li img{display: block; margin: 0 auto;width:157px; height:157px;}

.lc li:nth-child(5n){margin-right: 0;}

.lc li b{padding-top: 10px ; font-size: 20px; color:#252525; display: block;}

.lc li span{display: block; font-size: 14px; color:#333333;}

.lc li:hover img{

    transform:rotate(45deg);

-ms-transform:rotate(45deg);     /* IE 9 */

-moz-transform:rotate(45deg);    /* Firefox */

-webkit-transform:rotate(45deg); /* Safari 和 Chrome */

-o-transform:rotate(45deg); 

}

.tel2{padding-left: 406px;}

.tel2 span{display: block;width:150px; height:48px; background:#0a51a1; border-radius: 40px; float: left;text-align: center; line-height: 48px; font-weight: bold; font-size: 16px; margin-top: 8px;}

.tel2 span a{ color:#fff;}

.tel2 p{float: left;width:280px;text-align: center; font-size: 14px; color:#252525; line-height: 24px;}

.tel2 p b{display: block; font-size: 30px; font-family: Arail;color:#0a51a1; line-height: 32px;}



.jz_bj{height:725px; overflow: hidden;background: url(../images/jz_bj.jpg) no-repeat center 0 ;}

.jz{width:1200px; margin: 0 auto;height:765px; overflow: hidden;font-family:"Microsoft Yahei"; position: relative;}

.jz h2{padding-top:70px; height:112px;color:#111111;text-align: center; line-height: 40px;} 

.jz h2 a{ color:#111111;font-size: 36px; }

.jz h2 span{font-size: 16px;display: block;color:#666666;text-transform: uppercase; font-family: Arial;}

.jz_c dl{height:449px; background:#fff; overflow: hidden;}

.jz_c dt{ float: left;width:598px; height:449px;overflow: hidden;border-right: 1px solid #d8d9dd;}

.jz_c dt img{width:598px; height:449px;}

.jz_c dd{ float: right;width:520px; overflow: hidden;padding-right: 37px;}

.jz_c dd h3{margin-top: 40px;height:54px; background:#f1f1f1; overflow: hidden; padding-left: 20px; line-height: 54px;}

.jz_c dd h3 a{ font-size: 24px; color:#333333;}

.jz_c dd p{padding-top: 23px;height:88px;overflow: hidden; font-size: 14px; color:#666666; line-height: 26px;}

.jz_c dd i{display: block;width:114px; height:38px; background:#0a51a1; border-radius: 40px; text-align: center; line-height: 38px;font-size: 14px; margin-top: 8px;}

.jz_c dd a{ color:#fff;}

.jz_nav{ position: absolute; top: 457px;border-top: 1px solid #d8d9dd;width:600px;right:0;overflow: hidden;height:175px; z-index: 10;}

.jz_nav ul{padding-left: 48px;}

.jz_nav li{ float: left;width:123px; margin: 20px 7px 0 0; overflow: hidden; line-height: 0;}

.jz_nav li img{width:123px;height:92px;}

.jz_nav li span{display: block;height:32px; font-size: 14px; line-height: 32px; color:#333;text-align: center; background:#eeeeee;}

.jz_nav li a:hover img{border:2px solid #0a51a1;width:119px; height:88px;}




.about_bj{height:736px; overflow: hidden;background: url(../images/about_bj.jpg) no-repeat center 0 ;}

.about{width:1200px; margin: 0 auto;height:736px; overflow: hidden;font-family:"Microsoft Yahei"; position: relative;}

.about h2{padding-top:60px; height:96px;color:#111111;text-align: center; line-height: 40px;} 

.about h2 a{ color:#111111;font-size: 36px; }

.about h2 span{font-size: 16px;display: block;color:#252525;text-transform: uppercase; font-family: Arial;}

.about dl{height:417px; overflow: hidden;background:#fff;}

.about dt{width:725px; overflow: hidden; float: left;}

.about dt img{width:725px; height:417px;}

.about dd{width:475px; border-bottom: 1px solid #e7e7e7;height:416px;overflow: hidden; float: right;}

.aboutw{padding:30px 55px 0;height:305px; overflow: hidden; font-size: 14px; line-height: 24px; color:#252525;}

.aboutw p{margin-top: 10px ;text-indent: 24px;}

.about dd i{display: block;width:114px; height:38px; background:#0a51a1; border-radius: 40px;text-align: center; line-height: 38px;font-size: 14px; margin-top: 8px; margin-left: 55px;}

.about dd a{ color:#fff;}

.about ul{padding-top: 24px;height:80px; background:#fff; overflow: hidden;}

.about li{ float: left;border-right: 1px solid #e3e3e3; height:55px; overflow: hidden;width:200px;text-align: center;-webkit-box-sizing: border-box;   -moz-box-sizing: border-box;        box-sizing: border-box;}

.about li img{vertical-align: middle;width:45px;height:45px; background:#666666; border-radius: 100%;margin-right: 20px;}

.about li span{ font-size: 16px; color:#666666;font-weight: bold;line-height: 55px;}

.about li a:hover img{background:#0a51a1; transform:rotate(45deg);

-ms-transform:rotate(45deg);     /* IE 9 */

-moz-transform:rotate(45deg);    /* Firefox */

-webkit-transform:rotate(45deg); /* Safari 和 Chrome */

-o-transform:rotate(45deg); }

.about li a:hover span{ color:#0a51a1;}
















































  
        i,em{font-style: normal;}
        .footWrap{background:url(../images/f_bj.jpg) no-repeat center 0;height:308px;overflow:hidden;font-family:"Microsoft Yahei"; }
        .footer{height:308px;width:1200px;margin: 0 auto; overflow:hidden;}
        .flogo{width:353px; height:145px;margin-top: 52px; float: left;line-height: 26px; position: relative;}
        .flogo::before{content:""; position: absolute;top:18px;right:0;width:1px;height:112px; background:#cccccc;}
        .flogo img{width:188px; height:70px;display: block;margin-bottom: 5px;}
        .flogo span{display: block; font-size: 16px; color:#252525; }
        .flogo i{display: block; font-size: 14px; color: #666666;}
        .fnav { height:38px; color: #fff; overflow: hidden; text-align: center; line-height: 38px;padding-top: 17px;}
        .fnav a{display:inline-block;font-size:14px;color:#fff;padding:0 28px;margin: 0 8px; }
        .fnav a:hover {background:#fff; border-radius: 20px; color:#252525;}
       
        .contact{ padding:60px 0 0 86px; overflow:hidden; float: left;font-size:14px;color:#333333;line-height: 32px; width:500px;}
        .contact span a{color:#666;}
        .contact em{display: inline-block;padding:0 10px;}
        .contact span{color:#666;display: block;}
        .code{width:190px;margin:50px 40px 0 0; float: right;overflow: hidden;}
        .code p{ width:140px; overflow: hidden;margin: 0 auto;}
        .code img{display: block;  width:140px; height:140px;}
        .code span{display: block;line-height: 32px;text-align: center;color:#666666;font-size: 14px;padding-top: 10px;}
        .code .nomar{margin-right: 0;}