body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{ padding: 0; margin: 0; font-family:"微软雅黑"; font-size:14px; line-height:28px; color:#323232;  } 
table{border-collapse: collapse; border-spacing: 0; } 
fieldset,img { border: 0;} 
address,caption,cite,code,dfn,em,th,var {font-weight: normal;font-style: normal; } 


ol,ul {list-style: none;} 
.wrap{width:1200px; margin: 0 auto;}
caption,th {text-align: left; } 
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;} 
span{ padding:0px; margin:0px}
q:before,q:after {content:'';} 
abbr,acronym { border: 0; }
[guodu]{transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
[guodu] *{transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
.clear{clear:both;height:0;line-height:0;}
p{ margin:0px; padding:0px; color:#323232; }
a{text-decoration:none;}
body{background-color:#ffffff;max-width:1920px;margin: 0 auto;}


/*top*/
.top{width:100%;height:40px;background: #04416d;}
.top1{}
.itel{float: left; padding-left: 742px;width: 180px;height: 40px; line-height: 40px; color: #e1e9ef;}
.itel span{color: #e1e9ef;}
/*搜索*/
.search{position: relative;width:232px;height:26px;float:right;margin-top:6px;border:1px solid #e7e2e2;background: #36678a;}
.search .submit{position:absolute;right:4px;width:29px;height:26px; line-height:26px;float:right;border:0px; background:url(../img/search.png) center center no-repeat; font-size:18px; color:#fff;cursor:pointer;}
.search .txt{text-indent:.4em;width:232px;height:26px;line-height:26px;float:right;
background:none;color:#fff;border: 0;}

/*head*/
.header{ width: 100%;height: 80px;background: #003358;}
.header1{width: 1240px;height: 80px;margin: 0 auto;position: relative;z-index: 100;}
.logo{float:left; width:345px; height:120px; position: absolute;z-index: 120;bottom: 0;}
.logo img{ display:block; width:413px; height:69px; padding: 34px 0 0 0px;}


/*nav*/
.nav{height:80px; position: absolute;z-index: 100;right: 0;}
.nav ul{ height:80px;}
.nav li{width:100px; display:inline;float:left; position:relative; }
.nav li a{width:100px; height:80px;line-height:80px;color:#fff;font-size:16px;text-align:center;display:block;float:left; position:relative; z-index:99;}
.nav li:hover a,.nav .cur a{color:#f6bc0b; width:110px;height:80px;text-align:center;line-height:80px;float:left;display:block; background:url(../img/line.jpg) bottom center no-repeat;}
.nav li a.hover{color:#f6bc0b; width:110px;height:80px;text-align:center;line-height:80px;float:left;display:block; background:url(../img/line.jpg) bottom center no-repeat;}

/*subNav*/
.subNav{ width:110px; height:auto; position:absolute; z-index:99; left:0px; top:80px;display:none; }
.nav ul li .subNav a{ width:110px; line-height:40px;  height:40px;  margin:0px; font-size:14px; display:block; color:#423c43; background:#cececb; border-bottom: 1px solid #fff; }
.nav ul li .subNav a:hover{ text-decoration:underline;}



/*banner*/
.banner{position: relative;z-index:11;overflow: hidden;width: 100%;height: 502px;}
.banner1{width: 1920px;height: 502px;margin: 0 auto;}
.banner1 li{float: left; width:1920px;height: 502px;text-align: center;}
.banner .tip{width: 1000px;height: 25px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 20px;z-index: 3;}
.banner .tip span{ display: inline-block;width: 18px;height: 18px;cursor: pointer;margin: 0 8px;font-size: 0px;line-height: 0px;background: #ffffff;z-index: 3;-moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px;}
.banner .tip .cur{background:#e8a922;height: 18px;width: 18px;}


/*minbanner*/
.minBanner{position: relative;z-index:22;overflow: hidden;width: 100%;height: 502px;}
.minBanner .banner1{width: 1920px;height: 502px;margin: 0 auto;}
.minBanner .banner1 li{float: left; width:1920px;height: 502px;text-align: center;}
.minBanner .tip{width: 1000px;height: 25px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -500px;bottom: 20px;z-index: 3;}
.minBanner .tip span{ display: inline-block;width: 18px;height: 18px;cursor: pointer;margin: 0 8px;font-size: 0px;line-height: 0px;background: #ffffff;z-index: 3;-moz-border-radius: 13px;-webkit-border-radius: 13px;border-radius: 13px;}
.minBanner .tip .cur{background:#e8a922;height: 18px;width: 18px;}


/*floor*/
.floor{padding-top:60px;height: 356px;}
.floor ul{width: 108%;}
.floor li{ float: left;width: 280px; margin:0 0 20px 20px ;}
.floor li a{display: block;}
.floor li img{display: block;width: 280px; height: 210px;-webkit-transition: -webkit-transform .3s;
        transition: transform .3s;}
.floor li:hover img{ transform: rotateY(360deg);
-ms-transform: rotateY(360deg);	  -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg); }
.floor li h1{ width: 280px; height: 32px; line-height: 32px; text-align: center; color: #003358;font-size: 20px;padding-top: 8px;cursor: pointer;}
.floor li p{font-size: 14px;color: #888888;text-align: center;padding: 4px;}
.floor li .imo{display: block;width: 132px;height: 40px;line-height: 40px; border: 1px solid #cccccc; color: #999999;text-align: center; margin: 0 auto;font-size: 16px;cursor: pointer;}
.floor li a:hover .imo{background: #c99423;color: #fff;transition: all 300ms ease;}


/*ipro*/
.ipro{height: 790px;}
.iptop{ width: 1200px;height: 92px; padding-bottom: 20px;}
.iptit{width: 228px;height: 52px; margin: 0 auto;}
.iptit em{float:left;width:39px;height:33px;background: url(../img/iconl.jpg) center left no-repeat;}
.iptit h1{float:left;width: 150px;text-align:center;font-size: 30px; color: #04416d;}
.iptit i{float:right;width:39px;height:33px;background: url(../img/iconr.jpg) center right no-repeat;}
.iptop .imore{display: block;width: 64px; height: 20px; line-height:20px;text-align:center;border: 1px solid #cccccc; color: #999999;margin: 0 auto;}
.iptop .imore:hover{background: #c99423;color: #fff;transition: all 300ms ease;}

.ipcont{}
.ipul{float:left;width: 766px;}
.ipul li{float: left; width: 383px;height: 288px;position: relative;z-index:11;overflow: hidden;}
.ipul li a{display:block;position: absolute; left: 0; top: 0;  height: 100%;  width: 100%;  z-index: 4; }
.ipul li img{width:100%;height: 288px;}
.ipul li .itm{position:absolute;z-index:3;top:0;left:0;display:block;width: 384px;height: 288px;background: url(../img/phov.png) center;cursor: pointer;}
.ipul li .itm h1{width:383px;height:80px;text-align:center;padding-top: 36px;font-size: 20px;color: #fff;position: absolute;top: 106px;}
/*.ipul li:hover .itm{top:-288px;}*/


.ipul2{float:right;width: 434px;}
.ipul2 li{float: left; width: 434px;height: 576px;position: relative;z-index:1;overflow: hidden;}
.ipul2 li a{display:block;position: absolute; left: 0; top: 0;  height: 100%;  width: 100%;  z-index: 4; }
.ipul2 li img{width:768px;height: 576px;margin-left:-100px;}
.ipul2 li .itm{position:absolute;z-index:3;top:0;left:0;display:block;width: 434px;height: 576px;background: url(../img/phov2.png) center;cursor: pointer;}
.ipul2 li .itm h1{width:434px;height:80px;text-align:center;padding-top: 36px;font-size: 20px;color: #fff;position: absolute;top: 248px;}
/*.ipul2 li a:hover .itm{top:-576px;}*/


/*iabout*/
.iabout{ width:100%; height:442px; background:url(../img/abg.jpg) center no-repeat; margin-bottom:40px;}
.iabout1{ width:1200px; margin:0 auto;}
.ia_l{ position:relative; float:left; width:500px; height:442px; background:url(../img/aimg1.png) center no-repeat;}
.ia_l img{ display: block;width: 407px;height: 321px;position: absolute;top: 60px;left: 44px;}
.ia_r{ float:right; width:635px;}
.ia_r h1{ width:635px;font-size:30px; color:#fff; padding-top:72px; text-align:center;height: 60px;line-height: 60px;}
.ia_r p{ color:#fff; padding:12px 0;}
.ia_r .imo{ display:block;margin: 20px 0 0 430px; width:130px; height:40px; line-height:40px; text-align:center; background:#e3a520; color:#fff; font-size:16px;}
.ia_r .imo:hover{ background:#fefefe; color:#e3a520;transition: all 300ms ease;}


/*icase*/
.icase{}
.icbot{}
.icbot ul{width: 108%;}
.icbot li{ float: left;width: 374px; margin:0 0 20px 18px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.icbot li:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}

.icbot li a{display: block;}
.icbot li img{display: block;width: 370px; height: 280px;}
.icbot li h1{ width: 370px; height: 32px; line-height: 32px; text-align: center; color: #003358;font-size: 20px;padding-top: 8px;}
.icbot li p{cursor: pointer;font-size: 14px;color: #888888;text-align: center;padding: 4px;}
.icbot li .imo{cursor: pointer;display: block;width: 132px;height: 40px;line-height: 40px; border: 1px solid #cccccc; color: #999999;text-align: center; margin: 0 auto;font-size: 16px;}
.icbot li a:hover .imo{background: #c99423;color: #fff;transition: all 300ms ease;}



/*floor1*/
/*inews*/
.floor1{ padding-top:60px;height: 428px;}
.inews{ float:left; width:789px; height:341px; background: url(../img/nbg.jpg) center no-repeat;}
.inews .tit1{ height:90px;}
.inews .tit1 h1{ float:left; padding-left:30px; font-size:22px; color:#04416d; height:90px; line-height:90px;}
.inews .tit1 .imo{ float:right; margin:35px 20px 0 0; display:block; width:62px; height:20px; line-height:20px; text-align:center; border:1px solid #ccc; color:#999999;}
.inews .tit1 .imo:hover{ color:#fff; background:#04416d;transition: all 300ms ease;}
.inews .tod{}
.inews .tod li{ margin:10px 0 44px 30px; width:710px; height:74px;}
.inews .tod li .itime{ float:left; width:52px; padding-right:20px;}
.inews .tod li .itime .shu{ width:50px; height:50px; color:#ffffff; font-size:30px; background:#a0aab1;text-align: center;line-height: 50px;}
.inews .tod li .itime span{ text-align:center; color:#747a7f;font-size:12px;}
.inews .tod li a{ font-size:16px; color:#000; line-height:28px;}
.inews .tod li p{ color:#999999;line-height: 23px;}

.inews .tod li:hover .itime .shu{ background:#c99423;transition: all 300ms ease;}
.inews .tod li:hover .itime span{color:#c99423;transition: all 300ms ease;}
.inews .tod li:hover a{ color:#c99423;transition: all 300ms ease;}

/*icontact*/
.icontact{ float:right; width:378px; height:342px; background:url(../img/cbg.jpg) center no-repeat;}
.icontact h1{  padding-left:30px;font-size:22px; color:#04416d; height:90px; line-height:90px;}

.ico_bot{padding-left: 24px;} 
.ico_bot .info_1{background: url(../img/iqq.jpg) left center no-repeat;}
.ico_bot .info_2{background: url(../img/iemail.jpg) left center no-repeat;}
.ico_bot .info_3{background: url(../img/itel.jpg) left center no-repeat;}
.ico_bot .info_4{background: url(../img/iphone.jpg) left center no-repeat;}
.ico_bot .info_5{background: url(../img/imap.jpg) left center no-repeat;}

.blue{color: #000;font-size: 14px;}
.ico_bot p{height:42px;line-height:42px;padding-left: 38px;color: #666666;}

/*bottom*/
.bottom{}
.bnav{ width:100%; height:56px; background:#04416d;}
.bnav ul{ width:1070px; height:56px; margin:0 auto;}
.bnav li{ float:left; width:132px; height:56px; background:url(../img/shu.jpg) left  center no-repeat;text-align: center;}
.bnav li:first-child{ background:none;}
.bnav li a{ line-height:56px; color:#d0dce4; text-align:center;}
.foot{ width:100%; height:280px; background:#003358;}
.foot1{ width:1200px; height:228px; margin:0 auto;padding-top: 46px;}
.f_left{ float:left; }

.bcont{ width: 842px;padding:36px 0; color:#d0dce4;}
.f_left .info{ color:#d0dce4;}
.f_left .info a{ color:#d0dce4;}
.f_left .info a:hover,.c_links a:hover,.bnav li a:hover{color:#c99423;transition: all 300ms ease;}
.c_links{margin-top: 15px;color:#d0dce4;}
.c_links a{ margin: 0 10px;color:#d0dce4;}

.f_right{ float:right; width:212px;}
.f_right img{ display:block; width:146px; height:146px; margin:0 auto;}
.f_right .btel{width:192px; height:40px; background:url(../img/btel.png) left center no-repeat; color:#fff; font-size:24px; padding-left:40px;line-height: 40px;margin-top: 8px;}

.toolbar { position:fixed; top:200px; right:1px; z-index:100; }
.toolbar .o { position:absolute; right:-7px; top:88px; width:7px; height:13px; background:url(../img/tool-arrow.png) 0 0 no-repeat; }
.toolbar > * { width:40px; height:40px; position:relative; margin:0 0 1px; }
.toolbar > * > a { display:block; width:40px; height:40px; }
.toolbar .qq { background:url(../img/toolbar_icon.png) 0 0 no-repeat #003358; }
.toolbar .tel { background:url(../img/toolbar_icon.png) 0 -42px no-repeat #003358; }
.toolbar .code { background:url(../img/toolbar_icon.png)  0 -84px no-repeat #003358; }
.toolbar .itop { background:url(../img/toolbar_icon.png) 0 -126px no-repeat #003358; }
.toolbar .drop-code { position:absolute; top:-67px; right:50px; background:#e8a922; padding:5px; font-size:12px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:100px; display:none; }
.toolbar .drop-code img { display:block; width:100px; height:100px; }
.toolbar .drop-code h3 { font-weight:normal;color:#fff; }
.toolbar .drop-tel { position:absolute; top:0; right:41px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:152px; height:40px; line-height:40px; color:#ed2d51; padding:0 0 0 10px; background:#e8a922; color:#FFF; font-size:20px; font-family:Arial; }
.toolbar .qq:hover{ background:url(../img/toolbar_icon.png) 0 0 no-repeat #e8a922;}
.toolbar .tel:hover{ background:url(../img/toolbar_icon.png) 0 -42px no-repeat #e8a922;}
.toolbar .code:hover { background:url(../img/toolbar_icon.png) 0 -84px no-repeat #e8a922;}
.toolbar .itop:hover {  background:url(../img/toolbar_icon.png) 0 -126px no-repeat #e8a922;}




/*neiye*/
.neiye{width:1200px;height:auto;margin:42px auto 20px;}
.left{float:left;width:280px;height:auto;}
.right{float:right;width:870px;height:auto; }

/*fenlei*/
.fenlei{width:280px; height:auto;overflow:hidden;float:right;margin-bottom:20px;}

.fenlei_t{ width:280px; height:74px; background:#04416d;}
.fenlei_t h1{ font-size:25px; font-weight:bold; color:#ffffff; padding:14px 0 0 20px;}
.fenlei_t span{ font-size:16px; color:#ffffff; padding-left:20px; display:block;}
.fenlei_t em{ position:relative; top:4px; display:block; width:208px; height:5px; background:url(../img/sanjiao.jpg) center no-repeat;}
.fenlei_z{width:278px;height:auto;border:1px solid #d9d9d9;}
.fenlei_z ul{width:278px;height:auto; overflow:hidden;}
.fenlei_z ul li{width: 278px;line-height:56px;border-bottom:1px solid #d9d9d9;}
.fenlei_z ul li a{display:block;padding-left: 52px; height:56px;color:#003358; font-size:16px;transition: all 300ms ease;background:url(../img/ydi.jpg) 26px center no-repeat;}
.fenlei_z ul li a:hover{color:#c99423;transition: all 300ms ease;}
.fenlei_z ul li ul.drop{width:270px;height:auto;display:none; }
.fenlei_z ul li ul.drop li{line-height:34px;background: none;border-bottom: 0;}
.fenlei_z ul li ul.drop li a{display:block;line-height:28px;height:34px;font-size:14px;color:#04416d;background: url(../img/hx.jpg) 34px center no-repeat;border-bottom: none;}
.fenlei_z ul li ul.drop li:hover a{height:34px;color:#c99423;transition: all 300ms ease;}
.fenlei_z .iphover2{color:#c99423;}
.ipbot{ width:280px; padding:20px 0; background:#04416d;}
.ipbot h1{line-height: 92px;height: 55px;background: url(../img/btel.png) center top no-repeat;text-align: center;font-size: 22px;font-weight: bold;color: #f8f8f8;}
.ipbot .imo{ display:block; text-align:center; font-size:15px; color:#ffffff;}
.ipbot .imo:hover{text-decoration: underline;transition: all 300ms ease;}

/*lcontact*/
.lcontact{width:280px;height:auto;overflow:hidden;}
.lcontact_top{width: 280px;height: 64px;background: #04416d;}
.lcontact_top h1{text-align: center;line-height: 64px;font-size: 22px;color: #fff;}
.lcontact_bottom{ width:258px; height:auto; padding:15px 10px; overflow:hidden;color:#404040;border:1px solid #d9d9d9;}

/*right*/
.right_top{width: 870px;height: 45px;background: #04416d;}
.right_top h1{float: left;padding-left: 18px;line-height: 45px;font-size: 16px;color: #fff;}
.right_top .sitepath{float: right;height: 45px;line-height: 45px;color: #fff;padding-right: 12px;}
.right_top .sitepath a{color:#fff;}
.right_top .sitepath a:hover{color:#c99423;transition: all 300ms ease;}
.right_bottom{width:864px;overflow:hidden;padding:20px 0px 20px 4px;line-height:28px;}
.rb img{max-width:100%;}



/* pager */
.pager {display: block;width: 100%;height: auto;padding: 25px 0 5px;text-align: center;clear: both;margin-bottom: 5px;}
.pager span,.pager a {display: inline-block;border: 1px solid #cccccc;color: #666;height: 24px;line-height: 24px;padding: 0px 8px;text-decoration: none;margin: 0 5px;}
.pager a:hover {background: #c99423;border-color: #c99423;color: #fff;text-decoration: none;}
.pager .cur {background: #c99423;border-color: #c99423;font-weight: bold;color: #FFF;}
.pager span.dot {background: #c99423;border-color: #c99423;font-weight: bold;color: #FFF;}
.pager .current{    background: #003358; color: #ffffff; border: 1px solid #003358;}
/*map*/
.dtditu{width:140px; height:30px; line-height:30px; background:#04416d; color:#fff; font-weight:bold; margin:24px auto 0; text-align:center; font-size:14px;}
.baiduMap{width:862px; height:280px; border:1px solid #04416d; border-top:3px solid #04416d;}
.BMap_bubble_title + .BMap_bubble_content { line-height:18px; padding:9px 0 0;  }
.BMap_bubble_title a { display:inline-block; padding:0 10px; height:2em; line-height:2em; border-radius:0.5em; background:#04416d; color:#FFF; }

.imapCon{}

/* pageProduct */
.right_bottom .photo { text-align:center; float: left;width: 440px;height: 330px;overflow: hidden;margin-bottom: 10px;border: 1px solid #ddd;}
.right_bottom .photo img { display: block;width: auto;height: 330px;margin: 0 auto; }
.right_bottom .photo1 { text-align:center; width:324px; float:left; margin-bottom: 20px;margin-left: 16px; }
.right_bottom .photo1 img { border:1px solid #ddd; padding:4px; width:324px; height:380px; display:block; }
.right_bottom .wd { float:right; width:384px; height:265px; margin-bottom:15px; overflow:hidden;}
.right_bottom .wd h1 { font-family:"Microsoft Yahei"; font-size:18px; line-height:24px; margin-bottom:8px; color:#04416d; }
.right_bottom .wd ul { font-size:12px; }
.right_bottom .wd li.item { height:30px; line-height:30px; }
.right_bottom .wd li.item span { margin-right:5px; }
.right_bottom .wd li.tel { width: 230px;padding: 15px 20px;border: 1px solid #ddd;margin:20px 0px 26px 0px;}
.right_bottom .wd li.tel span { height: 30px;line-height: 30px;font-size: 18px; }
.right_bottom .wd li.tel font{font-size: 27px;color: #04416d;line-height: 1.2;}
.right_bottom .wd li.btn { height:45px;}
.right_bottom .wd li.description { width:348px; padding:10px; line-height:22px; border:1px dotted #ddd; background:#FFF; height:105px;}
.right_bottom a.order {display: block;width: 156px;height: 36px;line-height: 36px;color: #FFF;font-size: 16px;font-weight: 700;background: #04416d;text-align: center; }
.right_bottom a.order:hover { background:#c99423; }
.right_bottom .info {border-top: 1px dashed #ddd;margin:40px 0px; }
.right_bottom .m { border:1px solid #FFF; padding: 20px 0 10px;}
.right_bottom div.ts { font-size:16px;color:#04416d; height:25px;}
.right_bottom div.infor { border-top:1px solid #FFF; padding-top:10px; margin-bottom:10px; line-height:24px; color:#777; }
.right_bottom div.infor img{max-width:98%;}

/* relatedLink */
.relatedLink { height:30px; line-height:30px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; width:100%; margin:0 auto 26px; }
.relatedLink .prevLink { float:left; margin-left:10px;  line-height:30px;}
.relatedLink .nextLink { float:right; margin-right:10px;  line-height:30px;}
.relatedLink a {color:#000000;}
.relatedLink a:hover{color:#c99423;}


/*.recommend-pro*/
.recommend-pro {}
.recommend-pro .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; }
.recommend-pro .head h2 {  line-height:38px;font-size: 18px;color: #04416d; border-left: 5px solid #04416d;padding: 0 0 0 20px;}
.recommend-pro .head .mo { position:absolute; right:10px; top:0; color:#999; }
.recommend-pro .head .mo:hover { color:#c99423; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float: left;width: 195px;margin: 0 30px 0 0;}
.recommend-pro .item .img {width: 100%;height: 146px;overflow: hidden;margin-bottom: 5px;background: #f1f1f1;border: 1px solid #ddd;}
.recommend-pro .item .img img { width:100%; height:146px; }
.recommend-pro .item h3 {height: 30px;line-height: 30px;text-align: center;margin-bottom: 10px;font-weight: 400; }
.recommend-pro .item h3 a{color: #323232; }
.recommend-pro .item h3 a:hover{color:#c99423;}
.recommend-pro .item .order { text-align:center; }
.recommend-pro .item .order a { display:block; height:32px; line-height:32px; width:124px; margin:0 auto; color:#fff; background:url(../images/order.png) center center no-repeat; }
.recommend-pro .item:hover { border-color:#04416d; }
.recommend-pro .item .order a:hover { background-image:url(../images/order-hover.png); }


.tit_case{ width:100%; height:26px; line-height:26px; font-size:18px; text-align:center;color: #04416d;padding: 10px 0 20px;}
.photo_case{ width: 100%;height: auto;overflow: hidden;margin-bottom: 10px;}
.photo_case img{ display: block;max-width: 100%;height: auto;margin: 0 auto;}
.info_case{ /* width:700px; */ height:auto; margin:15px 12px;}
.info_case img{max-width:98%;}

.tit_pro{ width:100%; height:26px; line-height:28px; font-size:16px; font-weight:bold; text-align:center}
.photo_pro{ width:600px; margin:0 auto; margin-top:10px;}
.photo_pro img{ max-width:594px; display:block; margin:0 auto; border:1px solid #198300; padding:2px;}
.info_pro{ width:736px; height:auto; margin:15px 0;}

.tit_news{ width:100%; line-height:28px; font-size:20px; text-align:center;color:#003358;padding-bottom: 5px;}
.mark { height:40px; line-height:30px; text-align:center; margin-bottom:20px; border-bottom:1px dashed #ddd;  }
.mark span, .pageNews .tbody .mark a.msg { margin:0 7px; }
.mark .font a { margin:0 3px; color:#ccc; }
.mark .font a:hover, .pageNews .tbody .mark .font a.cur { color:#004982; }
.mark a.msg { width:40px; height:20px; line-height:20px; display:inline-block; color:#e62a05; }
.info_news{ width: 852px; height:auto; margin:15px 12px;}
.info_news img{max-width:99%;}
.pageNews .mark a.msg:hover { text-decoration:underline; }

/*news*/
.right_bottom a.news_a{ width:864px; height:40px; border-bottom:1px dashed #A5A5A5; display:block;cursor:pointer;font-size:16px;}
.right_bottom a.news_a span.x2{ width:602px; height:40px; float:left;overflow:hidden;}
.right_bottom a.news_a span.x2 h1{ width:702px;line-height:40px; color:#3d3d3d;}
.right_bottom a:hover.news_a span.x2 h1{color:#c99423;}
.right_bottom a.news_a span.x3{float:right;color:#999;cursor: pointer;}
.right_bottom a:hover.news_a span.x3{ color:#c99423;}

/*news2*/
.right_bottom .news_b{ width:868px; height:124px; border-bottom:1px dashed #dddddd; display:block; padding:14px 0; overflow:hidden;}
.right_bottom .news_b a{display:block; float:left;}
.right_bottom .news_b img{ width:166px; height:124px;}
.right_bottom .news_b .nimg_right{ width:680px; height:126px; float:right;}
.right_bottom .news_b .nimg_right h1{margin-bottom: 8px; line-height:20px; font-size:16px;display: block;height: 20px;}
.right_bottom .news_b .nimg_right h1 a{color:#3d3d3d; }
.right_bottom .news_b .nimg_right h2{height:64px; line-height:22px; color:#666;}
.right_bottom .news_b .nimg_right h1 a:hover{color:#c99423;text-decoration:underline ;}
.right_bottom .news_b .detail{line-height: 42px;color: #3d3d3d;}
.right_bottom .news_b .detail:hover{color:#c99423;}


/*npro*/
.npro{float:left; width:272px; margin: 0 9px 18px 7px;}
.npro a{}
.npro a img{display:block;width:272px; height:208px;}
.npro a:hover img{opacity:0.8;filter:Alpha(opacity=80);  background:#fff;}
.npro a span{cursor: pointer;display:block;height: 34px;line-height: 34px; font-size:18px; color:#666666; text-align:center;}
.npro a p{ position:absolute; top:0; left:0; width:0; height:0; background:#379405; z-index:-1; display:block;}
.npro a:hover span{color:#c99423;transition: all 300ms ease; }



/*message*/
#formPost {margin:0px auto 20px; padding-top:26px; }
#formPost tr.item label { margin-right:5px; }
#formPost tr.item .tip { width:260px;}
#formPost tr.item input, .formData tr.code input { width:250px; height:25px; line-height:25px; color:#666; border:1px solid #ccc; border-radius:2px; padding:0 5px; }
#formPost tr.item textarea { width:250px; height:80px; color:#666; border:1px solid #ccc; margin-bottom:15px; border-radius:3px; padding:0 5px; }
#formPost tr.item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border:1px solid #999; }
#formPost tr.code input { width:90px; }
.right_bottom .sub { width:102px; height:32px; line-height:32px; text-align:center; background:#999; border-radius:2px; color:#FFF; border:none; margin-right:10px; cursor:pointer; }
.right_bottom.sub:hover { background:#666; }
#formPost tr.code img { vertical-align:middle; *vertical-align:0; margin-left:10px; }
#formPost .err, .formData .red { color:#ff0000; }
#formPost .red { font-size:16px; line-height:16px; font-weight:700; margin-right:5px;color:red; }


.recommend-form {background: #fff; }
.recommend-form .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; }
.recommend-form .head h2 { line-height:38px;font-size: 18px;color:#04416d;border-left: 5px solid #04416d;padding: 0 0 0 20px; }
.recommend-form .main { width:100%; overflow:hidden; padding: 12px 20px 20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.recommend-form .row-2 { width:638px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:650px; height:auto; }
.recommend-form .ico-name {  background: url(../img/ico-name.png) 15px center no-repeat; }
.recommend-form .ico-phone { background: url(../img/ico-phone.png) 15px center no-repeat; }
.recommend-form .ico-email {background: url(../img/ico-email.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt { width:100%; height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:628px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px;cursor: pointer; }
.recommend-form input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; margin-left:10px; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; margin:0 0 0 10px; width:164px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#04416d;}
.recommend-form .reset { background:#aaa; }
.recommend-form .submit:hover { background:#003358; }
.recommend-form .reset:hover { background:#bbb; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }
.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../img/log-arrow.png) center center no-repeat; }









/******************************
 ** css3高级动画
 ******************************/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animatedTow{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.15,1.15,1.15);transform:scale3d(1.15,1.15,1.15)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}


@keyframes bounce {                     /*通过@keyframes规则,创建bounce动画;*/
    0%,20%,50%,80%,100% {
        transform:translateY(0);
   }
    40% {
        transform:translateY(-30px);
     }
    60% {
         transform:translateY(-15px);
    }
 }
 .bounce {
     animation-name:bounce;              /*调用bounce动画;*/
}
 .animated {
     animation-duration:1s;              /*一个动画周期的时长;*/
    animation-fill-mode:both;           /*指定动画执行之前之后的样式;*/
 }
 .animated.infinite {
     animation-iteration-count:infinite; /*定义动画播放的次数;(n次/infinite无限次);*/
   -webkit-animation-iteration-count:infinite; /* Safari 和 Chrome */
 }