@charset "utf-8";
/*head*/
#head{ height: 90px; background: #fff;  position: relative;z-index: 9999;}
.head{height:90px; width:1200px; margin:auto;}
.logo{float:left; margin-top:15px;}
.logo h1{background:url(../images/logo.jpg) no-repeat; width:176px; height:58px; overflow:hidden; font-size:12px;}
.logo h1 a{display:block;text-indent: -9999px; height:80px;}
.nav{height:90px; line-height:90px; float: right; width:672px;}
.nav ul li{float:left; width:96px; text-align:center;}
.nav ul li a{font-family:'Microsoft Yahei';font-size:15px; color:#333; font-weight:bold; display:block;border-top:3px #fff solid;}
.nav ul li a:hover{display:block; border-top:3px #d11a1c solid; color: #294680;}
.nav ul li a.on{border-top:3px #d11a1c solid;}
/*banner*/
#flash{width: 100%;overflow: hidden;margin:0 auto;clear: both;position: relative;}
#flash a{width: 100%;display: none;}
#flash img{width: 100%;}
.flash_bar{width: 520px;padding-left: 48%;z-index: 69;height: 30px;overflow: hidden;position: absolute;padding-top: 13px!important;padding-top: 12px;bottom: 0px;left: 0px;}
.flash_bar .dq{display: block;float: left;width: 8px;height: 8px;margin: 5px 5px;cursor: pointer;background: url(../images/tg_flash_p.png) no-repeat 0px 0px;}
.flash_bar .no{display: block;float: left;width: 8px;height: 8px;margin: 5px 5px;cursor: pointer;background: url(../images/tg_flash_p2.png) no-repeat 0px 0px;}
#flashBg{overflow: hidden;width: 100%;clear: both;margin: 0;padding: 0;}
#flashLine{width: 100%;clear: both;}

/*background: url(../images/touming.png) repeat-x center bottom*/

/*main1*/
.main1{ margin:30px auto; width:1200px; overflow:hidden;}
.content_tit_mid{ width:1200px; height:80px; margin:0 auto;}
.content_tit_midx{ width:500px; height:3px; float:left;position: relative; background:url(../images/xxa.gif) repeat-x; margin-top:22px;}
.content_tit_midx span{position: absolute;height: 3px;right: 0px;background:#cf1b1a;width:31px;display: block;bottom: 0px;-webkit-animation: easepointer 4s ease-in-out 0s infinite;animation: easepointer 4s ease-in-out 0s infinite;}
.content_tit_midr{width:500px; height:3px; float:right;position: relative; background:url(../images/xxa.gif) repeat-x;margin-top:22px;}
.content_tit_midr span{position: absolute;height: 3px;left: 0px;background:#cf1b1a;width:31px;display: block;bottom: 0px;-webkit-animation: easepointera 4s ease-in-out 0s infinite;animation: easepointera 4s ease-in-out 0s infinite;}
.main_nav{ width:200px; height:43px; line-height:43px; float:left; text-align:center; font-family:"微软雅黑"; font-size:30px;color:rgb(0, 0, 0);}
.main_nav_p{ width:1200px; margin:auto; text-align:center;  line-height:24px;}
.main_nav_p p{ font-size:14px; font-family:"微软雅黑"; color:#333;}
.stitle {font-family: 微软雅黑; line-height: 24.8px; color: rgb(0, 0, 0);font-size:14px; }
.stitlebottom {border-bottom:4px solid #e81212; width:30px;height:5px;margin-left:44%;}
@keyframes easepointer{0%{right:0px;} 30%{right:400px} 60%{right:0px;} 100%{right:0px;}}
@-webkit-keyframes easepointer{0%{right:0px;} 30%{right:400px} 60%{right:0px;} 100%{right:0px;}}
@keyframes easepointera{0%{left:0px;} 30%{left:400px} 60%{left:0px;} 100%{left:0px;}}
@-webkit-keyframes easepointera{0%{left:0px;} 30%{left:400px} 60%{left:0px;} 100%{left:0px;}}

.s_pro{ margin-top:25px;} 
.s_pro ul li{ float:left; width:225px; height:245px; margin-right:33px; text-align:center;}
.s_pro ul li img{ width:100%; overflow:hidden;}
.s_pro ul li span{ font-size:18px; height:35px; line-height:35px; background:#efefef;font-family:"微软雅黑"; width:225px; display:block;font-weight:bold;}
.s_pro ul li p{ background:#2c4683; height:30px; text-align:center; line-height:30px; color:#fff;font-family:"微软雅黑"; font-size:14px;}
.s_pro ul li a:hover{position:relative;animation:ahover 500ms infinite;-webkit-animation:ahover 500ms infinite; /*Safari and Chrome*/}
@keyframes ahover
{
	from {left:5px;}
	to {left:0px;}
}

@-webkit-keyframes ahover
{
from {left:5px;}
to {left:0px;}
}

/*main2*/
.main2{ padding:25px 0px;margin:30px auto; background:#ebebeb; overflow:hidden;}
.s_case{ width:1200px; margin:5px auto;}
.s_case_box{ float:left; margin-right:80px; margin-top:20px;width:210px;height:285px;background:#000;position:relative;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.s_case_box .s_case_box_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.s_case_box:hover .s_case_box_img{opacity:0.6;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.s_case_box .s_case_box_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.s_case_box .s_case_box_caption,.s_case_box .s_case_box_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.s_case_box .s_case_box_caption_p{font-size:18px; font-weight:bold; font-family:"微软雅黑";text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.s_case_box:hover .s_case_box_caption_p{color:#fff;opacity:1; }

/*产品服务*/
.fwbox {
    width:100%;
    height:300px;
    background:#e81212;
    margin-top:10px;
}
.fwcontainbox {width:1200px; margin:0 auto}
.fwcontainbox ul {width:850px; margin:0 auto}
.fwcontainbox ul li { width:204px;height:250px;float:left;background:#ffffff; margin:36px 36px;}
.fwcontainbox img {margin: 40px 36px 20px 48px;}
.fwtitle{width:95%;text-align:center;font-weight:bold; font-family:"微软雅黑";text-align:center;color:#e81212;
          font-size:18px;padding:5px}
.fwdec {padding:10px;text-align:left;
} 

/*合作客户*/
.about_hzkh_f{ background-color:#f4f4f4; margin-top:1rem; padding:2rem 0px 1rem; overflow:hidden;}
.about_hzkh_f div{ overflow:hidden; max-width:1200px; width:100%; margin:0 auto}
.about_hzkh_f div ul{ overflow:hidden; width:106%;}
.about_hzkh_f div ul li{ float:left;width:14%;height:90px; border:1px solid #EEEEEE;text-align:center;margin:10px;background:#ffffff;border-radius:10px}
.about_hzkh_f div ul li img{ width:90%;vertical-align:central;margin-top:15PX;}
.tabBar{ width:100%; overflow:hidden;}
.tabBar dd{ max-width:1200px; width:90%; margin:0px auto; font-size:1.625rem; color:#323232; height:6.875rem; line-height:6.875rem;}
.about_hzkh_f div ul li:hover {border:1px solid #e81212}
   

/*main3*/
.main3{ width:1200px; margin:20px auto; overflow:hidden;}
.s_new{ margin-top:20px;}
.s_new ul li {
	width: 460px;
	float: left;
	margin-right: 40px;
	margin-bottom: 25px;
}
.s_new ul li img {
	margin-right: 12px;
	float: left;
	width: 132px;
	height: 99px;
	overflow: hidden;
}
.s_new ul li h3 {
	font-family: 'Microsoft Yahei';
	font-size: 15px;
	font-weight: bold;
	color: #154381;
	line-height: 28px;
}
.s_new ul li p 
{
	line-height: 22px;
	margin-bottom:5px;
}
.s_new ul li span a
{
	color: #fff;
	background:#2c4683;
	padding:5px 15px;
}
.s_new ul li span a:hover{ background:#d11a1c;}


/*main4*/
.main4{width: 100%;position: relative;height: auto;overflow: hidden;margin-top:24px; }
.s_about_nav{ width:1200px; margin:auto; text-align:center;}
.s_about_nav p{ font-family:"微软雅黑"; font-size:20px; font-weight:bold; margin-top:45px; color:#fff;}
.s_about{  width:950px; margin:30px auto;}
.s_about p{ line-height:26px;font-family:"微软雅黑"; font-size:14px; color:#fff; margin-bottom:20px;}
.read_more{ width:130px; height:30px; line-height:30px; background:#e81212;margin:auto; text-align:center;}
.read_more a{color:#fff;font-family:"微软雅黑"; font-size:14px; }
.read_more a:hover {color:#ffffff }
   



.aboutusimgbox {
            width: 100%;
            height: 230px;
            background: #333333;
            margin-top: 20px;
        }

        .imgbox {
            width: 1200px;
            margin: 0 auto;
            height: 210px;
            text-align: center;
        }

            .imgbox img {
                width: 310px;
                height: 158px;
                float: left;
                padding: 36px 20px;
                text-align: center;
            }






.footlinks {clear:both;margin:0px auto;padding:3px 0px;height:auto;font-size:9pt;line-height:140%;color:#EEE;text-align:center;background:#2c4683;}
.footlinks a:link, .footlinks a:visited {font-size:9pt;line-height:140%;color:#EEE;}


/*foot*/
.bottom{ background:#ffffff; overflow:hidden; padding:12px 0px; border-top:1px solid #e6e6e6}
.showlogo 
{
    display: block;
    width: 120px;
    float: left;
    margin-left: 19%;
    text-align: right;
    margin-top: 23px;

}
.showlogo img {width:50% } 
.foot{width:1200px; margin:auto;}
.foot p{width:550px;text-align:center; color:#333333;line-height:28px; float:left;font-size:13px;
    font-family: 微软雅黑;}
.foot p a{ color:#fff;}