﻿	body{width:100%;}
	i,em{ font-style:normal;}
	.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
	.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
	.header{height: 110px;background: #fff;}
	.header .content{position: relative;}
	.h_top{height:45px;}
	.h_top p{float: right;height:20px;line-height:20px;font-size:20px;color: #1474a2;padding-left:21px;background:url(img/phone1.png) no-repeat left center;margin-top:20px;}
	.h_con{height: 65px;}
	.h_con h1{float: left;width: 225px;height: 50px;margin-right:76px;}
	.h_nav{float: left;margin-top:16px;}
	.h_nav>li{float: left;height:49px;font-size: 16px;min-width:43px;line-height:16px;padding:0 18px;position: relative;}
	.h_nav>li>a{display: block;height:47px;color: #4b4c4e;text-align: center;}
	.h_nav>li>a i{display: block;opacity: 0.5;font-size: 12px;line-height:12px;padding-top:9px;}
	/*.h_nav>li:hover,.h_con ul li.cur{border-bottom:2px solid #0073a2;}*/
	.h_nav>li:hover>a,.h_con ul li.cur>a{color: #0073a2;border-bottom:2px solid #0073a2;}
	.sou{float: right;width:44px;height:48px;margin-top:17px;position: relative;}
	.sou .s_btn{display: block;cursor:pointer;}
	.sou .s_box{display:none;position:absolute;top:41px;right: 0;width: 348px;height: 85px;background:url(img/sea_box.png) no-repeat;z-index:200;}
	.sou .s_box .ipt1{float: left;height:33px;width: 248px;padding-left:10px;border:1px solid #e9e9e9;border-right:0;margin:28px 0 0 17px;background:none;outline: 0;}
	.sou .s_box .ipt2{float: left;width: 54px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;color: #fff;background: #0073a2;border: 0;outline: 0;cursor: pointer;margin-top:28px;}
	.way_menu{display: none;position: absolute;width:874px;height: 360px;background: #f5f5f5;left:-54px;top: 49px;z-index:100;overflow:hidden;}
	.way_menu .bg_pic{width:744px;height:286px;margin:38px 0 0 65px;overflow:hidden;position: relative;}
	.way_menu .bg_pic img{position: absolute;	top: -120px;	left: -50px;	transition: all 1s;}
	.way_menu ul{position: absolute;width:744px;height:286px;top: 38px;left: 65px;overflow:hidden;}
	.way_menu ul li{float: left;width:180px;height:90px;line-height: 90px;text-align: center;border-right:8px solid #fff;border-bottom:8px solid #fff;}
	.way_menu ul li a{display: block;height: 88px;font-size: 16px;color: #fff;border:1px solid transparent;}
	.way_menu ul li.nobor{border-right: 0;}
	.way_menu ul li:hover a{color: #0073a2;background: #fff;border:1px solid #0073a2;}
	.pro_menu{display:none;position: absolute;width:1150px;padding-left:50px;background: #f5f5f5;left:-480px;top: 49px;z-index:100;overflow:hidden;}
	.pro_pin{padding-top:26px;width: 1060px;}
	.pro_pin h2{float: left;width: 135px;font-size:18px;line-height:50px;color: #0073a2;padding-left:25px;font-weight: normal;background:url(img/pro_ic.png) no-repeat left center;}

	.pro_menu ul{float: left;width: 900px;}
	.pro_menu ul li{height:50px;border-bottom:1px dashed #ddd;}
	.pro_menu ul li>a{float: left;width:128px;height: 20px;line-height:20px;border-right:1px solid #ccc;margin-top:15px;font-size:14px;color: #666;font-weight: bold;}
	.pro_menu ul li p{float: left;width:770px;height:50px;overflow: hidden;}
	.pro_menu ul li p a{float: left;line-height:50px;font-size: 14px;color: #666;padding:0 15px;position: relative;}
	.pro_menu ul li p a:after{position: absolute;width:1px;height:16px;background: #ccc;content: "";right: 0;top: 17px;}
	.pro_menu a:hover{color: #0073a2;}
	.pro_menu ul li p a.nobor:after{width: 0;}
	.pro_menu ul li.er{height: 100px;overflow:hidden;}
	.pro_menu ul li.er p a{margin-bottom:34px;}
	.pro_menu ul li.nobor{border: 0;}
	.pro_use{border-top:1px solid #c5c5c5;width: 1060px;height: 80px;}
	.pro_use h2{float: left;width: 135px;font-size:18px;line-height: 64px;color: #0073a2;padding-left:25px;font-weight: normal;background:url(img/pro_ic.png) no-repeat left center;}
	.pro_use p{float: left;line-height: 64px;width:900px;}
	.pro_use p a{float: left;font-size: 14px;color: #666;font-weight: bold;margin-right:36px;}
	.pro_use p a.nomar{margin-right: 0;}
	.case_menu{display:none;position: absolute;width:1200px;height:390px;background: #f5f5f5;left:-580px;top: 49px;z-index:100;overflow:hidden;}
	.case_menu .menu_pro{float:left;margin-left:105px;width:110px;height:200px;}
	.case_menu h2{height:44px;line-height:44px;padding-top:10px;border-bottom:1px solid #e3e5e5;font-size: 16px;color: #0073a2;font-weight:normal;}
	.case_menu .menu_pro p a{display: block;line-height: 50px;font-size: 14px;color: #666;}
	.case_menu .menu_use{float:left;width:744px;margin-left: 85px;position: relative;}
	.menu_use .bg_pic{width:744px;height:286px;overflow:hidden;position: relative;margin-top:12px;}
	.menu_use .bg_pic img{position: absolute;	top: -120px;	left: -50px;	transition: all 1s;}
	.menu_use ul{position: absolute;width:744px;height:286px;top: 67px;left: 0;overflow:hidden;}
	.menu_use ul li{float: left;width:180px;height:90px;line-height: 90px;text-align: center;border-right:8px solid #fff;border-bottom:8px solid #fff;}
	.menu_use ul li a{display: block;height: 88px;font-size: 16px;color: #fff;border:1px solid transparent;}
	.menu_use ul li:hover a{color: #0073a2;background: #fff;border:1px solid #0073a2;}
	.menu_use ul li.nobor{border-right: 0;}
	.abt_menu{display:none;position: absolute;width:537px;height: 246px;background: #f5f5f5;right: -94px;top:49px;z-index:100;overflow:hidden;}
	.abt_menu p{float: left;width:200px;margin-left:32px;margin-top:24px;height:170px;position:relative;}
	.abt_menu p:after{position: absolute;width:1px;height:170px;background: #d8d8d8;top: 18px;right: 0;content: "";}
	.abt_menu p a{float: left;width: 100px;line-height: 50px;font-size: 16px;color: #666;}
	.abt_menu p a:hover{color: #0073a2;}
	.abt_menu img{float: left;margin:43px 0 0 26px;}
	.h_nav>li>div{display:none;opacity:0;}
	.h_nav>li.active>div{display: block;opacity: 1;animation: opGradient .4s;}
	@-webkit-keyframes opGradient {
		0% {
			-webkit-transform: translateY(-10px);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateY(0);
			opacity: 1;
		}
	}

	@keyframes opGradient {
		0% {
			-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
			opacity: 0;
		}

		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
			opacity: 1;
		}
	}


        .ty-banner-1 {
            overflow: hidden;
            line-height: 0;
            text-align:center;
        }
        .ty-banner-1 img{
            visibility: hidden;
        }
        .ty-banner-1 img.show{
            visibility: visible;
        }
    

.site{height:60px;position: relative;}
.site p{height:45px;line-height:45px;color: #666;padding-left:20px;background:url(img/site.png) no-repeat left center;}
.site p a{display:inline-block;color: #666;margin:0 10px;font-size:14px;}
.site p a.cur{color: #0073a2;}
.p12-curblock{display: none;}
.case_t{width: 78px;padding-left:6px;background:url(img/san1.png) no-repeat 69px center;position: relative;z-index: 200;}
.case_t:after{position:absolute;width:72px;height:1px;background: #949494;content: "";top:30px;left: 6px;}
.case_t.hover{background:url(img/san2.png) no-repeat 69px center;color:#0073a2;}
.case_t.hover:after{width：0;height:0;}
.case_nav{display:none;position: absolute;height: 118px;width:442px;padding:0 10px;border:1px solid #0073a2;left:192px;top:45px;z-index: 100;background: #fff;}
.case_nav i{position: absolute;width: 84px;height:45px;border:1px solid #0073a2;top:-47px;left:-1px;border-bottom:1px solid #fff;background: #fff;}
.case_nav b{display: block;font-size:12px;line-height: 30px;color: #666;}
.case_nav em{display: block;height:28px;line-height:24px;border-bottom:1px dashed #ddd;font-size:0;}
.case_nav em a{font-size: 12px;color: #666;margin-right:29px;}
.case_nav span{display: block;}
.case_nav span a{float: left;width:110px;text-align: left;line-height: 26px;font-size: 12px;color: #666;}
.case_nav a:hover{color: #0073a2;opacity: 1;}
    

.xm_js{ margin-bottom:37px;}
.xm_js h4{ font-size: 24px; color:#0073a2; border-left:4px solid #0073a2;display: block; padding-left:10px; margin-bottom:10px;font-weight:normal;}
.xm_js h4 em{ font-size: 14px; font-weight: normal; color:#9cbbce; text-transform: uppercase;}
.xm_js .xm_sm{ background:#FFF; height:350px; border:1px solid #dcdcdc; padding-top:38px;}
.xm_sm dl{ height:320px;}
.xm_sm dl dt{  
    padding-top:57px;   
    border: 0px solid #dcdcdc;
    width: 263px;
    height: 173px;
    float: left;
    margin: 33px 23px;}
.xm_sm dl dd{float:left;width:850px;}
.xm_sm dl dd span{display: block;font-size: 28px;color:#333333; height:56px; margin-bottom:29px; background:url("img/hg.jpg") no-repeat left 97%;}
.xm_sm dl dd span strong{ width:188px; height:23px;float:right; margin-top:8px; font-weight: normal; font-size: 14px;}
.xm_sm dl dd span strong em{ float:left;display: block;height:23px;}
.xm_sm dl dd span strong a{ display: block;float:left; margin:0 20px 0 0;padding:0;}
.xm_sm dl dd span strong a.wb{width:24px;height:21px;background: url("img/weibo_ic1.png") no-repeat bottom;}
.xm_sm dl dd span strong a.wx{width:24px;height:21px;background: url("img/wx_ic1.png") no-repeat bottom;}
.xm_sm dl dd span strong a.qq{width:24px;height:21px;background: url("img/qq_ic1.png") no-repeat bottom;}
.xm_sm dl dd span strong a.wb:hover{width:24px;height:21px;background: url("img/weibo_ic2.png") no-repeat bottom;}
.xm_sm dl dd span strong a.wx:hover{width:24px;height:21px;background: url("img/wx_ic2.png") no-repeat bottom;}
.xm_sm dl dd span strong a.qq:hover{width:24px;height:21px;background: url("img/qq_ic2.png") no-repeat bottom;}
.xm_sm dl dd p{font-size: 16px; color:#666666; }
.xm_sm dl dd p i{ display: block;font-size: 14px; color:#666666;line-height: 30px;}
    

        .pro{ margin-bottom:38px;}
.pro h4{ font-size: 24px; color:#0073a2; border-left:4px solid #0073a2;display: block; padding-left:10px; margin-bottom:10px;font-weight:normal;}
.pro h4 em{ font-size: 14px;font-weight: normal;  color:#9cbbce; text-transform: uppercase;}
.pro .cg_sm{background:#FFF; height:278px; border:1px solid #dcdcdc; padding-top:38px;}
.pro .cg{position: relative;padding:21px 64px; overflow: hidden;height:232px; background:#FFF; border:1px solid #dcdcdc;}
.pro ul li{ float:left; margin-right:28px;width:191px;height:232px;background: #f0f0f0;}
.pro ul li img{display:block;width:191px;}
.pro ul li.cur{ margin-left:0;}
.pro ul li em{display: block;text-align: center;font-size: 14px;color: #666;line-height: 24px;}
.pro .cg .prev{ height:41px;background: url("img/sprev2.png") no-repeat center; width:17px; position: absolute;left:22px;top: 118px;}
.pro .cg .next{ height:41px;background: url("img/snext2.png") no-repeat center; width:17px;position: absolute;right:22px;top: 118px;}
.pro .cg .prev:hover{ height:41px;background: url("img/sprev2_h.png") no-repeat center; width:17px; position: absolute;left:22px;}
.pro .cg .next:hover{ height:41px;background: url("img/snext2_h.png") no-repeat center; width:17px;position: absolute;right:22px;}


    

        .pro_cj{ margin-bottom:24px;}
.pro_cj h4{ font-size: 24px; color:#0073a2; border-left:4px solid #0073a2;display: block; padding-left:10px; margin-bottom:10px;font-weight:normal;}
.pro_cj h4 em{ font-size: 14px;font-weight: normal;  color:#9cbbce; text-transform: uppercase;}
.pro_cj .use_img{border:1px solid #dcdcdc;background:#FFF;padding:40px 60px 20px; text-align:center;}
.pro_cj .use_img p{margin-bottom:25px;}
    

	    .relcase{background: #fff;border:1px solid #dcdcdc;padding-bottom:44px;}
.relcase h2{padding:68px 0 20px;text-align: center;font-weight:normal;}
.relcase h2 span{display: block;font-size: 42px;color: #0073a2;line-height:42px;position:relative;padding-bottom:18px;}
.relcase h2 span:after{position:absolute;width: 3.2%;height: 3px;background: #1474a2;content: "";bottom: 0;left: 48.4%;}
.relcase h2 i{display: block;font-size: 16px;color: #0073a2;opacity: 0.5;font-family: "Arial";line-height:44px;}
.relc_box{margin:0 37px;overflow:hidden;}
.relcase ul li{float: left;width: 356px;margin-right:28px;}
.relcase ul li img{display:block;width:356px;height:201px;}
.relcase ul li em{display: block;font-size:20px;color: #333;text-align: center;padding-top:20px;line-height:20px;}
.relcase .pg{height: 12px;text-align: center;margin-top:40px;}
.relcase .pg i{display:inline-block;width: 12px;height: 12px;background: #aaa;border-radius:50%;margin:0 8px;}
.relcase .pg i.cur{background: #1474a2;}
	
