@charset "utf-8";

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

body{color:#000;font:12px/1.231 "Microsoft YaHei",arial,helvetica,clean,sans-serif;min-width:1200px;width:100%;}

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%;border:0;outline:none;}

input,select{vertical-align:middle;border: 1px solid #cccc;
    margin-top: 10px;}

select,input,button,textarea,button{font:99% "Microsoft YaHei",arial,helvetica,clean,sans-serif;border: 1px solid #cccc;
    margin-top: 10px;}

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:#000;text-decoration:none;}

a:focus{outline:0;}

.vam{vertical-align:middle;}

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

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}

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


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

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

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

i,em{ font-style:normal;}



/*字体*/

@font-face {

	font-family: 'DINOT-CONDBOLD';

	src: url('httpwwwdihen52-CONDBOLDeot.eot');

	src: local('?'), url('httpwwwdihen52-CONDBOLDttf.ttf') format('truetype'), url('httpwwwdihen52-CONDBOLDsvg.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}



@font-face {

	font-family: 'Conv_DIN REGULAR';

	src: url('fonts/DIN REGULAR.eot');

	src: local('?'),  url('fonts/DIN REGULAR.ttf') format('truetype'), url('fonts/DIN REGULAR.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}

 
 
a.gf {padding-left: 0; position: relative;}

.m_wx { background: #fff none repeat scroll 0 0; border: 1px dashed #ccc; color: #333; display: none; left: -127px; position: absolute; text-align: center; top: -10px; width: 120px;}

.m_wx img { height: 120px; width: 120px;}

 

 /*temp.css*/

#nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(httpwwwdihen42imgnodatagif.gif) no-repeat 20px 20px;}

/* CSS Document */

/*common*/

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}



/**/

/*ibanner*/
 


.white-bg{position:absolute;width:100%;height:100%;top:0;left:0;background:#fff;opacity:0.9;filter:alpha(opacity=90);z-index:-1;}

.black-bg{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:0.7;filter:alpha(opacity=70);}





/*imain-title*/

.imain-ti{text-align:center;font-size:30px;position:relative;line-height:40px;}

.imain-ti a{color:#000;}

.imain-ti span{color:#003f98;font-size:36px;}

.imain-ti .line{position:absolute;width:46px;height:3px;background:#003f98;bottom:-34px;left:50%;margin-left:-23px;}

.imain-subti{text-align:center;font-size:16px;color:#222;line-height:28px;}

.imain-subti span{color:#003f98;}

.imain-en{text-align:center;font-size:14px;line-height:24px;color:#333;}

.imain-ti:hover a{color:#003f98}

.imain-ti:hover .line{width:100px;margin-left:-50px;}



/*icase*/

.icase-wrap{width:100%;position:relative;padding:50px 0 30px;overflow:hidden;z-index:1;}

.icase-wrap .gray-bg{width:100%;height:315px;background:#f6f6f6;left:0;bottom:0;z-index:-1;}

.icase-link{margin-top:45px;height:122px;}

.icase-link a{display:block;float:left;width:127px;padding-left:110px;position:relative;height:54px;margin:0 1px 10px 0;line-height:54px;border:1px solid #d9d9d9;font-size:14px;font-weight:bold;color:#333;}

.icase-link a .icon{position:absolute;width:41px;height:41px;background:url(httpwwwdihen51case_iconpng.png);top:50%;margin-top:-20px;left:60px;}

.icase-link a.it1 .icon{background-position:0 0;}

.icase-link a.it2 .icon{background-position:0 -45px;}

.icase-link a.it3 .icon{background-position:0 -90px;}

.icase-link a.it4 .icon{background-position:0 -135px;}

.icase-link a.it5 .icon{background-position:0 -180px;}

.icase-link a.it6 .icon{background-position:0 -225px;}

.icase-link a.it7 .icon{background-position:0 -270px;}

.icase-link a.it8 .icon{background-position:0 -315px;}

.icase-link a.it9 .icon{background-position:0 -360px;}

.icase-link a.it10{padding-left:0;width:237px;text-align:center;}

.icase-link a:hover{background:#003f98;color:#fff;}

.icase-link a.it1:hover .icon{background-position:-49px 0;}

.icase-link a.it2:hover .icon{background-position:-49px -45px;}

.icase-link a.it3:hover .icon{background-position:-49px -90px;}

.icase-link a.it4:hover .icon{background-position:-49px -135px;}

.icase-link a.it5:hover .icon{background-position:-49px -180px;}

.icase-link a.it6:hover .icon{background-position:-49px -225px;}

.icase-link a.it7:hover .icon{background-position:-49px -270px;}

.icase-link a.it8:hover .icon{background-position:-49px -315px;}

.icase-link a.it9:hover .icon{background-position:-49px -360px;}

.icase-pic {

    height: 720px;

    margin-top: 40px;

    width: 1220px;

}

.icase-pic .item {

    display: block;

    float: left;

    height: 310px;

    margin: 20px 12px;

    position: relative;

    width: 570px;

}

.icase-pic .item.short {

    width: 460px;

}

.icase-pic img {

    height: 300px;

    width: 585px;

}

.icase-pic .item.short img {

    width: 460px;

}

.icase-pic .add-icon {

    background: url("httpwwwdihen44gIndexaddpng.png") repeat scroll 0 0;

    bottom: 0;

    height: 42px;

    position: absolute;

    right: 0;

    width: 42px;

}

.icase-pic .cont {

    color: #333;

    height: 190px;

    left: 0;

    line-height: 24px;

    opacity: 0;

    padding: 55px;

    position: absolute;

    top: 0;

    visibility: hidden;

    width: 475px;

    z-index: 1;

}

.icase-pic .cont .ti {

    font-size: 18px;

    font-weight: bold;

}

.icase-pic .cont .line {

    background: #333 none repeat scroll 0 0;

    display: block;

    height: 1px;

    margin: 5px 0 15px;

    width: 10px;

}

.icase-pic .cont .desc {

    font-size: 14px;

}

.icase-pic .item.short .cont {

    padding: 70px 50px;

    width: 360px;

}

.icase-pic .item:hover .cont .line {

    width: 70px;

}

.icase-pic .item:hover .add-icon {

    opacity: 0;

    visibility: hidden;

}

.icase-pic .item:hover .cont {

    opacity: 1;

    visibility: visible;

}

.iclient{position:relative;margin-top:40px;}

.iclient .box{width:1200px;height:156px;overflow:hidden;}

.iclient .iclient-ul{width:10000px;height:156px;}

.iclient .item{float:left;width:188px;margin-right:14.3px;text-align:center;font-size:14px;color:#333;line-height:32px;}

.iclient .item:hover{color:#e42218;}

.iclient .pic{display:block;padding:7px;background:#d0d0d0;position:relative;}

.iclient .pic,.iclient .pic img{width:174px;height:110px;}

.iclient .pic:before,.iclient .pic:after{content:'';position:absolute;left:50%;margin-left:-94px;opacity:0;visibility:hidden;}

.iclient .pic:before{top:0;width:188px;height:110px;border-top:7px solid #05582f;border-bottom:7px solid #05582f;}

.iclient .pic:after{bottom:0;width:174px;height:124px;border-right:7px solid #05582f;border-left:7px solid #05582f;}

.iclient .btn{position:absolute;width:46px;height:46px;top:50%;margin-top:-40px;background:url(httpwwwdihen50icase_btnpng.png)}

.iclient .btn.prev{left:-70px;background-position:0 0;}

.iclient .btn.next{right:-70px;background-position:-54px 0;}

.iclient .btn.prev:hover{background-position:0 -54px;}

.iclient .btn.next:hover{background-position:-54px -54px;}



/*isolve*/

.isolve-wrap{padding:50px 0 60px;overflow:hidden;}

.isolve{margin-top:100px;width:1220px;}

.isolve a{display:block;float:left;position:relative;width:182px;height:110px;padding:80px 20px 20px;margin-right:20px;;border:1px solid #e3e3e3;font-size:14px;color:#222;line-height:24px;text-align:center;}

.isolve a span{display:block;}

.isolve a .ti{font-size:20px;font-weight:bold;}

.isolve a .line{width:50px;height:1px;background:#000;margin:10px auto 15px;}

.isolve a .icon{position:absolute;width:119px;height:119px;background:url(httpwwwdihen45Indexy_bgpng.png);top:-60px;left:50%;margin-left:-60px;}

.isolve a .icon i{display:block;width:119px;height:119px;background:url(httpwwwdihen52olve_iconpng.png)}

.isolve a.it1 .icon i{background-position:0 0;}

.isolve a.it2 .icon i{background-position:0 -120px;}

.isolve a.it3 .icon i{background-position:0 -240px;}

.isolve a.it4 .icon i{background-position:0 -360px;}

.isolve a.it5 .icon i{background-position:0 -480px;}

.isolve a:hover .icon{background-position:-121px 0;}

.isolve a:hover .ti{color:#05582f;}



/*ipro*/

.ipro{padding-bottom:40px;overflow:hidden;}

.ipro .content{height:736px;}

.ipro_column{margin-top: 40px;}

.ipro-nav{width: 224px;
    float: left;
    text-align: center;
    border: #d2d3d3 1PX SOLID;}

.ipro-nav h2{height:85px;line-height:84px;background:#003f98;color:#fff;font-size:20px;display: none;}

.ipro-nav a{display:block}

.ipro-nav dd{}

.ipro-nav .one{height:44px;margin-bottom:1px;background:#003f98;line-height:44px;font-size:13px;color:#fff;font-weight:bold;}

/*.ipro-nav .two{margin-top:-1px;border-width:0 1px 0 1px;border-style:solid;border-color:#d2d3d3;}*/

.ipro-nav .two a{height:36px;line-height:36px;border-top:1px dashed #d2d3d3;border-left:2px solid transparent;font-size:14px;color:#333;}

.ipro-nav .two a:first-child{border-top:0;}

.ipro-nav .two a:hover{border-left-color:#05582f;color:#05582f;}

.ipro-big{display:block;width:956px;height:461px;position:relative;float:left;margin:0 0 32px 18px;}

.ipro-big{width: 956px;height: 427px;}

.ipro-big img{width: 956px;height: 461px;}

.ipro-big .cont{position:absolute;width:536px;height:180px;padding:35px 210px;left:0;top:100px;font-size:14px;line-height:24px;color:#333;z-index:1;opacity:0;visibility:hidden;-webkit-transition:all .5s;transition:all .5s;}

.ipro-big .cont .ti{font-size:18px;font-weight:bold;color:#333;margin-bottom:25px;}

.ipro-big .cont .desc span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.ipro-big:hover .cont{opacity:1;visibility:visible;}

.ipro-small{float:left;width:969px;margin-left:5px;}

.ipro-small a{display:block;float:left;width:310px;height:260px;position:relative;margin-left:13px;    margin-bottom: 12px;}

.ipro-small a img{width: 310px;height: 260px;}

.ipro-small .ti{position:absolute;width:280px;height:40px;line-height:40px;padding:0 15px;font-size:14px;color:#333;left:0;bottom:0;z-index:1;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}


.ipro-small1{width: 1200px;
    /* margin-left: -9px; */
    margin: 45px auto;}

.ipro-small1 a{display:block;float:left;width:280px;height:260px;position:relative;    /* margin-left: 13px; */
    padding: 0 10px;    margin-top: 12px;}

.ipro-small1 a img{width: 280px;height: 260px;}

.ipro-small1 .ti{position:absolute;width:280px;height:40px;line-height:40px;padding:0 15px;font-size:14px;color:#333;left:0;bottom:0;z-index:1;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}



/*iadtage*/

.iadtage-wrap{padding:50px 0;height:470px;background:url(httpwwwdihen51adtage_bgjpg.jpg) no-repeat 50% 0;overflow:hidden;}

.iadtage-wrap .imain-ti a,.iadtage-wrap .imain-subti{color:#fff;}

.iadtage-wrap .imain-ti .line{background:#fff;}

.iadtage{margin-top:30px;height:300px;width:1205px;}

.iadtage a{display:block;float:left;width:186px;height:220px;padding:37px 25px 60px;background:#fff;margin-right:5px;font-size:14px;color:#333;line-height:24px;text-align:center;}

.iadtage .icon{display:block;width:90px;height:90px;margin:0 auto;background:url(httpwwwdihen53tage_iconpng.png)}

.iadtage .ti{display:block;margin:15px 0;font-size:18px;color:#e42218;font-weight:bold;}

.iadtage a.it1 .icon{background-position:0 0;}

.iadtage a.it2 .icon{background-position:0 -94px;}

.iadtage a.it3 .icon{background-position:0 -188px;}

.iadtage a.it4 .icon{background-position:0 -281px;}

.iadtage a.it5 .icon{background-position:0 -376px;}



/*imain-tel*/

.imain-tel{height:38px;margin-top:30px;text-align:center;line-height:38px;font-size:14px;color:#fff;}

.imain-tel i{display:inline-block;width:32px;height:32px;background:url(httpwwwdihen44gIndextelpng.png);vertical-align:middle;margin-right:9px;}

.imain-tel span{display:inline-block;font-size:30px;vertical-align:middle;}

.imain-tel .btn{display:inline-block;width:120px;height:36px;margin-left:15px;border-radius:36px;vertical-align:middle;line-height:36px;text-align:center;color:#fff;border:1px solid #fff;}

.imain-tel .btn:hover{background-color:#fb062e;border-color:#ff002a;color:#fff;}



/*istatus*/

.istatus-wrap{padding:50px 0 0;overflow:hidden;}

.istatus{margin-top:60px;}

.istatus li{position:relative;height:270px;margin-bottom:40px;z-index:1;}

.istatus .gray-bg{position:absolute;width:1920px;height:270px;background-color:#f6f6f6;left:50%;margin-left:-960px;top:0;z-index:-1;}

.istatus .pic{position:absolute;bottom:0;width:960px;left:50%;}

.istatus .pic img{width:960px;vertical-align:middle;}

.istatus li.it2 .pic{margin-left:-960px;}

.istatus .cont{width:580px;padding-top:40px;font-size:14px;color:#333;line-height:20px;}

.istatus .cont .hd{position:relative;padding:12px 0 12px 65px;border-bottom:1px dashed #d6d6d6;color:#bebebe;line-height:20px;}

.istatus .cont .hd .num{display:block;position:absolute;width:60px;height:60px;line-height:60px;font-size:60px;color:#05582f;left:0;top:50%;margin-top:-35px;font-family:'Conv_DIN REGULAR',arial;}

.istatus .cont .hd .ti{display:block;font-size:18px;color:#333;font-weight:bold;}

.istatus .cont p{margin-top:10px;}

.istatus li.it2 .cont{padding-left:640px;width:560px;}



/*iflow*/

.iflow-wrap{padding:10px 0 25px;overflow:hidden;}

.iflow{height:147px;margin-top:55px;}

.iflow li{width:108px;height:108px;padding:19px 20px 20px 19px;float:left;margin-left:28px;position:relative;text-align:center;background:url(httpwwwdihen43mgIndexbypng.png) no-repeat 0 100%;}

.iflow li:first-child{margin-left:0;}

.iflow li .num{position:absolute;width:36px;height:24px;line-height:24px;left:50%;margin-left:-16px;top:-10px;font-size:18px;color:#003f98;font-family:'DINOT-CONDBOLD',arial;}

.iflow .txt{display:block;width:108px;height:108px;line-height:108px;font-size:14px;color:#fff;background:url(httpwwwdihen46ndexy_bg2png.png);}

.iflow li:hover .num{color:#05582f;}

.iflow li:hover .txt{background-position:0 -112px;}

.iflow-wrap .imain-tel{margin-top:40px;color:#333;}

.iflow-wrap .imain-tel i{background-position:0 -32px;}

.iflow-wrap .imain-tel .btn{color:#333;border-color:#052f64;}

.iflow-wrap .imain-tel .btn:hover{color:#fff;border-color:#05582f;}



/*iabout*/

.iabout{padding: 46px 0 25px 0;width:100%;overflow:hidden;background: #f6f6f6;}

.iabout-video{display:block;float:left;margin-top:50px;position:relative;width:600px;height:404px;}

.iabout-video img{width:600px;height:404px;}

.iabout-video .icon{position:absolute;width:78px;height:78px;top:50%;left:50%;margin-top:-36px;margin-left:-36px;background:url(httpwwwdihen50video_btnpng.png); display:none}

.iabout-video  .black-bg{ display:none}

.iabout-video i{position:absolute;width:35px;height:46px;background:url(httpwwwdihen44gIndexjt1png.png);bottom:0;left:-35px;}

.iabout-video:hover .black-bg{opacity:0.5;filter:alpha(opacity=50)}

.iabout-cont{width:480px;height:294px;padding:60px 60px 50px;margin:50px 0 0 600px;background-color:#fff;font-size:14px;color:#333;position:relative;}

.iabout-cont .ti{font-size:16px;font-weight:bold;}

.iabout-cont .desc{line-height:24px;margin-top:25px;}

.iabout-cont .link{margin-top:15px;}

.iabout-cont .link a{display:inline-block;width:133px;height:48px;line-height:48px;text-align:center;color:#333;border:1px solid #d1d1d1;}

.iabout-cont .link a:hover{color:#fff;background-color:#e42218;border-color:#f33930;}

.iabout-cont i{position:absolute;width:35px;height:46px;background:url(httpwwwdihen44gIndexjt2png.png);bottom:0;right:-35px;}



/*inaq*/

.inaq{padding:45px 0 10px;overflow:hidden;}

.inaq .content{height:480px;}

.inaq .ti {width:235px;border-right:solid 1px #f2f2f2;height:480px;}

.inaq .ti em{display:block;font-family:Arial;font-size:12px;color:#c9c9c9;line-height:18px;padding:0 0 20px;}

.inaq .ti .big{display:block;font-size:20px;color:#333;line-height:35px;margin-bottom:70px;}

.inaq .ti .more{display:block;width:69px;height:133px;background:url(httpwwwdihen45Indexmorepng.png);}

.inews{width:510px;margin:0 0 0 60px;}

.inews .hd,.iqa .hd{height:50px;line-height:50px;color:#333;font-size:20px;}

.inews .hd a,.iqa .hd a{display:block;float:right;font-size:14px;color:#333;text-transform:uppercase;}

.inews .hd i,.iqa .hd i{font-size:14px;color:#999;text-transform:uppercase;padding-left:10px;font-style:normal;}

.iqa .hd{padding-left:40px;background:url(httpwwwdihen43mgIndexwhpng.png) no-repeat 0 50%;}

.inews .hd a:hover,.iqa .hd a:hover{color:#05582f;}

.inews-pic{height:275px;margin-top:5px;}

.inews-pic dt img {width:508px;height:168px;vertical-align:middle;}

.inews-pic dd{padding:25px 0 0;overflow:hidden}

.inews-pic dd span{display:block;float:left;width:70px;font-size:14px;color:#333;}

.inews-pic dd span em{font-size:30px;}

.inews-pic dd span b{font-size:40px;font-weight:normal;}

.inews-pic dd p{float:left;border-left:solid 2px #ccc;padding-left:20px;width:418px;}

.inews-pic dd p a{display:block;font-size:16px;color:#333;font-weight:bold;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}

.inews-pic dd p em{display:block;font-size:14px;color:#585858;padding:8px 0  0;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}

.inews-list li{height:48px;line-height:48px; border-bottom:dashed 1px #dadada;}

.inews-list li span{float:right;color:#7b7b7b;font-size:14px;}

.inews-list li a{display:block;width:410px;color:#333;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.inews-list li a:hover{color:#e42218;}



/*iqa*/

.iqa{width:300px;padding-left:40px;margin-left:40px;border-left:solid 1px #f2f2f2;height:480px;}

.iqa .list{margin-top:10px;}

.iqa .list a{display:block;width:198px;height:40px;font-size:14px;line-height:20px;margin-bottom:28px;}

.iqa .q{display:block;background:url(httpwwwdihen45Indexiqa1png.png) no-repeat;padding:10px 25px 10px 77px; line-height:20pxfont-size:14px;color:#333;}

.iqa .q:hover{background:url(httpwwwdihen45Indexiqa3png.png) no-repeat;color:#003f98}

.iqa .a{background:url(httpwwwdihen45Indexiqa2png.png) no-repeat;padding:10px 77px 10px 37px;line-height:20px;width:186px;font-size:14px;color:#333;}

.iqa .a:hover{background:url(httpwwwdihen45Indexiqa4png.png) no-repeat;color:#e42218}



/*animation*/

.scale{overflow:hidden;}

.scale img{-webkit-transition:all .5s;transition:all .5s;}

.scale:hover img{opacity:0.8;-webkit-transform:scale(1.1);transform:scale(1.1);}

.imain-ti .line,.iabout-video .black-bg{-webkit-transition:all .5s;transition:all .5s;}

.icase-link a{-webkit-transition:all .3s;transition:all .3s;}

.icase-link a .icon{-webkit-transition:transform .5s;transition:transform .5s;}

.icase-link a:hover .icon{-webkit-transform:translate(-10px, 0);transform:translate(-10px, 0);}

.icase-pic .cont{-webkit-transition:all .5s;transition:all .5s;}

.icase-pic .cont .line{-webkit-transition:width 1s;transition:width 1s;}

.iclient .pic:before,.iclient .pic:after{-webkit-transition:all .5s;transition:all .5s;-webkit-transform-origin:center;transform-origin:center;}

.iclient .pic:before{-webkit-transform: scale3d(0, 1, 1);transform: scale3d(0, 1, 1);}

.iclient .pic:after{-webkit-transform: scale3d(1, 0, 1);transform: scale3d(1, 0, 1);}

.iclient .item:hover .pic:before,.iclient .item:hover .pic:after{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);opacity:1;visibility:visible;}

.isolve a,.iadtage a{-webkit-transition:transform .5s;transition:transform .5s;}

.isolve a:hover,.iadtage a:hover{-webkit-transform:translate(0, -15px);transform:translate(0, -15px);}

.iflow li:hover .txt{-webkit-animation:rotatey 2s;animation:rotatey 2s;}

.iabout-video .icon{-webkit-transition:transform 1s;transition:transform 1s;}

.iabout-video:hover .icon{-webkit-transform: rotate(360deg);transform: rotate(360deg);}

@-webkit-keyframes rotatey{

    to {-webkit-transform: rotateY(360deg);}

}

@keyframes rotatey{

    to {transform: rotateY(360deg);}

}

/*推荐方案频道CSS*/
#boxx {
	width:930px;
	margin-top: 20px;
	float: left;
}
#boxx ul {
	margin:0;
	padding:0;
	list-style:none
}
#boxx #tabx {
	height:45px;
}
#boxx #tabx li {
	width:220px;
	height:40px;
	text-align:center;
	float:left;
	cursor:pointer;
	line-height: 40px;
	font-size: 16px;
	color: #FFFFFF;
	margin-right: 10px;
	background-color: #5f6b7b;
}
#boxx #tabx li.on {
	width:220px;
	height:45px;
	color:#213E8A;
	position:relative;
	line-height: 45px;
	font-size: 16px;
	background-color: #ffffff;
}
#boxx #tab_conx {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 30px;
	padding-left: 30px;
	background-color: #FFFFFF;
	height: 515px;
	font-size: 16px;
}
#boxx #tab_conx li {
	display:none;
}
#boxx #tab_conx #tab_conx_1 {
	display:block;
}
/*推荐方案一行两列CSS*/  
#falb {
	width:850px;
	float: left;
	margin-bottom: 20px;
}
#falb_l {
	width:360px;
	float:left;
	height: 130px;
	line-height: 25px;
	text-align: left;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
}
#falb_r {
	width:360px;
	float:right;
	height: 130px;
	line-height: 25px;
	text-align: left;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
}
/*首页左侧TAB选项卡CSS*/
#boxy {
	width:1200px;
	font-size:12px;
	    margin-top: 45px;
}
#boxy ul {
	margin:0;
	padding:0;
	list-style:none
}
#boxy #taby {
	height:40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #213E8A;width: 600px;
    margin: 0 auto;
}
#boxy #taby li {
	width:298px;
	height:40px;
	text-align:center;
	float:left;
	cursor:pointer;
	line-height: 40px;
	font-size: 16px;
	color: #333333;
	background-color: #DFDFDF;
	margin-right: 2px;
}
#boxy #taby li.on {
	width:298px;
	height:40px;
	color:#FFFFFF;
	position:relative;
	line-height: 40px;
	font-size: 16px;
	background-color: #213E8A;
}
#boxy #tab_cony {
	padding-top: 20px;
	padding-bottom: 20px;
}
#boxy #tab_cony li {
	display:none
}
#boxy #tab_cony #tab_cony_1 {
	display:block;
}
.allgoods {
	background-color: #DFDFDF;
	height: 45px;
	width: 1200px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	margin-top: 20px;
	float:left;
}
.allgoods a {
	line-height: 45px;
	text-align: center;
	color: #333333;
}
.allgoods a:hover {
	color: #213E8A;
}
/*首页商品排列*/
		   
#show_hot_area {
	padding-top: 0px;
	padding-left: 0px;
	
	width: 1200px;
	
}
#show_new_area {
	padding-top: 0px;
	padding-left: 0px;
	width: 1230px;
	
}
.goodsItemaaa {
	width:278px;
	float:left;
	position:relative;
	overflow:hidden;
	text-align: left;
	line-height:20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 11px;
	padding-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}
.goodsItem_on {
	width:278px;
	float:left;
	position:relative;
	overflow:hidden;
	text-align: left;
	line-height:20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #f4f4f4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dfdfdf;
}
.goodsItem_on a {
	color: #213E8A;
}
.goodsItemaaa .goodsimg {
	width:278px;
	height:278px;
	margin-bottom:4px;
}
.goodsItemaaa p {
	text-align: center;
	font-weight:normal;
	display:block;
	overflow:hidden;
	font-size: 13px;
	line-height: 30px;
}
.goodsItemaaa p a {
	text-decoration:none;
}
.goodsItemaaa p a:hover {
	text-decoration: underline;
}
.goodsItemaaa span {
	width:40px;
	height:40px;
	position:absolute;
	left:0px;
	top:0px;
}
.goodsItemaaa span.best {
	background:url('bg.gif') no-repeat 0px -304px;
}
.goodsItemaaa span.news {
	background:url('bg.gif') no-repeat -75px -304px;
}
.goodsItemaaa span.hot {
	background:url('bg.gif') no-repeat -161px -304px;
}
.goods_cat {
	padding:10px;
}
.goods_cat .goodsItem {
	padding:5px 11px 15px 10px;
}
/*商品分类*/
  .xm-box {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-left-color: #dfdfdf;
}
.xm-box .title {
	height:42px;
	line-height:42px;
	padding:0 10px;
	font-size:14px;
	font-weight:normal;
	color:#666666;
	text-align:right;
	background:#f1f1f1;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #213E8A;
}
.xm-box .title span {
	float:left;
	font-size:15px;
	font-weight:bold;
	color:#213E8A
}
.xm-box .title .more {
	float:right;
	padding-right:20px;
	height:42px;
	line-height:42px;
	background:url('biao17.gif') no-repeat right center; 
}
.mmm {
	width: 1200px;
}
.xm-boxaaa {
	width: 920px;
	float: left;
	margin-right: 8px;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-left-color: #dfdfdf;
	padding-bottom: 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.xm-boxaaa .title {
	height:42px;
	line-height:42px;
	padding:0 10px;
	font-size:14px;
	font-weight:normal;
	color:#666666;
	text-align:right;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #213E8A;
	background-color: #f1f1f1;
}
.xm-boxaaa .title span {
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#213E8A
}
.xm-boxaaa .title .more {
	float:right;
	padding-right:20px;
	height:42px;
	line-height:42px;
	background:url('biao17.gif') no-repeat right center; 
}
.xm-boxbbb {
	width: 292px;
	float: right;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dfdfdf;
	border-bottom-color: #dfdfdf;
	border-left-color: #dfdfdf;
	padding-bottom: 15px;
	height: 324px;
}
.xm-boxbbb .title {
	height:42px;
	line-height:42px;
	padding:0 10px;
	font-size:14px;
	font-weight:normal;
	color:#666666;
	text-align:right;
	background:#f1f1f1;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #213E8A;
}
.xm-boxbbb .title span {
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#213E8A
}
.xm-boxbbb .title .more {
	float:right;
	padding-right:20px;
	height:42px;
	line-height:42px;
	background:url('biao17.gif') no-repeat right center; 
}