@charset "utf-8";
/* CSS Document */
*{ margin: 0;padding: 0;}
body { font-size:14px;line-height:26px;color:#666666; font-family:Microsoft YaHei,SimSun; -webkit-text-size-adjust:none; overflow-x:hidden; }
a{ color:#666666; text-decoration:none; cursor:pointer;transition:all 0.3s;}
a:hover{ text-decoration:none;transition:all 0.3s;}
ul {list-style: none;}
li{ list-style-type:none;}
img{border:0;}


/*-------------- top --------------*/
.header{ width:100%; height:788px;overflow:hidden;}
.allnav{ width:100%; height:127px; position:relative;}
.allnavr{ width:50%; height:34px; position:absolute; right:0px; border-bottom:#d4d4d4 solid 1px;}
.allnavc{ width:1200px; height:127px; margin:0 auto; position:relative; z-index:1;}
.logo{ width:310px; height:127px; float:left;}
.logo img{ padding-top:27px;}
.navup{ width:880px; height:34px; line-height:34px; float:right;border-bottom:#d4d4d4 solid 1px; font-size: 20px;}
.navup1{ float:right; padding-left:30px;background:url(../Image/headtel.png) no-repeat left; color:#9e9e9e;}
.navup2{ float:right; padding-left:30px;background:url(../Image/cpztlogo.png) no-repeat left;  margin-left:20px; margin-right:15px;}
.navup2 a{color:#d20000;}
.navup2 a:hover{ background-color:#d20000; color:#FFF; padding-left:5px; padding-right:5px;}

.nav{ width:880px; height:92px; float:right;}
.nav a{ width:88px; height:92px; line-height:92px;display:block;float:left; text-align:center; color:#666666;}
.nav a:hover{ background-color:#004199; color:#FFF;}

/*------------------menu-list  css样式--------------------*/
.menu-list { 
       clear:both;
        padding-right:0px; 
		display:none; 
		height:auto;
		padding-left:0px; 
		font-size:10px;
		padding-top:0px;
		position:absolute; 
		z-index:999999;
		}
.menu-list ul {float:left; list-style:none; background-color:#004199;width:88px; height:auto;overflow:hidden!important; overflow:visible;font-family:Microsoft YaHei;}
.menu-list ul li { padding:0px; float:left; float:left; text-align:center; width:100%; height:32px; line-height:32px;}
.menu-list ul li a { display:block; text-align:center; line-height:32px;  display:block;cursor:pointer; color:#fff; font-size:14px; text-decoration:none; width:100%;}
.menu-list ul li a:hover { line-height:32px; font-weight:bold;color:#ffea00; text-decoration:none;}


.banner{ width:1200px; height:600px; position:relative;margin:0 auto;}
/* 本例子css */
		.slideBox{ width:1920px; height:600px; overflow:hidden; position:relative; left:-360px;}
		.slideBox .hd{ width:100%;height:100px; overflow:hidden; position:absolute;bottom:0px;background-color:rgba(0,0,0,0.5); z-index:1; }
		.slideBox .hd ul{ width:1200px; height:100px; position:relative; margin:0 auto;overflow:hidden; zoom:1;}
		.slideBox .hd ul li{ float:left; width:400px; height:82px;cursor:pointer; padding-top:8px;}
		.slideBox .hd ul li img{ width:138px; height:82px; border-right:#ffffff solid 5px; float:left;}
		.hdwz{ width:195px; height:auto; padding-left:16px; display:block; float:left; color:#FFF;}
		
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:600px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none; }
.headsech{ width:100%; height:60px; line-height:60px; background-color:#f5f5f5;}
.headsech ul{ width:1200px; height:60px; margin:0 auto;}
.keywords1{ width:auto; height:60px; float:left;color:#666666;line-height:60px;font-weight:bold;}
.keywords1 a{ color:#666666; font-weight:400; font-size:12px;}
.keywords1 a:hover{ text-decoration:underline;}

.search1{ width:185px;height:32px;background:url(../Image/search.jpg) no-repeat bottom right; float:right; margin-top:14px;}
.search1 .txt{ width:145px; float:left; height:32px; line-height:32px;border:none; background:none;text-indent:10px; color:#989898;}
.search1 .but{ width:40px; height:32px; float:right;border:none;background:none;  cursor:pointer;}

.headerzy{ width:100%; height:413px;overflow:hidden;}
.bannerzy{ width:100%; height:224px;background: url(../Image/bannerzy.jpg) repeat-x center;}



/*-------------- index --------------*/
#warp{ width:100%; height:100%; overflow:hidden;}
.products{ width:100%; height:auto; overflow:hidden; padding-top:20px;}
.productslogo{ width:100%; height:69px;background: url(../Image/prologobg.jpg) repeat-x center;}
.productslogo1{ width:281px; height:69px; display:block;background:url(../Image/prologo.jpg) no-repeat center; margin:0 auto;}
.productscon{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding-top:33px;}
.prolist{ width:243px; height:100%; float:left;}
.procon{ width:938px; height:100%; float:right;}
.proconup{ width:888px; height:177px; border:#004199 solid 10px; padding:15px;}
/* 本例子css */
		.slideBox1{ width:100%; height:177px; overflow:hidden; position:relative;}
		.slideBox1 .hd{ height:25px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox1 .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox1 .hd ul li{ float:left; margin-right:5px; border-radius:50%;width:25px; height:25px; line-height:25px; text-align:center; background:#fff; cursor:pointer; background-color:#f6f6f6;}
		.slideBox1 .hd ul li.on{ background:#ce0000; color:#fff; }
		.slideBox1 .bd1{ position:relative; width:100%;height:100%; z-index:0;   }
		.slideBox1 .bd1 li{width:100%;height:100%; zoom:1; vertical-align:middle;}
		.bd1_1{ width:236px; height:177px; display:block; float:left;}
		.bd1_1 a{ width:236px; height:177px; display:table-cell; vertical-align:middle; text-align:center;}
		.bd1_1 img{max-width:236px; max-height:177px;}
		
		.bd1_2{ width:337px; height:177px; display:block; float:left; padding-left:35px;}
		.bd1_2 a{ width:337px; height:177px; display:block;}
		.bd1_2_1{ width:100%; height:auto; display:block; font-size:20px; font-weight:bold; color:#ffa200;}
		.bd1_2_2{ width:100%; height:auto; display:block;}
		.bd1_2_2_1{ color:#102f7f; font-weight:bold;}
		.bd1_2_t{ padding-left:15px;}
		.bd1_3{ width:242px; height:126px; float:right; padding-top:10px;}
		.bd1_3_1{ width:auto; height:auto; display:block; float:right; padding-left:28px;background: url(../Image/protel.jpg) no-repeat left; font-size:18px; font-weight:bold;}
		.bd1_3_2{ width:100%; height:auto; line-height:32px; font-size:30px; font-family:impact; color:#004199; text-align:right; display:block; overflow:hidden;}
		.bd1_3_3{ width:100%; height:45px; line-height:45px;display:block; padding-top:20px;}
		.bd1_3_3 a{ width:100%; height:45px; display:block; border-radius:10px;  background-color:#ce0000; text-align:center; color:#FFF;}
		.bd1_3_3 a:hover{ background-color:#004199;}
		
.proconf{ width:100%; height:auto; overflow:hidden; padding-top:20px;}
.proconf ul{ width:110%; height:auto; overflow:hidden; position:relative;}
.proconf li{ width:237px; height:234px; float:left; line-height:32px;}
.proconf li a{ width:224px; height:222px;border:#004199 solid 1px;background-color:#004199; color:#FFF;display:block; text-align:center;}
.proconf li a:hover{ border:#ce0000 solid 1px;  background-color:#ce0000; color:#fff;}
.proconfimg{ width:224px; height:189px; display:block; background-color:#fff;}
.proconfimg1{ width:224px; height:189px; display:table-cell; vertical-align:middle; text-align:center;}
.proconfimg1 img{max-width:224px; max-height:189px;}

.youshi{ width:100%; height:395px; background-color:#004199; margin-top:20px;}
.youshi1{ width:1200px; height:395px; position:relative; margin:0 auto;}
.youshi1l{ width:181px; height:403px; float:left; padding-top:30px; position:absolute;}
.youshi1r{ width:982px; height:395px; float:right;background: url(../Image/youshicbg.png) no-repeat center;}
.youshi1rl{ width:324px; height:auto; float:left; padding-left:25px; padding-top:30px;}
.youshi1rlup{ width:100%; height:150px; display:block;}
.youshi1rlup1{width:100%; height:auto; display:block; line-height:38px; font-size:20px; color:#FFF; position:relative; top:100px;opacity:0;}
.youshi1rlup2{width:90%; height:auto; display:block;color:#89b6f3; position:relative; top:200px; opacity:0;}
.youshi1rlup3{width:100%; height:auto; display:block; line-height:38px; font-size:20px; color:#FFF; position:relative; top:100px;opacity:0;}
.youshi1rlup4{width:90%; height:auto; display:block;color:#89b6f3; position:relative; top:200px; opacity:0;}
.youshi1rlup5{width:100%; height:auto; display:block; line-height:38px; font-size:20px; color:#FFF; position:relative; top:100px;opacity:0;}
.youshi1rlup6{width:90%; height:auto; display:block;color:#89b6f3; position:relative; top:200px; opacity:0;}
.youshi1rlup7{width:100%; height:auto; display:block; line-height:38px; font-size:20px; color:#FFF; position:relative; top:100px;opacity:0;}
.youshi1rlup8{width:90%; height:auto; display:block;color:#89b6f3; position:relative; top:200px; opacity:0;}


.youshi1rlf{width:100%; height:auto; display:block; padding-top:50px;}
.youshi1rc{ width:148px; height:235px; float:left; padding-left:67px; padding-top:96px;}
.youshi1rc1{ width:100%; height:auto; display:block; text-align:center;transform:scale(5); opacity:0;}
.youshi1rc2{ width:100%; height:auto; display:block; padding-top:20px; text-align:center; font-size:24px; color:#ffd200; font-weight:bold;}
.youshi1rc2_1{ width:100%; height:auto; display:block;opacity:0;}
.youshi1rc2_2{ width:100%; height:auto; display:block;opacity:0;}
.youshi1rc1_1{-webkit-animation:1s ease-in forwards;-moz-animation:1s ease-in forwards;-ms-animation:1s ease-in forwards;animation:1s ease-in forwards;-webkit-animation-name:bounceout;-moz-animation-name:bounceout;-ms-animation-name:bounceout;animation-name:bounceout;animation-delay:3.6s;
-webkit-animation-delay:3.6s;}
/* 弹出 */
@-webkit-keyframes bounceout{
    0%{-webkit-transform:scale(6);}
    25%{-webkit-transform:scale(4.95);}
    50%{opacity:1;-webkit-transform:scale(5.1);}
    100%{opacity:1;-webkit-transform:scale(1);}
}
@-moz-keyframes bounceout{
    0%{-moz-transform:scale(6);}
    25%{-moz-transform:scale(5.95);}
    50%{opacity:1;-moz-transform:scale(6.1);}
    100%{opacity:1;-moz-transform:scale(1);}
}
@-ms-keyframes bounceout{
    0%{-ms-transform:scale(6);}
    25%{-ms-transform:scale(5.95);}
    50%{opacity:1;-ms-transform:scale(6.1);}
    100%{opacity:1;-ms-transform:scale(1);}
}
@keyframes bounceout{
    0%{transform:scale(6);}
    25%{transform:scale(5.95);}
    50%{opacity:1;transform:scale(6.1);}
    100%{opacity:1;transform:scale(1);}
}

.youshi1rc2_1_1{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;-webkit-animation-name:bounceinL;-moz-animation-name:bounceinL;-ms-animation-name:bounceinL;animation-name:bounceinL;animation-delay:4.1s;
-webkit-animation-delay:4.1s;opacity:1;}
/* 弹入-从左 */
@-webkit-keyframes bounceinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    60%{opacity:1;-webkit-transform:translateX(30px);}
    80%{opacity:1;-webkit-transform:translateX(-10px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    60%{opacity:1;-moz-transform:translateX(30px);}
    80%{opacity:1;-moz-transform:translateX(-10px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes bounceinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    60%{opacity:1;-ms-transform:translateX(30px);}
    80%{opacity:1;-ms-transform:translateX(-10px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes bounceinL{
    0%{opacity:0;transform:translateX(-100px);}
    60%{opacity:1;transform:translateX(30px);}
    80%{opacity:1;transform:translateX(-10px);}
    100%{opacity:1;transform:translateX(0);}
}
.youshi1rc2_2_2{opacity:1;-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;-webkit-animation-name:bounceinR;-moz-animation-name:bounceinR;-ms-animation-name:bounceinR;animation-name:bounceinR;animation-delay:4.1s;
-webkit-animation-delay:4.1s;}
/* 弹入-从右 */
@-webkit-keyframes bounceinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    60%{opacity:1;-webkit-transform:translateX(-30px);}
    80%{opacity:1;-webkit-transform:translateX(10px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    60%{opacity:1;-moz-transform:translateX(-30px);}
    80%{opacity:1;-moz-transform:translateX(10px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes bounceinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    60%{opacity:1;-ms-transform:translateX(-30px);}
    80%{opacity:1;-ms-transform:translateX(10px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes bounceinR{
    0%{opacity:0;transform:translateX(100px);}
    60%{opacity:1;transform:translateX(-30px);}
    80%{opacity:1;transform:translateX(10px);}
    100%{opacity:1;transform:translateX(0);}
}

.a-swing{-webkit-animation:2s infinite;-moz-animation:2s infinite;-ms-animation:2s infinite;animation:2s infinite;-webkit-animation-name:swing;-moz-animation-name:swing;-ms-animation-name:swing;animation-name:swing;}
/* 摇摆 */
@-webkit-keyframes swing{
    0%{-webkit-transform:rotate(10deg);}
    40%{-webkit-transform:rotate(-10deg);}
    60%{-webkit-transform:rotate(10deg);}
    80%{-webkit-transform:rotate(-10deg);}
    100%{-webkit-transform:rotate(10deg);}
}
@-moz-keyframes swing{
    0%{-moz-transform:rotate(10deg);}
    40%{-moz-transform:rotate(-10deg);}
    60%{-moz-transform:rotate(10deg);}
    80%{-moz-transform:rotate(-10deg);}
    100%{-moz-transform:rotate(10deg);}
}
@-ms-keyframes swing{
    0%{-ms-transform:rotate(10deg);}
    40%{-ms-transform:rotate(-10deg);}
    60%{-ms-transform:rotate(10deg);}
    80%{-ms-transform:rotate(-10deg);}
    100%{-ms-transform:rotate(10deg);}
}
@keyframes swing{
    0%{transform:rotate(10deg);}
    40%{transform:rotate(-10deg);}
    60%{transform:rotate(10deg);}
    80%{transform:rotate(-10deg);}
    100%{transform:rotate(10deg);}
}


.youshi1rr{width:324px; height:auto; float:right; padding-left:25px; padding-top:30px;}

.indexc{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding-top:30px;}
.indexcl{ width:790px; height:auto; overflow:hidden; float:left;}
.company{ width:100%; height:auto; overflow:hidden;}
.companylogo{ width:100%; height:65px; line-height:65px;}
.companylogo1{ color:#004199; font-size:30px; font-weight:bold;}
.companylogo2{ color:#dddddd; padding-left:15px; font-size:30px; font-family:Arial, Helvetica, sans-serif;}
.companylogo3{ float:right;width:31px; height:31px; display:block; padding-top:10px;}
.companylogo3 a{ width:31px; height:31px; display:block;}
.companylogo3 a:hover{ opacity:0.7;}
.companycon{ width:100%; height:auto; overflow:hidden; color:#666666; line-height:28px; padding-top:5px;}
.companycon img{ width:174px; height:257px; float:left; padding-right:20px;}

.culture{width:100%; height:auto; overflow:hidden; padding-top:20px;}
.culturecon{width:100%; height:auto; overflow:hidden;padding-top:5px;}
.cultureconl{ width:307px; height:257px; float:left;}
.cultureconr{ width:461px; height:257px; float:right;}
.cultureconrup{ width:100%; height:135px;}
.cultureconrf{ width:100%; height:124px;}

#pro_gd{ width:100%; height:122px; margin:0 auto; overflow:hidden;}
#pro_gd li{ float:left;width:190px; height:122px;}
#pro_gd li a{width:173px; height:120px; display:block; border:#ededed solid 1px;}
#pro_gd li a:hover img{ transition:all 0.8s;transform:rotateY(180deg);}
#pro_gd img{width:173px; height:120px;transition:all 0.8s;}

.indexr{ width:379px; height:auto; overflow:hidden; float:right; background-color:#f8f8f8; padding-top:25px; padding-bottom:30px;}
.question{ width:330px; height:auto; overflow:hidden; margin:0 auto;}
.questioncon{ width:100%; height:auto; overflow:hidden; padding-top:5px;}
.questioncon li{ width:100%; height:101px;}
.questioncon li a{width:100%; height:101px; display:block;}
.questioncon1{ width:100%; height:auto; display:block; color:#1c59b5; line-height:22px;}
.questioncon1_1{ width:22px; height:22px; display:block; background-color:#2a458e; border-radius:3px; color:#FFF; text-align:center; float:left; margin-right:10px;}
.questioncon2{ width:100%; height:auto; display:block; padding-top:7px; color:#9a9a9a;}
.questioncon2_1{width:22px; height:22px; display:block; background-color:#ff9c00; border-radius:3px; color:#FFF; text-align:center; float:left; margin-right:10px;}
.questioncon li a:hover .questioncon1{ color:#ff9c00; font-weight:bold;}
.questioncon li a:hover .questioncon1_1{ font-weight:400;}


.news{width:330px; height:auto; overflow:hidden; margin:0 auto; padding-top:35px;}
.newscon{ width:100%; height:auto; padding-top:15px;}
.newscon li{ width:100%; height:40px; line-height:40px;}
.newscon li a{ width:100%; height:40px; display:block; color:#26324a; text-indent:15px;background: url(../Image/newslibg.jpg) no-repeat left;}
.newscon li a:hover{ background-color:#f2f2f2; color:#004199; text-indent:20px;}

.case{ width:100%; height:auto; background-color:#f8f8f8; padding-bottom:50px; padding-top:20px;}
.caselogo{ width:100%; height:79px;background: url(../Image/56sdf.jpg) repeat-x center bottom;}
.caselogo1{ width:281px; height:77px; display:block;background:url(../Image/hezuologo.jpg) no-repeat center; margin:0 auto;}
.casecon{ width:1200px; height:auto; margin:0 auto; overflow:hidden; padding-top:20px; padding-bottom:30px;}
/* 本例子css */
		.picScroll-left{ width:100%;  overflow:hidden; position:relative;}
		
		.picScroll-left .bd{ width:100%; height:auto; overflow:hidden;}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ width:308px; height:290px;float:left; _display:inline; overflow:hidden;}
		.picScroll-left .bd ul li a{ width:282px; height:288px; display:block;}
		.picScroll-left .bd ul li a:hover{ color:#FFF;}
		.caseimg{ width:282px; height:199px; display:block; background-color:#FFF;}
		.caseimg1{ width:282px; height:199px; display:table-cell; text-align:center; vertical-align:middle;}
		.caseimg1 img{max-width:282px; max-height:199px;}
		.caset{ width:282px; height:101px;background:url(../Image/casebg.png) no-repeat center; display:block; position:relative; top:-12px;transition:all 0.5s;}
		.caset1{ width:100%; height:43px; line-height:43px; text-indent:23px; padding-top:12px;display:block;}
		.caset2{ width:109px; height:26px; line-height:26px;text-align:center; color:#FFF; display:block; margin-left:23px; border-radius:20px; background-color:#004199;transition:all 0.5s;}
		.picScroll-left .bd ul li a:hover .caset{background:url(../Image/casebgh.png) no-repeat center;transition:all 0.5s;}
		.picScroll-left .bd ul li a:hover .caset2{background-color:#a4c8ff; color:#004199; transition:all 0.5s;}
		
.indexgg{ width:100%; height:150px; background-color:#004199;}
.indexgg1{ width:1200px; height:150px; margin:0 auto; position:relative;}
.indexgg_l{ width:862px; height:121px; float:left; padding-left:20px; padding-top:20px;}
.indexgg_l1{ width:100%; height:32px; line-height:32px; display:block;}
.indexgg_l1l{ width:auto; height:auto; display:block; float:left;font-size:30px; color:#FFF; font-weight:bold;}
.indexgg_l1l_1{ color:#ffd200;}

.indexgg_l1r{ width:329px; height:30px; display:block; float:right; line-height:30px; font-family:impact; color:#7fb5ff; padding-left:38px;background:url(../Image/indexggtel.png) no-repeat left; font-size:30px;}

.indexgg_l2{ width:100%; height:34px; line-height:34px; display:block; background-color:#ffd200; border-radius:30px; text-indent:20px; font-weight:bold;color:#000; font-size:20px; margin-top:10px;}
.indexgg_l3{ width:100%; height:40px; line-height:40px; font-size:16px;}
.indexgg_l3 a{ color:#FFF;}
.indexgg_l3 a:hover{ color:#ffd200;}
.indexgg_r{ width:264px; height:201px; position:absolute; top:-51px; right:0px;}

.indexgg_r1{ width:264px; height:244px; position:absolute; top:-51px; right:40px;}

.scxc{ width:100%; height:auto; overflow:hidden; padding-top:30px; padding-bottom:30px;background-color:#f8f8f8;}
.scxclogo{ width:100%; height:77px;background: url(../Image/scxckigibg.jpg) repeat-x center;}
.scxclogo1{ width:281px; height:77px; display:block;background:url(../Image/scxclogo.jpg) no-repeat center; margin:0 auto;}
.scxccon{ width:1200px; height:auto; overflow:hidden; padding-top:25px; margin:0 auto;}
#pro_gd12{ width:100%; height:250px; margin:0 auto; overflow:hidden; text-align:center; line-height:18px;}
#pro_gd12 li{width:308px; height:250px;float:left;}
#pro_gd12 li a{ width:282px; height:250px; display:block;}
#pro_gd12 li a:hover{ color:#FFF;}
.scxccont{ width:100%; height:60px; line-height:70px;background:url(../Image/casebg.png) no-repeat top; display:block; position:relative; top:-12px;transition:all 0.5s;}
#pro_gd12 li a:hover .scxccont{background:url(../Image/casebgh.png) no-repeat top;}


/*-------------- left --------------*/
.allleft{ width:243px; height:1398px; float:left;overflow:hidden;background-color: #004199;}
.prolistlogo{width: 100%;height:66px; line-height:66px; text-align:center;background: url(../Image/prologo.png) no-repeat 21px 17px;font-size:30px; color:#ffc000; font-weight:bold; border-bottom:#3353aa solid 1px;}

.prolistcon{ width:100%; height:auto; overflow:hidden;}

/* 本例子css */
		.sideMenu{ width:100%; height:auto; overflow:hidden;}
		.sideMenu h3{ width:100%;height:59px; line-height:59px;background:#4e8fe7 url(../Image/prolibgb.png) no-repeat 208px 22px; cursor:pointer; font-size:18px; font-weight:bold; text-indent:25px; margin-bottom:7px;}
		.sideMenu h3 a{ color:#FFF;}
		.sideMenu h3.on{background:#4e8fe7 url(../Image/prolibg.png) no-repeat 208px 22px;}
		.sideMenu ul{ width:100%; height:auto; overflow:hidden;display:none; /* 默认都隐藏 */ }
		.sideMenu ul li{ width:100%; height:56px; line-height:47px; text-align:center;background: url(../Image/prolifbg.jpg) no-repeat bottom;}
		.sideMenu ul li a{ width:100%; height:56px; display:block; color:#84b8ff;}
		.sideMenu ul li a:hover{ color:#FFF;}


.prolistf{ width:100%; height:155px; background-color:#003781; margin-top:13px;}
.prolistfup{ width:100%; height:auto; display:block; margin:0 auto;overflow:hidden;background:url(../Image/leftfbg.jpg) repeat-x top;}
.prolistfup1{ width:85%; height:auto; display:block; color:#FFF; font-size:24px; margin:0 auto;background: url(../Image/leftprobg.jpg) no-repeat left; text-indent:40px; margin-top:35px;}
.prolistfup2{ width:85%; height:auto; display:block; color:#ff9c00; font-size:32px; font-family:impact;margin:0 auto; line-height:40px;}





/* 本例子css */
		.slideTxtBox{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
		.slideTxtBox .hd{ width:100%;height:40px; line-height:40px; text-align:center;position:relative; }
		.slideTxtBox .hd ul{ float:left;  position:absolute;}
		.slideTxtBox .hd ul li{ float:left;width:180px;height:40px; line-height:40px; text-align:center; margin-right:2px;cursor:pointer;}
		.slideTxtBox .hd ul li a{width:180px;height:40px;display:block;background:url(../Image/zprohobg.jpg) no-repeat right; color:#FFF; font-size:18px; font-weight:bold;}
		.slideTxtBox .hd ul li.on a{width:180px;height:40px;display:block;background:url(../Image/zprobg.jpg) no-repeat right; color:#004199;}
		.slideTxtBox .bd ul{ width:1160px; height:82px; background-color:#f5f5f5;zoom:1; padding:12px 20px 12px 20px;}
		.slideTxtBox .bd li{ width:auto; height:24px; line-height:24px; float:left;}
		.slideTxtBox .bd li a{ width:auto; height:24px; display:block; padding-right:15px; padding-left:15px;background:url(../Image/zyprolibg.jpg) no-repeat right;}
		.slideTxtBox .bd li a:hover{ text-decoration:underline; color:#004199; font-weight:bold;}

/*-------------- right --------------*/

.allright{ width:245px; height:auto; overflow:hidden; float:right; padding-top:20px;}
.rhotpor{ width:100%; height:auto; overflow:hidden;}
.rhotporlogo{ width:100%; height:45px; line-height:45px; color:#FFF; text-indent:25px; font-size:18px;background:url(../Image/riglogo.jpg) no-repeat left top;}
.rhotporcon{ width:100%; height:auto; overflow:hidden; padding-top:20px;}

/* 本例子css */
.picScroll-top{ margin:0 auto;width:245px;overflow:hidden; position:relative;}
.picScroll-top .bd{ padding:0px; margin:0;}
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{float:left;width:245px; height:243px; overflow:hidden;}
.picScroll-top .bd ul li a{width:243px; height:226px; display:block; border:#2ac59b solid 1px; background-color:#2ac59b; text-align:center;}
.picScroll-top .bd ul li a:hover{ background-color:#2b5c97;border:#2b5c97 solid 1px;}
.bdimg_{ width:243px; height:184px; display:block; overflow:hidden;}
.bdimg1_{ width:243px; height:184px; background-color:#FFF; display:table-cell; vertical-align:middle; text-align:center;}
.bdimg1_ img{max-width:243px; max-height:184px;}
.bdwz_{ width:100%; height:42px; line-height:42px; color:#FFF;}

.rconta{ width:100%; height:auto; overflow:hidden; border-bottom:#2b5c97 solid 6px; background-color:#fafafb;}
.rcontacon{ width:100%; height:auto; overflow:hidden; padding-top:15px; padding-bottom:25px;}
.rcontacon ul{ width:90%; height:auto; overflow:hidden; margin:0 auto; line-height:32px;}



/*-------------- contact ys --------------*/
.icon-user-md{width: 32px;
    font-size: 14px;}

.contup{ width:100%; height:195px; padding-top:45px; padding-bottom:30px; overflow:hidden; background-color:#f6f6f6;}
.contuplf a:hover{ color:#3d4c91; font-weight:bold;}
.contup ul{ width:1200px; height:100%; margin:0 auto;}
.contupl{ width:419px; height:auto; float:left; padding-left:15px;}
.contuplup{ width:100%; height:70px;font-size:36px; font-weight:bold; color:#3d4c91; line-height:70px; display:block;}
.contuplf{ width:100%; height:auto;display:block; line-height:30px; font-size:12px; color:#555555;}
.contupr{ width:auto; height:auto; overflow:hidden; padding-right:20px; display:block; float:right;}
#allmap{width:100%;height:290px;}

/*-------------- contact ys --------------*/

/*-------------- end --------------*/
.end{ width:100%; height:auto; background-color:#2567c2; overflow:hidden;float:left;color:#FFF;}
.footup{ width:1200px; height:auto; margin:0 auto; padding-bottom:20px; overflow:hidden;}
.footlogo{ width:321px; height:100%;float:left;}
.footlogo1{ width:321px; height:94px; padding-top:30px; display:block;}
.footlogo2{ width:100%; height:auto; display:block; padding-top:6px; line-height:44px; font-size:43px; color:#ffd200; font-style:italic;}

.footupl{ width:86px; height:166px; float:left;margin-top:30px; padding-left:49px;}
.footupl1{ width:100%; height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#fff;}
.footupl2{ width:100%; height:auto; display:block; font-size:13px;}
.footupl2 a{ width:86px; height:30px; line-height:30px; display:block; color:#8ebeff; float:left;}
.footupl2 a:hover{ background-color:#8ebeff; color:#000; text-indent:5px;}

.footupc{ width:119px; height:auto; float:left; margin-left:10px;margin-top:30px;}
.footupc1{ width:100%;height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#fff;}
.footupc2{width:100%; height:auto; display:block;font-size:13px;}
.footupc2 a{ width:100%; height:30px; line-height:30px; display:block; color:#8ebeff; float:left;}
.footupc2 a:hover{ background-color:#8ebeff; color:#000; text-indent:5px;}

.footupc_{ width:258px; height:166px; float:left; margin-left:10px;margin-top:30px; padding-left:19px;}
.footupc_1{width:100%;height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#fff;}
.footupc_2{ width:100%; height:auto; display:block; color:#8ebeff; font-size:12px; line-height:22px;}
.footupc_2 a{color:#8ebeff;}

.footcenr{ width:160px; height:auto; float:right; display:block; text-align:center; line-height:32px; color:#fff;}
.footcenr img{ width:137px; height:137px; padding-top:20px;}

.footf{ width:100%; height:41px; line-height:41px; background-color:#27384c; text-align:center; color:#7a96b8; font-size:12px;}
.footf a{ color:#7a96b8;}
.footf a:hover{ text-decoration:underline;}



/*public*/
.zyname{ width:100%; height:41px; margin:0 auto; position:relative; background-color:#f9f9f9;}
.zyname1{ width:82px; height:82px; display:block;margin:0 auto; position:relative; top:-41px;}
#main{width:100%; height:100%; overflow:hidden; padding-bottom:30px; padding-top:20px;}
.main1{width:100%; height:100%;margin:0 auto; overflow:hidden;}
#company{ width:100%; height:100%; overflow:hidden; float:right;line-height:32px; background-color:#FFF;}
#companyct{ width:100%; height:100%; overflow:hidden; float:left;line-height:32px;}

.nr{ width:1185px; height:auto; overflow:hidden; margin:0 auto;padding:20px 10px 45px 10px;}
.nr1{ width:1185px; height:auto; overflow:hidden; margin:0 auto;padding:20px 10px 20px 10px;}
.nr table{border-collapse: collapse;width:auto;margin:0 auto; margin-top: 10px; margin-bottom: 10px;}
.nr tr:first-child{ background-color:#f4f4f4; font-weight:bold}
.nr table th,.nr table td{ padding:5px;border:1px solid #dedede;} 
.nr tr{text-align: center;}
.nr tr:nth-child(odd){background-color:#e2f4f9}


.rightinfo{ padding:20px 10px 20px 10px; overflow:hidden;}
.rightinfo table{border-collapse: collapse;width:auto;margin:0 auto; margin-top: 10px; margin-bottom: 10px;}
.rightinfo tr:first-child{ background-color:#f4f4f4; font-weight:bold}
.rightinfo table th,.rightinfo table td{ padding:5px;border:1px solid #dedede;} 
.rightinfo tr{text-align: center;}
.rightinfo tr:nth-child(odd){background-color:#e2f4f9}


/*public  ----产品内容页*/
.pronrup{ width:100%; height:100%; overflow:hidden; padding-bottom:25px;}
.pronrupl{ width:40%; height:auto; overflow:hidden; float:left; padding-right:2px;}
.pronrupr{ width:58%; height:auto; overflow:hidden; float:right; padding-bottom:20px;}
.pronrupr1{ width:100%; height:40px; line-height:40px; display:block; color:#1d7ae1; background-color:#767676;}
.pronrupr1_1{ width:auto; padding-left:6px; padding-right:6px; height:40px; display:block; text-align:center; color:#FFF;background-color:#2b5c97; float:left;}
.pronrupr1_2{ width:100%; height:auto; display:block; padding-top:8px;}
.pronrupr1_3{color:#000; font-weight:bold;}
.pronrupr1_2 a:hover{ text-decoration:underline;}

.pronrupr2{ width:100%; height:50px; display:block; padding-top:10px;}
.pronrupr2_1{ width:135px; height:39px; line-height:39px; display:block; float:left;}
.pronrupr2_1 a{ width:100%; height:39px; display:block;color:#fff;background:url(../Image/qqpibg.png) no-repeat 10px 10px; background-color:#333333;display:block; text-indent:50px;font-weight:bold;}
.pronrupr2_1 a:hover{ color:#000;background:url(../Image/qqpibg.png) no-repeat 10px -30px; background-color:#c40000; color:#FFF;}
.pronrupr2_2{ width:198px; height:29px; padding-top:7px; display:block; float:left; padding-left:20px;}

.pronrupr3{ width:100%; height:55px;padding-left:61px;background:url(../Image/protel.png) no-repeat left; font-size:20px; color:#f25000; display:block; line-height:24px;}
.pronrupr3_1{color:#000; font-size:14px;}

.pronrupr2_112{ width:140px; height:42px; line-height:42px; display:block; float:left;}

.pronrupr2_11{ width:100%; height:42px; display:block;color:#c40000;background:url(../Image/weixin.png) no-repeat 5px 10px;background-color:#ffeded;border:#c40000 solid 1px; border-radius:8px; text-indent:37px;transition:all 0.3s}
.pronrupr2_11:hover{ color:#000;background:url(../Image/weixin.png) no-repeat 5px -30px; background-color:#c40000; color:#FFF;transition:all 0.3s}
.pronrupr2_22{ width:148px; height:148px; display:none; position:relative; top:-50px;transition:all 0.3s}
.pronrupr2_22 img{width:148px; height:148px;}
.pronrupr2_11:hover .pronrupr2_22{ display:block;width:148px; height:148px; position:relative; top:-157px; left:91px;transition:all 0.3s}

.w45{ width:49%}
.f_left{ float:left;}
.f_right{ float:right;}

/*public  ----产品内容页*/
.zynav{width:100%; height:102px;background: url(../Image/prologobg.jpg) repeat-x center;}
.zynav ul{ width:1200px; height:69px; margin:0 auto; position:relative;}
.zynavct{ width:100%; height:55px; line-height:55px; border-bottom:#ececec solid 1px;margin-top:15px;}
.zynav1{ width:100%; height:40px; line-height:40px; display:block; text-align:center; font-weight:bold; font-size:30px;color:#363636;}
.zynav1_1{ color:#1c59b5;}
.zynav2{width:100%; height:40px; line-height:40px; display:block; text-align:center; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#777777;}
.zynav3{ width:54px; height:3px; display:block; margin:0 auto; position:relative; bottom:-2px; background-color:#d90900;}

#indexNews li{ line-height:33px; border-bottom:1px dotted #cecccc; padding:0 12px 0 10px; position:relative; }
#indexNews li:hover{border-bottom:1px solid #cecccc; background-color:#f1f1f1}
#indexPro{height:215px; overflow:hidden; margin:0 auto;}
#indexPro li{ margin:10px; width:215px; height:190px; float:left; display:block; text-align:center; line-height:24px;}
#indexPro li img{ border:2px solid #ffb913; width:215px; height:165px; }
.introImg{ float:left; margin-right:10px;}
.info_date{ float:right; padding-right:8px;}
/*company*/
/************新闻*****************/
.news_tit_u{text-align: center;font-size: 16px;color: #2b5c97;line-height: 30px; font-weight:700;}
.news_tit_d{text-align: center;padding: 5px 0px;font-size: 12px;font-weight: 100; border-bottom:#e8e8e8 solid 1px;color: #303030;width: 98%;margin: 10px auto;height: 20px;line-height: 20px;}
.news_tit_img{ margin:9px auto; text-align:center}
.news_tit_img img{ max-height:600px; max-width:600px;}
.pro_name{display:block;color:#da020d;text-align:center;}



/*-------------- news --------------*/
.newsList li{ width: 100%; height:auto; overflow:hidden; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dotted #636363;}
.newsList li .imgPic{ width: 250px; height:188px; padding: 5px; border: 1px dotted  #029b63;margin-left: 10px; margin-right: 10px; overflow: hidden; float: left;}
.newsList li .imgPic img{width: 100%;}
.newsList li .newsInfos{ float: left; margin-left: 10px; margin-right: 10px; width: 852px; color:#757575; font-size:12px;}
.newsList li .newsInfos .newsTitle{ line-height: 32px; font-size: 14px;}
.newsList li .newsInfos .newsTitle i.fa-bookmark{color: #e87816;}
.newsList li .newsInfos .newsTitle .newsTime{ float: right;}
.newsList li a:hover{ color:#e70012;}

.newsList li .newsInfos .newsInfo{ line-height: 26px; text-indent: 2em; padding-bottom:15px; padding-top:10px;}
.newsList li.l .imgPic{float: right;}


.newsList li:hover{ border-bottom: 1px dashed #636363;}
.newsList li:hover .imgPic{border: 1px dashed #636363;}




/************产品*****************/
.produc{ width:110%; margin:0 auto; overflow:hidden; position:relative;}
.produc li{width:303px; height:279px; float:left;}
.producimg{width:242px; height:191px; border:#e2e2e2 solid 1px; margin-top:7px;  display:block;margin-left:6px;}
.producimg1{width:242px; height:191px;display:table-cell; vertical-align:middle; text-align:center;}
.producimg img{ max-height:191px;max-width:242px;}
.produc li a{width:256px; height:250px; display:block;border:#e2e2e2 solid 1px; text-align:center;}
.products1{ width:100%; height:45px; line-height:41px; display:block; border-bottom:#c9c9c9 solid 5px;transition:all 0.3s;}
.produc li a:hover .products1{width:100%; height:45px; background-color:#2b5c97; color:#FFF;border-bottom:#2b5c97 solid 4px;transition:all 0.3s;}

.food_name{display: block;color: #da020d;text-align: center;}
.info_img_detail{ text-align:center; margin:10px 0;}
.info_img_detail img{ width:400px;}
/************分页*****************/
.page{width:99%; height: 30px; line-height: 30px;text-align: center; margin: 12px auto;font-size: 12px; clear:both;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border: 1px solid #d2d4d6;}
.page a{display: inline-block;height: 20px;line-height: 20px;border: 1px solid #d2d4d6;padding: 0 2px;background: #FFF;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:1px 3px;}
.page span.current {padding:3px 6px 3px 6px;height:18px;line-height:18px;background:#404040;color:#fff;}
/************留言*****************/
#company .rightinfo table{margin:0 auto}
#company .rightinfo table td{padding:2px 5px; text-align: center;}
#company .nr1 table{margin-left:2px;}
#company .nr1 table th{color:#444444;font-weight:normal;font-size:14px;font-family:'Microsoft YaHei',arial;text-align:right;vertical-align: top;padding-top: 9px;}
#company .nr1 table td select{font-family: 'Microsoft YaHei',arial;font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px;	background: #FFF;*+margin-left:-3px;}
#company .nr1 table td ul{list-style:none;position:absolute;}
#company .nr1 table td ul li{	font-family:'Microsoft YaHei',arial;font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px;height:28px;border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;}
#company .nr1 table td ul li a{display:block;text-decoration:none;color:#444444;}
#company .nr1 table td ul li a:hover{color:#fe7d0c;}
#company .nr1 table td ul li:last-child{border-bottom:1px solid #d2d4d6;}
#company .nr1 table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
#company .nr1 table td .yanzheng{width:101px;}
#company .nr1 table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
#company .nr1 table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;}
#company .nr1 table td .but{width:74px;height:31px;line-height:27px;background:#3398fe;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:'Microsoft YaHei',SimHei,sans-serif;color:#FFF;}
/************招聘*****************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs .but a{position:relative;top:-150px;background:#3398fe;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
.job_nam{ font-weight:700; color:#F00}
/*------------------menu-list--------------------*/
#graybar,.recruit_info_tit_bg{ height:33px; background:#e1e1e1; margin-bottom: 10px;}
#graybar span,.recruit_info_tit{ width:100px; line-height:33px; text-align:center; display:block; color:#FFF; background:#2b5c97; border-right:1px solid #FFF;}
#prev_next{margin: 10px 20px;clear: both;overflow: hidden;}
#prev_next li{margin: 5px 0;}


.ptop{ width:100%; height:400px;background:url(../Image/ztlogo.jpg) no-repeat center;}
.pnav{ width:100%; height:60px; line-height:60px; background-color:#f5f5f5;}
.pnav ul{ width:1200px; height:60px; margin:0 auto;}
.pnav a{ width:120px; height:60px; line-height:60px;display:block;float:left; text-align:center; color:#666666;}
.pnav a:hover{ background-color:#004199; color:#FFF;}
.pcon1{ width:100%; height:914px;background:url(../Image/jingxibg.jpg) no-repeat center;}
.pcon1 ul{ width:1138px; height:auto; overflow:hidden; margin:0 auto; padding-top:160px;}
.pcon1 li{ width:284px; height:375px; float:left;}
.pcon1 li a{ width:268px; height:335px; display:block;}
.pcon1img{width:268px; height:268px; display:block; overflow:hidden; background-color:#FFF;}
.pcon1img1{width:268px; height:268px; display:table-cell; vertical-align:middle; text-align:center;}
.pcon1img1 img{max-width:268px; max-height:268px;}
.pcon1tal{ width:100%; height:78px; display:block; background-color:#004eb8; border-bottom:#ffcc00 solid 8px; color:#FFF; text-align:center;transition:all 0.8s;}
.pcon1t{ width:100%; height:auto; display:block; padding-top:19px; font-size:15px;}
.pcon1t1{ width:100%; height:auto; display:block;font-size:13px;}
.pcon1 li a:hover .pcon1tal{ background-color:#ffcc00; color:#000; transition:all 0.8s;}
.pcon2 li a:hover .pcon1tal{ background-color:#ffcc00; color:#000; transition:all 0.8s;}
.pcon3 li a:hover .pcon1tal{ background-color:#ffcc00; color:#000; transition:all 0.8s;}
.pcon4 li a:hover .pcon1tal{ background-color:#ffcc00; color:#000; transition:all 0.8s;}
.pcon5 li a:hover .pcon1tal{ background-color:#ffcc00; color:#000; transition:all 0.8s;}


.pcon2{ width:100%; height:1007px;background:url(../Image/kuangyongbg.jpg) no-repeat center;}
.pcon2 ul{ width:1138px; height:auto; overflow:hidden; margin:0 auto; padding-top:232px;}
.pcon2 li{ width:284px; height:375px; float:left;}
.pcon2 li a{ width:268px; height:335px; display:block;}

.pcon3{ width:100%; height:1007px;background:url(../Image/zhengdong.jpg) no-repeat center;}
.pcon3 ul{ width:1138px; height:auto; overflow:hidden; margin:0 auto; padding-top:232px;}
.pcon3 li{ width:284px; height:375px; float:left;}
.pcon3 li a{ width:268px; height:335px; display:block;}

.pcon4{ width:100%; height:640px;background:url(../Image/peijian.jpg) no-repeat center;}
.pcon4 ul{ width:1138px; height:auto; overflow:hidden; margin:0 auto; padding-top:232px;}
.pcon4 li{ width:284px; height:375px; float:left;}
.pcon4 li a{ width:268px; height:335px; display:block;}

.pcon5{ width:100%; height:999px;background:url(../Image/huanbao.jpg) no-repeat center;}
.pcon5 ul{ width:1138px; height:auto; overflow:hidden; margin:0 auto; padding-top:232px;}
.pcon5 li{ width:284px; height:375px; float:left;}
.pcon5 li a{ width:268px; height:335px; display:block;}

.phonor{ width:100%; height:576px;background:url(../Image/prohonorp.jpg) no-repeat center;}