@charset "utf-8";
/* CSS Document */

.left{ float:left;}
.right{ float:right;}
.clear{ height:0; clear:both;}
.wrap{ width:100%; min-width:1200px; background:#f7f9fb; position:relative; overflow:hidden;}
.content{ overflow:hidden;}

.loading{ width:100%; height:100%; background:#fff url(../images/common/flogo.png) center no-repeat; position:fixed; left:0; top:0; z-index:999999;}

/*头部样式*/
.header{ width:100%; height:auto; background:#fff url(../images/common/head_bg.png) center top no-repeat; box-shadow:rgba(0,0,0,0.35) 0 3px 7px; position:relative; z-index:99;}
.header .head{ width:1200px; height:110px; margin:0 auto;}
.header .head h1.logo{ display:block; height:100%; float:left;}
.header .head h1.logo a{ display:block; height:100%;}
.header .head h1.logo a img{ display:block; height:100%;}
.header .head p.btn{ display:block; height:28px; padding:39px 0; float:right;}
.header .head p.btn a{ display:block; width:48px; height:28px; border-radius:3px; box-shadow:rgba(0,0,0,0.35) 0 3px 7px; float:left; margin:0 6px;}
.header .head p.btn a img{ display:block; width:48px; height:28px;}

/*导航样式*/
ul.nav{ display:block; height:110px; z-index:999; float:right; margin-right:28px;}
ul.nav.show::after{ content:''; display:block; width:100%; height:54px; position:absolute; left:0; top:100%; background:rgba(0,0,0,0.4); z-index:9;}
ul.nav li{ display:block; height:110px; text-align:center; float:left; position:relative; z-index:999;}
ul.nav li a{ display:block; min-width:68px; line-height:110px; color:#333; font-size:16px; padding:0 18px; margin:0 10px;}
ul.nav li a:hover,
ul.nav li.on a,
ul.nav li.cur a{ font-weight:bold; background:#e6ebee;}

ul.nav li ul.subNav{ display:none; width:1000%; height:auto; position:absolute; left:50%; margin-left:-500%; top:100%; z-index:998; border:0px solid #eaeaea; *display:none !important;}
ul.nav li ul.subNav::after{ display:none !important;}
ul.nav li ul.subNav li{ display:inline-block; width:auto; vertical-align:top; float:none;}
ul.nav li ul.subNav li::before{ display:none !important;}
ul.nav li ul.subNav li a{ display:block; line-height:54px; color:#fff; font-size:16px; font-weight:normal; background:none;}
ul.nav li ul.subNav li a:hover,
ul.nav li ul.subNav li.on a{ color:#cd191c;}

/*banner样式*/
.banner{ width:100%; height:354px;}
 
/*footer样式*/
.footer{ background:#404040; overflow:hidden; padding:32px 0;}
.footer .foot{ width:1200px; overflow:hidden; margin:0 auto;}
.footer .foot::after{ content:''; display:block; height:0; clear:both;}
.footer .code{ display:block; line-height:84px; color:#a3a3a3; font-size:14px; text-align:right; float:right; margin:16px 0 0;}
.footer .code img{ display:block; height:84px; float:right; margin-left:4px;}
.footer .contact{ overflow:hidden; float:left; *width:622px;}
.footer .contact h2{ display:block; line-height:36px; color:#fff; font-size:22px; overflow:hidden; margin:6px 0 0;}
.footer .contact h2 span{ display:block; font-size:30px;}
.footer .contact h3{ display:block; line-height:58px; color:#bebebe; font-size:16px; overflow:hidden; padding:6px 0 0;}
.footer .contact .txt{ line-height:36px; color:#bebebe; font-size:14px; float:right; margin-left:70px;}
.footer .contact .txt img{ height:20px; vertical-align:top; *vertical-align:middle; margin:8px 12px 0 0;}
.footer .copyright{ line-height:24px; color:#a3a3a3; font-size:14px; text-align:right; overflow:hidden; padding:6px 0 0;}
.footer .copyright a{ color:#a3a3a3;}
.footer .copyright a:hover{ text-decoration:underline;}

/*返回顶部*/
.backToTop{ display:block; width:60px; height:60px; background:url(../images/common/top.png) center no-repeat; position:fixed; _position:absolute; right:16px; bottom:92px; cursor:pointer; z-index:999;}

/*主体样式*/
.main{ position:relative; overflow:hidden; background:url(../images/common/main_bg.jpg) center bottom no-repeat;}

/*左侧*/
.leftCon{ border:1px solid #e6e6e6; border-width:1px 0;}
.leftCon ul.menu{ display:block; width:1200px; overflow:hidden; margin:0 auto;}
.leftCon ul.menu li{ display:block; border-right:1px solid #e6e6e6; float:left;}
.leftCon ul.menu li a{ display:block; line-height:60px; color:#333; font-size:16px; font-family:"微软雅黑"; padding:0 56px;}
.leftCon ul.menu li a:hover,
.leftCon ul.menu li.cur a{ color:#fff; background:#cd191c;}
.leftCon ul.menu li.home{ border-left:1px solid #e6e6e6;}
.leftCon ul.menu li.home a{ width:88px; height:60px; background:url(../images/common/home.png) center no-repeat; padding:0;}

/*右侧*/
.rightCon{ min-height:480px; width:1200px; margin:0 auto;}
.main h2.title{ display:block; line-height:40px; color:#333; font-size:24px; text-align:center; padding:36px 0 0;}
.main h2.title span{ display:block; line-height:30px; color:#999; font-size:16px; font-weight:normal; text-transform:capitalize;}
.main h3.title{ display:block; line-height:36px; color:#333; font-size:24px; font-weight:normal; text-align:center; text-transform:uppercase; padding:56px 0 26px;}
.main p.mark{ display:block; line-height:40px; color:#666; font-size:14px; text-align:center; background:#f0f0f0;}
.main .article{ line-height:38px; color:#555; font-size:15px; font-family:'微软雅黑'; padding:26px 48px 36px;}
.main .article *{ max-width:100%; line-height:inherit; color:inherit; font-size:inherit;}

/*文章切换*/
.main .change{ overflow:hidden; padding:50px 0 76px; border-top:1px solid #ddd;}
.main .change a{ display:block; width:112px; line-height:40px; color:#fff; font-size:16px; text-align:center; background:#666;}
.main .change a:hover{ background:#cd191c;}

/*页码样式*/
.pages{ text-align:center; font-size:14px; padding:48px 0 72px; border-top:1px solid #ddd;}
.pages a{ display:inline-block; min-width:20px; color:#333; height:24px; line-height:24px; text-align:center; padding:3px 5px; margin:0 5px; border:1px solid #ddd;}
.pages a.a1:first-child{ display:none;}
.pages a.a1{ padding:3px 11px;}
.pages a:active,
.pages a:hover{ color:#fff; background:#5692c1; border-color:#5692c1;}
.pages span{ display:inline-block; min-width:20px; color:#333; height:24px; line-height:24px; text-align:center; padding:3px 5px; margin:0 5px; border:1px solid #ddd;}
.pages span{ color:#fff; background:#5692c1; border-color:#5692c1; cursor:pointer;}
.pages span.disabled{ cursor:default;}

/*新闻列表*/
.main ul.newsList{ display:block; padding:30px 0 46px;}
.main ul.newsList li{ display:block; padding:26px; overflow:hidden; margin:0 -26px;}
.main ul.newsList li a.pic{ display:block; float:left; margin-right:52px; box-shadow:rgba(0,0,0,0.17) 0 4px 26px;}
.main ul.newsList li a.pic img{ display:block; width:270px; height:200px;}
.main ul.newsList li a.title{ display:block; line-height:32px; color:#333; font-size:17px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.newsList li a.title:hover{ color:#cd191c;}
.main ul.newsList li span{ display:block; line-height:46px; color:#999; font-size:14px; overflow:hidden;}
.main ul.newsList li .txt{ height:72px; line-height:24px; color:#999; font-size:14px; overflow:hidden;}
.main ul.newsList li a.more{ display:block; width:120px; line-height:36px; color:#cd191c; font-size:14px; text-align:center; background:#ddd; margin:14px 0 0; float:right;}

/*产品列表*/
.main ul.proList{ display:block; padding:34px 0 22px; overflow:hidden; margin:0 -20px;}
.main ul.proList li{ display:block; width:270px; overflow:hidden; float:left; margin:0 20px 26px;}
.main ul.proList li a.pic{ display:block;}
.main ul.proList li a.pic img{ display:block; width:270px; height:204px;}
.main ul.proList li a.title{ display:block; line-height:42px; color:#333; font-size:14px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main ul.proList li a.title:hover{ color:#cd191c;}

/*产品列表*/
.main ul.coopList{ display:block; padding:34px 0 22px; overflow:hidden;}
.main ul.coopList li{ display:block; width:239px; background:#fff; overflow:hidden; float:left; margin:0 1px 1px 0;}
.main ul.coopList li a{ display:block; border:1px solid #fff;}
.main ul.coopList li a img{ display:block; width:100%; height:110px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.main ul.coopList li a:hover{ border-color:#cd191c;}
.main ul.coopList li a:hover img{ filter:none;}

/*联系我们*/
.main .contact{ width:1200px; padding:52px 0 60px; overflow:hidden; margin:0 auto;}
.main .contact form{ display:block; width:790px; padding:8px 0 24px 38px; background:#ebebeb url(../images/icons/contact_bg.png) no-repeat; float:right; overflow:hidden;}
.main .contact form *::placeholder{ color:#999;}
.main .contact form h3{ display:block; line-height:86px; color:#183978; font-size:36px; text-transform:uppercase;}
.main .contact form p{ display:block; overflow:hidden; padding:8px 0;}
.main .contact form p input.txt{ display:block; width:326px; height:36px; line-height:36px; color:#666; font-size:14px; background:#fbfbfb; padding:0 16px; border:0; border-radius:3px; float:left; margin-right:36px;}
.main .contact form p input.txt.short{ width:192px;}
.main .contact form p textarea{ display:block; width:720px; height:110px; line-height:20px; color:#666; font-size:14px; background:#fbfbfb; padding:8px 16px; border:0; border-radius:3px; resize:none; float:left; margin-right:20px;}
.main .contact form p img{ display:block; width:80px; height:32px; cursor:pointer; margin:2px 16px 0 -6px; float:left;}
.main .contact form p input.btn{ display:block; width:202px; height:36px; line-height:36px; color:#fff; font-size:16px; text-transform:uppercase; background:#35cde4; border:0; border-radius:3px; margin:28px auto 0;}
.main .contact .info{ width:264px; background:#183978; padding:8px 22px; float:left; overflow:hidden;}
.main .contact .info h3{ display:block; line-height:86px; color:#fff; font-size:36px; text-transform:uppercase;}
.main .contact .info p{ display:block; line-height:24px; color:#fff; font-size:18px; overflow:hidden; padding:11px 0 10px;}
.main .contact .info p img{ display:block; width:20px; height:20px; float:left; margin:2px 14px 3px 0;}
.main .contact .info p.addr{ line-height:28px; color:#35cde4; font-weight:bold; padding:0 0 26px;}
.main .contact .info p.links{ padding:14px 0 50px; margin:1px -3px 0;}
.main .contact .info p.links a{ display:block; float:left; margin:0 7px;}
.main .contact .info p.links a img{ width:40px; height:40px; float:none; margin:0;}







/**/