/*inside_banner*/
.inside_banner{ height:400px;}
.inside_banner .box1200{ height:400px;}
.about_banner{  background:url(about_banner.jpg) top no-repeat;}
.case_banner{  background:url(case_banner.jpg) top no-repeat;}
.fw_banner{  background:url(fw_banner.jpg) top no-repeat;}
.product_banner{  background:url(pro_banner.jpg) top no-repeat;}
/*location*/
.location{ background:rgba(255,255,255,0.9); width:100%; height:50px; line-height:50px;position:absolute; bottom:0;*background:url(location_bg.png) repeat;}
.location span{ background:url(home_icon.png) left no-repeat; padding-left:25px; margin-left:20px;}
/*inside_title*/
.inside_title{ text-align:center; margin-bottom:40px;}
.inside_title h1{ font-size:30px; font-weight:normal; margin:40px 0 10px 0;}
.inside_title p{ font-size:14px; color:#999;}
/*two_nav*/
.two_nav{ background:#f4f4f4; text-align:center;padding:25px 0 13px 0;}
.two_nav a{ display:inline-block; width:154px; line-height:48px; height:48px; overflow:hidden;background:#fff;margin:0 6px 12px 6px; font-size:14px;}
.pro_two_nav a:nth-of-type(odd){ background:#ddd;} 
.two_nav a:hover{ background:#004a91;color:#fff;}
.two_nav .currclass{ background:#004a91;color:#fff;}
.pro_two_nav .currclass:nth-of-type(odd){ background:#004a91;color:#fff;}
.two_nav_mobile{ display:none;}
/*inside_con*/
.inside_con{ padding:50px 0;}
.about_con p{ margin-bottom:20px; font-size:14px; line-height:33px; color:#666;}
/*inside_border*/
.inside_border{ height:1px; background:#ddd; width:100%; font-size:0;}
/*product_list*/
.product_list{ padding:20px 0 40px 0; margin-left:-15px;}
.product_list ul li{ float:left; margin-left:20px; width:181px; margin-bottom:20px;}
.product_list ul li a{ width:100%; display:block; }
.product_list ul li a img{ width:100%; height:auto;border:1px #ddd solid;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.product_list ul li a:hover img{ border:1px #004a91 solid;}
.product_list .text{ text-align:center; line-height:40px; font-size:14px;}
.three ul li{width:384px;}
.choose{ text-align:center;width:160px; margin:20px auto 0 auto; background:#f4f4f4; border-radius:60px; border:1px #ddd dashed; height:40px; line-height:40px;}
.choose span{ display:inline-block;}
.choose .item1{ display:inline-block; margin:0 5px;}
.choose .item1 a{background:url(../images/filter_sec1.jpg) 0 -11px no-repeat; width:11px; height:11px; cursor:pointer; font-size:0; display:block;}
.choose .item1 .this{background:url(../images/filter_sec1.jpg) 0 0 no-repeat;}
.choose .item2{ display:inline-block;}
.choose .item2 a{background:url(../images/filter_sec2.jpg) 0 -11px no-repeat; width:23px; height:11px; font-size:0; cursor:pointer; display:block;}
.choose .item2 .this{background:url(../images/filter_sec2.jpg) 0 0 no-repeat;}
/*pages*/
.pages{ text-align:center; padding-bottom:50px;}
.pages ul li{ display:inline-block; margin:0 5px;}
.pages a{ height:38px; line-height:38px; padding:0 15px; border:1px #ddd dashed; background:#fff; display:block;}
.pages a:hover{ background:#004a91; color:#fff; border:1px #004a91 dashed;}
.pages .this a{ background:#004a91; color:#fff; border:1px #004a91 dashed;}
/*news_list*/
.news_list{ margin-left:-30px;}
.news_list ul li{ width:340px; height:298px; border:1px #eee solid; background:#fff; float:left;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; margin-left:30px; padding:0 19px; position:relative; margin-bottom:30px;}
.news_list ul li:hover{ border:1px #ddd solid;-moz-box-shadow:0 0 10px #ccc; -webkit-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc;}
.news_list ul li a{ display:block;width:340px; height:298px;}
.news_list .time{ width:86px; height:70px; position: absolute; left:0; top:0; text-align:center; color:#fff;}
.news_list .time .year{ background:#004a91; font-size:12px;height:30px; line-height:30px; }
.news_list .time .day{ height:40px; line-height:40px; background:#1a64aa; font-size:24px;}
.news_list .tit{font-size:16px; color:#004a91; padding:10px 0 30px 86px; line-height:28px;}
.news_list .desc{ color:#777; line-height:28px; border-bottom:1px #eee solid; border-top:1px #eee solid; padding:18px 0; font-size:12px;}
.news_list .info{ font-size:12px; color:#999; margin-top:15px;}
.news_list .info .view{ background:url(../images/view_icon.jpg) left no-repeat; padding-left:25px; margin-right:10px;}
.news_list .info .sort{ background:url(../images/sort_icon.jpg) left no-repeat; padding-left:15px;}
/*case_list*/
.case_list ul{ margin-left:-20px;}
.case_list ul li{ float:left; position:relative; margin:0 0 20px 20px;}
.case_list .img{ width:285px; height:200px; overflow:hidden;}
.case_list .img img{ width:285px; height:200px;}
.case_list .text{ position:absolute; z-index:2; left:0; bottom:0; width:285px; height:40px; line-height:40px; text-align:center; color:#fff; background:rgba(0,0,0,0.6);}
/*video_list*/
.video_list{ margin-left:-20px;}
.video_list ul li{ float:left; margin:0 0 20px 20px; width:285px;}
.video_list ul li a{ width:285px; display:block; }
.video_list ul li a img{ width:283px; height:198px;border:1px #ddd solid;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.video_list ul li a:hover img{ border:1px #004a91 solid;}
.video_list .text{ text-align:center; line-height:40px; font-size:14px;}
/*contact*/
.contact p{ margin-bottom:17px; font-size:14px;}
.contact .contact_text{ float:right; width:450px;}
.contact .contact_map{ float:left; width:720px;}
/*displayproduct*/
.displayproduct .title{ font-size:30px; text-align:center; font-weight:normal; margin-bottom:40px;}
.displayproduct .pic{ text-align:center; position:relative; width:100%; height:auto;}
.displayproduct .pic .prev{ position:absolute; top:260px; left:0; width:80px; height:80px; display:block; background:url(../images/arrow_prev.png) no-repeat;}
.displayproduct .pic .prev:hover{background:url(../images/arrow_prev_hover.png) no-repeat;}
.displayproduct .pic .next{ position:absolute;top:260px; right:0; width:80px; height:80px; display:block; background:url(../images/arrow_next.png) no-repeat;}
.displayproduct .pic .next:hover{background:url(../images/arrow_next_hover.png) no-repeat;}
.displayproduct .pic .big_pic img{ width:600px; height:auto;}
.displayproduct .pic .small_pic{ margin-left:-2px; margin-top:2px;}
.displayproduct .pic .small_pic a{ display:inline-block; border:1px #ddd solid; margin:0 5px;}
.displayproduct .pic .small_pic a img{filter:alpha(opacity=50);opacity:0.5;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.displayproduct .pic .small_pic a:hover{ border:1px #004a91 solid;}
.displayproduct .pic .small_pic a:hover img{filter:alpha(opacity=100);opacity:1;}
.displayproduct .pic .small_pic .this{ border:1px #004a91 solid;filter:alpha(opacity=100);opacity:1;}
.displayproduct .pic .small_pic .this img{filter:alpha(opacity=100);opacity:1;}
.displayproduct .pic .small_pic img{ width:110px; height:110px;}
.displayproduct .introduce{ border:1px #ddd dashed;padding:20px; font-size:14px; margin:30px 0; line-height:33px;}
.displayproduct .introduce p{ margin-bottom:20px;}
/*displaynews*/
.displaynews h1{ font-size:30px; font-weight:normal; text-align:center;}
.displaynews .info{ text-align:center; color:#999; padding:10px 0; background:#f5f5f5; border:1px #ddd dashed; margin:25px 0; font-size:12px;}
.displaynews .con{ font-size:14px; line-height:33px; border-bottom:1px #ddd dashed; padding-bottom:20px; margin-bottom:20px;}
.displaynews .con p{ margin-bottom:15px;}
/*displaycase*/
.displaycase h1{font-size:30px; font-weight:normal; text-align:center;}
.displaycase .info{ text-align:center; color:#999; padding:10px 0; background:#f5f5f5; border:1px #ddd dashed; margin:25px 0;}
.displaycase .big_pic{text-align:center;}
/*.displaycase .big_pic img{height:600px;}*/
.displaycase .big_pic .prev{ position:absolute; top:180px; left:0; width:80px; height:80px; display:block; background:url(../images/arrow_prev.png) no-repeat;opacity: 0.2;}
.displaycase .big_pic .prev:hover{background:url(../images/arrow_prev_hover.png) no-repeat;opacity: 0.5;}
.displaycase .big_pic .next{ position:absolute;top:180px; right:0; width:80px; height:80px; display:block; background:url(../images/arrow_next.png) no-repeat;opacity: 0.2;}
.displaycase .big_pic .next:hover{background:url(../images/arrow_next_hover.png) no-repeat;opacity: 0.5;}